@charset "UTF-8";
/*
    HTML5 Reset :: style.css
    ----------------------------------------------------------
    We have learned much from/been inspired by/taken code where offered from:

    Eric Meyer					:: http://meyerweb.com
    HTML5 Doctor				:: http://html5doctor.com
    and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
menu,
nav,
section,
time,
mark,
audio,
video,
details,
summary {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent
}
article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
  display: block
}
/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img,
object,
embed {
  max-width: 100%
}
/*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
    In fact, it *will* cause problems with Google Maps' controls at small size.
    If this is the case for you, try uncommenting the following:

#map img {
        max-width: none;
}
*/
/* force a vertical scrollbar to prevent a jumpy page */
html {
  overflow-y: scroll
}
/* we use a lot of ULs that aren't bulleted.
    you'll have to restore the bullets within content,
    which is fine because they're probably customized anyway */
ul {
  list-style: none
}
blockquote,
q {
  quotes: none
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  -webkit-text-decoration-skip: none;
}
del {
  text-decoration: line-through
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help
}
/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0
}
th {
  font-weight: bold;
  vertical-align: bottom
}
td {
  font-weight: normal;
  vertical-align: top
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}
input,
select {
  vertical-align: middle
}
pre {
  white-space: pre;
  /* CSS2 */white-space: pre-wrap;
  /* CSS 2.1 */white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */word-wrap: break-word/* IE */
}
input[type="radio"] {
  vertical-align: text-bottom
}
input[type="checkbox"] {
  vertical-align: bottom
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline
}
.ie6 input {
  vertical-align: text-bottom
}
select,
input,
textarea {
  font: 99% sans-serif
}
table {
  font-size: inherit;
  font: 100%
}
small {
  font-size: 85%
}
strong {
  font-weight: bold
}
td,
td img {
  vertical-align: top
}
/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative
}
sup {
  top: -0.5em
}
sub {
  bottom: -0.25em
}
/* standardize any monospaced elements */
pre,
code,
kbd,
samp {
  font-family: monospace,sans-serif
}
/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
  cursor: pointer
}
/* Webkit browsers add a 2px margin outside the chrome of form elements */
button,
input,
select,
textarea {
  margin: 0
}
/* make buttons play nice in IE */
button,
input[type=button] {
  width: auto;
  overflow: visible
}
/* scale images in IE7 more attractively */
.ie7 img {
  -ms-interpolation-mode: bicubic
}
img {
  vertical-align: bottom;
}
/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/
/* let's clear some floats */
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}
.clearfix:after {
  clear: both
}
.clearfix {
  zoom: 1
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: none
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.slick-track:before,
.slick-track:after {
  content: "";
  display: table
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none
}
[dir="rtl"] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
/* Slider */
.slick-loading .slick-list {
  background: #fff url("/_assets/images/ajax-loader.gif") center center no-repeat
}
/* Icons */
@font-face {
  font-family: "slick";
  src: url("/_assets/images/fonts/slick.eot");
  src: url("/_assets/images/fonts/slick.eot?#iefix") format("embedded-opentype"),url("/_assets/images/fonts/slick.woff") format("woff"),url("/_assets/images/fonts/slick.ttf") format("truetype"),url("/_assets/images/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal
}
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25
}
.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-prev {
  left: -25px
}
[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px
}
.slick-prev:before {
  content: "←"
}
[dir="rtl"] .slick-prev:before {
  content: "→"
}
.slick-next {
  right: -25px
}
[dir="rtl"] .slick-next {
  left: -25px;
  right: auto
}
.slick-next:before {
  content: "→"
}
[dir="rtl"] .slick-next:before {
  content: "←"
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}
.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1
}
.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75
}
html,
body {
  -webkit-text-size-adjust: 100%;
}

html {
  overflow-y: auto;
  height: 100%;
  font-size: 62.5%;
  overflow-x: hidden;
}
body {
  font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  word-wrap: break-word;
  color: #000;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
}

body.top {
  overflow-x: hidden;

}

@media all and (-ms-high-contrast: none) {
  html {
    overflow-x: hidden;
}
}

@media screen and (max-width: 768px) {
  body {
    font-size: 12px;
    font-size: 1.2rem
  }
}
body.spmn {
  overflow: hidden
}
a {
  text-decoration: none;
  color: #d8d8d8;
  outline: none
}

.pc-only {
  display: block
}
@media screen and (max-width: 768px) {
  .pc-only {
    display: none
  }
}
.sp-only {
  display: none
}
@media screen and (max-width: 768px) {
  .sp-only {
    display: block
  }
}
#wrapper {
  position: relative;
  min-width: 1450px;
  padding-top: 150px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0
}
@media screen and (max-width: 768px) {
  #wrapper {
    min-width: 100%;
    padding-top: 80px
  }
}
body.top #wrapper {
  padding-top: 99px
}
@media screen and (max-width: 768px) {
  body.top #wrapper {
    padding-top: 49px
  }
}
/*body.add-important-announcement #wrapper {
  padding-top: 0
}*/
.clearfix:after {
  content: '';
  display: block;
  clear: both
}
.breadcrumb-original {
  display: none
}
.container {
  width: 1400px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .container {
    width: 90vw
  }
}
.container.min {
  width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 100px;
  padding-left: 100px
}
@media screen and (max-width: 768px) {
  .container.min {
    width: 90vw;
    padding-right: 0;
    padding-left: 0
  }
}
.contenr-header {
  padding-top: 70px;
  padding-bottom: 100px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .contenr-header {
    padding-top: 45px;
    padding-bottom: 60px
  }
}
.contenr-header h1 {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 30px;
  font-size: 56px;
  font-size: 5.6rem;
  line-height: 1.3;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  .contenr-header h1 {
    margin-bottom: 15px;
    padding-bottom: 20px;
    font-size: 24px;
    font-size: 2.4rem
  }
}
.contenr-header h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 80px;
  height: 3px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  .contenr-header h1:after {
    width: 30px
  }
}
.contenr-header h1 span {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .contenr-header h1 span {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
.contenr-header h2 {
  margin-bottom: 60px;
  font-family: "游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 32px;
  font-size: 3.2rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  .contenr-header h2 {
    margin-bottom: 35px;
    font-size: 18px;
    font-size: 1.8rem
  }
}
.contenr-header h2 span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem
}
@media screen and (max-width: 768px) {
  .contenr-header h2 span {
    font-size: 15px;
    font-size: 1.5rem
  }
}
.contenr-header h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .contenr-header h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.contenr-header p {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.5
}
@media screen and (max-width: 768px) {
  .contenr-header p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2
  }
}
.contenr-header p.tl {
  width: 1200px;
  margin-right: auto;
  margin-left: auto;
  text-align: left
}
@media screen and (max-width: 768px) {
  .contenr-header p.tl {
    width: 100%
  }
}
.contenr-header.hf-btm {
  padding-bottom: 30px
}
@media screen and (max-width: 768px) {
  .contenr-header.hf-btm {
    padding-bottom: 20px
  }
}
.contenr-header.hf-btm h2 {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  .contenr-header.hf-btm h2 {
    margin-bottom: 0
  }
}
.contenr-header.tit-only {
  padding-bottom: 0
}
.contenr-header.tit-only h1 {
  margin-bottom: 0
}
main.about-activity-detail .contenr-header h1 {
  font-size: 48px;
  font-size: 4.8rem
}
@media screen and (max-width: 768px) {
  main.about-activity-detail .contenr-header h1 {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.rt-box {
  width: 1400px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 70px;
  padding-bottom: 70px
}
@media screen and (max-width: 768px) {
  .rt-box {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 30px
  }
}
.rt-box.hc {
  background-color: #f2f5f4
}
.rt-box.nt {
  padding-top: 0
}
@media screen and (max-width: 768px) {
  .rt-box.nt {
    padding-top: 0
  }
}
.rt-box.nb {
  padding-bottom: 0
}
@media screen and (max-width: 768px) {
  .rt-box.nb {
    padding-bottom: 0
  }
}
.rt-box.hmb {
  margin-bottom: 110px
}
@media screen and (max-width: 768px) {
  .rt-box.hmb {
    margin-bottom: 50px
  }
}
.rt-box a {
  color: #2a6460
}
.rt-box a.pdf {
  display: inline-block;
  padding-left: 30px;
  text-decoration: none;
  color: #333;
  background-image: url(/_assets/images/ico-pdf.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  .rt-box a.pdf {
    padding-left: 20px;
    background-size: 12px auto
  }
}
.rt-box a.pdf:hover {
  text-decoration: underline
}
main.economics .rt-box.hc {
  background-color: #f1f5f8
}
main.foreign .rt-box.hc {
  background-color: #f9eff3
}
.rt-link-button {
  text-align: center;
  margin: 20px auto;
}
.rt-link-button a {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 500px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 80px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-decoration: none;
  color: #fff;
  border: solid 1px #2a6460;
  background-color: #2a6460;
  background-image: url(/_assets/images/link-aw-w.svg);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 34px auto
}
.rt-link-button a.wide {
  width: 600px;
}
@media screen and (max-width: 768px) {
  .rt-link-button a {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px;
    background-position: 95% center;
    background-size: 17px auto
  }
  .rt-link-button a.wide {
    width: 100%;
  }
}
.rt-link-button a:hover {
  color: #2a6460;
  border: solid 1px #2a6460;
  background-color: #fff;
  background-image: url(/_assets/images/link-aw.svg);
  background-position: 96% center
}
@media screen and (max-width: 768px) {
  .rt-link-button a:hover {
    color: #fff;
    background-color: #2a6460;
    background-image: url(/_assets/images/link-aw-w.svg);
    background-position: 95% center
  }
}
.rt-link-button a .bl {
  display: inline-block;
    padding-left: 24px;
    background-image: url(/_assets/images/ico-blank-g.svg);
    background-repeat: no-repeat;
    background-position: 20px center;
    background-size: 16px auto;
    width: auto;
    padding: 20px 40px;
    line-height: 2;
}
.rt-link-button.cw a {
  color: #2a6460;
  background-color: #fff;
  background-image: url(/_assets/images/link-aw.svg)
}
.rt-link-button.hb_g a {
  border: solid 1px #296563
}
.rt-link-button.blank span {
  display: inline-block;
  padding-left: 30px;
  background-image: url(/_assets/images/ico-blank-w.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 16px auto
}
.rt-link-button.blank a:hover span {
  background-image: url(/_assets/images/ico-blank-g.svg)
}
@media screen and (max-width: 768px) {
  .rt-link-button.blank a:hover span {
    background-image: url(/_assets/images/ico-blank-w.svg)
  }
}
.rt-link-button.pdf span {
  display: inline-block;
  padding-left: 30px;
  background-image: url(/_assets/images/ico-pdf-w.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 16px auto
}
.rt-link-button.pdf a:hover span {
  background-image: url(/_assets/images/ico-pdf.svg)
}
@media screen and (max-width: 768px) {
  .rt-link-button.pdf a:hover span {
    background-image: url(/_assets/images/ico-pdf-w.svg)
  }
}
.rt-link-button.xls span {
  display: inline-block;
  padding-left: 30px;
  background-image: url(/_assets/images/ico-xls.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 16px auto
}
.rt-link-button.doc span {
  display: inline-block;
  padding-left: 30px;
  background-image: url(/_assets/images/ico-doc.svg);
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 16px auto
}
.rt-link-button.xls a:hover span {
  background-image: url(/_assets/images/ico-xls-g.svg)
}
@media screen and (max-width: 768px) {
  .rt-link-button.xls a:hover span {
    background-image: url(/_assets/images/ico-xls.svg)
  }
}
.rt-link-button.border a {
  border: solid 1px #2a6460
}
.rt-link-button.ib {
  display: inline-block
}
.rt-link-button.l2 a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 80px;
  line-height: 1.5;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .rt-link-button.l2 a {
    height: 50px
  }
}
.rt-link-button.l2 a span {
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: left;
  white-space: nowrap
}
@media screen and (max-width: 330px) {
  .rt-link-button.w320 {
    font-size: 10px !important;
    font-size: 1rem !important
  }
  .rt-link-button.w320 span {
    padding-left: 20px
  }
}
.rt-link-button.hmt {
  margin-top: 60px
}
@media screen and (max-width: 330px) {
  .rt-link-button.hmt {
    margin-top: 30px
  }
}
.rt-article-links:after {
  content: '';
  display: block;
  clear: both
}
.rt-article-links li {
  float: left;
  width: 580px;
  border-top: solid 4px #dae6e4
}
@media screen and (max-width: 768px) {
  .rt-article-links li {
    float: none;
    width: 100%
  }
}
.rt-article-links li:nth-child(odd) {
  clear: both
}
.rt-article-links li:nth-child(even) {
  float: right
}
@media screen and (max-width: 768px) {
  .rt-article-links li:nth-child(even) {
    float: none
  }
}
.rt-article-links li.hb {
  border-bottom: solid 4px #dae4e3
}
@media screen and (max-width: 768px) {
  .rt-article-links li.hb {
    border-bottom: none
  }
}
.rt-article-links li:nth-last-child(2) {
  border-bottom: solid 4px #dae4e3
}
@media screen and (max-width: 768px) {
  .rt-article-links li:nth-last-child(2) {
    border-bottom: none
  }
}
.rt-article-links li:last-child {
  border-bottom: solid 4px #dae4e3
}
.rt-article-links li a {
  display: table-cell;
  width: 580px;
  height: 95px;
  padding-right: 45px;
  padding-left: 20px;
  font-size: 20px;
  font-size: 2rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  vertical-align: middle;
  color: #000;
  background-image: url(/_assets/images/link-aw.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .rt-article-links li a {
    width: 90vw;
    height: 50px;
    padding-right: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    background-position: 100% center;
    background-size: 17px auto
  }
}
.rt-article-links li a:hover {
  color: #2a6460;
  background-color: #dae4e3;
  background-position: 98% center
}
@media screen and (max-width: 768px) {
  .rt-article-links li a:hover {
    color: #000;
    background-color: transparent;
    background-position: 100% center
  }
}
.rt-title-t1 {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 30px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  color: #2a6460
}
.faculty-top-syllabus .rt-title-t1 {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .rt-title-t1 {
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 20px;
    font-size: 2rem
  }
}
.rt-title-t1 span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .rt-title-t1 span {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.rt-title-t1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  background-color: #2a6460
}
.faculty-top-syllabus .rt-title-t1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  display: block;
  width: 40px;
  height: 2px;
  background-color: #2a6460
}
.faculty-top-syllabus p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .rt-title-t1:after {
    width: 20px
  }
}
.rt-title-t1.nb {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  .rt-title-t1.nb {
    margin-bottom: 0
  }
}
.rt-title-t2 {
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #2a6460;
  border-bottom: solid 1px #a7b7b4
}
.rt-title-t3 {
  margin-bottom: 10px;
  padding-bottom: 15px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #2a6460;
}
@media screen and (max-width: 768px) {
  .rt-title-t2 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem
  }
  .rt-title-t3 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.rt-title-t2.hmt {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  .rt-title-t2.hmt {
    margin-top: 40px
  }
}
.rt-title-t2.nb {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  .rt-title-t2.nb {
    margin-bottom: 0
  }
}
.rt-no-title {
  position: relative;
  margin-bottom: 40px;
  padding-left: 55px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .rt-no-title {
    margin-bottom: 15px;
    padding-left: 35px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.rt-no-title.hfb {
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  .rt-no-title.hfb {
    margin-bottom: 15px
  }
}
.rt-no-title a {
  text-decoration: underline;
  color: #333
}
.rt-no-title a.pdf {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  .rt-no-title a.pdf {
    padding-left: 20px
  }
}
.rt-no-title a.pdf::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 24px;
  -webkit-transform: translateY(40%);
  transform: translateY(40%);
  background-image: url(/_assets/images/ico-pdf.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  .rt-no-title a.pdf::before {
    width: 13px;
    height: 17px;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    background-size: 13px auto
  }
}
.rt-no-title a.blank {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  .rt-no-title a.blank {
    padding-left: 20px
  }
}
.rt-no-title a.blank::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 24px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-size: 20px auto
}
@media screen and (max-width: 768px) {
  .rt-no-title a.blank::before {
    width: 13px;
    height: 17px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-size: 13px auto
  }
}
.rt-no-title span {
  position: absolute;
  top: 0.2em;
  left: 0;
  display: block;
  width: 35px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  .rt-no-title span {
    top: 0em;
    width: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px
  }
}
.rt-tit-under-note {
  margin-bottom: 55px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .rt-tit-under-note {
    margin-bottom: 25px;
    padding-left: 1em;
    font-size: 10px;
    font-size: 1rem
  }
}
.rt-select {
  position: relative;
  display: inline-block;
  vertical-align: middle
}
.rt-select::before {
  content: "";
  position: absolute;
  pointer-events: none
}
.rt-select::after {
  content: "";
  position: absolute;
  pointer-events: none
}
.rt-select::after {
  content: "\25BC";
  top: 50%;
  right: 1.5em;
  height: 1em;
  margin-top: -.5em;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .rt-select::after {
    font-size: 15px;
    font-size: 1.5rem
  }
}
.rt-select::before {
  top: 0;
  right: 0;
  bottom: 0;
  width: 80px;
  border-radius: 0 0 0 0
}
@media screen and (max-width: 768px) {
  .rt-select::before {
    width: 60px
  }
}
.rt-select::before {
  background-color: #589991
}
.rt-select::after {
  color: #fff
}
.rt-select select {
  width: 500px;
  height: 60px;
  margin: 0;
  padding: 0 20px;
  padding-right: 2.5em;
  font-size: inherit;
  line-height: 60px;
  text-indent: 0.01px;
  text-overflow: '';
  color: #333;
  border: 0;
  border: solid 1px #666;
  border-radius: 0;
  background-color: #fff;
  -webkit-appearance: button
}
@media screen and (max-width: 768px) {
  .rt-select select {
    width: 90vw;
    height: 40px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 40px
  }
}
.rt-select select[disabled] {
  color: rgba(0, 0, 0, 0.3)
}
.rt-select select[disabled]::after {
  color: rgba(0, 0, 0, 0.1)
}
.rt-select.ss::after {
  content: "\25BC";
  top: 50%;
  right: 1.5em;
  height: 1em;
  margin-top: -.5em;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .rt-select.ss::after {
    font-size: 10px;
    font-size: 1rem
  }
}
.rt-select.ss::before {
  width: 40px
}
@media screen and (max-width: 768px) {
  .rt-select.ss::before {
    width: 40px
  }
}
.rt-select.ss::before {
  background-color: #2a6460
}
.rt-select.ss select {
  width: 250px;
  height: 50px;
  margin: 0;
  padding: 0 20px;
  padding-right: 2.5em;
  font-size: inherit;
  line-height: 50px;
  text-indent: 0.01px;
  text-overflow: '';
  color: #2a6460;
  border: 0;
  border: solid 1px #ddd;
  border-radius: 0;
  background-color: #fff;
  -webkit-appearance: button
}
@media screen and (max-width: 768px) {
  .rt-select.ss select {
    width: 90vw;
    height: 35px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 35px
  }
}

.rt-warp-column{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin-bottom: 40px;
}
  .rt-warp-column p{flex: 0 0 50%;}
  .rt-warp-column div{flex-direction: column;}
  .rt-warp-column div iframe:last-child{padding-top: 20px;}

@media screen and (max-width: 768px) {
  .rt-warp-column{flex-flow: column nowrap;}
  .rt-warp-column iframe{width: 100%;}
}

.mt-article {
  width: 1200px;
  margin-right: auto;
  margin-left: auto
}

.mt-article:after{
  content: "";
  display: block;
  clear: both;
}

.mt-article img {
  width: initial !important;
  max-width: none !important;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .mt-article {
    width: 100%;
    padding:20px;
  }
  .mt-article img {
    width: 100% !important;
    height: auto !important;
  }
  .mt-article img.nowide {
    width: auto !important;
    height: auto !important;
  }
}
.mt-article figure {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-align: left
}
@media screen and (max-width: 768px) {
  .mt-article figure {
    width: 90vw
  }
}

.mt-article figure img{
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto;
  display: block;
}

.mt-article figure figcaption {
  padding-top: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left
}
@media screen and (max-width: 768px) {
  .mt-article figure figcaption {
    padding-top: 10px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
.mt-article figure + p {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article figure + p {
    margin-top: 30px
  }
}
.mt-article figure + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article figure + figure {
    margin-top: 30px
  }
}
.mt-article figure + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article figure + .rt-link-button {
    margin-top: 30px
  }
}
.mt-article figure + h1 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article figure + h1 {
    margin-top: 35px
  }
}
.mt-article figure + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article figure + h2 {
    margin-top: 35px
  }
}
.mt-article figure + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article figure + h3 {
    margin-top: 35px
  }
}
.mt-article figure + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article figure + .color-box {
    margin-top: 30px
  }
}
.mt-article figure + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article figure + .site-link-box {
    margin-top: 30px
  }
}
.mt-article p {
  /*padding-right: 100px;
  padding-left: 100px;*/
  line-height: 2
}
@media screen and (max-width: 768px) {
  /*.mt-article p {
    padding-right: 5vw;
    padding-left: 5vw
  }*/
}

.mt-article sub {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666;
  padding-right: 100px;
  padding-left: 100px;
  margin-bottom: 20px;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .mt-article sub {
    font-size: 10px;
    font-size: 1rem;
    padding-right: 5vw;
    padding-left: 5vw;
    margin-bottom: 20px;
  }
}
.mt-article p a {
  text-decoration: underline;
  color: #333
}
.mt-article p a[target="_blank"] {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  .mt-article p a[target="_blank"] {
    padding-left: 20px
  }
}
.mt-article p a[target="_blank"]:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  .mt-article p a[target="_blank"]:after {
    top: 5px;
    width: 20px;
    height: 20px;
    background-size: 15px auto
  }
}
.mt-article p a[href$=".pdf"] {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
.mt-article p a.noicon[href$=".pdf"] {
  position: inherit;
  display: inherit;
  padding-left: 0
}
@media screen and (max-width: 768px) {
  .mt-article p a[href$=".pdf"] {
    padding-left: 20px
  }
  .mt-article p a.noicon[href$=".pdf"] {
    padding-left: 0
  }
}
.mt-article p a[href$=".pdf"]:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 23px;
  height: 25px;
  background-image: url(/_assets/images/ico-pdf.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
.mt-article p a.noicon[href$=".pdf"]:after {
  content: "";
  position: inherit;
  display: inherit;
  background-image: none;
}
@media screen and (max-width: 768px) {
  .mt-article p a[href$=".pdf"]:after {
    top: 2px;
    width: 20px;
    height: 20px;
    background-size: 13px auto
  }
}
.mt-article p + figure {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .mt-article p + figure {
    margin-top: 30px
  }
}
.mt-article p + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article p + .rt-link-button {
    margin-top: 30px
  }
}
.mt-article p + h1 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article p + h1 {
    margin-top: 35px
  }
}
.mt-article p + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article p + h2 {
    margin-top: 35px
  }
}
.mt-article p + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article p + h3 {
    margin-top: 35px
  }
}
.mt-article p + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article p + p {
    margin-top: 20px
  }
}
.mt-article p + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article p + p.note {
    margin-top: 5px
  }
}
.mt-article p + .sub-tit {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article p + .sub-tit {
    margin-top: 20px
  }
}
.mt-article p + ul {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article p + ul {
    margin-top: 20px
  }
}
.mt-article p + ol {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article p + ol {
    margin-top: 20px
  }
}
.mt-article p + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article p + .color-box {
    margin-top: 30px
  }
}

.site-link-box img{max-width: 100% !important;}


.mt-article p + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article p + .site-link-box {
    margin-top: 30px
  }
}
.mt-article h1 {
  position: relative;
  /*margin-right: 100px;
  margin-left: 100px;*/
  padding-bottom: 20px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.6;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  .mt-article h1 {
    /*margin-right: 5vw;
    margin-left: 5vw;*/
    padding-bottom: 15px;
    font-size: 20px;
    font-size: 2rem
  }
}
.mt-article h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  .mt-article h1:after {
    width: 20px
  }
}
.mt-article h1 + figure {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + figure {
    margin-top: 25px
  }
}
.mt-article h1 + p {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + p {
    margin-top: 25px
  }
}
.mt-article h1 + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + p.note {
    margin-top: 5px
  }
}
.mt-article h1 + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + .rt-link-button {
    margin-top: 25px
  }
}
.mt-article h1 + ul {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + ul {
    margin-top: 25px
  }
}
.mt-article h1 + ol {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + ol {
    margin-top: 25px
  }
}
.mt-article h1 + .sub-tit {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + .sub-tit {
    margin-top: 25px
  }
}
.mt-article h1 + h2 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + h2 {
    margin-top: 25px
  }
}
.mt-article h1 + h3 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + h3 {
    margin-top: 25px
  }
}
.mt-article h1 + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + .color-box {
    margin-top: 30px
  }
}
.mt-article h1 + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article h1 + .site-link-box {
    margin-top: 30px
  }
}
.mt-article h2 {
  /*margin-right: 100px;
  margin-left: 100px;*/
  padding-bottom: 15px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  .mt-article h2 {
    /*margin-right: 5vw;
    margin-left: 5vw;*/
    padding-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.mt-article h2 + figure {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + figure {
    margin-top: 20px
  }
}
.mt-article h2 + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + p {
    margin-top: 20px
  }
}
.mt-article h2 + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + p.note {
    margin-top: 5px
  }
}
.mt-article h2 + .rt-link-button {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + .rt-link-button {
    margin-top: 20px
  }
}
.mt-article h2 + ul {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + ul {
    margin-top: 20px
  }
}
.mt-article h2 + ol {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + ol {
    margin-top: 20px
  }
}
.mt-article h2 + .sub-tit {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + .sub-tit {
    margin-top: 20px
  }
}
.mt-article h2 + h1 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + h1 {
    margin-top: 20px
  }
}
.mt-article h2 + h3 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + h3 {
    margin-top: 20px
  }
}
.mt-article h2 + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + .color-box {
    margin-top: 30px
  }
}
.mt-article h2 + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article h2 + .site-link-box {
    margin-top: 30px
  }
}
.mt-article h3 {
  /*margin-right: 100px;
  margin-left: 100px;*/
  font-size: 20px;
  font-size: 2rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  .mt-article h3 {
    /*margin-right: 5vw;
    margin-left: 5vw;*/
    font-size: 14px;
    font-size: 1.4rem
  }
}
.mt-article h3 + figure {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + figure {
    margin-top: 10px
  }
}
.mt-article h3 + p {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + p {
    margin-top: 10px
  }
}
.mt-article h3 + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + p.note {
    margin-top: 5px
  }
}
.mt-article h3 + .sub-tit {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + .sub-tit {
    margin-top: 10px
  }
}
.mt-article h3 + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + .rt-link-button {
    margin-top: 10px
  }
}
.mt-article h3 + ul {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + ul {
    margin-top: 10px
  }
}
.mt-article h3 + ol {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + ol {
    margin-top: 10px
  }
}
.mt-article h3 + h1 {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + h1 {
    margin-top: 10px
  }
}
.mt-article h3 + h2 {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + h2 {
    margin-top: 10px
  }
}
.mt-article h3 + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + .color-box {
    margin-top: 30px
  }
}
.mt-article h3 + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article h3 + .site-link-box {
    margin-top: 30px
  }
}
.mt-article h4 {
  /*margin-right: 100px;
  margin-left: 100px;*/
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width: 768px) {
  .mt-article h4 {
    /*margin-right: 5vw;
    margin-left: 5vw;*/
    font-size: 14px;
    font-size: 1.4rem
  }
}
.mt-article ul {
  /*margin-right: 100px;
  margin-left: 100px;*/
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2
}
@media screen and (max-width: 768px) {
  .mt-article ul {
    /*margin-right: 5vw;
    margin-left: 5vw;*/
    font-size: 12px;
    font-size: 1.2rem
  }
}
.mt-article ul li {
  /*padding-left: 1em;
  text-indent: -1em*/
}
.mt-article ul li:before {
  content: "・";
  font-weight: bold;
  color: #589991
}
.mt-article ul + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article ul + figure {
    margin-top: 30px
  }
}
.mt-article ul + h1 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article ul + h1 {
    margin-top: 35px
  }
}
.mt-article ul + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article ul + h2 {
    margin-top: 35px
  }
}
.mt-article ul + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article ul + h3 {
    margin-top: 35px
  }
}
.mt-article ul + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ul + p {
    margin-top: 20px
  }
}
.mt-article ul + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article ul + p.note {
    margin-top: 5px
  }
}
.mt-article ul + .rt-link-button {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ul + .rt-link-button {
    margin-top: 20px
  }
}
.mt-article ul + .sub-tit {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ul + .sub-tit {
    margin-top: 20px
  }
}
.mt-article ul + ul {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ul + ul {
    margin-top: 20px
  }
}
.mt-article ul + ol {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ul + ol {
    margin-top: 20px
  }
}
.mt-article ul + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article ul + .color-box {
    margin-top: 30px
  }
}
.mt-article ul + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article ul + .site-link-box {
    margin-top: 30px
  }
}
.mt-article ol {
  /*margin-right: 100px;
  margin-left: 100px;*/
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  list-style-type: none;
  counter-reset: item
}
@media screen and (max-width: 768px) {
  .mt-article ol {
    /*margin-right: 5vw;
    margin-left: 5vw;*/
    font-size: 12px;
    font-size: 1.2rem
  }
}
.mt-article ol li {
  margin-bottom: 10px;
  /*padding-left: 1.3em;
  text-indent: -1.3em*/
}
@media screen and (max-width: 768px) {
  .mt-article ol li {
    margin-bottom: 5px
  }
}
.mt-article ol li:before {
  content: counter(item);
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 15px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 26px;
  counter-increment: item;
  text-align: center;
  vertical-align: middle;
  text-indent: 0;
  color: #fff;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  .mt-article ol li:before {
    width: 20px;
    height: 20px;
    margin-right: 10px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 20px
  }
}
.mt-article ol.simple li {
  margin-bottom: 0
}
.mt-article ol.simple li:before {
  content: counter(item) ".";
  display: inline;
  margin-right: 0;
  padding-right: .5em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  counter-increment: item;
  text-align: left;
  vertical-align: middle;
  text-indent: 0;
  color: #589991;
  background-color: transparent
}
@media screen and (max-width: 768px) {
  .mt-article ol.simple li:before {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.mt-article ol + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article ol + figure {
    margin-top: 30px
  }
}
.mt-article ol + h1 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article ol + h1 {
    margin-top: 35px
  }
}
.mt-article ol + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article ol + h2 {
    margin-top: 35px
  }
}
.mt-article ol + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article ol + h3 {
    margin-top: 35px
  }
}
.mt-article ol + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ol + p {
    margin-top: 20px
  }
}
.mt-article ol + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article ol + p.note {
    margin-top: 5px
  }
}
.mt-article ol + .rt-link-button {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ol + .rt-link-button {
    margin-top: 20px
  }
}
.mt-article ol + .sub-tit {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ol + .sub-tit {
    margin-top: 20px
  }
}
.mt-article ol + ul {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ol + ul {
    margin-top: 20px
  }
}
.mt-article ol + ol {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article ol + ol {
    margin-top: 20px
  }
}
.mt-article ol + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article ol + .color-box {
    margin-top: 30px
  }
}
.mt-article ol + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article ol + .site-link-box {
    margin-top: 30px
  }
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button {
    /*padding-right: 5vw;
    padding-left: 5vw*/
  }
}
.mt-article .rt-link-button + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + figure {
    margin-top: 30px
  }
}
.mt-article .rt-link-button + h1 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + h1 {
    margin-top: 35px
  }
}
.mt-article .rt-link-button + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + h2 {
    margin-top: 35px
  }
}
.mt-article .rt-link-button + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + h3 {
    margin-top: 35px
  }
}
.mt-article .rt-link-button + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + p {
    margin-top: 20px
  }
}
.mt-article .rt-link-button + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + p.note {
    margin-top: 5px
  }
}
.mt-article .rt-link-button + .sub-tit {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + .sub-tit {
    margin-top: 20px
  }
}
.mt-article .rt-link-button + ul {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + ul {
    margin-top: 20px
  }
}
.mt-article .rt-link-button + ol {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + ol {
    margin-top: 20px
  }
}
.mt-article .rt-link-button + .rt-link-button {
  margin: 20px auto;
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
.mt-article .rt-link-button + .color-box {
  margin-top: 60px;
  padding:50px;
}

.mt-article .color-box {
  margin-top: 60px;
  padding:50px;
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + .color-box {
    margin-top: 30px;
    padding:30px;
  }
}
.mt-article .rt-link-button + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .rt-link-button + .site-link-box {
    margin-top: 30px
  }
}
.mt-article .color-box {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f2f5f4
}
@media screen and (max-width: 768px) {
  .mt-article .color-box {
    padding-top: 40px;
    padding-bottom: 40px
  }
}
.mt-article .color-box + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + .color-box {
    margin-top: 30px
  }
}
.mt-article .color-box + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + .site-link-box {
    margin-top: 30px
  }
}
.mt-article .color-box + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + figure {
    margin-top: 30px
  }
}
.mt-article .color-box + h1 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + h1 {
    margin-top: 35px
  }
}
.mt-article .color-box + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + h2 {
    margin-top: 35px
  }
}
.mt-article .color-box + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + h3 {
    margin-top: 35px
  }
}
.mt-article .color-box + p {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + p {
    margin-top: 30px
  }
}
.mt-article .color-box + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + p.note {
    margin-top: 5px
  }
}
.mt-article .color-box + .sub-tit {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + .sub-tit {
    margin-top: 30px
  }
}
.mt-article .color-box + ul {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + ul {
    margin-top: 30px
  }
}
.mt-article .color-box + ol {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + ol {
    margin-top: 30px
  }
}
.mt-article .color-box + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .color-box + .rt-link-button {
    margin-top: 30px
  }
}
.mt-article .site-link-box {
  padding-top: 80px;
  padding-right: 100px;
  padding-bottom: 80px;
  padding-left: 100px;
  background-color: #f9f9f9
}
.mt-article .site-link-box:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box {
    padding-top: 40px;
    padding-right: 5vw;
    padding-bottom: 40px;
    padding-left: 5vw
  }
}
.mt-article .site-link-box figure {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box figure {
    width: 30vw
  }
}
.mt-article .site-link-box .site-link-box-info {
  float: right;
  width: 540px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info {
    width: 45vw
  }
}
.mt-article .site-link-box .site-link-box-info .site-link-box-sitename {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2;
  list-style-type: none;
  counter-reset: item
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info .site-link-box-sitename {
    font-size: 10px;
    font-size: 1rem
  }
}
.mt-article .site-link-box .site-link-box-info .site-link-box-sitename a {
  color: #333
}
.mt-article .site-link-box .site-link-box-info .site-link-box-sitename a:hover {
  text-decoration: underline
}
.mt-article .site-link-box .site-link-box-info .site-link-box-tit {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 2;
  list-style-type: none;
  counter-reset: item;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info .site-link-box-tit {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
.mt-article .site-link-box .site-link-box-info a {
  color: #2a6460
}
.mt-article .site-link-box .site-link-box-info a:hover {
  text-decoration: underline
}
.mt-article .site-link-box .site-link-box-info + figure {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + figure {
    margin-top: 20px
  }
}
.mt-article .site-link-box .site-link-box-info + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + p {
    margin-top: 20px
  }
}
.mt-article .site-link-box .site-link-box-info + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + p.note {
    margin-top: 5px
  }
}
.mt-article .site-link-box .site-link-box-info + .rt-link-button {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + .rt-link-button {
    margin-top: 20px
  }
}
.mt-article .site-link-box .site-link-box-info + ul {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + ul {
    margin-top: 20px
  }
}
.mt-article .site-link-box .site-link-box-info + ol {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + ol {
    margin-top: 20px
  }
}
.mt-article .site-link-box .site-link-box-info + .sub-tit {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + .sub-tit {
    margin-top: 20px
  }
}
.mt-article .site-link-box .site-link-box-info + h1 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + h1 {
    margin-top: 20px
  }
}
.mt-article .site-link-box .site-link-box-info + h3 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box .site-link-box-info + h3 {
    margin-top: 20px
  }
}
.mt-article .site-link-box + .color-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + .color-box {
    margin-top: 30px
  }
}
.mt-article .site-link-box + .site-link-box {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + .site-link-box {
    margin-top: 30px
  }
}
.mt-article .site-link-box + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + figure {
    margin-top: 30px
  }
}
.mt-article .site-link-box + h1 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + h1 {
    margin-top: 35px
  }
}
.mt-article .site-link-box + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + h2 {
    margin-top: 35px
  }
}
.mt-article .site-link-box + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + h3 {
    margin-top: 35px
  }
}
.mt-article .site-link-box + p {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + p {
    margin-top: 30px
  }
}
.mt-article .site-link-box + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + p.note {
    margin-top: 5px
  }
}
.mt-article .site-link-box + .sub-tit {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + .sub-tit {
    margin-top: 30px
  }
}
.mt-article .site-link-box + ul {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + ul {
    margin-top: 30px
  }
}
.mt-article .site-link-box + ol {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + ol {
    margin-top: 30px
  }
}
.mt-article .site-link-box + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .mt-article .site-link-box + .rt-link-button {
    margin-top: 30px
  }
}
.mt-article .news-detail-header {
  /*margin-right: 100px;
  margin-left: 100px;*/
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .mt-article .news-detail-header {
    /*margin-right: 5vw;
    margin-left: 5vw;*/
    margin-bottom: 40px;
  }
}
.mt-article .news-detail-header h1 {
  margin-top: 15px;
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 25px;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.6;
  color: #2a6460;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  .mt-article .news-detail-header h1 {
    clear: both;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 15px;
    font-size: 20px;
    font-size: 2rem
  }
}
.mt-article .news-detail-header h1:after {
  content: none
}
.mt-article .news-detail-header .cat {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  color: #666;
  border: solid 1px #ddd;
  border-radius: 5px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .mt-article .news-detail-header .cat {
    margin-right: 10px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 18px
  }
}
.mt-article .news-detail-header .date {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333
}
@media screen and (max-width: 768px) {
  .mt-article .news-detail-header .date {
    width: 30%;
    font-size: 10px;
    font-size: 1rem
  }
}
.mt-article .sdgs-detail-header {
  margin-bottom: 80px;
  padding-bottom: 40px;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  .mt-article .sdgs-detail-header {
    margin-bottom: 40px;
    padding-bottom: 20px
  }
}
.mt-article .sdgs-detail-header .date {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .mt-article .sdgs-detail-header .date {
    margin-bottom: 5px;
    font-size: 10px;
    font-size: 1rem
  }
}
.mt-article .sdgs-detail-header h2 {
  margin-right: 0;
  margin-left: 0;
  font-size: 40px;
  font-size: 4rem;
  color: #2a6460;
  border-bottom: none
}
@media screen and (max-width: 768px) {
  .mt-article .sdgs-detail-header h2 {
    font-size: 20px;
    font-size: 2rem
  }
}
.mt-article .sdgs-detail-header .cat-ico {
  font-size: 0
}
.mt-article .sdgs-detail-header .cat-ico .tit {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .mt-article .sdgs-detail-header .cat-ico .tit {
    font-size: 10px;
    font-size: 1rem
  }
}
.mt-article .sdgs-detail-header .cat-ico img {
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  width: 100px !important;
}
@media screen and (max-width: 768px) {
  .mt-article .sdgs-detail-header .cat-ico img {
    width: 7vw !important;
    margin-top: 5px;
    margin-right: 5px
  }
}
.mt-relation-links {
  clear: both;
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  .mt-relation-links {
    margin-bottom: 30px
  }
}
.mt-relation-links h2 {
  margin-bottom: 30px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  color: #333
}
@media screen and (max-width: 768px) {
  .mt-relation-links h2 {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.mt-relation-links .mt-relation-links .link{
  width: 1200px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.mt-relation-links .mt-relation-links .link .link-box{
  width: 360px;
  padding: 15px;
  margin-right: 40px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-color: rgba(255, 255, 255, 0);
  display: flex;
  flex-direction: column;
  border:1px #ddd solid;

}

.mt-relation-links .mt-relation-links .link .link-box:last-child{
  margin-right: 0;
}

.mt-relation-links .mt-relation-links .link .link-box a{
  display: contents;
  max-height: 100%;
  padding: 20px;
}

.mt-relation-links .mt-relation-links .link .link-box:hover{
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}


.link-box-catbox{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .mt-relation-links .mt-relation-links {
    display: block
  }
  .mt-relation-links .mt-relation-links .link .link-box{
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .mt-relation-links .mt-relation-links .link {
    margin-top: 15px;
    width: 100%;
  }
  .mt-relation-links .mt-relation-links .link:first-child {
    margin-top: 0
  }
}
/*.mt-relation-links .mt-relation-links .link a {
  position: relative;
  display: block;
  width: 360px;
  height: 135px;
  padding: 15px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-color: rgba(255, 255, 255, 0)
}*/
.mt-relation-links .mt-relation-links .link a:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .mt-relation-links .mt-relation-links .link a {
    width: 90vw;
    height: auto
  }
}
.mt-relation-links .mt-relation-links .link .tit {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  margin-bottom: 20px;
  height: 50px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .mt-relation-links .mt-relation-links .link .tit {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    height: 40px;
  }
}
.mt-relation-links .mt-relation-links .link a .cat {
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  color: #666;
  border: solid 1px #ddd;
  border-radius: 5px
}
@media screen and (max-width: 768px) {
  .mt-relation-links .mt-relation-links .link a .cat {
    position: static;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 16px;
    border-radius: 3px;
  }
}
.mt-relation-links .mt-relation-links .link a .date {
  font-size: 12px;
  font-size: 1.2rem;
  color: #000;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 768px) {
  .mt-relation-links .mt-relation-links .link a .date {
    float: right;
    font-size: 10px;
    font-size: 1rem
  }
}
.mt-relation-links .mt-relation-links .link a:hover {
  background-color: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  .mt-relation-links .mt-relation-links .link a:hover {
    background-color: rgba(255, 255, 255, 0);
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.mt-detail-bottom-links .mt-detail-pager {
  margin: 60px 0;
}
.mt-detail-bottom-links .mt-detail-pager:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .mt-detail-bottom-links .mt-detail-pager {
    margin-bottom: 30px
  }
}
.mt-detail-bottom-links .mt-detail-pager a {
  display: inline-block;
  color: #333
}

.mt-detail-bottom-links .mt-detail-pager .prev a {
  padding-left: 53px;
  background-image: url(/_assets/images/news-detail-prev.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .mt-detail-bottom-links .mt-detail-pager .prev a {
    padding-left: 30px;
    background-size: 17px auto
  }
}


.mt-detail-bottom-links .mt-detail-pager .next a {
  padding-right: 53px;
  background-image: url(/_assets/images/news-detail-next.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .mt-detail-bottom-links .mt-detail-pager .next a {
    padding-right: 30px;
    background-size: 17px auto
  }
}
.relation-links {
  padding-top: 80px;
  padding-bottom: 100px
}
@media screen and (max-width: 768px) {
  .relation-links {
    padding-top: 30px;
    padding-bottom: 40px
  }
}
.relation-links.hc {
  background-color: #f5f5f5
}
.relation-links.hcg {
  background-color: #f4f9f7
}
.relation-links.hcb {
  background-color: #f2f6f9
}
.relation-links.hcr {
  background-color: #f9eff3
}
.relation-links.nt {
  padding-top: 0
}
.relation-links.nb {
  padding-bottom: 0
}
.relation-links.nhb {
  padding-bottom: 40px
}
@media screen and (max-width: 768px) {
  .relation-links.nhb {
    padding-bottom: 30px
  }
}
.relation-links.hs {
  width: 1400px;
  margin-right: auto;
  margin-bottom: 120px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .relation-links.hs {
    width: 100%;
    margin-bottom: 0
  }
}
.relation-links.hs-nb {
  width: 1400px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .relation-links.hs-nb {
    width: 100%;
    margin-bottom: 0
  }
}
main.global .relation-links .rt-link-button a {
  border: solid 1px #3da260;
  background-color: #3da260
}
main.global .relation-links .rt-link-button a:hover {
  color: #3da260;
  background-color: #fff
}
main.economics .relation-links .rt-link-button a {
  border: solid 1px #2585d1;
  background-color: #2585d1
}
main.economics .relation-links .rt-link-button a:hover {
  color: #2585d1;
  background-color: #fff
}
main.foreign .relation-links .rt-link-button a {
  border: solid 1px #d05b81;
  background-color: #d05b81
}
main.foreign .relation-links .rt-link-button a:hover {
  color: #d05b81;
  background-color: #fff
}
.relation-links .banner-links {
  margin-bottom: 40px
}
.relation-links .banner-links:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links {
    margin-bottom: 20px
  }
}
.relation-links .banner-links .link {
  position: relative;
  display: table;
  width: 680px;
  margin-right: auto;
  margin-left: auto;
  border: solid 1px #ddd;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links .link {
    width: 100%
  }
}
.relation-links .banner-links .link:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #eee
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links .link:after {
    bottom: -4px;
    height: 3px
  }
}
.relation-links .banner-links .link a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #333
}
.relation-links .banner-links .link a:after {
  content: '';
  display: block;
  clear: both
}
.relation-links .banner-links .link a .fig {
  position: relative;
  display: table-cell;
  overflow: hidden;
  width: 280px
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links .link a .fig {
    width: 41.1%
  }
}
.relation-links .banner-links .link a .fig img {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  width: 100%
}
.relation-links .banner-links .link a .text {
  display: table-cell;
  padding-left: 40px;
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links .link a .text {
    padding-right: 2%;
    padding-left: 4.1%
  }
}
.relation-links .banner-links .link a .text .tit {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links .link a .text .tit {
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.relation-links .banner-links .link a .text .desc {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links .link a .text .desc {
    font-size: 10px;
    font-size: 1rem
  }
}
.relation-links .banner-links .link a:hover {
  color: #666
}
.relation-links .banner-links .link a:hover .fig img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.8
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links .link a:hover .fig img {
    -webkit-transform: none;
    transform: none
  }
}
.relation-links .banner-links.two .link {
  float: left;
  margin-right: 0;
  margin-left: 0
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links.two .link {
    float: none;
    margin-bottom: 10px
  }
}
.relation-links .banner-links.two .link:last-child {
  float: right
}
@media screen and (max-width: 768px) {
  .relation-links .banner-links.two .link:last-child {
    float: none
  }
}
.relation-links h3 {
  margin-bottom: 40px;
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  .relation-links h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left
  }
}
.relation-links .links-wrap {
  width: 1120px;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin:0 auto 50px auto;
  -webkit-justify-content: center;
    justify-content: center;

}
.relation-links .links-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap {
    margin-bottom: 25px;
    margin-left: 0;
    flex-direction: column;
    width: 100%;
  }
}
.relation-links .links-wrap.hb {
  margin-bottom: 50px
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap.hb {
    margin-bottom: 25px
  }
}
.relation-links .links-wrap.nb {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap.nb {
    margin-bottom: 25px
  }
}
.relation-links .links-wrap .link {
  display: flex;
  position: relative;
  width: 320px;
  margin-bottom: 25px;
  margin-left: 40px;
  border: solid 1px #ddd;
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0
  }
}
.relation-links .links-wrap .link.ctl {
  margin-left: 220px
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link.ctl {
    margin-left: 0
  }
}
.relation-links .links-wrap .link.ctl3 {
  margin-left: 220px
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link.ctl3 {
    margin-left: 0
  }
}
.relation-links .links-wrap .link.ctl1 {
  margin-left: 580px
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link.ctl1 {
    margin-left: 0
  }
}
.relation-links .links-wrap .link:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #eee
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link:after {
    bottom: -4px;
    height: 3px
  }
}
.relation-links .links-wrap .link a {
  display: flex;
  height: 110px;
  width: 100%;
  line-height: 1.5;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #2a6460;
  background-color: #fff;
  background-image: url(/_assets/images/link-aw.svg);
  background-repeat: no-repeat;
  background-position: 91% center;
  background-size: 34px auto;
  align-self: center;
}

.relation-links .links-wrap .link a span{
  flex: 1;
  align-self: center;
}

@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link a {
    height: 70px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: center;
    text-indent: 20px;
    background-position: 95% center;
    background-size: 17px auto;
    display: flex;
    align-items: center;
  }
}
.relation-links .links-wrap .link a.l2 {
  display: table-cell;
  width: 320px;
  height: 110px;
  line-height: 2;
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link a.l2 {
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px
  }
  .relation-links .links-wrap .link a.l2 br {
    display: none
  }
}
.relation-links .links-wrap .link a.l3 {
  display: table-cell;
  width: 320px;
  height: 110px;
  line-height: 1.5;
  vertical-align: middle;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link a.l3 {
    display: block;
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding-top: 0;
  }
  .relation-links .links-wrap .link a.l3 br {
    display: none
  }
}
.relation-links .links-wrap .link a:hover {
  color: #fff;
  background-color: #2a6460;
  background-image: url(/_assets/images/link-aw-w.svg);
  background-position: 93% center
}
@media screen and (max-width: 768px) {
  .relation-links .links-wrap .link a:hover {
    background-position: 95% center
  }
}
.relation-links .detail-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1210px;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .relation-links .detail-links {
    display: block;
    width: 100%
  }
}
.relation-links .detail-links .link {
  position: relative;
  width: 580px;
  padding: 38px;
  border: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  .relation-links .detail-links .link {
    width: 100%;
    margin-bottom: 25px;
    padding: 30px 20px
  }
}
.relation-links .detail-links .link:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #eee
}
@media screen and (max-width: 768px) {
  .relation-links .detail-links .link:after {
    bottom: -4px;
    height: 3px
  }
}
@media screen and (max-width: 768px) {
  .relation-links .detail-links .link:last-child {
    margin-bottom: 0
  }
}
.relation-links .detail-links .link .detail {
  height: 95px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .relation-links .detail-links .link .detail {
    height: auto;
    margin-bottom: 20px
  }
}
.relation-links .detail-links .link .detail .detail-tit {
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .relation-links .detail-links .link .detail .detail-tit {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.relation-links .detail-links .link .detail .desc {
  margin-top: 15px;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .relation-links .detail-links .link .detail .desc {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left
  }
}
.relation-links .detail-links.sg {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important
}
.relation-links .back-top-about {
  margin-top: 50px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .relation-links .back-top-about {
    margin-top: 25px
  }
}
.relation-links .back-top-about a {
  display: inline-block;
  width: 500px;
  line-height: 80px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #fff;
  background-color: #2a6460;
  background-image: url(/_assets/images/link-aw-w.svg);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .relation-links .back-top-about a {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px;
    background-position: 95% center;
    background-size: 17px auto
  }
}
.relation-links .back-top-about a:hover {
  background-position: 96% center
}
@media screen and (max-width: 768px) {
  .relation-links .back-top-about a:hover {
    background-position: 95% center
  }
}
.relation-links .opencampus-banner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 50px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner {
    display: block;
    margin-bottom: 30px
  }
}
.relation-links .opencampus-banner.sg {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.relation-links .opencampus-banner .banner {
  position: relative;
  width: 680px;
  height: 200px
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner {
    width: 100%;
    height: auto
  }
}
.relation-links .opencampus-banner .banner.opencampus-pamphlet a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-color: #589991;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-pamphlet a {
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px
  }
}
.relation-links .opencampus-banner .banner.opencampus-pamphlet a .pamphlet-image {
  width: 325px
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-pamphlet a .pamphlet-image {
    width: 40%
  }
}
.relation-links .opencampus-banner .banner.opencampus-pamphlet a .pamphlet-desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-pamphlet a .pamphlet-desc {
    width: 50%;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.relation-links .opencampus-banner .banner.opencampus-pamphlet a:hover {
  background-color: #80ddcf
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-pamphlet a:hover {
    background-color: #589991
  }
}
.relation-links .opencampus-banner .banner.opencampus-line {
  background-color: #00b902;
  background-image: url(/_assets/images/admissions/opencampus-line-pic.png);
  background-repeat: no-repeat;
  background-position: 20px bottom;
  background-size: 147px auto;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-line {
    margin-top: 20px;
    background-size: 15vw auto
  }
}
@media screen and (max-width: 380px) {
  .relation-links .opencampus-banner .banner.opencampus-line {
    background-position: 10px bottom
  }
}
.relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc {
  position: relative;
  padding-top: 30px;
  padding-left: 210px;
  color: #fff
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc {
    padding-top: 15px;
    padding-left: 25vw
  }
}
@media screen and (max-width: 380px) {
  .relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc {
    padding-top: 10px
  }
}
.relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc .line-tit {
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc .line-tit {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media screen and (max-width: 380px) {
  .relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc .line-tit {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc .line-desc {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc .line-desc {
    padding-bottom: 15px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 380px) {
  .relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc .line-desc {
    font-size: 10px;
    font-size: 1rem
  }
}
.relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc img {
  position: absolute;
  top: 30px;
  right: 30px;
  width: 80px
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc img {
    top: 15px;
    right: 15px;
    width: 10vw
  }
}
@media screen and (max-width: 380px) {
  .relation-links .opencampus-banner .banner.opencampus-line .opencampus-line-desc img {
    top: 10px;
    right: 10px
  }
}
.relation-links .opencampus-banner .banner.opencampus-line:hover {
  opacity: 0.7
}
.relation-links .opencampus-banner .banner:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #eee
}
@media screen and (max-width: 768px) {
  .relation-links .opencampus-banner .banner:after {
    bottom: -4px;
    height: 3px
  }
}
.relation-contact-detail {
  padding-top: 80px
}
@media screen and (max-width: 768px) {
  .relation-contact-detail {
    padding-top: 35px
  }
}
.relation-contact-detail.nt {
  padding-top: 0
}
@media screen and (max-width: 768px) {
  .relation-contact-detail.nt {
    padding-top: 0
  }
}
.relation-contact-detail.hb {
  padding-bottom: 80px
}
@media screen and (max-width: 768px) {
  .relation-contact-detail.hb {
    padding-bottom: 35px
  }
}
.relation-contact-detail.multiple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1400px;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  .relation-contact-detail.multiple {
    display: block;
    width: 100%
  }
  .relation-contact-detail.multiple .wrap {
    margin-top: 20px
  }
  .relation-contact-detail.multiple .wrap:first-child {
    margin-top: 0
  }
}
.relation-contact-detail .wrap {
  position: relative;
  width: 580px;
  margin-right: auto;
  margin-left: auto;
  padding: 35px 0;
  text-align: center;
  border: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  .relation-contact-detail .wrap {
    float: none;
    width: 90vw;
    padding: 30px 0
  }
}
.relation-contact-detail .wrap:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #eee
}
@media screen and (max-width: 768px) {
  .relation-contact-detail .wrap:after {
    bottom: -4px;
    height: 3px
  }
}
.relation-contact-detail .wrap h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .relation-contact-detail .wrap h2 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.relation-contact-detail .wrap p {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .relation-contact-detail .wrap p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.relation-contact-detail .wrap p a {
  text-decoration: underline;
  color: #333
}
.relation-contact-detail .wrap p + h2 {
  margin-top: 25px
}
@media screen and (max-width: 768px) {
  .relation-contact-detail .wrap p + h2 {
    margin-top: 15px
  }
}
.relation-contact-detail .wrap.hbtn {
  height: 250px
}
@media screen and (max-width: 768px) {
  .relation-contact-detail .wrap.hbtn {
    height: auto
  }
}
@media screen and (max-width: 768px) {
  .relation-contact-detail .wrap.hbtn p + .rt-link-button {
    margin-top: 20px
  }
}
.relation-contact-detail .wrap.hbtn .rt-link-button {
  position: absolute;
  bottom: 25px;
  left: 40px
}
@media screen and (max-width: 768px) {
  .relation-contact-detail .wrap.hbtn .rt-link-button {
    position: relative;
    bottom: auto;
    left: auto;
    width: 90%;
    margin-right: auto;
    margin-left: auto
  }
}
.category-links {
  padding-top: 75px;
  padding-bottom: 20px;
  background-color: #f5f5f5
}
@media screen and (max-width: 768px) {
  .category-links {
    padding-top: 40px
  }
}
.category-links h2 {
  margin-bottom: 50px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  text-align: center
}
@media screen and (max-width: 768px) {
  .category-links h2 {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.category-links .links-wrap {
  margin-left: -60px
}
.category-links .links-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .category-links .links-wrap {
    margin-left: 0
  }
}
.category-links .links-wrap .link {
  float: left;
  width: 425px;
  margin-bottom: 40px;
  margin-left: 60px
}
@media screen and (max-width: 768px) {
  .category-links .links-wrap .link {
    float: left;
    width: 47.7%;
    margin-bottom: 15px;
    margin-left: 0
  }
}
@media screen and (max-width: 768px) {
  .category-links .links-wrap .link:nth-child(odd) {
    clear: both
  }
}
@media screen and (max-width: 768px) {
  .category-links .links-wrap .link:nth-child(even) {
    float: right
  }
}
.category-links .links-wrap .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333;
  border: solid 1px #ddd;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .category-links .links-wrap .link a {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.category-links .links-wrap .link a span {
  display: block;
  line-height: 75px
}
@media screen and (max-width: 768px) {
  .category-links .links-wrap .link a span {
    line-height: 33px
  }
}
.category-links .links-wrap .link a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  .category-links .links-wrap .link a:hover {
    background: rgba(255, 255, 255, 0);
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.category-links .links-wrap .link a:hover img {
  -webkit-filter: brightness(110%);
  filter: brightness(110%)
}
@media screen and (max-width: 768px) {
  .category-links .links-wrap .link a:hover img {
    -webkit-filter: none;
    filter: none
  }
}
.category-links .data-link {
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  .category-links .data-link {
    margin-bottom: 20px
  }
}
.category-links .data-link .link {
  width: 425px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .category-links .data-link .link {
    width: 100%
  }
}
.category-links .data-link .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333;
  border: solid 1px #ddd;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .category-links .data-link .link a {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.category-links .data-link .link a span {
  display: block;
  line-height: 75px
}
@media screen and (max-width: 768px) {
  .category-links .data-link .link a span {
    line-height: 33px
  }
}
.category-links .data-link .link a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  .category-links .data-link .link a:hover {
    background: rgba(255, 255, 255, 0);
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.category-links .data-link .link a:hover img {
  -webkit-filter: brightness(110%);
  filter: brightness(110%)
}
@media screen and (max-width: 768px) {
  .category-links .data-link .link a:hover img {
    -webkit-filter: none;
    filter: none
  }
}
.reitaku-journal-link {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link {
    padding-top: 40px;
    padding-bottom: 40px
  }
}
.reitaku-journal-link h2 {
  margin-bottom: 60px;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link h2 {
    margin-bottom: 30px
  }
}
.reitaku-journal-link h2 .t1 {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link h2 .t1 {
    font-size: 3vw
  }
}
.reitaku-journal-link h2 img {
  width: 355px
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link h2 img {
    width: 90%
  }
}
.reitaku-journal-link h2 .t2 {
  display: block;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link h2 .t2 {
    font-size: 10px;
    font-size: 1rem
  }
}
.reitaku-journal-link .banner .pc {
  display: block
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link .banner .pc {
    display: none
  }
}
.reitaku-journal-link .banner .sp {
  display: none
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link .banner .sp {
    display: block
  }
}
.reitaku-journal-link .banner a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
.reitaku-journal-link .banner a img:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2)
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link .banner a img:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.reitaku-journal-link .banner a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  .reitaku-journal-link .banner a:hover img {
    opacity: 1
  }
}
.inquiry-contact-links {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f4f9f7
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links {
    padding-top: 40px;
    padding-bottom: 40px
  }
}
.inquiry-contact-links ul:after {
  content: '';
  display: block;
  clear: both
}
.inquiry-contact-links ul li {
  float: left;
  width: 680px
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li {
    float: none;
    width: 100%
  }
}
.inquiry-contact-links ul li span {
  display: inline-block;
  padding-left: 36px;
  background-image: url(/_assets/images/ico-inq.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 21px auto
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li span {
    padding-left: 30px;
    background-size: 17px auto
  }
}
.inquiry-contact-links ul li span img {
  width: 21px;
  margin-right: 15px;
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li span img {
    margin-right: 10px
  }
}
.inquiry-contact-links ul li a:hover span {
  background-image: url(/_assets/images/ico-inq-g.svg)
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li a:hover span {
    background-image: url(/_assets/images/ico-inq.svg)
  }
}
.inquiry-contact-links ul li:last-child {
  float: right
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li:last-child {
    float: none;
    margin-top: 20px
  }
}
.inquiry-contact-links ul li:last-child span {
  padding-left: 44px;
  background-image: url(/_assets/images/ico-contact.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 29px auto
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li:last-child span {
    padding-left: 34px;
    background-size: 20px auto
  }
}
.inquiry-contact-links ul li:last-child span img {
  width: 29px
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li:last-child span img {
    width: 24px
  }
}
.inquiry-contact-links ul li:last-child a:hover span {
  background-image: url(/_assets/images/ico-contact-g.svg)
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li:last-child a:hover span {
    background-image: url(/_assets/images/ico-contact.svg)
  }
}
.inquiry-contact-links ul li a {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  font-size: 20px;
  font-size: 2rem;
  line-height: 120px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #fff;
  border: solid 1px #2a6460;
  background-color: #2a6460;
  background-image: url(/_assets/images/link-aw-w.svg);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li a {
    width: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 70px;
    background-position: 95% center;
    background-size: 17px auto
  }
}
.inquiry-contact-links ul li a:hover {
  color: #2a6460;
  background-color: #fff;
  background-image: url(/_assets/images/link-aw.svg);
  background-position: 96% center
}
@media screen and (max-width: 768px) {
  .inquiry-contact-links ul li a:hover {
    color: #fff;
    background-color: #2a6460;
    background-image: url(/_assets/images/link-aw-w.svg);
    background-position: 95% center
  }
}
.target-links {
  padding-top: 80px;
  padding-bottom: 40px
}
@media screen and (max-width: 768px) {
  .target-links {
    padding-top: 40px;
    padding-bottom: 10px
  }
}
.target-links ul {
  margin-left: -35px
}
.target-links ul:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .target-links ul {
    margin-left: 0
  }
}
.target-links ul li {
  float: left;
  width: 320px;
  margin-bottom: 40px;
  margin-left: 35px
}
@media screen and (max-width: 768px) {
  .target-links ul li {
    width: 47.7%;
    margin-bottom: 25px;
    margin-left: 0
  }
  .target-links ul li:nth-child(odd) {
    clear: both
  }
  .target-links ul li:nth-child(even) {
    float: right
  }
}
.target-links ul li a {
  display: block;
  padding-bottom: 15px;
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
  color: #2a6460;
  border-bottom: solid 1px #2a6460
}
@media screen and (max-width: 768px) {
  .target-links ul li a {
    padding-bottom: 7px
  }
}
.target-links ul li a:hover {
  color: #4db8b1
}
.system-links ul:after {
  content: '';
  display: block;
  clear: both
}
.system-links ul li {
  float: left;
  width: 680px
}
@media screen and (max-width: 768px) {
  .system-links ul li {
    float: none;
    width: 100%
  }
}
.system-links ul li:last-child {
  float: right
}
@media screen and (max-width: 768px) {
  .system-links ul li:last-child {
    float: none;
    margin-top: 15px
  }
}
.system-links ul li a {
  position: relative;
  display: block;
  color: #fff
}
.system-links ul li a img {
  position: relative;
  z-index: 1;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
.system-links ul li a span {
  position: absolute;
  z-index: 2;
  top: 50%;
  display: block;
  width: 100%;
  margin: auto auto;
  padding-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center
}
@media screen and (max-width: 768px) {
  .system-links ul li a span {
    padding-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
.system-links ul li a span:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 45px;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #fff
}
.system-links ul li a:hover img {
  -webkit-filter: brightness(120%);
  filter: brightness(120%)
}
.contents-banner-slider {
  overflow: hidden;
  padding-top: 100px;
  padding-bottom: 140px
}
@media screen and (max-width: 768px) {
  .contents-banner-slider {
    padding-top: 50px;
    padding-bottom: 50px
  }
}
@media screen and (max-width: 768px) {
  .contents-banner-slider .container {
    width: 100%
  }
}
.contents-banner-slider ul {
  margin-left: -60px
}
@media screen and (max-width: 768px) {
  .contents-banner-slider ul {
    margin-left: 0
  }
}
.contents-banner-slider ul li {
  margin-left: 60px
}
@media screen and (max-width: 768px) {
  .contents-banner-slider ul li {
    width: 100%;
    margin-right: 15px;
    margin-left: 15px
  }
}
.contents-banner-slider ul li a img {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
.contents-banner-slider ul li a:hover img {
  -webkit-filter: brightness(120%);
  filter: brightness(120%)
}
.contents-banner-slider .slick-arrow {
  z-index: 20;
  width: 43px;
  height: 43px;
  background-color: #2a6460
}
.contents-banner-slider .slick-prev {
  left: 60px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.contents-banner-slider .slick-prev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-prev.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
.contents-banner-slider .slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}
.contents-banner-slider .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-next.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
.contents-banner-slider .slick-dots {
  bottom: -50px;
  width: 96%;
  margin-left: 60px
}
@media screen and (max-width: 768px) {
  .contents-banner-slider .slick-dots {
    bottom: -30px;
    width: 100%;
    margin-left: 0
  }
}
.contents-banner-slider .slick-dots li {
  display: inline-block;
  width: 15px;
  margin-right: 10px;
  margin-left: 10px
}
.contents-banner-slider .slick-dots li button {
  width: 15px;
  height: 15px
}
.contents-banner-slider .slick-dots li button::before {
  font-size: 15px;
  color: #2a6460
}
.low-top-header {
  position: relative;
  height: 670px;
  background-repeat: no-repeat;
  background-size: cover
}
@media screen and (max-width: 768px) {
  .low-top-header {
    height: 76vw
  }
}
.low-top-header .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 580px;
  height: 280px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .low-top-header .inner {
    width: 72vw;
    height: 34.6vw
  }
}
.low-top-header .inner h1 {
  position: relative;
  top: 50%;
  padding-bottom: 40px;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center
}
@media screen and (max-width: 768px) {
  .low-top-header .inner h1 {
    padding-bottom: 20px
  }
}
.low-top-header .inner h1 span {
  display: block;
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  color: #666
}
@media screen and (max-width: 768px) {
  .low-top-header .inner h1 span {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.low-top-header .inner h1 img {
  height: 38px
}
@media screen and (max-width: 768px) {
  .low-top-header .inner h1 img {
    height: 5.4vw
  }
}
@media screen and (max-width: 768px) {
  .low-top-header .inner h1 img.lg {
    height: 4vw
  }
}
.low-top-header .inner h1:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  display: block;
  width: 80px;
  height: 5px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #054a44
}
@media screen and (max-width: 768px) {
  .low-top-header .inner h1:after {
    bottom: -2.5px;
    width: 30px;
    height: 2.5px
  }
}
.low-top-header.wd .inner {
  width: 780px
}
@media screen and (max-width: 768px) {
  .low-top-header.wd .inner {
    width: 87.1vw
  }
}
.low-top-desc {
  padding-top: 110px;
  padding-bottom: 120px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .low-top-desc {
    padding-top: 50px;
    padding-bottom: 50px
  }
}
.low-top-desc h2 {
  font-family: "游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 36px;
  font-size: 3.6rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  .low-top-desc h2 {
    font-size: 20px;
    font-size: 2rem
  }
}
.low-top-desc .desc {
  margin-top: 70px;
  line-height: 2
}
@media screen and (max-width: 768px) {
  .low-top-desc .desc {
    margin-top: 30px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2
  }
}
.low-top-desc.nt {
  padding-top: 0
}
@media screen and (max-width: 768px) {
  .low-top-desc.nt {
    padding-top: 0
  }
}
.low-top-relation-links {
  padding-bottom: 100px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links {
    padding-bottom: 40px
  }
}
.low-top-relation-links.hc {
  background-color: #f5f5f5
}
.low-top-relation-links.ht {
  padding-top: 70px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links.ht {
    padding-top: 30px
  }
}
.low-top-relation-links.ht2 {
  padding-top: 120px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links.ht2 {
    padding-top: 60px
  }
}
.low-top-relation-links.nt {
  padding-top: 0
}
@media screen and (max-width: 768px) {
  .low-top-relation-links.nt {
    padding-top: 0
  }
}
.low-top-relation-links.nb {
  padding-bottom: 0
}
@media screen and (max-width: 768px) {
  .low-top-relation-links.nb {
    padding-bottom: 0
  }
}
.low-top-relation-links h3 {
  margin-bottom: 60px;
  font-size: 28px;
  font-size: 2.8rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  .low-top-relation-links h3 {
    margin-bottom: 25px;
    font-size: 16px;
    font-size: 1.6rem;
    text-align: left
  }
}
.low-top-relation-links h3.ht {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links h3.ht {
    margin-top: 40px
  }
}
.low-top-relation-links .links-wrap {
  margin-bottom: 50px;
  margin-left: -40px
}
.low-top-relation-links .links-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap {
    margin-bottom: 0;
    margin-left: 0
  }
}
.low-top-relation-links .links-wrap .link {
  position: relative;
  float: left;
  width: 320px;
  margin-bottom: 25px;
  margin-left: 40px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap .link {
    float: none;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0
  }
}
.low-top-relation-links .links-wrap .link.cl {
  margin-left: 400px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap .link.cl {
    margin-left: 0
  }
}
.low-top-relation-links .links-wrap .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333;
  border: solid 1px #ddd
}
.low-top-relation-links .links-wrap .link a:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap .link a {
    text-align: left
  }
}
.low-top-relation-links .links-wrap .link a .fig {
  position: relative;
  overflow: hidden;
  height: 200px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap .link a .fig {
    float: left;
    width: 40%;
    height: auto;
  }
}
.low-top-relation-links .links-wrap .link a .fig img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap .link a .info {
    float: right;
    width: 55%
  }

}
.low-top-relation-links .links-wrap .link a .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 80px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap .link a .tit {
    display: inline-block;
    height: auto;
    margin-top: 12%;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    white-space: normal
  }
}
.low-top-relation-links .links-wrap .link a .desc {
  height: 85px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.8;
  text-align: left;
  color: #666
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap .link a .desc {
    height: auto;
    padding-right: 0;
    padding-left: 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.5
  }
}
.low-top-relation-links .links-wrap .link a:hover {
  background: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .links-wrap .link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.low-top-relation-links .links-wrap .link a:hover .fig img {
  opacity: 0.7
}
.low-top-relation-links .detail-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1210px;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .detail-links {
    display: block;
    width: 100%
  }
}
.low-top-relation-links .detail-links .link {
  position: relative;
  width: 580px;
  padding: 38px;
  border: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .detail-links .link {
    width: 100%;
    margin-bottom: 25px;
    padding: 30px 20px
  }
}
.low-top-relation-links .detail-links .link:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #eee
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .detail-links .link:after {
    bottom: -4px;
    height: 3px
  }
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .detail-links .link:last-child {
    margin-bottom: 0
  }
}
.low-top-relation-links .detail-links .link .detail {
  height: 95px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .detail-links .link .detail {
    height: auto;
    margin-bottom: 20px
  }
}
.low-top-relation-links .detail-links .link .detail .detail-tit {
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .detail-links .link .detail .detail-tit {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.low-top-relation-links .detail-links .link .detail .desc {
  margin-top: 15px;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .low-top-relation-links .detail-links .link .detail .desc {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left
  }
}
.low-top-relation-links .detail-links.sg {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.low-top-relation-links.m3 .links-wrap {
  margin-left: 140px
}
.low-top-relation-links.m3 .links-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .low-top-relation-links.m3 .links-wrap {
    margin-left: 0
  }
}
.low-top-relation-links.m2 .links-wrap {
  margin-left: 320px
}
.low-top-relation-links.m2 .links-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .low-top-relation-links.m2 .links-wrap {
    margin-left: 0
  }
}
.low-top-relation-links-big {
  padding-top: 100px;
  padding-bottom: 70px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big {
    padding-top: 40px;
    padding-bottom: 30px
  }
}
.low-top-relation-links-big .links-wrap {
  margin-bottom: 50px;
  margin-left: -40px
}
.low-top-relation-links-big .links-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big .links-wrap {
    margin-bottom: 30px;
    margin-left: 0
  }
}
.low-top-relation-links-big .links-wrap .link {
  position: relative;
  float: left;
  width: 680px;
  margin-bottom: 25px;
  margin-left: 40px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big .links-wrap .link {
    float: none;
    width: 100%;
    margin-bottom: 25px;
    margin-left: 0
  }
}
.low-top-relation-links-big .links-wrap .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333;
  border: solid 1px #ddd;
  background: white
}
.low-top-relation-links-big .links-wrap .link a .fig {
  position: relative;
  overflow: hidden;
  height: 425px
}

  .low-top-relation-links-big .links-wrap .link a .fig img{
    width: 100%;
  }

@media screen and (max-width: 768px) {
  .low-top-relation-links-big .links-wrap .link a .fig {
    height: auto
  }
}
.low-top-relation-links-big .links-wrap .link a .tit {
  position: relative;
  margin-bottom: 35px;
  padding: 38px 0 28px 0;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1
}
.low-top-relation-links-big .links-wrap .link a .tit br {
  display: none;
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big .links-wrap .link a .tit {
    margin-bottom: 30px;
    padding: 30px 0 20px 0;
    font-size: 15px;
    font-size: 1.5rem
  }
}
.low-top-relation-links-big .links-wrap .link a .tit:after {
  content: "";
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  width: 40px;
  height: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #215c5a
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big .links-wrap .link a .tit:after {
    bottom: -3px;
    height: 3px
  }
}
.low-top-relation-links-big .links-wrap .link a .tit.nb {
  margin-bottom: 0;
  padding: 38px 0 38px 0
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big .links-wrap .link a .tit.nb {
    margin-bottom: 0;
    padding: 30px 0 30px 0
  }
}
.low-top-relation-links-big .links-wrap .link a .tit.nb:after {
  content: none
}
.low-top-relation-links-big .links-wrap .link a .desc {
  height: 85px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big .links-wrap .link a .desc {
    height: auto;
    padding-bottom: 40px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
.low-top-relation-links-big .links-wrap .link a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big .links-wrap .link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.low-top-relation-links-big .links-wrap .link a:hover .fig img {
  -webkit-filter: brightness(1.05);
  filter: brightness(1.05)
}
.low-top-relation-links-big .links-wrap .link.tit-bc1 a .tit:after {
  background-color: #3da25e
}
.low-top-relation-links-big .links-wrap .link.tit-bc2 a .tit:after {
  background-color: #d25b81
}
.low-top-relation-links-big .links-wrap .link.tit-bc3 a .tit:after {
  background-color: #2586d3
}
.low-top-relation-links-big.hc {
  background-color: #f5f5f5
}
.low-top-relation-links-big.hc-g {
  background-color: #f4f9f7
}
.low-top-relation-links-big.one-c .link {
  position: relative;
  float: none;
  width: 680px;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big.one-c .link {
    float: none;
    width: 100%;
    margin-left: 0
  }
}
.low-top-relation-links-big.nt {
  padding-top: 0
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big.nt {
    padding-top: 0
  }
}
.low-top-relation-links-big.hfb .links-wrap {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big.hfb .links-wrap {
    margin-bottom: 0
  }
}
.low-top-relation-links-big.hfb .links-wrap .link {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big.hfb .links-wrap .link {
    margin-bottom: 0
  }
}
.low-top-relation-links-big.hmb {
  margin-bottom: 110px
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big.hmb {
    margin-bottom: 50px
  }
}
.low-top-relation-links-big.nb {
  padding-bottom: 0
}
@media screen and (max-width: 768px) {
  .low-top-relation-links-big.nb {
    padding-bottom: 0
  }
}
.link-journal {
  width: 1400px;
  margin: 80px auto 0 auto;
  text-align: center;
  background-image: linear-gradient(-45deg, #33a08d 40%, #56b2a2 40%, #56b2a2 50%, #33a08d 50%, #33a08d 90%, #56b2a2 90%, #56b2a2);
  background-size: 8px 8px
}

.campuslife-volunteer .link-journal {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .link-journal {
    width: 100%;
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto
  }

  .campuslife-volunteer .link-journal {
    margin-bottom: 40px;
  }

}

@media screen and (max-width: 768px) {
  .link-journal.mbh {
    margin-bottom: 30px
  }
}
.link-journal .inner {
  padding: 85px 0 100px 0;
  margin:auto;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .link-journal .inner {
    padding: 40px 5vw 50px 5vw
  }
}
.link-journal h2 {
  margin-bottom: 30px;
  font-size: 30px;
  font-size: 3rem;
  color: #fff
}
@media screen and (max-width: 768px) {
  .link-journal h2 {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem
  }
}
.link-journal h2 span {
  display: block;
  margin-bottom: 5px;
  font-size: 16px;
  font-size: 1.6rem
}
.link-journal .desc {
  margin-bottom: 30px;
  padding: 0 60px;
  color: #fff
}
@media screen and (max-width: 768px) {
  .link-journal .desc {
    margin-bottom: 20px
  }
}
.link-journal .voice-wrap {
  font-size: 0;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
  display: inline-flex;
}
.link-journal .voice-wrap:after {
  content: '';
  display: block;
  clear: both
}
.link-journal .voice-wrap .voice {
  width: 320px;
  margin-left: 40px;
  margin-bottom: 60px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap{
    width: 100%;
    margin-bottom: 20px;
  }
  .link-journal .voice-wrap .voice {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 0
  }
}
.link-journal .voice-wrap .voice:last-child {
  margin-right: 0
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice:last-child {
    margin-bottom: 0
  }
}
.link-journal .voice-wrap .voice a {
  padding: 0 0 0 0;
  color: #666
}
.link-journal .voice-wrap .voice a .fig {
  position: relative;
  overflow: hidden
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .fig {
    float: left;
    width: 35.7%;
    height: 100%
  }
}
.link-journal .voice-wrap .voice a .fig img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  object-fit: cover;
  font-family: "object-fit:cover;";
  width: 320px;
  height: 200px;
}

@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .fig img {
    width: 100vw;
    height: 100%
  }
}

.link-journal .voice-wrap .voice a .desc {
  margin-bottom: 0;
  padding: 20px 20px 30px 20px;
  color: #666;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .desc {
    float: right;
    width: 62%;
    padding: 3vw 0 0 0
  }
}
.link-journal .voice-wrap .voice a .desc p {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .desc p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.link-journal .voice-wrap .voice a .desc .dept {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .desc .dept {
    margin-bottom: 0.5vw;
    padding-right: 2vw;
    padding-left: 2vw;
    font-size: 10px;
    font-size: 1rem;
    text-align: left
  }
}
.link-journal .voice-wrap .voice a .desc .name {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .desc .name {
    padding-right: 2vw;
    padding-left: 2vw;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left
  }
}
.link-journal .voice-wrap .voice a .desc .workplace {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .desc .workplace {
    padding-right: 2vw;
    padding-left: 2vw;
    font-size: 10px;
    font-size: 1rem;
    text-align: left
  }
}
.link-journal .voice-wrap .voice a .desc.lesson {
  padding: 20px;
  text-align: left
}
.link-journal .voice-wrap .voice a .desc.lesson .lesson-cat {
  margin-bottom: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .desc.lesson .lesson-cat {
    font-size: 10px;
    font-size: 1rem
  }
}
.link-journal .voice-wrap .voice a .desc.lesson .lesson-name {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .desc.lesson .lesson-name {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.link-journal .voice-wrap .voice a .desc.alumni {
  padding: 20px;
  text-align: left
}
.link-journal .voice-wrap .voice a .desc.alumni .name {
  color: #333
}
.link-journal .voice-wrap .voice a .desc.pd {
  padding: 35px 20px 40px 20px
}
.link-journal .voice-wrap .voice a .desc.pd p {
  text-align: left
}
.link-journal .voice-wrap .voice a:hover .fig img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
@media screen and (max-width: 768px) {
  .link-journal .voice-wrap .voice a .desc.pd{
    padding: 5px 10px;
  }

  .link-journal .voice-wrap .voice a:hover .fig img {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.link-journal .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .link-journal .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
.table-wrap {
  overflow: auto
}
table.type-rt {
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: center;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin: 0 auto 40px auto;
}

table.type-rt-70 {
  width: 70%;
}

table.type-rt-40 {
  width: 40%;
}


@media screen and (max-width: 768px) {
  table.type-rt {
    width: 100%;
    font-size: 2vw
  }
}
table.type-rt th {
  padding: 25px 15px;
  font-weight: normal;
  vertical-align: middle;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #cde8e0;
}
@media screen and (max-width: 768px) {
  table.type-rt th {
    padding: 10px 5px
  }
}
table.type-rt th.npdt {
  padding: 10px 15px
}
@media screen and (max-width: 768px) {
  table.type-rt th.npdt {
    padding: 5px 5px
  }
}
table.type-rt th.tl {
  text-align: left
}
table.type-rt td {
  padding: 25px 15px;
  vertical-align: middle;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  table.type-rt td {
    padding: 10px 5px
  }
}
table.type-rt td.npdt {
  padding: 10px 15px
}
@media screen and (max-width: 768px) {
  table.type-rt td.npdt {
    padding: 5px 5px
  }
}
table.type-rt td.al {
  text-align: left
}
table.type-rt td span {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width: 768px) {
  table.type-rt td span {
    font-size: 8px;
    font-size: 0.8rem
  }
}
table.type-rt td span.cg {
  color: #666
}
table.type-rt td.tal {
  text-align: left
}
table.type-rt.hc td {
  background-color: #fff
}
.rt-catlink {
  position: relative
}
.rt-catlink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 895px;
  margin-right: auto;
  margin-left: auto;
  border: solid 1px #ddd;
  border-radius: 10px
}
@media screen and (max-width: 768px) {
  .rt-catlink ul {
    width: 90vw;
    border-radius: 5px
  }
}
.rt-catlink ul li {
  width: 25%;
  border-right: solid 1px #ddd
}
.rt-catlink ul li:last-child {
  border-right: none
}
.rt-catlink ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 70px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #2a6460;
  background-color: #fff;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .rt-catlink ul li a {
    height: 40px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 330px) {
  .rt-catlink ul li a {
    font-size: 10px;
    font-size: 1rem
  }
}
.rt-catlink ul li a:hover {
  color: #fff;
  background-color: #2a6460
}
.rt-catlink ul li a span {
  text-align: center
}
.rt-catlink ul li.current a {
  color: #fff;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  .rt-catlink ul li.ssp a {
    font-size: 10px;
    font-size: 1rem
  }
}
.rt-catlink.c2 ul {
  width: 670px
}
@media screen and (max-width: 768px) {
  .rt-catlink.c2 ul {
    width: 90vw
  }
}
.rt-catlink.c2 ul li {
  width: 50%
}
.rt-catlink.c3 ul {
  width: 730px
}
@media screen and (max-width: 768px) {
  .rt-catlink.c3 ul {
    width: 90vw
  }
}
.rt-catlink.c3 ul li {
  width: 33.333%
}

.top header { position: absolute;}
header {
  position: absolute;
  z-index: 9999;
  /*top: 0;
  left: 0;*/
  width: 100%;
  min-width: 1450px;
  min-height: 99px;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background-color: white;
  -webkit-box-shadow: 0px 10px 12px -10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 10px 12px -10px rgba(0, 0, 0, 0.2)
}
@media screen and (max-width: 768px) {
  header {
    min-width: 100%;
    min-height: 49px;
    -webkit-box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.4)
  }
}
header .header-top {
  position: relative;
  z-index: 3;
  height: 99px;
  border-bottom: solid 1px #ddd;
  background-color: #fff
}
header .header-top:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  header .header-top {
    height: 49px
  }
}
header .header-top .logo {
  top: 50%;
  float: left;
  width: 220px;
  padding-top: 14px;
  padding-left: 38px
}
@media screen and (max-width: 768px) {
  header .header-top .logo {
    width: 110px;
    padding-top: 7px;
    padding-left: 2.6vw
  }
}
@media screen and (max-width: 340px) {
  header .header-top .logo {
    width: 90px;
    padding-top: 8px
  }
}
header .header-top .menu {
  float: left;
  padding-left: 40px
}
@media screen and (max-width: 1580px) {
  header .header-top .menu {
    padding-left: 30px
  }
}
@media screen and (max-width: 1280px) {
  header .header-top .menu {
    padding-left: 20px
  }
}
@media screen and (max-width: 768px) {
  header .header-top .menu {
    display: none
  }
}
header .header-top .menu ul {
  font-size: 0;
  line-height: 1
}
header .header-top .menu ul li {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem/*
          @media screen and (max-width: 1340px) {
            margin-right: 12px;
            font-size: 1.3rem;
          }
          @media screen and (max-width: 1280px) {
            margin-right: 10px;
            font-size: 1.2rem;
          }*/
}
@media screen and (max-width: 1580px) {
  header .header-top .menu ul li {
    font-size: 13px;
    font-size: 1.3rem
  }
}
header .header-top .menu ul li:last-child {
  margin-right: 0
}
header .header-top .menu ul li a {
  display: block;
  padding: 0 10px;
  line-height: 99px;
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
  color: #333
}
@media screen and (max-width: 1580px) {
  header .header-top .menu ul li a {
    padding: 0 8px
  }
}
header .header-top .menu ul li a:hover {
  color: #fff;
  background-color: #666
}
header .header-top .right-menu {
  display: table;
  float: right;
  height: 99px
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu {
    height: 49px
  }
}
header .header-top .right-menu li {
  display: table-cell;
  width: 99px;
  vertical-align: top;
  border-left: solid 1px #396f6b
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li {
    width: 45px;
    border-left: solid 1px #ddd
  }
  header .header-top .right-menu li.m1 a span {
    position: relative;
    left: -25%;
    display: block;
    width: 150%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    text-align: center
  }
  header .header-top .right-menu li.m2 a span {
    position: relative;
    left: -25%;
    display: block;
    width: 150%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    text-align: center
  }
  header .header-top .right-menu li.m3 a span {
    position: relative;
    left: -25%;
    display: block;
    width: 150%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    text-align: center
  }
  header .header-top .right-menu li.m4 a span {
    position: relative;
    left: -25%;
    display: block;
    width: 150%;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    text-align: center
  }
}
header .header-top .right-menu li:first-child {
  border-left: none
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li:first-child {
    border-left: solid 1px #ddd
  }
}
header .header-top .right-menu li a {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 99px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  -webkit-transition: background-color .3s linear;
  transition: background-color .3s linear;
  text-align: center;
  color: #fff;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li a {
    height: 48px;
    font-size: 8px;
    font-size: 0.8rem;
    color: #2a6460;
    background-color: #fff
  }
}
header .header-top .right-menu li a svg {
  display: block;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li a svg {
    margin-bottom: 0
  }
}
header .header-top .right-menu li a:hover {
  background-color: #3b8984
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li a:hover {
    background-color: #fff
  }
}
header .header-top .right-menu li.m1 a svg {
  width: 25px;
  margin-top: 28px
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li.m1 a svg {
    width: 11px;
    margin-top: 4px
  }
}
header .header-top .right-menu li.m1 a svg.on {
  display: none;
  width: 20px;
  height: 28px
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li.m1 a svg.on {
    width: 8px;
    height: 27px;
    margin-top: 4px
  }
}
body.on-search header .header-top .right-menu li.m1 a {
  color: #2a6460;
  background-color: #fff
}
body.on-search header .header-top .right-menu li.m1 a svg.on {
  display: block
}
body.on-search header .header-top .right-menu li.m1 a svg.off {
  display: none
}
header .header-top .right-menu li.m2 a svg {
  width: 30px;
  margin-top: 27px
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li.m2 a svg {
    width: 14px;
    margin-top: 2px
  }
}
header .header-top .right-menu li.m3 a svg {
  width: 22px;
  margin-top: 28px
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li.m3 a svg {
    width: 10px;
    margin-top: 4px
  }
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li.m4 a {
    font-size: 6px;
    font-size: 0.6rem
  }
}
header .header-top .right-menu li.m4 a svg {
  width: 28px;
  margin-top: 30px;
  margin-bottom: 15px
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li.m4 a svg {
    width: 14px;
    margin-top: 8px;
    margin-bottom: 4px
  }
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li.lang {
    display: none
  }
}
header .header-top .right-menu li.lang a {
  line-height: 99px
}
header .header-top .right-menu li.sp-trig {
  display: none
}
@media screen and (max-width: 768px) {
  header .header-top .right-menu li.sp-trig {
    display: table-cell
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  header .header-top .right-menu li.sp-trig a {
    color: #fff;
    background-color: #2a6460
  }
}
header .header-top .right-menu li.sp-trig .ico {
  position: relative;
  z-index: 100;
  display: block;
  width: 15px;
  height: 16px;
  margin-top: 9px;
  margin-right: auto;
  margin-bottom: 5px;
  margin-left: auto;
  cursor: pointer
}
header .header-top .right-menu li.sp-trig .ico .parts,
header .header-top .right-menu li.sp-trig .ico .parts:before,
header .header-top .right-menu li.sp-trig .ico .parts:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 15px;
  height: 2px;
  margin: auto;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-color: #fff
}
header .header-top .right-menu li.sp-trig .ico .parts:before,
header .header-top .right-menu li.sp-trig .ico .parts:after {
  content: " "
}
header .header-top .right-menu li.sp-trig .ico .parts:before {
  top: 10px
}
header .header-top .right-menu li.sp-trig .ico .parts:after {
  top: -10px
}
header .header-top .header-ico-cls1 {
  fill: #fff
}
@media screen and (max-width: 768px) {
  header .header-top .header-ico-cls1 {
    fill: #2a6460
  }
}
header .header-top .header-ico-cls2 {
  fill: #2a6460;
  stroke: #2a6460;
  stroke-linecap: round;
  stroke-miterlimit: 10;
  stroke-width: 1.5px
}
header .breadcrumb {
  position: relative;
  z-index: 1;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  header .breadcrumb {
    padding-left: 2.6vw;
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 560px) {
  header .breadcrumb {
    font-size: 1.8vw;
    width: 100%;
    overflow: hidden;
  }
}
header .breadcrumb ul {
  color: #2a6460;
  padding:10px 20px 10px 0;
}
header .breadcrumb ul li {
  display: contents;
  line-height: 30px/*@media screen and (max-width: 1260px) {
          font-size: 1.2rem;
        }*/
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, header .breadcrumb ul li {
    /* IE11 にのみ適用される */
    float: left;
  }
}

@media screen and (max-width: 768px) {
  header .breadcrumb ul li {
    line-height: 1.5;
  }
}
header .breadcrumb ul li:before {
  content: ">";
  padding: 0 15px
}
@media screen and (max-width: 768px) {
  header .breadcrumb ul li:before {
    padding: 0 7px
  }
}
header .breadcrumb ul li:first-child:before {
  display: none
}
header .breadcrumb ul li a {
  color: #2a6460
}
header .breadcrumb ul li a:hover {
  text-decoration: underline
}
header .search-box {
  position: absolute;
  z-index: 2;
  top: -10px;
  right: 0;
  visibility: hidden;
  width: 494px;
  height: 100px;
  -webkit-transition: top .2s ease-out;
  transition: top .2s ease-out;
  background-color: #fff;
  -webkit-box-shadow: -2px 2px 12px 2px rgba(0, 0, 0, 0.2);
  box-shadow: -2px 2px 12px 2px rgba(0, 0, 0, 0.2)
}
@media screen and (max-width: 768px) {
  header .search-box {
    width: 100%;
    height: 40px;
    -webkit-box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 5px 8px -5px rgba(0, 0, 0, 0.4)
  }
}
@media screen and (max-width: 768px) {
  body.top header .search-box {
    border-top: solid 1px #ddd
  }
}
body.on-search header .search-box {
  top: 99px;
  visibility: visible
}
@media screen and (max-width: 768px) {
  body.on-search header .search-box {
    top: 49px
  }
}
@media screen and (max-width: 768px) {
  body.vdhm header .search-box {
    border-top: solid 1px #ddd
  }
}
header .search-box .search_area {
  position: relative;
  z-index: 1;
  width: 396px;
  height: 100px;
  padding: 30px 0 30px 20px;
  line-height: 40px;
  border: none;
  background-image: url(//www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png);
  background-repeat: no-repeat;
  background-position: 20px center !important
}
@media screen and (max-width: 768px) {
  header .search-box .search_area {
    width: 100%;
    height: 40px;
    padding: 10px 0 10px 15px;
    line-height: 20px;
    background-position: 15px center !important
  }
}
header .search-box .search_area:focus {
  outline: none
}
header .search-box .search_btn {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 30px;
  width: 25px;
  height: 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: none;
  background-color: transparent;
  background-image: url(/_assets/images/ico-search.svg);
  background-repeat: no-repeat;
  background-size: 25px auto
}
@media screen and (max-width: 768px) {
  header .search-box .search_btn {
    right: 15px;
    width: 15px;
    height: 15px;
    background-size: 15px auto
  }
}
body.top header {
  height: 99px
}
@media screen and (max-width: 768px) {
  body.top header {
    height: 45px;
    min-height: 45px;
  }
}
body.top header .header-top {
  border-bottom: none
}
body.top header .breadcrumb {
  display: none
}
/*body.add-important-announcement header {
  margin-top: 80px
}*/
@media screen and (max-width: 768px) {
  /*body.add-important-announcement header {
    margin-top: 85px
  }*/
}
body.prhm header {
  top: -150px;
  height: 99px;
  margin-top: 0
}
@media screen and (max-width: 768px) {
  body.prhm header {
    height: 49px;
    margin-top: 0
  }
}
body.prhm header .breadcrumb {
  display: none
}
body.prhm header .header-top {
  border-bottom: none
}
body.fxhm header {
  position: fixed;
  margin-top: 0;
  -webkit-transition: top .3s ease-in-out;
  transition: top .3s ease-in-out
}
body.vdhm header {
  position: fixed;
  top: 0;
  margin-top: 0
}
.megamenus {
  position: absolute;
  z-index: 2;
  top: 99px;
  left: 0;
  display: block;
  visibility: hidden;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  opacity: 0;
  background-color: #666
}
@media screen and (max-width: 768px) {
  .megamenus {
    display: none
  }
}
.megamenus .inner {
  width: 1150px;
  margin-right: auto;
  margin-left: auto
}
.megamenus .cat-menus {
  color: #fff
}
.megamenus .cat-menus a {
  color: #fff
}
.megamenus .cat-menus a:hover {
  text-decoration: underline
}
.megamenus .cat-menus .menus.cat1 {
  display: none
}
.megamenus .cat-menus .menus.cat2 {
  display: none
}
.megamenus .cat-menus .menus.cat3 {
  display: none
}
.megamenus .cat-menus .menus.cat4 {
  display: none
}
.megamenus .cat-menus .menus.cat5 {
  display: none
}
.megamenus .cat-menus .menus.cat6 {
  display: none
}
.megamenus .cat-menus .menus.cat7 {
  display: none
}
.megamenus .cat-menus .menus.cat8 {
  display: none
}
.megamenus .cat-menus .menus ul.inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
}
.megamenus .cat-menus .menus ul.inline li {
  display: block;
  width: 200px;
  margin-right: 30px;
  margin-bottom: 25px;
  padding-bottom: 15px;
  border-bottom: solid 1px #fff
}

.megamenus .cat-menus .menus ul.inline li:last-child{
  margin-right: 0;
}

.megamenus .cat-menus .menus ul.inline li.nm {
  visibility: hidden
}
.megamenus .cat-menus .menus ul.inline li.cat3-blank {
  border-bottom: none
}
.megamenus .cat-menus .menus ul.inline li.cat3-blank a {
  display: table;
  padding-right: 30px;
  background-image: url(/_assets/images/ico-header-blank.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 13px auto
}
.megamenus .cat-menus .menus .sub-menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.megamenus .cat-menus .menus .sub-menus .sub-menu {
  margin-right: 2%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1
}
.megamenus .cat-menus .menus .sub-menus .sub-menu:last-child {
  margin-right: 0
}
.megamenus .cat-menus .menus .sub-menus .sub-menu.pd {
  padding-top: 60px
}
.megamenus .cat-menus .menus .sub-menus .sub-menu .sub-tit {
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  border-bottom: solid 1px #fff
}
.megamenus .cat-menus .menus .sub-menus .sub-menu ul li {
  margin-top: 10px
}
.megamenus .common-wrap {
  padding-top: 30px
}
.megamenus .type-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;

  margin-bottom: 28px
}
.megamenus .type-link li {
  width: 24%;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  margin-right: 1%
}
.megamenus .type-link li:last-child {
  margin-right: 0
}
.megamenus .type-link li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 7px 0;
  line-height: 1.3;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #666;
  border: solid 1px #fff;
  background-color: white;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
.megamenus .type-link li a:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0)
}
.megamenus .main-links {
  margin-bottom: 40px
}
.megamenus .main-links:after {
  content: '';
  display: block;
  clear: both
}
.megamenus .main-links li {
  float: left;
  width: 24.3%;
  margin-right: 0.8%
}
.megamenus .main-links li a {
  display: block;
  line-height: 75px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  text-align: center;
  color: #fff;
  border: solid 1px #fff;
  background-color: #2a6460;
  background-image: url(/_assets/images/link-aw-w.svg);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 34px auto
}
.megamenus .main-links li a img {
  margin-right: 10px;
  vertical-align: text-bottom
}
.megamenus .main-links li a img.ico1 {
  width: 16px
}
.megamenus .main-links li a img.ico2 {
  width: 21px
}
.megamenus .main-links li a img.ico3 {
  width: 21px
}
.megamenus .main-links li a img.ico4 {
  width: 13px;
  margin-right: 0;
  margin-left: 5px;
  vertical-align: top
}
.megamenus .main-links li a span {
  display: inline-block
}
.megamenus .main-links li a:hover {
  background-color: #30716d
}
.megamenus .main-links li:last-child {
  margin-right: 0
}
.megamenus .main-links li:last-child a {
  height: 75px;
  padding-top: 20px;
  line-height: 1.2;
  background-image: none
}
.megamenus .main-links li:last-child a i {
  display: block;
  margin-bottom: 7px;
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal;
  text-align: left
}
.megamenus .main-links li:last-child a b {
  display: block;
  text-align: left
}
.megamenus .sns-links {
  margin-right: auto;
  margin-left: auto;
  text-align: center
}
.megamenus .sns-links .tit {
  display: inline-block;
  margin-right: 30px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.4;
  text-align: left;
  color: #a4a4a4
}
.megamenus .sns-links ul {
  display: inline-block;
  font-size: 0;
  vertical-align: top
}
.megamenus .sns-links ul li {
  display: inline-block;
  margin: 0 14px;
  vertical-align: middle
}
.megamenus .sns-links ul li a {
  display: block
}
.megamenus .sns-links ul li a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
.megamenus .sns-links ul li a img.tw {
  width: 27px
}
.megamenus .sns-links ul li a img.fb {
  width: 12px
}
.megamenus .sns-links ul li a img.ig {
  width: 26px
}
.megamenus .sns-links ul li a img.yt {
  width: 28px
}
.megamenus .sns-links ul li a:hover img {
  -webkit-filter: brightness(120%);
  filter: brightness(120%)
}
body.m_menu .megamenus {
  visibility: visible;
  opacity: 1
}
body.c_m_1 nav.menu .m1 a {
  color: #fff;
  background-color: #666
}
body.c_m_1 .megamenus .cat-menus .menus.cat1 {
  display: block
}
body.c_m_2 nav.menu .m2 a {
  color: #fff;
  background-color: #666
}
body.c_m_2 .megamenus .cat-menus .menus.cat2 {
  display: block
}
body.c_m_3 nav.menu .m3 a {
  color: #fff;
  background-color: #666
}
body.c_m_3 .megamenus .cat-menus .menus.cat3 {
  display: block
}
body.c_m_4 nav.menu .m4 a {
  color: #fff;
  background-color: #666
}
body.c_m_4 .megamenus .cat-menus .menus.cat4 {
  display: block
}
body.c_m_5 nav.menu .m5 a {
  color: #fff;
  background-color: #666
}
body.c_m_5 .megamenus .cat-menus .menus.cat5 {
  display: block
}
body.c_m_6 nav.menu .m6 a {
  color: #fff;
  background-color: #666
}
body.c_m_6 .megamenus .cat-menus .menus.cat6 {
  display: block
}
body.c_m_7 nav.menu .m7 a {
  color: #fff;
  background-color: #666
}
body.c_m_7 .megamenus .cat-menus .menus.cat7 {
  display: block
}
body.c_m_8 nav.menu .m8 a {
  color: #fff;
  background-color: #666
}
body.c_m_8 .megamenus .cat-menus .menus.cat8 {
  display: block
}
.sp-menu {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
  width: 100%;
  height: 100vh;
  padding-top: 49px;
  background-color: #666
}
.sp-menu .sp-menu-main {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 320px) {
  .sp-menu .sp-menu-main {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.sp-menu .sp-menu-main li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.sp-menu .sp-menu-main li.eng a {
  border-bottom: solid 1px rgba(255, 255, 255, 0.5)
}
.sp-menu .sp-menu-main li.eng a i {
  display: inline-block
}
.sp-menu .sp-menu-main li.eng a i:after {
  display: none
}
.sp-menu .sp-menu-main li.eng a i img {
  width: 12px;
  margin-left: 8px;
  vertical-align: text-top
}
.sp-menu .sp-menu-main li.eng a span {
  background-color: transparent;
  background-image: url(/_assets/images/ico-aw.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5px auto
}
.sp-menu .sp-menu-main li:first-child a {
  border-top: none
}
.sp-menu .sp-menu-main li a {
  position: relative;
  display: block;
  line-height: 49px;
  color: #fff;
  border-top: solid 1px rgba(255, 255, 255, 0.5)
}
.sp-menu .sp-menu-main li a i {
  position: relative;
  z-index: 1;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 49px;
  padding-left: 20px;
  font-style: normal
}
.sp-menu .sp-menu-main li a i:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 49px;
  height: 49px;
  background-image: url(/_assets/images/ico-aw.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5px auto
}
.sp-menu .sp-menu-main li a span {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  display: block;
  width: 49px;
  height: 49px;
  background-color: #808080;
  background-image: url(/_assets/images/ico-plus.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 11px auto
}
.sp-menu .sp-menu-main li ul {
  display: none
}
.sp-menu .sp-menu-main li ul li a {
  overflow: hidden;
  margin-right: 0;
  margin-left: 40px;
  padding-right: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-top: none
}
.sp-menu .sp-menu-main li ul li a:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 49px;
  height: 49px;
  background-color: transparent;
  background-image: url(/_assets/images/ico-aw.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 5px auto
}
.sp-menu .sp-menu-main li ul li a.blank:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 49px;
  height: 49px;
  background-color: transparent;
  background-image: url(/_assets/images/ico-header-blank.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 10px auto
}
.sp-menu .sp-menu-main li ul li:last-child a {
  border-bottom: none
}
.sp-menu .sp-menu-main li.op a {
  border-bottom: solid 1px rgba(255, 255, 255, 0.5)
}
.sp-menu .sp-menu-main li.op a span {
  background-image: url(/_assets/images/ico-minus.svg)
}
.sp-menu .sp-menu-main li.op ul {
  display: block
}
.sp-menu .common-wrap {
  padding-bottom: 150px
}
.sp-menu .common-wrap .type-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 90%;
  margin: 18px auto 10px auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch
}
.sp-menu .common-wrap .type-link li {
  display: block;
  width: 49%;
  height: auto;
  margin-bottom: 2vw;
  line-height: 2;
  text-align: center;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}
.sp-menu .common-wrap .type-link li:nth-child(odd) {
  clear: both
}
.sp-menu .common-wrap .type-link li:nth-child(even) {
  float: right
}
.sp-menu .common-wrap .type-link li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding-top: 2vw;
  padding-bottom: 2vw;
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  border: solid 1px #fff;
  background-color: white;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.sp-menu .common-wrap .main-links {
  display: table;
  width: 92%;
  margin: 0 auto;
  border-spacing: 1vw 0px;
  border-collapse: separate
}
.sp-menu .common-wrap .main-links li {
  display: table-cell;
  width: 33%;
  height: 60px;
  vertical-align: middle;
  background-color: #2a6460;
  border: solid 1px #fff;
}
.sp-menu .common-wrap .main-links li a {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;

}
.sp-menu .common-wrap .main-links li a img {
  display: block;
  margin: 0 auto 10px auto
}
.sp-menu .common-wrap .main-links li a img.ico1 {
  width: 16px
}
.sp-menu .common-wrap .main-links li a img.ico2 {
  width: 21px
}
.sp-menu .common-wrap .main-links li a img.ico3 {
  width: 21px
}
.sp-menu .common-wrap .journal-link {
  width: 90%;
  margin: 18px auto 40px auto
}
.sp-menu .common-wrap .journal-link a {
  display: block;
  height: 75px;
  padding-top: 20px;
  line-height: 1.2;
  text-align: center;
  background-color: #2a6460;
  background-image: none;
  border: solid 1px #fff;
}
.sp-menu .common-wrap .journal-link a i {
  display: block;
  margin-bottom: 7px;
  font-size: 10px;
  font-size: 1rem;
  font-style: normal
}
.sp-menu .common-wrap .journal-link a b {
  display: block
}
.sp-menu .common-wrap .journal-link a b img {
  width: 13px;
  margin-right: 0;
  margin-left: 5px;
  vertical-align: top
}
.sp-menu .common-wrap .sns-links {
  margin-right: auto;
  margin-left: auto;
  text-align: center
}
.sp-menu .common-wrap .sns-links .tit {
  display: block;
  margin-bottom: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
  color: #a4a4a4
}
.sp-menu .common-wrap .sns-links ul {
  display: block;
  font-size: 0;
  vertical-align: top
}
.sp-menu .common-wrap .sns-links ul li {
  display: inline-block;
  margin: 0 14px;
  vertical-align: middle
}
.sp-menu .common-wrap .sns-links ul li a {
  display: block
}
.sp-menu .common-wrap .sns-links ul li a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
.sp-menu .common-wrap .sns-links ul li a img.tw {
  width: 27px
}
.sp-menu .common-wrap .sns-links ul li a img.fb {
  width: 12px
}
.sp-menu .common-wrap .sns-links ul li a img.ig {
  width: 26px
}
.sp-menu .common-wrap .sns-links ul li a img.yt {
  width: 28px
}
body.spmn .sp-menu {
  display: none
}
@media screen and (max-width: 768px) {
  body.spmn .sp-menu {
    display: block
  }
}
body.spmn .right-menu li.sp-trig .ico .parts {
  background: transparent
}
body.spmn .right-menu li.sp-trig .ico .parts:before {
  top: 0px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #fff
}
body.spmn .right-menu li.sp-trig .ico .parts:after {
  top: 0px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #fff
}
.gotop-cls1 {
  fill: #a8a8a8;
  stroke: #a8a8a8;
  stroke-miterlimit: 10;
  stroke-width: 1.56px
}
footer {
  text-align: center;
  color: #a8a8a8;
  background-color: #666
}
footer a {
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
  color: #dbdbdb
}
footer a:hover {
  text-decoration: underline;
  color: #fff
}
footer .gotop a {
  display: block;
  width: 100%;
  height: 80px;
  background-color: #555
}
@media screen and (max-width: 768px) {
  footer .gotop a {
    height: 50px
  }
}
footer .gotop a svg {
  width: 35px;
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  footer .gotop a svg {
    width: 16px;
    margin-top: 16px
  }
}
footer .logo {
  padding: 80px 0
}
@media screen and (max-width: 768px) {
  footer .logo {
    padding: 50px 0
  }
}
footer .logo img {
  width: 210px
}
@media screen and (max-width: 768px) {
  footer .logo img {
    width: 35.2vw;
    max-width: 210px
  }
}
footer .footer-links {
  margin-bottom: 20px
}
footer .footer-links:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  footer .footer-links {
    margin-bottom: 40px
  }
}
footer .footer-links ul {
  display: table;
  width: 1300px;
  margin-right: auto;
  margin-left: auto;
  text-align: left
}
@media screen and (max-width: 768px) {
  footer .footer-links ul {
    display: block;
    width: 84vw
  }
}
footer .footer-links ul li {
  display: table-cell;
  width: 17.5%;
  vertical-align: top
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li {
    display: inline;
    width: 100%;
  }
}
footer .footer-links ul li:last-child {
  width: 12.5%
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li:last-child {
    width: 100%
  }
}
footer .footer-links ul li dl {
  margin-bottom: 50px
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li dl {
    float: left;
    width: 38vw;
    margin-right: 2vw;
    margin-bottom: 30px;
    margin-left: 2vw
  }
  footer .footer-links ul li dl:nth-child(odd) {
    clear: both
  }
  footer .footer-links ul li dl:nth-child(even) {
    float: left
  }
  footer .footer-links ul li dl:first-child {
    clear: none
  }
}
footer .footer-links ul li dl dt {
  position: relative;
  display: 16px;
  display: 1.6rem;
  margin-bottom: 20px;
  padding-bottom: 10px
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li dl dt {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media screen and (max-width: 340px) {
  footer .footer-links ul li dl dt {
    font-size: 11px;
    font-size: 1.1rem
  }
}
footer .footer-links ul li dl dt:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 80%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3)
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li dl dt:after {
    width: 100%
  }
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li dl dd {
    display: none
  }
}
footer .footer-links ul li ol {
  display: block
}
footer .footer-links ul li ol li {
  display: block;
  width: 80%;
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2
}
footer .footer-links ul li ol li:last-child {
  width: 80%;
  margin-bottom: 0
}
footer .footer-links ul li ol li.relation-title {
  margin-top: 40px;
  margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li ol li.relation-title {
    margin-top: 20px;
    margin-bottom: 10px
  }
}
footer .footer-links ul li ol li.relation-title span {
  position: relative;
  display: block;
  padding-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #dbdbdb
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li ol li.relation-title span {
    padding-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media screen and (max-width: 340px) {
  footer .footer-links ul li ol li.relation-title span {
    font-size: 11px;
    font-size: 1.1rem
  }
}
footer .footer-links ul li ol li.relation-title span:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3)
}
footer .footer-links ul li ol.last-menu li {
    width: 100%;
  }
@media screen and (max-width: 768px) {
  footer .footer-links ul li ol li.relation-title span:after {
    width: 80vw
  }
}
@media screen and (max-width: 768px) {
  footer .footer-links ul li ol.last-menu {
    clear: both;
    padding-top: 30px
  }
  footer .footer-links ul li ol.last-menu li {
    float: left;
    width: 38vw;
    margin-right: 2vw;
    margin-bottom: 20px;
    margin-left: 2vw;
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media screen and (max-width: 768px) and (max-width: 340px) {
  footer .footer-links ul li ol.last-menu li {
    font-size: 11px;
    font-size: 1.1rem
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  footer .footer-links ul li ol.last-menu li.relation-title {
    width: 100%
  }
}
footer .footer-relation-link {
  width: 1280px;
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  footer .footer-relation-link {
    width: 80%
  }
}
footer .footer-relation-link dt {
  position: relative;
  display: 16px;
  display: 1.6rem;
  margin-bottom: 20px;
  padding-bottom: 10px;
  opacity: 0.7;
  color: #fff
}
@media screen and (max-width: 768px) {
  footer .footer-relation-link dt {
    display: 14px;
    display: 1.4rem
  }
}
footer .footer-relation-link dt:after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.3)
}
footer .footer-relation-link ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1120px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  footer .footer-relation-link ul {
    display: inherit;
    width: 80%;
    line-height: 2.4em
  }
}
footer .footer-banner {
  margin-bottom: 100px
}
@media screen and (max-width: 768px) {
  footer .footer-banner {
    margin-bottom: 50px
  }
}
footer .footer-banner ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1280px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  footer .footer-banner ul {
    width: 80%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
footer .footer-banner ul li {
  width: 240px
}
@media screen and (max-width: 768px) {
  footer .footer-banner ul li {
    width: 45.7%;
    margin-bottom: 5.3vw
  }
}
@media screen and (max-width: 768px) {
  footer .footer-banner ul li:last-child {
    margin-bottom: 0
  }
}
footer .footer-banner ul li a {
  display: block;
  background-color: #fff
}
footer .footer-banner ul li a img {
  display: block;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}
footer .footer-banner ul li a:hover img {
  opacity: 0.8
}
footer .sns-links {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  footer .sns-links {
    margin-bottom: 40px
  }
}
footer .sns-links .tit {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width: 768px) {
  footer .sns-links .tit {
    font-size: 11px;
    font-size: 1.1rem
  }
}
footer .sns-links ul {
  margin-top: 30px;
  font-size: 0
}
footer .sns-links ul li {
  display: inline-block;
  margin: 0 14px;
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  footer .sns-links ul li {
    margin: 0 10px
  }
}
footer .sns-links ul li a {
  display: block
}
footer .sns-links ul li a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
footer .sns-links ul li a img.tw {
  width: 27px
}
footer .sns-links ul li a img.fb {
  width: 12px
}
footer .sns-links ul li a img.ig {
  width: 26px
}
footer .sns-links ul li a img.yt {
  width: 28px
}
footer .sns-links ul li a:hover img {
  -webkit-filter: brightness(120%);
  filter: brightness(120%)
}
footer .footer-bottom-links ul {
  margin-bottom: 40px;
  font-size: 0
}
footer .footer-bottom-links ul li {
  display: inline-block;
  margin-right: 2em;
  font-size: 15px;
  font-size: 1.5rem
}
@media screen and (max-width: 768px) {
  footer .footer-bottom-links ul li {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
footer .footer-bottom-links ul li:last-child {
  margin-right: 0;
  margin-bottom: 0
}
footer .copyright {
  padding-bottom: 90px;
  font-size: 15px;
  font-size: 1.5rem
}
@media screen and (max-width: 768px) {
  footer .copyright {
    padding-bottom: 40px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 340px) {
  footer .copyright {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.contact .contact-desc p.center {
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-desc p.center {
    text-align: left
  }
}
main.content.contact .contact-desc p a {
  text-decoration: underline;
  color: #333
}
main.content.contact .contact-desc .rt-link-button a {
  width: 620px;
}
main.content.contact .contact-desc p + .rt-link-button {
  margin-top: 55px;
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-desc p + .rt-link-button {
    margin-top: 30px
  }
  main.content.contact .contact-desc .rt-link-button a {
  width: 100%;
}
}
main.content.contact .contact-form .container {
  width: 800px;
  padding-bottom: 175px
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container {
    width: 90vw;
    padding-bottom: 100px
  }
}
main.content.contact .contact-form .container .form-input {
  padding-top: 38px;
  padding-bottom: 38px;
  font-size: 0;
  border-top: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input {
    padding-top: 24px;
    padding-bottom: 24px
  }
}
main.content.contact .contact-form .container .form-input p {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.contact .contact-form .container .form-input p.tit {
  margin-bottom: 15px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input p.tit {
    margin-bottom: 10px
  }
}
main.content.contact .contact-form .container .form-input p.error-ms {
  margin-top: 15px;
  color: #ef5b5b
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input p.error-ms {
    margin-top: 10px
  }
}
main.content.contact .contact-form .container .form-input label {
  display: block;
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input label {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.contact .contact-form .container .form-input label span {
  display: inline-block;
  margin-left: 10px;
  padding-right: 6px;
  padding-left: 6px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 20px;
  color: #fff;
  border-radius: 2px;
  background-color: #ef5b5b
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input label span {
    margin-left: 6px;
    padding-right: 3px;
    padding-left: 3px;
    font-size: 9px;
    line-height: 15px
  }
}
main.content.contact .contact-form .container .form-input label.agreement {
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input label.agreement {
    text-align: left
  }
}
main.content.contact .contact-form .container .form-input label.agreement input[type="checkbox"] {
  display: none
}
main.content.contact .contact-form .container .form-input label.agreement .agreement-text {
  position: relative;
  display: inline-block;
  padding-left: 45px
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input label.agreement .agreement-text {
    padding-left: 30px
  }
}
main.content.contact .contact-form .container .form-input label.agreement .agreement-text::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 30px;
  height: 30px;
  border: 1px solid #ddd
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input label.agreement .agreement-text::before {
    width: 20px;
    height: 20px
  }
}
main.content.contact .contact-form .container .form-input label.agreement .agreement-cb:checked + .agreement-text::after {
  content: "";
  position: absolute;
  top: 0;
  left: 10px;
  display: block;
  width: 10px;
  height: 22px;
  -webkit-transform: rotate(40deg);
  transform: rotate(40deg);
  border-right: 3px solid #2a6460;
  border-bottom: 3px solid #2a6460
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input label.agreement .agreement-cb:checked + .agreement-text::after {
    top: 0px;
    left: 8px;
    width: 7px;
    height: 14px;
    border-right: 2px solid #2a6460;
    border-bottom: 2px solid #2a6460
  }
}
main.content.contact .contact-form .container .form-input input[type="text"] {
  display: block;
  width: 800px;
  height: 80px;
  padding-left: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  border: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input input[type="text"] {
    width: 100%;
    height: 50px;
    padding-left: 15px
  }
}
main.content.contact .contact-form .container .form-input input[type="text"].hb {
  margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input input[type="text"].hb {
    margin-bottom: 10px
  }
}
main.content.contact .contact-form .container .form-input input[type="text"].name {
  display: inline-block;
  width: 380px
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input input[type="text"].name {
    width: 48%
  }
}
main.content.contact .contact-form .container .form-input input[type="text"].name + input.name {
  margin-left: 36px
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input input[type="text"].name + input.name {
    margin-left: 4%
  }
}
main.content.contact .contact-form .container .form-input input[type="text"].zip {
  display: inline-block;
  width: 380px
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input input[type="text"].zip {
    width: 48%
  }
}
main.content.contact .contact-form .container .form-input .zipb {
  display: inline-block;
  width: 36px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 80px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input .zipb {
    width: 4%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px
  }
}
main.content.contact .contact-form .container .form-input .ziplink {
  margin-top: 25px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input .ziplink {
    margin-top: 15px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.contact .contact-form .container .form-input .ziplink a {
  text-decoration: underline;
  color: #333
}
main.content.contact .contact-form .container .form-input .rt-select select {
  width: 800px;
  font-size: 16px;
  font-size: 1.6rem;
  border: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input .rt-select select {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.contact .contact-form .container .form-input textarea {
  width: 800px;
  height: 300px;
  padding: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  border: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input textarea {
    width: 100%;
    height: 150px;
    padding: 15px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.contact .contact-form .container .form-input .agreement-desc {
  margin-bottom: 25px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .form-input .agreement-desc {
    margin-bottom: 12px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left
  }
}
main.content.contact .contact-form .container .form-input.error label {
  color: #ef5b5b
}
main.content.contact .contact-form .container .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.contact .contact-form .container .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.info-inquiry .info-inquiry-content .rt-link-button {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.info-inquiry .info-inquiry-content .rt-link-button {
    margin-bottom: 30px
  }
}
main.content.info-inquiry .info-inquiry-content ol {
  padding-left: 1.5em
}
main.content.info-inquiry .info-inquiry-content ol li a {
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
  text-decoration: underline;
  color: #000
}
main.content.info-inquiry .info-inquiry-content ol li a:hover {
  color: #2a6460
}
main.content.info-inquiry .info-inquiry-content ol li .red {
  color: #f00
}
main.content.info-inquiry .info-inquiry-content ol li .red a {
  text-decoration: underline;
  color: #f00
}
main.content.info-inquiry .info-inquiry-content ol li .red a:hover {
  color: #2a6460
}
main.content.info-inquiry .info-inquiry-content ol li .note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.info-inquiry .info-inquiry-content ol li .note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.news-top .news-top-list {
  margin-top: 75px;
  margin-bottom: 120px
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-top-list {
    margin: 40px 0;
  }
}


main.content.news-top .rt-catlink {
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.news-top .rt-catlink {
    width: 90vw;
    margin-bottom: 20px
  }
}
main.content.news-top .rt-catlink ul li {
  width: 20%
}
main.content.news-top .rt-catlink.onsub .news-sub-menu {
  display: block
}
main.content.news-top .rt-catlink .news-sub-menu {
  position: relative;
  display: none;
  width: 895px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.news-top .rt-catlink .news-sub-menu {
    width: 90vw
  }
}
main.content.news-top .rt-catlink .news-sub-menu .sub-menu {
  position: absolute;
  z-index: 2;
  top: -1px;
  right: 0;
  width: 181px;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.news-top .rt-catlink .news-sub-menu .sub-menu {
    width: 20.5%
  }
}
main.content.news-top .rt-catlink .news-sub-menu .sub-menu .sub a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 60px;
  text-align: center;
  color: #2a6460;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.news-top .rt-catlink .news-sub-menu .sub-menu .sub a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 40px
  }
}
main.content.news-top .rt-catlink .news-sub-menu .sub-menu .sub a:hover {
  color: #fff;
  background-color: #2a6460
}

main.content.news-top .news-list {
  margin-top: 60px;
  margin-left: -20px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 1;
      display: flex;
    flex-direction: row;
    flex-flow: wrap;
}
main.content.news-top .news-list:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-list {
    display: block;
    margin-top: 30px;
    margin-left: 0;
  }
}
main.content.news-top .news-list.sort {
  opacity: 0
}
main.content.news-top .news-list .news {
  /*display: none;*/
  width: 360px;
  margin-bottom: 20px;
  margin-left: 40px
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-list .news {
    float: none;
    width: 90vw;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    padding-bottom: 25px;
    border-bottom: solid 1px #ddd
  }
}
main.content.news-top .news-list .news a {
  width: 360px;
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.news-top .news-list .news a:after {
  content: '';
  display: block;
  clear: both
}

main.content.news-top .news-list .news a .pic img {
    object-fit: cover;
    font-family: "object-fit:cover;";
width: 360px;
  height: 225px;
  }

@media screen and (max-width: 768px) {
  main.content.news-top .news-list .news a .pic {
    float: left;
    width: 30%;
    height: 100%;
  }
  main.content.news-top .news-list .news a .pic img {
    object-fit: cover;
    font-family: "object-fit:cover;";
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 330px) {
  main.content.news-top .news-list .news a .pic {
    width: 20%
  }
}
main.content.top .top-information .news-list .news .desc,
main.content.news-top .news-list .news a .desc
 {
  padding: 10px 15px 15px 15px
}
main.content.news-top .news-list .news a .desc:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
main.content.news-top .news-list .news a .desc
 {
  padding: 10px 10px 0 0;
}
  main.content.news-top .news-list .news a .desc {
    float: right;
    width: 55%;
    height: auto;
    padding: 10px 10px 0 0;
  }
}
@media screen and (max-width: 330px) {
  main.content.news-top .news-list .news a .desc {
    width: 54%;
    padding: 10px 10px 0 0;
  }
  main.content.news-top .news-list .news a .desc .date{
    float: right;
    width: 30%;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: right;
    color: #333;
    white-space: nowrap;
  }
}
main.content.news-top .news-list .news a .desc .tit
 {
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-list .news a{width: 100%;}
  main.content.news-top .news-list .news a .desc .tit,
  main.content.news-top .news-list .news a .desc .tit
   {
    margin-bottom: 9px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  main.content.news-top .news-list .news a .desc .tit
   {
    max-height: 40px;
  }
}
main.content.news-top .news-list .news a .desc .cat {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  color: #666;
  border: solid 1px #ddd;
  border-radius: 5px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-list .news a .desc .cat {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 18px;
    margin-right:5px;
  }
}
@media screen and (max-width: 330px) {
  main.content.news-top .news-list .news a .desc .cat {
    font-size: 8px;
    font-size: 0.8rem
  }
}
main.content.news-top .news-list .news a .desc .cat.important {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 11px;
  font-size: 1.1rem;
  color: #fff;
  background-color: #cc1717
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-list .news a .desc .cat.important {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 8px;
    font-size: 0.8rem
  }
}
main.content.news-top .news-list .news a .desc .cat + .cat {
  margin-left: 5px
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-list .news a .desc .cat + .cat {
    margin-left: 2px
  }
}
main.content.news-top .news-list .news a .desc .date {
  clear: both;
  float: right;
  width: 30%;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: right;
  color: #333;
  white-space: nowrap;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-list .news a .desc .date {
    font-size: 10px;
    font-size: 1rem;
    padding-bottom: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 330px) {
  main.content.news-top .news-list .news a .desc .date {
    font-size: 8px;
    font-size: 0.8rem;
    padding-bottom: 10px;
  }
}
main.content.news-top .news-list .news a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-list .news a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}

















main.content.news-top .news-pager {
  margin-top: 40px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-pager {
    margin-top: 20px
  }
}
main.content.news-top .news-pager ul li {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-pager ul li {
    margin-right: 2px;
    margin-left: 2px
  }
}
main.content.news-top .news-pager ul li a {
  display: block;
  width: 60px;
  line-height: 60px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.news-top .news-pager ul li a {
    width: 30px;
    line-height: 30px
  }
}
main.content.news-top .news-pager ul li a:hover {
  color: #fff;
  background-color: #2a6460
}
main.content.news-top .news-pager ul li.current a {
  color: #fff;
  background-color: #2a6460
}
main.content.news-top .by-year-select-wrap {
  text-align: center
}
main.content.news-top .by-year-select-wrap .tit {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.news-top .by-year-select-wrap .tit {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.news-top .by-year-select-wrap.hb {
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.news-top .by-year-select-wrap.hb {
    margin-bottom: 20px
  }
}
main.content.news-detail .news-detail-head {
  margin-bottom: 60px
}
main.content.news-detail .news-detail-head:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-head {
    margin-bottom: 25px
  }
}
main.content.news-detail .news-detail-head h1 {
  margin-bottom: 25px;
  font-size: 36px;
  font-size: 3.6rem
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-head h1 {
    margin-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.news-detail .news-detail-head .cat {
  display: inline-block;
  margin-right: 20px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  color: #666;
  border: solid 1px #ddd;
  border-radius: 5px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-head .cat {
    float: left;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 18px
  }
}
main.content.news-detail .news-detail-head .date {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-head .date {
    float: right;
    width: 30%;
    font-size: 10px;
    font-size: 1rem;
    text-align: right
  }
}
main.content.news-detail .news-detail-mpic {
  margin-bottom: 55px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-mpic {
    margin-bottom: 25px
  }
}
main.content.news-detail .news-detail-mpic img {
  width: 800px
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-mpic img {
    width: 100%
  }
}
main.content.news-detail .news-detail-content p {
  line-height: 2
}
main.content.news-detail .news-detail-content p + p {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-content p + p {
    margin-top: 30px
  }
}
main.content.news-detail .news-detail-contact {
  padding-top: 70px;
  padding-bottom: 110px
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-contact {
    padding-top: 35px;
    padding-bottom: 55px
  }
}
main.content.news-detail .news-detail-contact .wrap {
  position: relative;
  width: 580px;
  margin-right: auto;
  margin-left: auto;
  padding: 35px 0;
  text-align: center;
  border: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-contact .wrap {
    float: none;
    width: 90vw;
    padding: 30px 0
  }
}
main.content.news-detail .news-detail-contact .wrap:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #eee
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-contact .wrap:after {
    bottom: -4px;
    height: 3px
  }
}
main.content.news-detail .news-detail-contact .wrap h2 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-contact .wrap h2 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.news-detail .news-detail-contact .wrap p {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-contact .wrap p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.news-detail .news-detail-contact .wrap p a {
  text-decoration: underline;
  color: #333
}
main.content.news-detail .news-detail-pager:after {
  content: '';
  display: block;
  clear: both
}
main.content.news-detail .news-detail-pager a {
  display: inline-block;
  color: #333
}
main.content.news-detail .news-detail-pager .prev {
  float: left;
  width: 33%;
  text-align: left
}
main.content.news-detail .news-detail-pager .prev a {
  padding-left: 53px;
  background-image: url(/_assets/images/news-detail-prev.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-pager .prev a {
    padding-left: 30px;
    background-size: 17px auto
  }
}
main.content.news-detail .news-detail-pager .top {
  float: left;
  width: 33%;
  text-align: center
}
main.content.news-detail .news-detail-pager .next {
  float: right;
  width: 33%;
  text-align: right
}
main.content.news-detail .news-detail-pager .next a {
  padding-right: 53px;
  background-image: url(/_assets/images/news-detail-next.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.news-detail .news-detail-pager .next a {
    padding-right: 30px;
    background-size: 17px auto
  }
}
main.content.region-top .low-top-header {
  background-image: url(/_assets/images/region/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.region-top .low-top-header {
    background-image: url(/_assets/images/region/top-mv-sp.jpg)
  }
}
main.content.region-top .region-top-footer-banner {
  padding-bottom: 100px
}
@media screen and (max-width: 768px) {
  main.content.region-top .region-top-footer-banner {
    padding-bottom: 50px
  }
}
main.content.region-top .region-top-footer-banner .region-top-banner-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 780px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.region-top .region-top-footer-banner .region-top-banner-links {
    width: 90vw
  }
}
main.content.region-top .region-top-footer-banner .region-top-banner-links .link {
  width: 235px
}
@media screen and (max-width: 768px) {
  main.content.region-top .region-top-footer-banner .region-top-banner-links .link {
    width: 28vw
  }
}
main.content.region-top .region-top-footer-banner .region-top-banner-links .link a img {
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}
main.content.region-top .region-top-footer-banner .region-top-banner-links .link a:hover img {
  opacity: 0.7
}
main.content.region-about .region-about-desc p a {
  text-decoration: underline;
  color: #000
}
main.content.region-about .region-about-desc p + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.region-about .region-about-desc p + h5 {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc p + h5 {
    margin-top: 15px
  }
}
main.content.region-about .region-about-desc p + h4 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc p + h4 {
    margin-top: 30px
  }
}
main.content.region-about .region-about-desc h5 {
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc h5 {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.region-about .region-about-desc .rt-link-button + .rt-link-button {
  margin-top: 15px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.region-about .region-about-desc .rt-link-button + h5 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rt-link-button + h5 {
    margin-top: 30px
  }
}
main.content.region-about .region-about-desc .rt-link-button + h4 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rt-link-button + h4 {
    margin-top: 30px
  }
}
main.content.region-about .region-about-desc .region-about-desc-tp:after {
  content: '';
  display: block;
  clear: both
}
main.content.region-about .region-about-desc .region-about-desc-tp p {
  float: left;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .region-about-desc-tp p {
    float: none;
    width: 100%
  }
}
main.content.region-about .region-about-desc .region-about-desc-tp .pic {
  float: right;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .region-about-desc-tp .pic {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.region-about .region-about-desc .region-about-desc-tp + h5 {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .region-about-desc-tp + h5 {
    margin-top: 15px
  }
}
main.content.region-about .region-about-desc .g-calendar {
  width: 840px;
  margin-top: 120px;
  margin-right: auto;
  margin-left: auto;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .g-calendar {
    overflow: auto;
    width: 100%;
    margin-top: 60px
  }
  main.content.region-about .region-about-desc .g-calendar iframe {
    overflow: auto;
    width: 100%;
    margin-top: 60px
  }
}

main.content.region-about .region-about-desc .rule-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rule-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.region-about .region-about-desc .rule {
  border-top: solid 2px #2a6460
}
main.content.region-about .region-about-desc .rule.hb {
  border-bottom: solid 2px #2a6460
}
main.content.region-about .region-about-desc .rule h3 {
  padding: 40px 50px 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rule h3 {
    padding: 20px 25px 20px 0;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.region-about .region-about-desc .rule h3 span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rule h3 span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.region-about .region-about-desc .rule h3.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.region-about .region-about-desc .rule h3.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rule h3.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.region-about .region-about-desc .rule h3:hover {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rule h3:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.region-about .region-about-desc .rule .desc-wrap {
  display: none;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-desc .rule .desc-wrap {
    padding-bottom: 25px
  }
}
main.content.region-about .region-about-desc .rule .desc-wrap p + p {
  margin-top: 1em
}
main.content.region-about .region-about-kashiwa a {
  text-decoration: underline;
  color: #333
}
main.content.region-about .region-about-kashiwa .pic-desc:after {
  content: '';
  display: block;
  clear: both
}
main.content.region-about .region-about-kashiwa .pic-desc .desc {
  float: right;
  width: 710px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-kashiwa .pic-desc .desc {
    float: none;
    width: 100%
  }
}
main.content.region-about .region-about-kashiwa .pic-desc .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.region-about .region-about-kashiwa .pic-desc .pic {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.region-center .region-center-message-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}
@media screen and (max-width: 768px) {
  main.content.region-center .region-center-message-wrap {
    display: block
  }
}
main.content.region-center .region-center-message-wrap .region-message {
  width: 715px
}
@media screen and (max-width: 768px) {
  main.content.region-center .region-center-message-wrap .region-message {
    width: 100%
  }
}
main.content.region-center .region-center-message-wrap .region-message p {
  line-height: 2
}
main.content.region-center .region-center-message-wrap .region-message p + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.region-center .region-center-message-wrap .region-message p + p {
    margin-top: 30px
  }
}
main.content.region-center .region-center-message-wrap .region-profile {
  width: 400px
}
main.content.region-center .region-center-message-wrap .region-profile:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.region-center .region-center-message-wrap .region-profile {
    width: 100%;
    margin-top: 30px
  }
}
main.content.region-center .region-center-message-wrap .region-profile img {
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.region-center .region-center-message-wrap .region-profile img {
    float: left;
    width: 59.7%;
    height: auto
  }
}
main.content.region-center .region-center-message-wrap .region-profile .name {
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1
}
@media screen and (max-width: 768px) {
  main.content.region-center .region-center-message-wrap .region-profile .name {
    float: right;
    width: 31.3%;
    font-size: 14px;
    font-size: 1.4rem
  }
}
@media screen and (max-width: 480px) {
  main.content.region-center .region-center-message-wrap .region-profile .name {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.region-center .region-center-message-wrap .region-profile .name span {
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.region-center .region-center-message-wrap .region-profile .name span {
    margin-bottom: 8px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 480px) {
  main.content.region-center .region-center-message-wrap .region-profile .name span {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.region-cooperation .region-cooperation-box p a {
  text-decoration: underline;
  color: #000
}
main.content.region-cooperation .region-cooperation-box p + h5 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.region-cooperation .region-cooperation-box p + h5 {
    margin-top: 30px
  }
}
main.content.region-cooperation .region-cooperation-box p .red {
  color: #f00
}
body.top {
  /*&::-webkit-scrollbar{
      width: 15px;
    }
    &::-webkit-scrollbar-thumb{
      background: #c1c1c1;
    }*/
    overflow-y: hidden;
}
body.top::after {
  content: "";
  position: fixed;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background-image: url(/_assets/images/top/about-bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover
}
@media screen and (max-width: 768px) {
  body.top::after {
    display: block;
    width: 100%;
    background-image: url(/_assets/images/top/about-bg-sp.jpg)
  }
}
main.content.top h2 {
  margin-bottom: 50px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.top h2 {
    margin-bottom: 30px
  }
}
main.content.top h2 img {
  height: 32px
}
@media screen and (max-width: 768px) {
  main.content.top h2 img {
    height: 6vw;
    max-height: 32px
  }
}
main.content.top h2 span {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  font-size: 2rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.top h2 span {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.top .top-mv {
  position: relative;
  height: 960px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv {
    height: 101vw
  }
}
main.content.top .top-mv .copy {
  position: absolute;
  z-index: 4;
  top: 165px;
  right: 360px;
  font-size: 32px;
  font-size: 3.2rem;
  color: #2a6460;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .copy {
    top: 12.6vw;
    right: 14.6vw;
    font-size: 4.2vw
  }
}
main.content.top .top-mv .copy img {
  width: 104px
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .copy img {
    width: 13.8vw
  }
}
main.content.top .top-mv .small-international {
  position: absolute;
  z-index: 3;
  right: 125px;
  bottom: -58px;
  width: 638px;
  -webkit-transition: all .5s ease-in 1.5s;
  transition: all .5s ease-in 1.5s;
  opacity: 0;
  display: none;
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .small-international {
    right: 4.2vw;
    bottom: -5.3vw;
    overflow: hidden;
    width: 54.6vw;
    height: 30vw
  }
}
main.content.top .top-mv .small-international #animation_container {
  overflow: hidden;
  width: 638px;
  height: 347px
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .small-international #animation_container {
    width: 54.6vw;
    height: 30vw
  }
}
main.content.top .top-mv .small-international #animation_container #canvas {
  width: 638px;
  height: 347px
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .small-international #animation_container #canvas {
    width: 54.6vw;
    height: 30vw
  }
}
main.content.top .top-mv .top-mv-pa {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 960px;
  background-color: transparent
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .top-mv-pa {
    height: 101vw
  }
}
main.content.top .top-mv .top-mv-pa canvas {
  background-color: transparent
}
main.content.top .top-mv .top-mv-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 960px;
  -webkit-transition: opacity 0.8s cubic-bezier(0.83, 0, 0.17, 1) 0.2s;
  transition: opacity 0.8s cubic-bezier(0.83, 0, 0.17, 1) 0.2s;
  opacity: 0
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .top-mv-bg {
    height: 101vw
  }
}
main.content.top .top-mv .top-mv-bg .tm-bg1 {
  position: relative;
  width: 100%;
  height: 960px;
  background-image: url(/_assets/images/top/mv.jpg);
  background-position: center center;
  background-size: cover
}
main.content.top .top-mv .top-mv-bg .tm-bg1 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .top-mv-bg .tm-bg1 {
    height: 101vw;
    background-image: url(/_assets/images/top/mv-sp.jpg)
  }
}
main.content.top .top-mv .top-mv-bg .tm-bg2 {
  position: relative;
  width: 100%;
  height: 960px;
  background-image: url(/_assets/images/top/mv2.jpg);
  background-position: center center;
  background-size: cover
}
main.content.top .top-mv .top-mv-bg .tm-bg2 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .top-mv-bg .tm-bg2 {
    height: 101vw;
    background-image: url(/_assets/images/top/mv2-sp.jpg)
  }
}
main.content.top .top-mv .top-mv-bg .tm-bg3 {
  position: relative;
  width: 100%;
  height: 960px;
  background-image: url(/_assets/images/top/mv3.jpg);
  background-position: center center;
  background-size: cover
}
main.content.top .top-mv .top-mv-bg .tm-bg3 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .top-mv-bg .tm-bg3 {
    height: 101vw;
    background-image: url(/_assets/images/top/mv3-sp.jpg)
  }
}
main.content.top .top-mv .top-mv-bg .tm-bg4 {
  position: relative;
  width: 100%;
  height: 960px;
  background-image: url(/_assets/images/top/mv4.jpg);
  background-position: center center;
  background-size: cover
}
main.content.top .top-mv .top-mv-bg .tm-bg4 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .top-mv-bg .tm-bg4 {
    height: 101vw;
    background-image: url(/_assets/images/top/mv4-sp.jpg)
  }
}
main.content.top .top-mv .top-mv-bg .tm-bg5 {
  position: relative;
  width: 100%;
  height: 960px;
  background-image: url(/_assets/images/top/mv5.jpg);
  background-position: center center;
  background-size: cover
}
main.content.top .top-mv .top-mv-bg .tm-bg5 a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 768px) {
  main.content.top .top-mv .top-mv-bg .tm-bg5 {
    height: 101vw;
    background-image: url(/_assets/images/top/mv5-sp.jpg)
  }
}
body.aon main.content.top .top-mv {
  /*.copy {
            opacity: 1;
          }*/
}
body.aon main.content.top .top-mv .top-mv-bg {
  opacity: 1
}
body.aon main.content.top .top-mv .small-international {
  bottom: -55px;
  opacity: 1
}
main.content.top .banner-links {
  padding-top: 160px;
  padding-bottom: 0;
  background-color: #f2f5f4
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links {
    padding-top: 50px;
    padding-bottom: 50px
  }
}
main.content.top .banner-links ul {
  width: 1400px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links ul {
    width: 100%
  }
}
main.content.top .banner-links ul:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links ul:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.top .banner-links ul li a {
  display: block
}
main.content.top .banner-links ul li a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links ul li a img {
    -webkit-transition: none;
    transition: none
  }
}
main.content.top .banner-links ul li a img.pc-only {
  display: block
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links ul li a img.pc-only {
    display: none
  }
}
main.content.top .banner-links ul li a img.sp-only {
  display: none
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links ul li a img.sp-only {
    display: block
  }
}
main.content.top .banner-links ul li a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links ul li a:hover img {
    opacity: 1
  }
}
main.content.top .banner-links .slick-slider {
  margin-bottom: 0
}
main.content.top .banner-links .slick-arrow {
  z-index: 20;
  width: 43px;
  height: 43px;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links .slick-arrow {
    width: 30px;
    height: 30px
  }
}
main.content.top .banner-links .slick-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links .slick-prev {
    top: auto;
    bottom: -50px;
    left: 50px;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    border-right: solid 1px #f4f9f7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
  }
}
main.content.top .banner-links .slick-prev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-prev.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links .slick-prev:before {
    width: 6px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 6px auto
  }
}
main.content.top .banner-links .slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links .slick-next {
    top: auto;
    right: 20px;
    bottom: -50px;
    left: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
  }
}
main.content.top .banner-links .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-next.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
@media screen and (max-width: 768px) {
  main.content.top .banner-links .slick-next:before {
    width: 6px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 6px auto
  }
}
main.content.top .banner-links .slick-dots {
  bottom: -50px;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}
main.content.top .banner-links .slick-dots li {
  display: inline-block;
  width: 15px;
  margin-right: 10px !important;
  margin-left: 10px !important
}
main.content.top .banner-links .slick-dots li button {
  width: 15px;
  height: 15px
}
main.content.top .banner-links .slick-dots li button::before {
  font-size: 15px;
  color: #2a6460
}
main.content.top .top-information {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #f2f5f4
}
@media screen and (max-width: 768px) {
  main.content.top .top-information {
    padding-top: 60px;
    padding-bottom: 60px
  }
}

main.content.top .top-information .rt-catlink {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .rt-catlink {
    margin-bottom: 25px
  }
}
main.content.top .top-information .rt-catlink ul li {
  width: 20%
}
main.content.top .top-information .rt-catlink.onsub .news-sub-menu {
  display: block
}
main.content.top .top-information .rt-catlink .news-sub-menu {
  position: relative;
  display: none;
  width: 895px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .rt-catlink .news-sub-menu {
    width: 90vw
  }
}
main.content.top .top-information .rt-catlink .news-sub-menu .sub-menu {
  position: absolute;
  z-index: 2;
  top: -1px;
  right: 0;
  width: 181px;
  border-top: solid 1px #ddd;
  border-left: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .rt-catlink .news-sub-menu .sub-menu {
    width: 20.5%
  }
}
main.content.top .top-information .rt-catlink .news-sub-menu .sub-menu .sub a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 60px;
  text-align: center;
  color: #2a6460;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .rt-catlink .news-sub-menu .sub-menu .sub a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 40px
  }
}
main.content.top .top-information .rt-catlink .news-sub-menu .sub-menu .sub a:hover {
  color: #fff;
  background-color: #2a6460
}
main.content.top .top-information .news-cat {
  margin-bottom: 30px
}
main.content.top .top-information .news-cat ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 620px;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-cat ul {
    width: 90vw
  }
}
main.content.top .top-information .news-cat ul li {
  width: 200px
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-cat ul li {
    width: 32%
  }
}
main.content.top .top-information .news-cat ul li a {
  display: block;
  line-height: 50px;
  text-align: center;
  color: #2a6460;
  border: solid 1px #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-cat ul li a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 40px
  }
}
main.content.top .top-information .news-cat ul li a.current {
  color: #fff;
  background-color: #2a6460
}
main.content.top .top-information .news-list {
  margin-top: 60px;
  margin-left: -40px;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  opacity: 1;
      display: flex;
    flex-direction: row;
    flex-flow: wrap;
}

main.content.top .top-information .news-list:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list {
    display: block;
    margin-top: 30px;
    margin-left: 0;
  }
}
main.content.top .top-information .news-list.sort {
  opacity: 0
}
main.content.top .top-information .news-list .news {
  /*display: none;*/
  width: 320px;
  margin-bottom: 20px;
  margin-left: 40px
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news {
    float: none;
    width: 90vw;
    margin-right: auto;
    margin-bottom: 25px;
    margin-left: auto;
    padding-bottom: 25px;
    border-bottom: solid 1px #ddd
  }
}
main.content.top .top-information .news-list .news a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.top .top-information .news-list .news a:after {
  content: '';
  display: block;
  clear: both
}
main.content.top .top-information .news-list .news a .pic img {
    object-fit: cover;
    font-family: "object-fit:cover;";
width: 320px;
  height: 200px;
  }
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news a .pic {
    float: left;
    width: 30%;
    height: 100%;
  }
  main.content.top .top-information .news-list .news a .pic img {
    object-fit: cover;
    font-family: "object-fit:cover;";
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 330px) {
  main.content.top .top-information .news-list .news a .pic {
    width: 20%
  }
}
main.content.top .top-information .news-list .news .desc,
main.content.news-top .news-list .news a .desc
 {
  padding: 0 15px 15px 15px
}
main.content.top .top-information .news-list .news a .desc:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news .desc,
main.content.news-top .news-list .news a .desc
 {
  padding: 10px 10px 0 0;
}
  main.content.top .news-list .news a .desc {
    float: right;
    width: 55%;
    height: auto;
    padding: 10px 10px 0 0;
  }
}
@media screen and (max-width: 330px) {
  main.content.top .top-information .news-list .news a .desc {
    width: 54%;
    padding: 10px 10px 0 0;
  }
  main.content.top .top-information .news-list .news a .desc .date{
    float: right;
    width: 30%;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: right;
    color: #333;
    white-space: nowrap;
  }
}
main.content.top .top-information .news-list .news a .desc .tit,
main.content.news-top .news-list .news a .desc .tit
 {
  margin-bottom: 15px;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news a{width: 100%;}
  main.content.top .top-information .news-list .news a .desc .tit,
  main.content.news-top .news-list .news a .desc .tit
   {
    margin-bottom: 9px;
    font-size: 12px;
    font-size: 1.2rem;
    max-height: 50px;
    height: 50px;
  }
  main.content.top .top-information .news-list .news a .desc .tit
   {
    max-height: 40px;
  }
}
main.content.top .top-information .news-list .news a .desc .cat {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  color: #666;
  border: solid 1px #ddd;
  border-radius: 5px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news a .desc .cat {
    padding-right: 8px;
    padding-left: 8px;
    font-size: 9px;
    font-size: 0.9rem;
    line-height: 18px;
    margin-right:5px;
  }
}
@media screen and (max-width: 330px) {
  main.content.top .top-information .news-list .news a .desc .cat {
    font-size: 8px;
    font-size: 0.8rem
  }
}
main.content.top .top-information .news-list .news a .desc .cat.important {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 11px;
  font-size: 1.1rem;
  color: #fff;
  background-color: #cc1717
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news a .desc .cat.important {
    padding-right: 3px;
    padding-left: 3px;
    font-size: 8px;
    font-size: 0.8rem
  }
}
main.content.top .top-information .news-list .news a .desc .cat + .cat {
  margin-left: 5px
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news a .desc .cat + .cat {
    margin-left: 2px
  }
}
main.content.top .top-information .news-list .news a .desc .date {
  clear: both;
  float: right;
  width: 30%;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: right;
  color: #333;
  white-space: nowrap;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news a .desc .date {
    font-size: 10px;
    font-size: 1rem;
    padding-bottom: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 330px) {
  main.content.top .top-information .news-list .news a .desc .date {
    font-size: 8px;
    font-size: 0.8rem;
    padding-bottom: 10px;
  }
}
main.content.top .top-information .news-list .news a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .news-list .news a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.top .top-information .rt-link-button {
  margin-top: 80px
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .rt-link-button {
    margin-top: 40px;
    margin-right: 5vw;
    margin-left: 5vw
  }
}
main.content.top .top-information .slick-arrow {
  z-index: 20;
  width: 43px;
  height: 43px;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .slick-arrow {
    width: 30px;
    height: 30px
  }
}
main.content.top .top-information .slick-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .slick-prev {
    top: auto;
    bottom: -20px;
    left: 5vw;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    border-right: solid 1px #f4f9f7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
  }
}
main.content.top .top-information .slick-prev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-prev.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .slick-prev:before {
    width: 6px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 6px auto
  }
}
main.content.top .top-information .slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .slick-next {
    top: auto;
    right: 5vw;
    bottom: -20px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
  }
}
main.content.top .top-information .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-next.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
@media screen and (max-width: 768px) {
  main.content.top .top-information .slick-next:before {
    width: 6px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 6px auto
  }
}
main.content.top .top-information .slick-dots {
  bottom: -40px
}
main.content.top .top-information .slick-dots li {
  display: inline-block;
  width: 15px !important;
  margin-right: 10px !important;
  margin-left: 10px !important
}
main.content.top .top-information .slick-dots li button {
  width: 15px;
  height: 15px
}
main.content.top .top-information .slick-dots li button::before {
  font-size: 15px;
  color: #2a6460
}
main.content.top .top-about {
  height: 840px
}
@media screen and (max-width: 768px) {
  main.content.top .top-about {
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px
  }
}
main.content.top .top-about h2 {
  margin-top: 120px
}
@media screen and (max-width: 768px) {
  main.content.top .top-about h2 {
    margin-top: 0px
  }
}
main.content.top .top-about .desc {
  margin-bottom: 80px;
  font-size: 22px;
  font-size: 2.2rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.top .top-about .desc {
    margin-bottom: 40px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.top .top-about .link a {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-color: #fff
}
main.content.top .top-about .link a img {
  position: relative;
  z-index: 1;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.top .top-about .link a p {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: -320px;
  display: block;
  width: 320px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 80px;
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.top .top-about .link a p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 42.6vw;
    height: 13.3vw;
    max-height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
main.content.top .top-about .link a p span {
  display: inline-block;
  padding-left: 30px;
  -webkit-transition: all .3s ease-out .5s;
  transition: all .3s ease-out .5s;
  opacity: 0
}
main.content.top .top-about .link a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.top .top-about .link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.top .top-about .link a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  main.content.top .top-about .link a:hover img {
    opacity: 1
  }
}
main.content.top .top-about .link a:hover p {
  width: 360px
}
@media screen and (max-width: 768px) {
  main.content.top .top-about .link a:hover p {
    width: 42.6vw
  }
}
main.content.top .top-about.isShow .link a p {
  left: 0
}
main.content.top .top-about.isShow .link a p span {
  opacity: 1
}
main.content.top .top-faculty {
  padding-top: 120px;
  padding-bottom: 95px;
  background-color: #f2f5f4
}
@media screen and (max-width: 768px) {
  main.content.top .top-faculty {
    padding-top: 60px;
    padding-bottom: 60px
  }
}
main.content.top .top-faculty ul li {
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.top .top-faculty ul li {
    margin-bottom: 30px
  }
}
main.content.top .top-faculty ul li:last-child {
  margin-bottom: 0
}
main.content.top .top-faculty ul li a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.top .top-faculty ul li a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.top .top-faculty ul li a .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
main.content.top .top-faculty ul li a .info .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 120px;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  main.content.top .top-faculty ul li a .info .cat {
    width: 16vw;
    height: 16vw;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 340px) {
  main.content.top .top-faculty ul li a .info .cat {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.top .top-faculty ul li a .info .cat.c1 {
  background-color: #3da260
}
main.content.top .top-faculty ul li a .info .cat.c2 {
  background-color: #d05b81
}
main.content.top .top-faculty ul li a .info .cat.c3 {
  background-color: #2586d2
}
main.content.top .top-faculty ul li a .info .cat span {
  display: inline-block;
  text-align: center
}
main.content.top .top-faculty ul li a .info .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1080px;
  height: 120px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.top .top-faculty ul li a .info .desc {
    width: 74vw;
    height: 16vw
  }
}
main.content.top .top-faculty ul li a .info .desc span {
  display: inline-block;
  padding-left: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.top .top-faculty ul li a .info .desc span {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 12px;
    font-size: 1.15rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 340px) {
  main.content.top .top-faculty ul li a .info .desc span {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.top .top-faculty ul li a:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
main.content.top .top-faculty ul li a:hover img {
  opacity: 0.6
}
main.content.top .top-admissions {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.top .top-admissions {
    padding-top: 60px;
    padding-bottom: 60px
  }
}
main.content.top .top-admissions ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.top .top-admissions ul {
    display: block;
    margin-bottom: 30px
  }
}
main.content.top .top-admissions ul li {
  width: 680px
}
@media screen and (max-width: 768px) {
  main.content.top .top-admissions ul li {
    width: 100%
  }
  main.content.top .top-admissions ul li:last-child {
    margin-top: 20px
  }
}
main.content.top .top-admissions ul li a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.top .top-admissions ul li a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.top .top-admissions ul li a span {
  display: block;
  padding: 35px 0;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.top .top-admissions ul li a span {
    padding: 20px 0;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.top .top-admissions ul li a:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.top .top-admissions ul li a:hover {
    background-color: none;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.top .top-admissions ul li a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  main.content.top .top-admissions ul li a:hover img {
    opacity: 1
  }
}
main.content.top .top-journal {
  padding-top: 110px;
  padding-bottom: 120px;
  background-color: #f2f5f4
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal {
    padding-top: 60px;
    padding-bottom: 60px
  }
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .container {
    width: 100%
  }
}
main.content.top .top-journal h2 {
  margin-bottom: 60px;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal h2 {
    margin-bottom: 30px
  }
}
main.content.top .top-journal h2 .t1 {
  display: block;
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal h2 .t1 {
    font-size: 3vw
  }
}
main.content.top .top-journal h2 img {
  width: 472px;
  margin-bottom: 25px
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal h2 img {
    width: 100%;
    margin-bottom: 15px
  }
}
main.content.top .top-journal h2 .t2 {
  display: block;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal h2 .t2 {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.top .top-journal .banner {
  margin-bottom: 70px
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .banner {
    margin-right: 5vw;
    margin-bottom: 35px;
    margin-left: 5vw
  }
}
main.content.top .top-journal .banner .pc {
  display: block
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .banner .pc {
    display: none
  }
}
main.content.top .top-journal .banner .sp {
  display: none
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .banner .sp {
    display: block
  }
}
main.content.top .top-journal .banner a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.top .top-journal .banner a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.2)
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .banner a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.top .top-journal .banner a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.top .top-journal .banner a img:hover {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .banner a img:hover {
    opacity: 1
  }
}
main.content.top .top-journal h3 {
  margin-bottom: 40px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal h3 {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.top .top-journal .news-list ul li {
  width: 320px;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 40px
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list ul li {
    width: 60vw;
    margin-top: 0;
    margin-right: 15px;
    margin-bottom: 20px;
    margin-left: 15px
  }
}
main.content.top .top-journal .news-list ul li a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.top .top-journal .news-list ul li a .fig img {
  width: 320px;
  height: 200px;
  object-fit: cover;
  font-family: "object-fit:cover;";
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list ul li a .fig img {
    width: 100vw;
    height: 40vw;
  }
}
main.content.top .top-journal .news-list ul li a .cat {
  padding: 30px 20px 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list ul li a .cat {
    padding: 15px 15px;
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.top .top-journal .news-list ul li a .cat span {
  display: inline-block;
  padding-bottom: 15px;
  border-bottom: solid 1px #2a6460
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list ul li a .cat span {
    padding-bottom: 7px
  }
}
main.content.top .top-journal .news-list ul li a .tit {
  height: 60px;
  padding: 0 20px;
  color: #333;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list ul li a .tit {
    height: 40px;
    padding: 0 15px;
    margin-bottom: 10px;
  }
}
main.content.top .top-journal .news-list ul li a .date {
  padding: 0 20px 25px 20px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #a4a4a4
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list ul li a .date {
    padding: 0 15px 20px 15px;
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.top .top-journal .news-list ul li a:hover {
  background: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list ul li a:hover {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.top .top-journal .news-list .slick-arrow {
  z-index: 20;
  width: 43px;
  height: 43px;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list .slick-arrow {
    width: 30px;
    height: 30px
  }
}
main.content.top .top-journal .news-list .slick-prev {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list .slick-prev {
    top: auto;
    bottom: -20px;
    left: 50px;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    border-right: solid 1px #f4f9f7;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px
  }
}
main.content.top .top-journal .news-list .slick-prev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-prev.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list .slick-prev:before {
    width: 6px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 6px auto
  }
}
main.content.top .top-journal .news-list .slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%)
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list .slick-next {
    top: auto;
    right: 20px;
    bottom: -20px;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px
  }
}
main.content.top .top-journal .news-list .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-next.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
@media screen and (max-width: 768px) {
  main.content.top .top-journal .news-list .slick-next:before {
    width: 6px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 6px auto
  }
}
main.content.top .top-journal .news-list .slick-dots {
  bottom: -40px
}
main.content.top .top-journal .news-list .slick-dots li {
  display: inline-block;
  width: 15px !important;
  margin-right: 10px !important;
  margin-left: 10px !important
}
main.content.top .top-journal .news-list .slick-dots li button {
  width: 15px;
  height: 15px
}
main.content.top .top-journal .news-list .slick-dots li button::before {
  font-size: 15px;
  color: #2a6460
}
main.content.top .reitaku-journal-link {
  background-color: #fff
}
main.content.top .target-links {
  background-color: #fff
}
main.content.top .system-links {
  background-color: #fff
}
main.content.top .contents-banner-slider {
  background-color: #fff
}
.chat-test {
  position: fixed;
  z-index: 999;
  top: 100vh;
  right: 20px;
  width: 263px;
  height: 83px;
  -webkit-transform: translateY(-115%);
  transform: translateY(-115%)
}
@media screen and (max-width: 768px) {
  .chat-test {
    right: 5px;
    width: 150px;
    height: 47px;
    -webkit-transform: translateY(-300%);
    transform: translateY(-300%)
  }
}
.important-announcement {
  /*position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  margin-bottom: 99px;*/
  border-bottom: solid 1px #e4e4e4;
  background-color: #f9f9f9;
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-justify-content: center;
  border-bottom: solid 1px #e4e4e4;
  background-color: #f9f9f9;
}
@media screen and (max-width: 768px) {
  .important-announcement {
    width: 100%;
    display: block;
  }
}
.important-announcement .announcement-tit {
  /*position: absolute;
  z-index: 2;
  top: 0;
  left: 0;*/
  width: 220px;
  min-height: 80px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background-color: #cc1717;
  align-self: center;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  vertical-align: middle;
}

@media all and (-ms-high-contrast: none) {
 .important-announcement .announcement-tit {
   display: table-cell;
  vertical-align: middle;

   min-height: 110px;
  }
}

.announcement-detail-tit br{
  display: none;
}

@media screen and (max-width: 768px) {
  .important-announcement .announcement-tit {
    width: 100%;
    height: 30px;
    min-height: 30px;
    line-height: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    text-indent: 15px;

  }
}

.important-announcement .announcement-detail{
  /*position: absolute;
  top: 50%;
  left: 57%;*/
  max-width: 88%;
  padding: 25px;
}

@media screen and (max-width: 768px) {
  .important-announcement .announcement-detail{
    /*top: 66%;
    left: 47%;*/
    max-width: 100%;
    padding: 0 0 10px 0;
  }
  .important-announcement .announcement-detail .announcement-detail-tit{
    max-height: none;
    /*overflow: hidden;
    white-space: nowrap;
    overflow: hidden;*/
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
  }
}
@media screen and (min-width: 1024px) {
  .important-announcement .announcement-detail{max-width: 78%;}
}

.important-announcement .announcement-detail a {

}
@media screen and (max-width: 768px) {
  .important-announcement .announcement-detail a {
    padding-right: 15px;
    padding-left: 15px
  }
}
.important-announcement .announcement-detail a .announcement-detail-date {
  padding: 0 20px 0 0;
  font-size: 15px;
  font-size: 1.5rem;
  vertical-align: top;
  color: #a3a3a3
}
@media screen and (max-width: 768px) {
  .important-announcement .announcement-detail a .announcement-detail-date {
    display: block;
    padding: 12px 0 3px 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1
  }
}

/*.important-announcement .announcement-detail .announcement-detail-tit{
  max-height: 55px;
  overflow: hidden;
}*/

.important-announcement .announcement-detail .announcement-detail-tit {
    margin-left:7.0em;
    text-indent:-7.0em;
}

.important-announcement .announcement-detail .announcement-detail-tit a {
  color: #cc1717
}

@media screen and (max-width: 768px) {
    .important-announcement .announcement-detail .announcement-detail-tit {
    margin-left:0;
    text-indent:0;
  }
  .important-announcement .announcement-detail .announcement-detail-tit a {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
  }
}
main.content.about-top .low-top-header {
  background-image: url(/_assets/images/about/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.about-top .low-top-header {
    background-image: url(/_assets/images/about/top-mv-sp.jpg)
  }
}
main.content.about-top .low-top-desc .desc {
  line-height: 2.5
}
@media screen and (max-width: 768px) {
  main.content.about-top .low-top-desc .desc {
    line-height: 2
  }
}
main.content.about-top .about-top-links .data-links-wrap {
  margin-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .data-links-wrap {
    margin-bottom: 30px
  }
}
main.content.about-top .about-top-links .data-links-wrap .link {
  position: relative;
  width: 545px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .data-links-wrap .link {
    width: 100%
  }
}
main.content.about-top .about-top-links .data-links-wrap .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333;
  border: solid 1px #ddd;
  background: white
}
main.content.about-top .about-top-links .data-links-wrap .link a .fig {
  position: relative
}
main.content.about-top .about-top-links .data-links-wrap .link a .tit {
  position: relative;
  margin-bottom: 0;
  padding: 38px 0 38px 0;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .data-links-wrap .link a .tit {
    padding: 30px 0 30px 0;
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.about-top .about-top-links .data-links-wrap .link a .tit:after {
  content: none;
  position: absolute;
  bottom: -4px;
  left: 50%;
  display: block;
  width: 40px;
  height: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #215c5a
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .data-links-wrap .link a .tit:after {
    bottom: -3px;
    height: 3px
  }
}
main.content.about-top .about-top-links .data-links-wrap .link a .desc {
  height: 85px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .data-links-wrap .link a .desc {
    height: auto;
    padding-bottom: 40px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.about-top .about-top-links .data-links-wrap .link a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .data-links-wrap .link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.about-top .about-top-links .data-links-wrap .link a:hover .fig img {
  opacity: 0.7
}
main.content.about-top .about-top-links .links-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
main.content.about-top .about-top-links .links-wrap .link {
  position: relative;
  width: 260px;
  margin-bottom: 25px
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .links-wrap .link {
    width: 100%;
    margin-bottom: 15px
  }
}
main.content.about-top .about-top-links .links-wrap .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.about-top .about-top-links .links-wrap .link a:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .links-wrap .link a {
    text-align: left
  }
}
main.content.about-top .about-top-links .links-wrap .link a .fig {
  position: relative;
  overflow: hidden;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .links-wrap .link a .fig {
    float: left;
    width: 40%;
    height: auto
  }
}
main.content.about-top .about-top-links .links-wrap .link a .fig img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .links-wrap .link a .info {
    float: right;
    width: 55%
  }
}
main.content.about-top .about-top-links .links-wrap .link a .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 60px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .links-wrap .link a .tit {
    display: inline-block;
    height: auto;
    margin-top: 25%;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: bold;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    white-space: normal
  }
}
@media screen and (max-width: 320px) {
  main.content.about-top .about-top-links .links-wrap .link a .tit {
    font-size: 11px;
    font-size: 1.1rem
  }
}
main.content.about-top .about-top-links .links-wrap .link a .desc {
  height: 85px;
  padding-right: 15px;
  padding-left: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: left;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .links-wrap .link a .desc {
    height: auto;
    padding-right: 0;
    padding-left: 0;
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.5
  }
}
main.content.about-top .about-top-links .links-wrap .link a:hover {
  background: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-top-links .links-wrap .link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.about-top .about-top-links .links-wrap .link a:hover .fig img {
  opacity: 0.7
}
main.content.about-top .about-outline-points {
  padding-top: 80px;
  padding-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-outline-points {
    padding-top: 40px;
    padding-bottom: 40px
  }
}
main.content.about-top .about-outline-points h2 {
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #2a6460;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-outline-points h2 {
    padding-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: none
  }
}
main.content.about-top .about-outline-points .points-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
main.content.about-top .about-outline-points .points-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-outline-points .points-wrap {
    display: block
  }
}
main.content.about-top .about-outline-points .points-wrap .point {
  width: 570px;
  padding-top: 40px;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-outline-points .points-wrap .point {
    float: none;
    width: 100%;
    margin-top: 20px;
    padding-top: 0px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.about-top .about-outline-points .points-wrap .point:nth-child(odd) {
  clear: both
}
main.content.about-top .about-outline-points .points-wrap .point:nth-child(even) {
  float: right
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-outline-points .points-wrap .point:nth-child(even) {
    float: none
  }
}
main.content.about-top .about-outline-points .points-wrap .point.hb {
  border-bottom: solid 1px #a7b7b4
}
main.content.about-top .about-outline-points .points-wrap .point h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-outline-points .points-wrap .point h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-top .about-outline-points .points-wrap .point p {
  padding-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-outline-points .points-wrap .point p {
    padding-bottom: 15px
  }
}
main.content.about-top .about-practice .practice-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
main.content.about-top .about-practice .practice-wrap .practice {
  width: 270px;
  margin-right: 10px;
  margin-bottom: 40px;
  margin-left: 10px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-practice .practice-wrap .practice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0;
    text-align: left;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
main.content.about-top .about-practice .practice-wrap .practice .fig {
  margin-bottom: 25px
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-practice .practice-wrap .practice .fig {
    width: 29.8%;
    margin-bottom: 0
  }
}
main.content.about-top .about-practice .practice-wrap .practice .fig a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 200px;
  height: 200px;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius: 100px;
  background-color: #589991;
  background-image: url(/_assets/images/ico-aw-w.svg);
  background-repeat: no-repeat;
  background-position: center 78%;
  background-size: 44px auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-practice .practice-wrap .practice .fig a {
    width: 26.6vw;
    height: 26.6vw;
    margin-bottom: 15px;
    border-radius: 13.3vw;
    background-size: 22px auto
  }
}
main.content.about-top .about-practice .practice-wrap .practice .fig a span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: #fff
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-practice .practice-wrap .practice .fig a span {
    font-size: 10px;
    font-size: 1rem
  }
}
@media screen and (max-width: 320px) {
  main.content.about-top .about-practice .practice-wrap .practice .fig a span {
    font-size: 9px;
    font-size: 0.9rem
  }
}
main.content.about-top .about-practice .practice-wrap .practice .fig a span i {
  font-size: 12px;
  font-size: 1.2rem;
  font-style: normal
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-practice .practice-wrap .practice .fig a span i {
    font-size: 8px;
    font-size: 0.8rem
  }
}
main.content.about-top .about-practice .practice-wrap .practice .fig a span.l3 {
  line-height: 1.4
}
main.content.about-top .about-practice .practice-wrap .practice .fig a:hover {
  border: solid 1px #589991;
  background-color: #fff;
  background-image: url(/_assets/images/ico-aw-g.svg);
  background-position: 52% 78%
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-practice .practice-wrap .practice .fig a:hover {
    border: none;
    background-color: #fff;
    background-color: #589991;
    background-image: url(/_assets/images/ico-aw-w.svg)
  }
}
main.content.about-top .about-practice .practice-wrap .practice .fig a:hover span {
  color: #589991
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-practice .practice-wrap .practice .fig a:hover span {
    color: #fff
  }
}
main.content.about-top .about-practice .practice-wrap .practice .desc {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.about-top .about-practice .practice-wrap .practice .desc {
    width: 65.6%;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-data .about-data-content .rt-catlink {
  padding-bottom: 70px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .rt-catlink {
    padding-bottom: 40px
  }
}
main.content.about-data .about-data-content .about-data-section {
  text-align: center
}
main.content.about-data .about-data-content .about-data-section + .about-data-section {
  margin-top: 150px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section + .about-data-section {
    margin-top: 60px
  }
}
main.content.about-data .about-data-content .about-data-section h2 {
  position: relative;
  margin-bottom: 80px;
  padding-bottom: 20px;
  font-size: 48px;
  font-size: 4.8rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section h2 {
    margin-bottom: 40px;
    padding-bottom: 10px;
    font-size: 24px;
    font-size: 2.4rem
  }
}
main.content.about-data .about-data-content .about-data-section h2:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 45px;
  height: 2px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section h2:after {
    width: 20px
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-desc {
  margin-bottom: 80px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-desc {
    margin-bottom: 40px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap {
    width: 90vw;
    margin-right: auto;
    margin-left: auto
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data {
  position: relative;
  overflow: hidden;
  width: 450px;
  height: 450px;
  margin-bottom: 25px;
  text-align: center;
  background-color: #f4f9f7
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data {
    width: 44vw;
    height: 44vw;
    margin-bottom: 2vw
  }
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.w {
    width: 90vw
  }
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.spw {
    width: 90vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.fw {
  width: 100%
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.fw {
    width: 90vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data img {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data img {
    margin-top: 5vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.hc {
  background-color: #e6efea
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.w {
  width: 925px
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d1 img {
  width: 377px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d1 img {
    width: 40.7%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d2 img {
  width: 188px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d2 img {
    width: 41.7%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d3 img {
  width: 193px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d3 img {
    width: 42.8%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d4 img {
  width: 395px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d4 img {
    width: 87.7%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d5 img {
  width: 338px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d5 img {
    width: 75.1%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d6 img {
  width: 303px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d6 img {
    width: 67.3%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d7 img {
  width: 322px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s1-d7 img {
    width: 71.5%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d1 img {
  width: 312px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d1 img {
    width: 33.7%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d2 img {
  width: 650px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d2 img {
    width: 70.2%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d3 img {
  width: 240px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d3 img {
    width: 25.9%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d4 img {
  width: 851px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d4 img {
    width: 92%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d5 img {
  width: 732px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d5 img {
    width: 79.1%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d6 img {
  width: 218px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s2-d6 img {
    width: 23.5%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d1 img {
  width: 312px;
  margin-top: 80px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d1 img {
    width: 69.3%;
    margin-top: 5vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d2 img {
  width: 299px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d2 img {
    width: 64.4%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d3 img {
  width: 280px;
  margin-top: 100px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d3 img {
    width: 62.2%;
    margin-top: 9vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d4 img {
  width: 280px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d4 img {
    width: 62.2%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d5 img {
  width: 282px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d5 img {
    width: 62.6%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d6 img {
  width: 279px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d6 img {
    width: 62%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d7 img {
  width: 236px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d7 img {
    width: 52.4%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d8 img {
  width: 215px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d8 img {
    width: 47.7%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d9 img {
  width: 394px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d9 img {
    width: 87.5%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d10 img {
  width: 237px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s3-d10 img {
    width: 52.6%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d1 img {
  width: 195px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d1 img {
    width: 43.3%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d2 img {
  width: 202px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d2 img {
    width: 44.8%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d3 img {
  width: 319px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d3 img {
    width: 70.8%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d4 img {
  width: 301px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d4 img {
    width: 66.8%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d5 img {
  width: 718px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.s4-d5 img {
    width: 86%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d9 img {
  width: 240px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d9 img {
    width: 32%;
    margin-top: 2vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d10 img {
  width: 851px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d10 img {
    width: 90%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d11 img {
  width: 732px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d11 img {
    width: 90%;
    margin-top: 2vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d12 img {
  width: 218px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d12 img {
    width: 48.4%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d13 img {
  width: 237px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d13 img {
    width: 52.6%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d14 img {
  width: 650px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d14 img {
    width: 75%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d15 img {
  width: 120px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d15 img {
    width: 26.6%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d16 img {
  width: 299px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d16 img {
    width: 64.4%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d17 img {
  width: 280px;
  margin-top: 100px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d17 img {
    width: 62.2%;
    margin-top: 9vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d18 img {
  width: 280px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d18 img {
    width: 62.2%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d19 img {
  width: 282px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d19 img {
    width: 62.6%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d20 img {
  width: 279px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d20 img {
    width: 62%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d21 img {
  width: 236px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d21 img {
    width: 52.4%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d22 img {
  width: 215px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d22 img {
    width: 47.7%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d23 img {
  width: 394px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d23 img {
    width: 52.5%;
    margin-top: 2vw
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d24 img {
  width: 195px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d24 img {
    width: 43.3%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d25 img {
  width: 202px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d25 img {
    width: 44.8%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d26 img {
  width: 190px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d26 img {
    width: 42.2%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d27 img {
  width: 301px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d27 img {
    width: 66.8%
  }
}
main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d28 img {
  width: 718px
}
@media screen and (max-width: 768px) {
  main.content.about-data .about-data-content .about-data-section .about-data-wrap .about-data.d28 img {
    width: 86%
  }
}
main.content.about-idea .about-idea-moralogy ul {
  padding-left: 1em
}
main.content.about-idea .about-idea-moralogy ul li {
  text-indent: -1em
}
main.content.about-idea .about-idea-moralogy ul li:before {
  content: "・";
  color: #2a6460
}
main.content.about-idea .about-idea-desc .fig-desc:after {
  content: '';
  display: block;
  clear: both
}
main.content.about-idea .about-idea-desc .fig-desc .fig {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.about-idea .about-idea-desc .fig-desc .fig {
    float: none;
    width: 100%;
    margin-bottom: 20px
  }
}
main.content.about-idea .about-idea-desc .fig-desc .desc {
  float: right;
  width: 715px
}
@media screen and (max-width: 768px) {
  main.content.about-idea .about-idea-desc .fig-desc .desc {
    float: none;
    width: 100%
  }
}
main.content.about-idea .about-idea-founder .fig-desc:after {
  content: '';
  display: block;
  clear: both
}
main.content.about-idea .about-idea-founder .fig-desc .fig {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.about-idea .about-idea-founder .fig-desc .fig {
    float: none;
    width: 100%;
    margin-bottom: 20px
  }
}
main.content.about-idea .about-idea-founder .fig-desc .desc {
  float: right;
  width: 715px
}
@media screen and (max-width: 768px) {
  main.content.about-idea .about-idea-founder .fig-desc .desc {
    float: none;
    width: 100%
  }
}
main.content.about-outline .about-outline-points {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f2f5f4
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-points {
    padding-top: 40px;
    padding-bottom: 40px
  }
}
main.content.about-outline .about-outline-points h2 {
  margin-bottom: 0;
  padding-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-points h2 {
    padding-bottom: 0;
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom: none
  }
}
main.content.about-outline .about-outline-points .points-wrap:after {
  content: '';
  display: block;
  clear: both
}
main.content.about-outline .about-outline-points .points-wrap .point {
  float: left;
  width: 570px;
  padding-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-points .points-wrap .point {
    float: none;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px;
    font-size: 12px;
    font-size: 1.2rem;
    border-top: solid 1px #a7b7b4
  }
}
main.content.about-outline .about-outline-points .points-wrap .point:nth-child(odd) {
  clear: both
}
main.content.about-outline .about-outline-points .points-wrap .point:nth-child(even) {
  float: right
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-points .points-wrap .point:nth-child(even) {
    float: none
  }
}
main.content.about-outline .about-outline-points .points-wrap .point.ht {
  margin-top: 40px;
  border-top: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-points .points-wrap .point.ht {
    margin-top: 20px
  }
}
main.content.about-outline .about-outline-points .points-wrap .point h3 {
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-points .points-wrap .point h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-outline .about-outline-feature {
  position: relative
}
main.content.about-outline .about-outline-feature .image {
  position: relative;
  z-index: 1
}
main.content.about-outline .about-outline-feature .image img.pc {
  display: block
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-feature .image img.pc {
    display: none
  }
}
main.content.about-outline .about-outline-feature .image img.sp {
  display: none
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-feature .image img.sp {
    display: block
  }
}
main.content.about-outline .about-outline-feature .desc {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  width: 100%;
  padding-left: 55%;
  font-size: 24px;
  font-size: 2.4rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.about-outline .about-outline-feature .desc {
    padding-left: 50%;
    font-size: 2.5vw;
    line-height: 2.5
  }
}
main.content.about-activity .about-activity-link p {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.about-activity .about-activity-link p {
    margin-bottom: 30px
  }
}
main.content.about-message .message-wrap {
  padding-bottom: 120px
}
@media screen and (max-width: 768px) {
  main.content.about-message .message-wrap {
    padding-bottom: 60px
  }
}
main.content.about-message .message-wrap .pic {
  width: 900px;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.about-message .message-wrap .pic {
    width: 100%;
    margin-bottom: 30px
  }
}
main.content.about-message .message-wrap p {
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-message .message-wrap p {
    margin-bottom: 20px
  }
}
main.content.about-message .message-wrap p:last-child {
  margin-bottom: 0px
}
main.content.about-message .message-wrap p.name span {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold
}
main.content.about-message .message-wrap .rt-link-button {
  margin-top: 60px;
  margin-bottom: 120px
}
@media screen and (max-width: 768px) {
  main.content.about-message .message-wrap .rt-link-button {
    margin-top: 30px;
    margin-bottom: 60px
  }
}
main.content.about-message .career-wrap h4 {
  margin-bottom: 30px;
  padding-bottom: 15px;
  font-size: 24px;
  font-size: 2.4rem;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-message .career-wrap h4 {
    margin-bottom: 15px;
    padding-bottom: 10px;
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.about-message .career-wrap p {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.about-message .career-wrap p {
    margin-bottom: 30px
  }
}
main.content.about-message .career-wrap p.name {
  margin-bottom: 10px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.about-message .career-wrap p.name {
    margin-bottom: 5px
  }
}
main.content.about-message .career-wrap ol {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.about-message .career-wrap ol {
    margin-bottom: 40px
  }
}
main.content.about-message .career-wrap ol li {
  position: relative;
  padding-left: 15px;
  list-style-type: none
}
main.content.about-message .career-wrap ol li:after {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #064943
}
main.content.about-history .history-history {
  margin-top: 100px;
  margin-bottom: 100px
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-history {
    margin-top: 50px;
    margin-bottom: 50px
  }
}
main.content.about-history table {
  width: 100%
}
main.content.about-history table tr th {
  width: 6em;
  padding: 20px 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-history table tr th {
    padding: 15px 0;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-history table tr th span {
  display: block;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.about-history table tr th span {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.about-history table tr td {
  padding: 20px 0;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: top;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-history table tr td {
    padding: 15px 0;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-history table tr.nb th {
  border-bottom: none
}
main.content.about-history table tr.nb td {
  border-bottom: none
}
main.content.about-history .history-president {
  padding-bottom: 100px
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president {
    padding-bottom: 50px
  }
}
main.content.about-history .history-president .president {
  border-top: solid 2px #064943
}
main.content.about-history .history-president .president:last-child {
  border-bottom: solid 2px #064943
}
main.content.about-history .history-president .president h4 {
  padding: 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president h4 {
    padding: 20px 0;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.about-history .history-president .president h4.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.about-history .history-president .president h4.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president h4.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.about-history .history-president .president h4:hover {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president h4:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.about-history .history-president .president .desc-wrap {
  display: none;
  padding-bottom: 50px
}
main.content.about-history .history-president .president .desc-wrap .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president .desc-wrap .pic {
    float: none;
    width: 80%;
    margin-right: auto;
    margin-left: auto
  }
}
main.content.about-history .history-president .president .desc-wrap .profile {
  float: right;
  width: 735px
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president .desc-wrap .profile {
    float: none;
    width: 100%;
    padding-top: 20px
  }
}
main.content.about-history .history-president .president .desc-wrap .profile .tit {
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president .desc-wrap .profile .tit {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.about-history .history-president .president .desc-wrap .profile .name {
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president .desc-wrap .profile .name {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-history .history-president .president .desc-wrap .profile .name span {
  display: inline-block;
  padding-left: 1em;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president .desc-wrap .profile .name span {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.about-history .history-president .president .desc-wrap .profile .term {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president .desc-wrap .profile .term {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.about-history .history-president .president .desc-wrap .desc {
  clear: both;
  padding-top: 30px;
  line-height: 2
}
@media screen and (max-width: 768px) {
  main.content.about-history .history-president .president .desc-wrap .desc {
    padding-top: 15px
  }
}
main.content.about-policy .policy-links .container .policy-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.about-policy .policy-links .container .policy-wrap {
    display: block
  }
}
main.content.about-policy .policy-links .container .policy {
  width: 565px;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.about-policy .policy-links .container .policy {
    width: 100%;
    padding-bottom: 25px
  }
}
main.content.about-policy .policy-links .container .policy.ht {
  padding-top: 50px;
  border-top: solid 2px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-policy .policy-links .container .policy.ht {
    padding-top: 25px
  }
}
main.content.about-policy .policy-links .container .policy h3 {
  position: relative;
  height: 100px;
  padding-left: 55px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.about-policy .policy-links .container .policy h3 {
    height: auto;
    margin-bottom: 15px;
    padding-left: 35px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.about-policy .policy-links .container .policy h3 span {
  position: absolute;
  top: 0.2em;
  left: 0;
  display: block;
  width: 35px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  main.content.about-policy .policy-links .container .policy h3 span {
    top: 0em;
    width: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px
  }
}
main.content.about-policy .policy-links .container .policy .desc {
  margin-bottom: 30px
}
main.content.about-policy .policy-links .container .policy .link a {
  display: block;
  width: 500px;
  margin-right: auto;
  margin-left: auto;
  line-height: 80px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #fff;
  background-color: #2b6360;
  background-image: url(/_assets/images/link-aw-w.svg);
  background-repeat: no-repeat;
  background-position: 94% center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.about-policy .policy-links .container .policy .link a {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px;
    background-position: 95% center;
    background-size: 17px auto
  }
}
main.content.about-policy .policy-links .container .policy .link a span {
  display: inline-block;
  padding-left: 30px;
  background-image: url(/_assets/images/ico-pdf-w.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 15px auto
}
main.content.about-policy .policy-links .container .policy .link a:hover {
  background-position: 96% center
}
@media screen and (max-width: 768px) {
  main.content.about-policy .policy-links .container .policy .link a:hover {
    background-position: 95% center
  }
}
main.content.about-policy .policy-rule p + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.about-policy .policy-rule p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.about-policy .evaluation h5 {
  position: relative;
  margin-bottom: 40px;
  padding-left: 55px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.about-policy .evaluation h5 {
    margin-bottom: 15px;
    padding-left: 35px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.about-policy .evaluation h5 span {
  position: absolute;
  top: 0.2em;
  left: 0;
  display: block;
  width: 35px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  main.content.about-policy .evaluation h5 span {
    top: 0em;
    width: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px
  }
}
main.content.about-policy .evaluation .gpa-desc {
  margin-bottom: 70px
}
@media screen and (max-width: 768px) {
  main.content.about-policy .evaluation .gpa-desc {
    margin-bottom: 30px
  }
}
main.content.about-policy .evaluation .outline-wrap {
  border-top: solid 2px #064943
}
main.content.about-policy .evaluation .outline-wrap.hb {
  margin-bottom: 80px;
  border-bottom: solid 2px #064943
}
@media screen and (max-width: 768px) {
  main.content.about-policy .evaluation .outline-wrap.hb {
    margin-bottom: 40px
  }
}
main.content.about-policy .evaluation .outline-wrap h6 {
  padding: 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.about-policy .evaluation .outline-wrap h6 {
    padding: 20px 0;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.about-policy .evaluation .outline-wrap h6.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.about-policy .evaluation .outline-wrap h6.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.about-policy .evaluation .outline-wrap h6.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.about-policy .evaluation .outline-wrap h6:hover {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.about-policy .evaluation .outline-wrap h6:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.about-policy .evaluation .outline-wrap .outline {
  display: none;
  padding-bottom: 40px
}
main.content.about-policy .evaluation .mathematical {
  text-align: center
}
main.content.about-policy .evaluation .mathematical .inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
main.content.about-policy .evaluation .mathematical .inner .m1 {
  margin-right: 2em
}
@media screen and (max-width: 768px) {
  main.content.about-policy .evaluation .mathematical .inner .m1 {
    margin-right: 1em
  }
}
main.content.about-policy .evaluation .mathematical .inner .m2 .m2u {
  padding-bottom: 5px;
  border-bottom: solid 2px #a7b7b4
}
main.content.about-policy .evaluation .mathematical .inner .m2 .m2d {
  padding-top: 5px
}
main.content.about-policy .language-study p {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.about-policy .language-study p {
    margin-bottom: 30px
  }
}
main.content.about-policy .language-study p.nb {
  margin-bottom: 0
}
main.content.about-organization .organization-pdf .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.about-organization .organization-pdf .rt-link-button {
    margin-top: 30px
  }
}
main.content.about-organization .organization-pdf .note {
  width: 1200px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: left;
  color: #666
}
main.content.about-access {
  /*.about-access-campusmap {

      }*/
}
main.content.about-access .about-access-location .address {
  margin-bottom: 70px
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-location .address {
    margin-bottom: 30px
  }
  main.content.about-organization .organization-pdf .note {
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
}
}
main.content.about-access .about-access-location .map {
  width: 583px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-location .map {
    width: 100%;
    margin-bottom: 30px
  }
}
main.content.about-access .about-access-location .rt-link-button {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-location .rt-link-button {
    margin-bottom: 40px
  }
}
main.content.about-access .about-access-location p b {
  font-weight: bold
}
main.content.about-access .about-access-location p.mb {
  margin-bottom: 70px
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-location p.mb {
    margin-bottom: 30px
  }
}
main.content.about-access .about-access-access .map-access {
  width: 640px;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-access .map-access {
    width: 100%;
    margin-bottom: 30px
  }
}
main.content.about-access .about-access-access .map-routemap {
  width: 905px;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-access .map-routemap {
    width: 100%;
    margin-bottom: 30px
  }
}
main.content.about-access .about-access-tokyo p {
  margin-bottom: 70px
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-tokyo p {
    margin-bottom: 30px
  }
}
main.content.about-access .about-access-tokyo .map {
  width: 900px;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-tokyo .map {
    width: 100%;
    margin-bottom: 30px
  }
}
main.content.about-access .about-access-tokyo .rt-link-button {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.about-access .about-access-tokyo .rt-link-button {
    margin-bottom: 40px
  }
}
main.content.about-branding .about-branding-name p {
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-name p {
    margin-bottom: 20px
  }
}
main.content.about-branding .about-branding-name p:last-child {
  margin-bottom: 0
}
main.content.about-branding .about-branding-badge .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-badge .inner {
    display: block
  }
}
main.content.about-branding .about-branding-badge .inner .badge {
  width: 430px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-badge .inner .badge {
    width: 100%
  }
}
main.content.about-branding .about-branding-badge .inner .badge img {
  width: 195px
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-badge .inner .badge img {
    width: 80%;
    max-width: 195px
  }
}
main.content.about-branding .about-branding-badge .inner .desc {
  width: 715px
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-badge .inner .desc {
    width: 100%;
    margin-top: 20px
  }
}
main.content.about-branding .about-branding-badge .inner .desc h3 {
  margin-top: 30px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-badge .inner .desc h3 {
    margin-top: 20px
  }
}
main.content.about-branding .about-branding-song .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-song .inner {
    display: block
  }
}
main.content.about-branding .about-branding-song .inner .song {
  width: 425px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-song .inner .song {
    width: 100%
  }
}
main.content.about-branding .about-branding-song .inner .song img {
  margin-bottom: 20px
}
main.content.about-branding .about-branding-song .inner .desc {
  width: 715px
}
@media screen and (max-width: 768px) {
  main.content.about-branding .about-branding-song .inner .desc {
    width: 100%;
    margin-top: 20px
  }
}
main.content.about-activity_publication .about-activity_publication-fact .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact .inner {
    display: block
  }
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact {
  width: 570px;
  margin-bottom: 38px;
  padding-bottom: 38px;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact .inner .fact {
    width: 100%;
    margin-bottom: 19px;
    padding-bottom: 19px
  }
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact:last-child {
  padding-bottom: 0;
  border-bottom: none
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact.hb {
  border-bottom: solid 1px #a7b7b4
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact.nb {
  border-bottom: none
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact.hbp {
  padding-bottom: 38px
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact .inner .fact.hbp {
    padding-bottom: 19px
  }
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact ul li {
  margin-bottom: 10px
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact .inner .fact ul li {
    margin-bottom: 5px
  }
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact ul li a {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  line-height: 24px;
  text-decoration: underline;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact .inner .fact ul li a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 20px
  }
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact ul li a.pdf {
  padding-left: 30px;
  background-image: url(/_assets/images/ico-pdf.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact .inner .fact ul li a.pdf {
    padding-left: 20px;
    background-size: 12px auto
  }
}
main.content.about-activity_publication .about-activity_publication-fact .inner .fact ul li a.blank {
  padding-left: 25px;
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 14px auto
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact .inner .fact ul li a.blank {
    padding-left: 20px;
    background-size: 10px auto
  }
}
main.content.about-activity_publication .about-activity_publication-fact-desc p + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact-desc p + p {
    margin-top: 20px
  }
}
main.content.about-activity_publication .about-activity_publication-fact-desc p.fig {
  text-align: center
}
main.content.about-activity_publication .about-activity_publication-fact-desc p.fig img {
  width: 680px
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact-desc p.fig img {
    width: 100%
  }
}
main.content.about-activity_publication .about-activity_publication-fact-desc p + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact-desc p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.about-activity_publication .about-activity_publication-fact-desc .stb-title {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact-desc .stb-title {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.about-activity_publication .about-activity_publication-fact-desc a.dblank {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  text-decoration: underline;
  color: #000
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact-desc a.dblank {
    padding-left: 20px
  }
}
main.content.about-activity_publication .about-activity_publication-fact-desc a.dblank::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 24px;
  -webkit-transform: translateY(20%);
  transform: translateY(20%);
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-size: 20px auto
}
@media screen and (max-width: 768px) {
  main.content.about-activity_publication .about-activity_publication-fact-desc a.dblank::before {
    width: 13px;
    height: 17px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-size: 13px auto
  }
}
main.content.about-teachers .about-teachers-list .category-list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  border: solid 1px #ddd;
  border-radius: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .category-list ul {
    border: none;
    border-radius: 0
  }
}
main.content.about-teachers .about-teachers-list .category-list ul li {
  width: 14.28%;
  line-height: 70px;
  border-left: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .category-list ul li {
    overflow: hidden;
    width: 33.33%;
    line-height: 40px;
    border-top: solid 1px #ddd
  }
  main.content.about-teachers .about-teachers-list .category-list ul li:nth-child(1) {
    border-top-left-radius: 5px
  }
  main.content.about-teachers .about-teachers-list .category-list ul li:nth-child(3) {
    border-right: solid 1px #ddd;
    border-top-right-radius: 5px
  }
  main.content.about-teachers .about-teachers-list .category-list ul li:nth-child(5) {
    border-bottom: solid 1px #ddd
  }
  main.content.about-teachers .about-teachers-list .category-list ul li:nth-child(6) {
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd
  }
  main.content.about-teachers .about-teachers-list .category-list ul li:nth-child(7) {
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px
  }
}
main.content.about-teachers .about-teachers-list .category-list ul li:first-child {
  border-left: none
}
main.content.about-teachers .about-teachers-list .category-list ul li a {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .category-list ul li a {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.about-teachers .about-teachers-list .category-list ul li a:hover {
  color: #fff;
  background-color: #2a6460
}
main.content.about-teachers .about-teachers-list .category-list ul li.current a {
  color: #fff;
  background-color: #2a6460
}
main.content.about-teachers .about-teachers-list .rt-article-links {
  margin-top: 60px
}
main.content.about-teachers .about-teachers-list .rt-article-links li a {
  font-size: 20px;
  font-size: 2rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .rt-article-links li a {
    height: 70px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-teachers .about-teachers-list .rt-article-links li a span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .rt-article-links li a span {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-teachers .about-teachers-list .rt-article-links li a:hover span {
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .rt-article-links li a:hover span {
    color: #666
  }
}
main.content.about-teachers .about-teachers-list .teachers-list {
  margin-top: 58px;
  margin-left: -60px
}
main.content.about-teachers .about-teachers-list .teachers-list:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .teachers-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 30px;
    margin-left: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
main.content.about-teachers .about-teachers-list .teachers-list .teacher {
  float: left;
  width: 360px;
  margin-bottom: 45px;
  margin-left: 60px
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .teachers-list .teacher {
    float: none;
    width: 47%;
    margin-bottom: 25px;
    margin-left: 0
  }
}
main.content.about-teachers .about-teachers-list .teachers-list .teacher a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.about-teachers .about-teachers-list .teachers-list .teacher a .pic {
  overflow: hidden;
  height: 252px
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .teachers-list .teacher a .pic {
    height: auto
  }
}
main.content.about-teachers .about-teachers-list .teachers-list .teacher a .desc {
  height: 118px;
  padding: 15px 20px;
  -webkit-transition: background-color .3s linear;
  transition: background-color .3s linear;
  background-color: rgba(255, 255, 255, 0)
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .teachers-list .teacher a .desc {
    height: auto;
    padding: 10px 10px;
    -webkit-transition: none;
    transition: none
  }
}
main.content.about-teachers .about-teachers-list .teachers-list .teacher a .desc .tit {
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .teachers-list .teacher a .desc .tit {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.about-teachers .about-teachers-list .teachers-list .teacher a .desc .name {
  font-size: 20px;
  font-size: 2rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .teachers-list .teacher a .desc .name {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-teachers .about-teachers-list .teachers-list .teacher a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
main.content.about-teachers .about-teachers-list .teachers-list .teacher a:hover .desc {
  background-color: white
}
main.content.about-teachers .about-teachers-list .pager {
  margin-top: 80px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .pager {
    margin-top: 40px
  }
}
main.content.about-teachers .about-teachers-list .pager ul li {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .pager ul li {
    margin-right: 2px;
    margin-left: 2px
  }
}
main.content.about-teachers .about-teachers-list .pager ul li a {
  display: block;
  width: 60px;
  line-height: 60px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.about-teachers .about-teachers-list .pager ul li a {
    width: 30px;
    line-height: 30px
  }
}
main.content.about-teachers .about-teachers-list .pager ul li a:hover {
  color: #fff;
  background-color: #2a6460
}
main.content.about-teachers .about-teachers-list .pager ul li.current a {
  color: #fff;
  background-color: #2a6460
}
main.content.about-teacher-detail .about-teacher-header .container .pic {
  width: 760px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.about-teacher-detail .about-teacher-header .container .pic {
    width: 100%;
    margin-bottom: 20px
  }
}
main.content.about-teacher-detail .about-teacher-header .container .name {
  font-size: 30px;
  font-size: 3rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-teacher-detail .about-teacher-header .container .name {
    font-size: 20px;
    font-size: 2rem
  }
}
main.content.about-teacher-detail .about-teacher-data .prof-list {
  display: block
}
@media screen and (max-width: 768px) {
  main.content.about-teacher-detail .about-teacher-data .prof-list {
    display: block
  }
}
main.content.about-teacher-detail .about-teacher-data .prof-list .profile {
  width: 100%;
  padding: 30px 0;
  border-bottom: solid 1px #a7b7b4
}
main.content.about-teacher-detail .about-teacher-data .prof-list .profile:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.about-teacher-detail .about-teacher-data .prof-list .profile {
    width: 100%;
    padding: 20px 0
  }
}
main.content.about-teacher-detail .about-teacher-data .prof-list .profile:last-child {
  border: none
}
main.content.about-teacher-detail .about-teacher-data .prof-list .profile a {
  text-decoration: underline;
  color: #333
}
main.content.about-teacher-detail .about-teacher-data .prof-list .profile .tit {
  float: left;
  width: 100px;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.about-teacher-detail .about-teacher-data .prof-list .profile .tit {
    width: 20%
  }
}
main.content.about-teacher-detail .about-teacher-data .prof-list .profile .desc {
  float: right;
  width: 1000px
}
@media screen and (max-width: 768px) {
  main.content.about-teacher-detail .about-teacher-data .prof-list .profile .desc {
    width: 75%
  }
}
main.content.about-teacher-detail .about-teacher-data .prof-list .profile .desc ul li {
  position: relative;
  padding-left: 15px;
  list-style-type: none
}
main.content.about-teacher-detail .about-teacher-data .prof-list .profile .desc ul li:after {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #064943
}



main.content.about-teacher-detail .trig {
  padding: 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}

main.content.about-teacher-detail .trig span {
  padding-left: 10px;
}

main.content.about-teacher-detail .trig:before {
  position: relative;
  top: 10px;
  background: url(/_assets/images/ico-open-w.svg) 0 0 no-repeat;
  content:"";
    display:inline-block;
    width:40px;
    height:40px;
    -webkit-transition: all .3s linear;
  transition: all .3s linear;
}

@media screen and (max-width: 768px) {
  main.content.about-teacher-detail .trig:before {
    font-size: 16px;
    font-size: 1.6rem;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    top: 4px;
    -webkit-transition: none;
  transition: none;
  }
}
main.content.about-teacher-detail .trig.open:before {
  background-image: url(/_assets/images/ico-close-w.svg)
}
main.content.about-teacher-detail .trig.open:hover:before {
  background-image: url(/_assets/images/ico-close-r.svg)
}

main.content.about-teacher-detail .trig:hover:before {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}

main.content.about-teacher-detail .profile-more {
  display: none;
  padding-bottom: 40px;
  margin-top: 20px;
}

main.content.about-teacher-detail .profile-qa {

display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    flex-wrap:wrap;
  }

main.content.about-teacher-detail .profile-more h3 {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}

main.content.about-teacher-detail .profile-more dl {
  width: 560px;
  padding: 30px 0;
  border-bottom: 1px #a7b7b4 solid;
  margin-right: 80px;

}

main.content.about-teacher-detail .profile-more p {
  margin-bottom: 40px;
}
main.content.about-teacher-detail .profile-more dl:nth-child(even) {
  margin-right: 0


}
main.content.about-teacher-detail .profile-more:after {
  content: '';
  display: block;
  clear: both
}

main.content.about-teacher-detail .profile-more dt {
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  main.content.about-teacher-detail .profile-more dl {
    width: 100%;
    margin-right: 0;
  }

}
main.content.about-teacher-detail .profile-more h3 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 20px;
}

main.content.about-teacher-detail .trig {
  font-size: 16px;
    font-size: 1.6rem
}
}






main.content.about-sdgs .about-sdgs-description .sdgs-logos {
  width: 573px;
  margin-right: auto;
  margin-bottom:30px;
  margin-left: auto;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .sdgs-logos {
    width: 100%;
    margin-bottom: 60px;
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.about-sdgs .about-sdgs-description .sdgs-logos .logos {
  width: 573px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px
}
main.content.about-sdgs .about-sdgs-description .sdgs-logos .logos:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .sdgs-logos .logos {
    width: 76%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto
  }
}
main.content.about-sdgs .about-sdgs-description .sdgs-logos .logos img:first-child {
  float: left;
  width: 240px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .sdgs-logos .logos img:first-child {
    width: 42%
  }
}
main.content.about-sdgs .about-sdgs-description .sdgs-logos .logos img:last-child {
  float: right;
  width: 282px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .sdgs-logos .logos img:last-child {
    width: 42%
  }
}
main.content.about-sdgs .about-sdgs-description .subt {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 30px;
  font-size: 30px;
  font-size: 3rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .subt {
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 20px;
    font-size: 2rem
  }
}
main.content.about-sdgs .about-sdgs-description .subt span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .subt span {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-sdgs .about-sdgs-description .subt:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .subt:after {
    width: 20px
  }
}
main.content.about-sdgs .about-sdgs-description .fig {
  margin-top: 60px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .fig {
    margin-top: 30px
  }
}
main.content.about-sdgs .about-sdgs-description .fig img {
  width: 670px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-description .fig img {
    width: 100%
  }
}
main.content.about-sdgs .about-sdgs-new .news {
  margin-bottom: 50px;
  padding-bottom: 36px;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-new .news {
    margin-bottom: 30px;
    padding-bottom: 30px
  }
}
main.content.about-sdgs .about-sdgs-new .news a {
  display: block;
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
  color: #333
}
main.content.about-sdgs .about-sdgs-new .news a:hover {
  color: #064943
}
main.content.about-sdgs .about-sdgs-new .news a:hover img {
  -webkit-filter: brightness(1.2);
  filter: brightness(1.2)
}
main.content.about-sdgs .about-sdgs-new .news .date {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-new .news .date {
    margin-bottom: 5px;
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.about-sdgs .about-sdgs-new .news .tit {
  margin-bottom: 35px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-new .news .tit {
    margin-bottom: 15px
  }
}
main.content.about-sdgs .about-sdgs-new .news .icos {
  font-size: 0
}
main.content.about-sdgs .about-sdgs-new .news .icos img {
  display: inline-block;
  width: 50px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-transition: -webkit-filter .3s linear;
  transition: -webkit-filter .3s linear;
  transition: filter .3s linear;
  transition: filter .3s linear,-webkit-filter .3s linear
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-new .news .icos img {
    width: 7vw;
    margin-right: 5px
  }
}
main.content.about-sdgs .about-sdgs-new .news .icos img:last-child {
  margin-right: 0
}
main.content.about-sdgs .about-sdgs-new .news-pager {
  margin-bottom: 50px;
  padding-bottom: 50px;
  text-align: center;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-new .news-pager {
    margin-bottom: 30px;
    padding-bottom: 30px
  }
}
main.content.about-sdgs .about-sdgs-new .news-pager ul li {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-new .news-pager ul li {
    margin-right: 2px;
    margin-left: 2px
  }
}
main.content.about-sdgs .about-sdgs-new .news-pager ul li a {
  display: block;
  width: 60px;
  line-height: 60px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-new .news-pager ul li a {
    width: 30px;
    line-height: 30px
  }
}
main.content.about-sdgs .about-sdgs-new .news-pager ul li a:hover {
  color: #fff;
  background-color: #2a6460
}
main.content.about-sdgs .about-sdgs-new .news-pager ul li.current a {
  color: #fff;
  background-color: #2a6460
}
main.content.about-sdgs .about-sdgs-reitaku p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-reitaku p {
    margin-top: 20px
  }
}
main.content.about-sdgs .about-sdgs-reitaku .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-reitaku .rt-link-button {
    margin-top: 30px
  }
}
main.content.about-sdgs .about-sdgs-reitaku .rj15-link {
  margin-top: 60px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-reitaku .rj15-link {
    margin-top: 40px
  }
}
main.content.about-sdgs .about-sdgs-reitaku .rj15-link a {
  cursor: pointer
}
main.content.about-sdgs .about-sdgs-reitaku .rj15-link a img {
  width: 760px;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-reitaku .rj15-link a img {
    width: 100%
  }
}
main.content.about-sdgs .about-sdgs-reitaku .rj15-link a:hover img {
  opacity: 0.5
}
main.content.about-sdgs .about-sdgs-about p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-about p {
    margin-top: 20px
  }
}
main.content.about-sdgs .about-sdgs-about p a {
  text-decoration: underline;
  color: #000
}
main.content.about-sdgs .about-sdgs-about .fig {
  margin-top: 40px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-about .fig {
    margin-top: 20px
  }
}
main.content.about-sdgs .about-sdgs-about .fig img {
  width: 670px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-about .fig img {
    width: 100%
  }
}
main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header {;
  margin-bottom: 80px;
  padding-bottom: 40px;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header {
    margin-bottom: 30px;
    padding-bottom: 20px
  }
}
main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header .date {
  margin-bottom: 10px;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header .date {
    margin-bottom: 5px;
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header h2 {
  font-size: 30px;
  font-size: 3rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header h2 {
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header .cat-ico {
  margin-top: 40px;
  font-size: 0
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header .cat-ico {
    margin-top: 20px
  }
}
main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header .cat-ico .tit {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header .cat-ico .tit {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header .cat-ico img {
  display: inline-block;
  width: 50px;
  margin-top: 10px;
  margin-right: 10px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .sdgs-detail-header .cat-ico img {
    width: 7vw;
    margin-top: 5px;
    margin-right: 5px
  }
}
main.content.about-sdgs .about-sdgs-detail .detail-article .m-fig {
  padding-bottom: 80px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .detail-article .m-fig {
    padding-bottom: 30px
  }
}
main.content.about-sdgs .about-sdgs-detail .detail-article .m-fig img {
  width: 640px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .detail-article .m-fig img {
    width: 100%
  }
}
main.content.about-sdgs .about-sdgs-detail .detail-article .detail-pics {
  width: 640px;
  margin-top: 70px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .detail-article .detail-pics {
    width: 100%;
    margin-top: 35px
  }
}
main.content.about-sdgs .about-sdgs-detail .detail-article .detail-pics .pic:last-child {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .detail-article .detail-pics .pic:last-child {
    margin-top: 20px
  }
}
main.content.about-sdgs .about-sdgs-detail .detail-article .detail-pics .pic img {
  display: block;
  margin-bottom: 15px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .detail-article .detail-pics .pic img {
    margin-bottom: 10px
  }
}
main.content.about-sdgs .about-sdgs-detail .detail-article p + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .about-sdgs-detail .detail-article p + p {
    margin-top: 30px
  }
}
main.content.about-sdgs .news-detail-bottom-links .news-detail-pager {
  margin-bottom: 60px
}
main.content.about-sdgs .news-detail-bottom-links .news-detail-pager:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .news-detail-bottom-links .news-detail-pager {
    margin-bottom: 30px
  }
}
main.content.about-sdgs .news-detail-bottom-links .news-detail-pager a {
  display: inline-block;
  color: #333
}
main.content.about-sdgs .news-detail-bottom-links .news-detail-pager .prev {
  float: left;
  width: 33%;
  text-align: left
}
main.content.about-sdgs .news-detail-bottom-links .news-detail-pager .prev a {
  padding-left: 53px;
  background-image: url(/_assets/images/news-detail-prev.svg);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .news-detail-bottom-links .news-detail-pager .prev a {
    padding-left: 30px;
    background-size: 17px auto
  }
}
main.content.about-sdgs .news-detail-bottom-links .news-detail-pager .top {
  float: left;
  width: 33%;
  text-align: center
}
main.content.about-sdgs .news-detail-bottom-links .news-detail-pager .next {
  float: right;
  width: 33%;
  text-align: right
}
main.content.about-sdgs .news-detail-bottom-links .news-detail-pager .next a {
  padding-right: 53px;
  background-image: url(/_assets/images/news-detail-next.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.about-sdgs .news-detail-bottom-links .news-detail-pager .next a {
    padding-right: 30px;
    background-size: 17px auto
  }
}
main.content.about-activity-detail .about-activity-desc .article {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc .article {
    margin-bottom: 40px
  }
}
main.content.about-activity-detail .about-activity-desc p {
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc p {
    margin-bottom: 25px
  }
}
main.content.about-activity-detail .about-activity-desc p.ind {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 40px
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc p.ind {
    padding-left: 18px
  }
}
main.content.about-activity-detail .about-activity-desc p.fig {
  text-align: center
}
main.content.about-activity-detail .about-activity-desc p.fig img {
  width: 670px
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc p.fig img {
    width: 100%
  }
}
main.content.about-activity-detail .about-activity-desc p a.blank {
  position: relative;
  display: block;
  text-decoration: underline;
  color: #333
}
main.content.about-activity-detail .about-activity-desc p a.blank:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 20px;
  margin-right: 5px;
  vertical-align: bottom;
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc p a.blank:before {
    width: 15px;
    height: 17px;
    background-size: 15px auto
  }
}
main.content.about-activity-detail .about-activity-desc h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-activity-detail .about-activity-desc h4 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc h4 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.about-activity-detail .about-activity-desc ul {
  margin-bottom: 40px;
  padding-left: 1em
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc ul {
    margin-bottom: 25px
  }
}
main.content.about-activity-detail .about-activity-desc ul li {
  text-indent: -1em
}
main.content.about-activity-detail .about-activity-desc ul li:before {
  content: "・";
  color: #589991
}
main.content.about-activity-detail .about-activity-desc .rt-title-t2 {
  margin-bottom: 35px;
  padding-bottom: 20px
}
@media screen and (max-width: 768px) {
  main.content.about-activity-detail .about-activity-desc .rt-title-t2 {
    margin-bottom: 20px
  }
}
main.content.facilities-top .low-top-header {
  background-image: url(/_assets/images/facilities/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.facilities-top .low-top-header {
    background-image: url(/_assets/images/facilities/top-mv-sp.jpg)
  }
}
main.content.facilities-campus .facilities-campus-list {
  padding: 80px 0 10px 0;
  background-color: #f2f5f4
}
main.content.facilities-campus .facilities-campus-list:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .facilities-campus-list {
    padding-top: 40px;
    padding-bottom: 40px
  }
}
main.content.facilities-campus .facilities-campus-list .facility {
  position: relative;
  float: left;
  width: 550px;
  margin-bottom: 70px
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .facilities-campus-list .facility {
    float: none;
    width: 100%;
    margin-bottom: 40px
  }
}
main.content.facilities-campus .facilities-campus-list .facility:nth-child(odd) {
  clear: both
}
main.content.facilities-campus .facilities-campus-list .facility:nth-child(even) {
  float: right
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .facilities-campus-list .facility:nth-child(even) {
    float: none
  }
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .facilities-campus-list .facility:last-child {
    margin-bottom: 0
  }
}
main.content.facilities-campus .facilities-campus-list .facility h3 {
  margin-bottom: 25px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .facilities-campus-list .facility h3 {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.facilities-campus .facilities-campus-list .facility .fig {
  margin-bottom: 25px
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .facilities-campus-list .facility .fig {
    margin-bottom: 20px
  }
}
main.content.facilities-campus .facilities-campus-list .facility .fig a img {
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}
main.content.facilities-campus .facilities-campus-list .facility .fig a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .facilities-campus-list .facility p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.facilities-campus .facilities-campus-list .facility p a {
  position: relative;
  display: block;
  text-decoration: underline;
  color: #333
}
main.content.facilities-campus .facilities-campus-list .facility p a:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 20px;
  margin-right: 5px;
  vertical-align: bottom;
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
main.content.facilities-campus .facilities-campus-list .facility p a.pdf:before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 24px;
  margin-right: 5px;
  vertical-align: top;
  background-image: url(/_assets/images/ico-pdf.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .facilities-campus-list .facility p a:before {
    width: 15px;
    height: 17px;
    background-size: 15px auto
  }
  main.content.facilities-campus .facilities-campus-list .facility p a.pdf:before {
    width: 15px;
    height: 20px;
    background-size: 15px auto
  }
}
main.content.facilities-campus .facilities-campus-list .facility .detail {
  background:#2a6460;
  width: 40px;
  height: 40px;
  position: absolute;
  padding: 10px 0 0 10px;
  z-index: 999;
  right: 0;
}
main.content.facilities-campus .facilities-campus-list .facility svg {
  fill: #fff;
  position: absolute;
}
main.content.facilities-campus .campusmap-link {
  padding: 80px 0
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .campusmap-link {
    padding: 40px 0
  }
}
main.content.facilities-campus .campusmap-link h2 {
  margin-bottom: 40px;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.facilities-campus .campusmap-link h2 {
    margin-bottom: 40px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap:after {
  content: '';
  display: block;
  clear: both
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap.hb {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap.hb {
    margin-bottom: 40px
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-pic {
    float: none;
    width: 100%;
    margin-top: 25px
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc {
  float: right;
  width: 715px
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc {
    float: none;
    width: 100%
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc h5 {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc h5 {
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc p {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc ul {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc ul {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc ul li {
  padding-left: 1em;
  text-indent: -1em
}
main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc ul li:before {
  content: "・";
  font-size: 16px;
  font-size: 1.6rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .learningcommons-wrap .learningcommons-desc ul li:before {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .rt-link-button {
    margin-top: 30px
  }
}
main.content.facilities-learningcommons .facilities-learningcommons .rt-link-button.hb {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.facilities-learningcommons .facilities-learningcommons .rt-link-button.hb {
    margin-bottom: 40px
  }
}
main.content.facilities-dormitory .facilities-dormitory-desc:after {
  content: '';
  display: block;
  clear: both
}
main.content.facilities-dormitory .facilities-dormitory-desc .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-desc .pic {
    float: none;
    width: 100%
  }
}
main.content.facilities-dormitory .facilities-dormitory-desc .desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-desc .desc {
    float: none;
    width: 100%;
    margin-top: 25px
  }
}
main.content.facilities-dormitory .facilities-dormitory-desc .desc p {
  margin-bottom: 50px;
  line-height: 2.2
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-desc .desc p {
    margin-bottom: 30px;
    line-height: 2
  }
}
main.content.facilities-dormitory .facilities-dormitory-desc .desc p:last-child {
  margin-bottom: 0
}
main.content.facilities-dormitory .facilities-dormitory-links .links-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
main.content.facilities-dormitory .facilities-dormitory-links .links-wrap .link {
  width: 360px;
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-links .links-wrap .link {
    width: 48%;
    margin-bottom: 20px
  }
}
main.content.facilities-dormitory .facilities-dormitory-links .links-wrap .link a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #333;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.facilities-dormitory .facilities-dormitory-links .links-wrap .link a:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-links .links-wrap .link a:hover {
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.facilities-dormitory .facilities-dormitory-links .links-wrap .link a .tit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 68px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-links .links-wrap .link a .tit {
    height: 30px
  }
}
main.content.facilities-dormitory .facilities-dormitory-management ol {
  padding-left: 1.6em;
  list-style-type: decimal
}
main.content.facilities-dormitory .facilities-dormitory-about-system p + h3 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-about-system p + h3 {
    margin-top: 35px
  }
}
main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text:after {
  content: '';
  display: block;
  clear: both
}
main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text + h3 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text + h3 {
    margin-top: 35px
  }
}
main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text .fig {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text .fig {
    float: none;
    width: 100%
  }
}
main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text .desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text .desc {
    float: none;
    width: 100%;
    margin-top: 25px
  }
}
main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text .desc p {
  margin-bottom: 25px;
  line-height: 2.2
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text .desc p {
    margin-bottom: 10px;
    line-height: 2
  }
}
main.content.facilities-dormitory .facilities-dormitory-about-system .fig-text .desc p:last-child {
  margin-bottom: 0
}
main.content.facilities-dormitory .facilities-dormitory-about-system:after {
  content: '';
  display: block;
  clear: both
}
main.content.facilities-dormitory .facilities-dormitory-about-system .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-about-system .pic {
    float: none;
    width: 100%
  }
}
main.content.facilities-dormitory .facilities-dormitory-about-system .desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-about-system .desc {
    float: none;
    width: 100%;
    margin-top: 30px
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-point .system-point-tp:after {
  content: '';
  display: block;
  clear: both
}
main.content.facilities-dormitory .facilities-dormitory-system-point .system-point-tp .pic {
  float: right;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-point .system-point-tp .pic {
    float: none;
    width: 100%;
    margin-top: 30px
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-point .system-point-tp .desc {
  float: left;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-point .system-point-tp .desc {
    float: none;
    width: 100%
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-point .rt-title-t2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-point .rt-title-t2 {
    margin-top: 40px
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-community .pic-desc {
  margin-bottom: 80px
}
main.content.facilities-dormitory .facilities-dormitory-system-community .pic-desc:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-community .pic-desc {
    margin-bottom: 40px
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-community .pic-desc .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-community .pic-desc .pic {
    float: none;
    width: 100%
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-community .pic-desc .desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-community .pic-desc .desc {
    float: none;
    width: 100%;
    margin-top: 30px
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-community .community-event {
  margin-bottom: 70px
}
main.content.facilities-dormitory .facilities-dormitory-system-community .community-event .desc {
  margin-bottom: 1em
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-community .community-event .desc {
    margin-bottom: 1em
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-community .community-event ol {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-community .community-event ol {
    margin-bottom: 30px
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-community .community-event .event-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-community .community-event .event-wrap {
    display: block
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-community .community-event .event-wrap .event {
  width: 360px;
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-system-community .community-event .event-wrap .event {
    width: 100%;
    margin-bottom: 20px
  }
}
main.content.facilities-dormitory .facilities-dormitory-system-community ol {
  padding-left: 1.6em
}
main.content.facilities-dormitory .facilities-dormitory-join .join-wrap {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-join .join-wrap {
    margin-bottom: 25px;
    padding-bottom: 25px
  }
}
main.content.facilities-dormitory .facilities-dormitory-join .join-wrap.nb {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-join .join-wrap.nb {
    margin-bottom: 0;
    padding-bottom: 0
  }
}
main.content.facilities-dormitory .facilities-dormitory-join .join-wrap p + p {
  margin-top: 15px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-join .join-wrap p + p {
    margin-top: 10px
  }
}
main.content.facilities-dormitory .facilities-dormitory-join .join-wrap p.note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-join .join-wrap p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.facilities-dormitory .facilities-dormitory-join .join-wrap p .note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-join .join-wrap p .note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.facilities-dormitory .facilities-dormitory-join .join-wrap p + snote {
  margin-top: 1em
}
main.content.facilities-dormitory .facilities-dormitory-join .join-wrap .snote {
  padding-left: 3em;
  text-indent: -3em
}
main.content.facilities-dormitory .facilities-dormitory-join .join-wrap .table-wrap {
  margin-top: 25px;
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-join .join-wrap .table-wrap {
    margin-top: 15px;
    margin-bottom: 20px
  }
}
main.content.facilities-dormitory .facilities-dormitory-facility .rt-catlink {
  margin-top: 55px;
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-facility .rt-catlink {
    margin-top: 25px;
    margin-bottom: 25px
  }
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .select-facility.td {
  display: none
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap {
  margin-bottom: 60px
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap {
    margin-bottom: 30px
  }
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap:last-child {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap:last-child {
    margin-bottom: 0
  }
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .pic {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .desc {
    float: none;
    width: 100%
  }
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .desc h4 {
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .desc h4 {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .desc p + h4 {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .desc p + h4 {
    margin-top: 25px
  }
}
main.content.facilities-dormitory .facilities-dormitory-facility .dormitory-facility .facility-wrap .desc.nopic {
  float: none;
  width: 100%
}
.facilities-detail-info {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.facilities-detail-info .facilities-detail-inner {
  position: relative;
  width: 640px;
  color: #fff
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner {
    width: 90vw
  }
}
.facilities-detail-info .facilities-detail-inner .close-but {
  position: absolute;
  top: -40px;
  right: 0;
  width: 24px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .close-but {
    top: -30px;
    width: 18px
  }
}
.facilities-detail-info .facilities-detail-inner .tit {
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .tit {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.facilities-detail-info .facilities-detail-inner .slick-dots {
  bottom: -40px
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .slick-dots {
    bottom: -30px
  }
}
.facilities-detail-info .facilities-detail-inner .slick-dots li {
  display: inline-block;
  width: 15px !important;
  margin-right: 10px !important;
  margin-left: 10px !important
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .slick-dots li {
    width: 10px !important;
    margin-right: 5px !important;
    margin-left: 5px !important
  }
}
.facilities-detail-info .facilities-detail-inner .slick-dots li button {
  width: 15px;
  height: 15px
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .slick-dots li button {
    width: 10px;
    height: 10px
  }
}
.facilities-detail-info .facilities-detail-inner .slick-dots li button::before {
  font-size: 15px;
  opacity: 1;
  color: #fff
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .slick-dots li button::before {
    font-size: 10px
  }
}
.facilities-detail-info .facilities-detail-inner .slick-dots li.slick-active button::before {
  color: #2a6460
}
.facilities-detail-info .facilities-detail-inner .facilities-detail-nav {
  position: relative;
  width: 100%;
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .facilities-detail-nav {
    margin-top: 40px
  }
}
.facilities-detail-info .facilities-detail-inner .facilities-detail-nav .prev {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100px
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .facilities-detail-nav .prev {
    width: 80px
  }
}
.facilities-detail-info .facilities-detail-inner .facilities-detail-nav .prev a {
  display: inline-block;
  padding-left: 60px;
  background-image: url(/_assets/images/campuslife/map-prev.svg);
  background-repeat: no-repeat;
  background-position: left 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .facilities-detail-nav .prev a {
    padding-left: 30px;
    background-size: 17px auto
  }
}
.facilities-detail-info .facilities-detail-inner .facilities-detail-nav .next {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100px;
  text-align: right
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .facilities-detail-nav .next {
    width: 80px
  }
}
.facilities-detail-info .facilities-detail-inner .facilities-detail-nav .next a {
  display: inline-block;
  padding-right: 60px;
  background-image: url(/_assets/images/campuslife/map-next.svg);
  background-repeat: no-repeat;
  background-position: right 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .facilities-detail-info .facilities-detail-inner .facilities-detail-nav .next a {
    padding-right: 30px;
    background-size: 17px auto
  }
}
.facilities-detail-info .facilities-detail-inner .facilities-detail-nav .close {
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center
}
body.facilities-map-detail .facilities-detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.facilities-detail-info-data {
  display: none
}
main.content.global-top .low-top-header {
  background-image: url(/_assets/images/global/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.global-top .low-top-header {
    background-image: url(/_assets/images/global/top-mv-sp.jpg)
  }
}
main.content.global-top .low-top-desc .global-top-desc {
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.global-top .low-top-desc .global-top-desc {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.global-top .global-top-banner {
  width: 100%
}
main.content.global-top .global-top-banner a {
  position: relative;
  display: block;
  border: solid 1px #2a6460
}
main.content.global-top .global-top-banner a img {
  position: relative;
  z-index: 1;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}
main.content.global-top .global-top-banner a p {
  position: absolute;
  z-index: 2;
  top: 50%;
  right: 30px;
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.2;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #2a6460;
  background-color: rgba(255, 255, 255, 0.8)
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-top-banner a p {
    right: 50%;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
    white-space: nowrap
  }
}
main.content.global-top .global-top-banner a p span {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-top-banner a p span {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.global-top .global-top-banner a:hover p {
  color: #fff;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-top-banner a:hover p {
    color: #2a6460;
    background-color: rgba(255, 255, 255, 0.8)
  }
}
main.content.global-top .global-top-banner a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-top-banner a:hover img {
    opacity: 1
  }
}
main.content.global-top .global-international-exchange .exchange-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 640px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-international-exchange .exchange-wrap {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  main.content.global-top .global-international-exchange .exchange-wrap .exchange {
    margin-right: 3px;
    margin-left: 3px
  }
}
main.content.global-top .global-international-exchange .exchange-wrap.hb {
  margin-bottom: 110px
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-international-exchange .exchange-wrap.hb {
    margin-bottom: 45px
  }
}
main.content.global-top .global-international-exchange .exchange-wrap.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
main.content.global-top .global-international-exchange .exchange-wrap.center .exchange {
  margin-right: 12px;
  margin-left: 12px
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-international-exchange .exchange-wrap.center .exchange {
    margin-right: 3px;
    margin-left: 3px
  }
}
main.content.global-top .global-international-exchange .exchange-wrap .exchange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 200px;
  height: 200px;
  margin-bottom: 30px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius: 100px;
  background-color: #589991;
  background-image: url(/_assets/images/ico-aw-w.svg);
  background-repeat: no-repeat;
  background-position: center 75%;
  background-size: 44px auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-international-exchange .exchange-wrap .exchange {
    width: 26.6vw;
    height: 26.6vw;
    margin-bottom: 15px;
    border-radius: 13.3vw;
    background-size: 22px auto
  }
}
main.content.global-top .global-international-exchange .exchange-wrap .exchange span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: #fff
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-international-exchange .exchange-wrap .exchange span {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.global-top .global-international-exchange .exchange-wrap .exchange:hover {
  border: solid 1px #589991;
  background-color: #fff;
  background-image: url(/_assets/images/ico-aw-g.svg);
  background-position: 52% 75%
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-international-exchange .exchange-wrap .exchange:hover {
    border: none;
    background-color: #fff;
    background-color: #589991;
    background-image: url(/_assets/images/ico-aw-w.svg)
  }
}
main.content.global-top .global-international-exchange .exchange-wrap .exchange:hover span {
  color: #589991
}
@media screen and (max-width: 768px) {
  main.content.global-top .global-international-exchange .exchange-wrap .exchange:hover span {
    color: #fff
  }
}
main.content.global-partnership .global-partnership-detail .partnership-detail-data {
  margin-top: 55px
}
main.content.global-partnership .global-partnership-detail .partnership-detail-data:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-detail .partnership-detail-data {
    margin-top: 30px
  }
}
main.content.global-partnership .global-partnership-detail .partnership-detail-data .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-detail .partnership-detail-data .pic {
    float: none;
    width: 100%
  }
}
main.content.global-partnership .global-partnership-detail .partnership-detail-data .data {
  float: right;
  width: 715px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-detail .partnership-detail-data .data {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.global-partnership .global-partnership-detail .partnership-detail-data .data .tit {
  font-weight: bold
}
main.content.global-partnership .global-partnership-detail .partnership-detail-data .data .btit {
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-detail .partnership-detail-data .data .btit {
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.global-partnership .global-partnership-act p + h3 {
  margin-top: 45px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-act p + h3 {
    margin-top: 30px
  }
}
main.content.global-partnership .global-partnership-act .global-partnership-act-wrap:after {
  content: '';
  display: block;
  clear: both
}
main.content.global-partnership .global-partnership-act .global-partnership-act-wrap p {
  float: left;
  width: 730px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-act .global-partnership-act-wrap p {
    float: none;
    width: 100%
  }
}
main.content.global-partnership .global-partnership-act .global-partnership-act-wrap .pic {
  float: right;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-act .global-partnership-act-wrap .pic {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.global-partnership .global-partnership-act .global-partnership-act-wrap + h3 {
  margin-top: 45px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-act .global-partnership-act-wrap + h3 {
    margin-top: 30px
  }
}
main.content.global-partnership .global-partnership-voice .voice-pic {
  margin-bottom: 80px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-voice .voice-pic {
    margin-bottom: 35px
  }
}
main.content.global-partnership .global-partnership-voice .voice-pic img {
  width: 480px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-voice .voice-pic img {
    width: 64vw;
    max-width: 480px
  }
}
main.content.global-partnership .global-partnership-voice .profile-wrap {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-voice .profile-wrap {
    margin-top: 25px
  }
}
main.content.global-partnership .global-partnership-voice .profile-wrap.hb {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-voice .profile-wrap.hb {
    margin-bottom: 40px
  }
}
main.content.global-partnership .global-partnership-voice .profile-wrap .flag {
  display: inline-block;
  width: 110px;
  vertical-align: top
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-voice .profile-wrap .flag {
    width: 60px
  }
}
main.content.global-partnership .global-partnership-voice .profile-wrap .flag img {
  width: 80px
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-voice .profile-wrap .flag img {
    width: 50px
  }
}
main.content.global-partnership .global-partnership-voice .profile-wrap .desc {
  display: inline-block;
  font-size: 12px;
  font-size: 1.2rem;
  vertical-align: top;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-voice .profile-wrap .desc {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.global-partnership .global-partnership-voice .profile-wrap .desc span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.global-partnership .global-partnership-voice .profile-wrap .desc span {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-life .global-life-detail .detail-wrap {
  margin-top: 40px
}
main.content.global-life .global-life-detail .detail-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.global-life .global-life-detail .detail-wrap {
    margin-top: 30px
  }
}
main.content.global-life .global-life-detail .detail-wrap:first-child {
  margin-top: 0
}
main.content.global-life .global-life-detail .detail-wrap .detail-pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.global-life .global-life-detail .detail-wrap .detail-pic {
    float: none;
    width: 100%
  }
}
main.content.global-life .global-life-detail .detail-wrap .detail-desc {
  float: right;
  width: 710px
}
@media screen and (max-width: 768px) {
  main.content.global-life .global-life-detail .detail-wrap .detail-desc {
    float: none;
    width: 100%;
    margin-top: 30px
  }
}
main.content.global-life .global-life-detail .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.global-life .global-life-detail .rt-link-button {
    margin-top: 30px
  }
}
main.content.global-event .global-event-picup1 .desc-wrap {
  margin-bottom: 75px
}
main.content.global-event .global-event-picup1 .desc-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup1 .desc-wrap {
    margin-bottom: 40px
  }
}
main.content.global-event .global-event-picup1 .desc-wrap .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup1 .desc-wrap .pic {
    float: none;
    width: 100%
  }
}
main.content.global-event .global-event-picup1 .desc-wrap .pic img:last-child {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup1 .desc-wrap .pic img:last-child {
    display: none
  }
}
main.content.global-event .global-event-picup1 .desc-wrap .desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup1 .desc-wrap .desc {
    float: none;
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px
  }
}
main.content.global-event .global-event-picup1 .desc-wrap .desc p {
  line-height: 2.3
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup1 .desc-wrap .desc p {
    line-height: 1.8
  }
}
main.content.global-event .global-event-picup1 .desc-wrap .sp-pic {
  display: none
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup1 .desc-wrap .sp-pic {
    display: block
  }
}
main.content.global-event .global-event-picup1 .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup1 .rt-link-button {
    margin-top: 30px
  }
}
main.content.global-event .global-event-picup2 .desc-wrap:after {
  content: '';
  display: block;
  clear: both
}
main.content.global-event .global-event-picup2 .desc-wrap .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup2 .desc-wrap .pic {
    float: none;
    width: 100%
  }
}
main.content.global-event .global-event-picup2 .desc-wrap .desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup2 .desc-wrap .desc {
    float: none;
    width: 100%;
    padding-top: 30px
  }
}
main.content.global-event .global-event-picup2 .desc-wrap .desc p {
  line-height: 2.3
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup2 .desc-wrap .desc p {
    line-height: 1.8
  }
}
main.content.global-event .global-event-picup2 .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.global-event .global-event-picup2 .rt-link-button {
    margin-top: 30px
  }
}
main.content.global-ifloor .ifloor-mv {
  text-align: center
}
main.content.global-ifloor .ifloor-mv img {
  width: 1200px
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .ifloor-mv img {
    width: 90vw
  }
}
main.content.global-ifloor .global-ifloor-map .ifloor-map-image {
  margin-bottom: 75px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-map .ifloor-map-image {
    margin-bottom: 30px
  }
}
main.content.global-ifloor .global-ifloor-map .ifloor-map-image img {
  width: 688px
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-map .ifloor-map-image img {
    width: 100%
  }
}
main.content.global-ifloor .global-ifloor-map .map-cap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-map .map-cap {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
  }
}
main.content.global-ifloor .global-ifloor-map .map-cap .caption {
  position: relative;
  display: inline-block;
  width: 295px;
  margin-bottom: 30px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 35px
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-map .map-cap .caption {
    width: 99%;
    margin-bottom: 25px;
    padding-left: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6
  }
}
main.content.global-ifloor .global-ifloor-map .map-cap .caption span {
  display: inline-block;
  width: 35px;
  margin-right: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 35px;
  text-align: center;
  color: #fff;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-map .map-cap .caption span {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px
  }
}
main.content.global-ifloor .global-ifloor-map .map-cap .caption a {
  position: relative;
  display: inline-block;
  width: 225px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-decoration: underline;
  color: #2a6460;
  background-image: url(/_assets/images/ico-aw-g.svg);
  background-repeat: no-repeat;
  background-position: 97% center;
  background-size: 22px auto
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-map .map-cap .caption a {
    width: 100%;
    background-position: right center;
  }
}
main.content.global-ifloor .global-ifloor-map .map-cap .caption a:hover {
  background-position: 100% center
}
main.content.global-ifloor .global-ifloor-support h3 {
  position: relative;
  margin-bottom: 70px;
  padding-bottom: 30px;
  font-size: 36px;
  font-size: 3.6rem;
  line-height: 1;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-support h3 {
    margin-bottom: 35px;
    padding-bottom: 20px;
    font-size: 20px;
    font-size: 2rem
  }
}
main.content.global-ifloor .global-ifloor-support h3 span {
  display: block;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-support h3 span {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-ifloor .global-ifloor-support h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 40px;
  height: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #3da260
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-support h3:after {
    width: 20px;
    height: 2px
  }
}
main.content.global-ifloor .global-ifloor-support .ifloor-support:after {
  content: '';
  display: block;
  clear: both
}
main.content.global-ifloor .global-ifloor-support .ifloor-support .support-pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-support .ifloor-support .support-pic {
    float: none;
    width: 100%
  }
}
main.content.global-ifloor .global-ifloor-support .ifloor-support .support-pic img {
  margin-bottom: 0.5em
}
main.content.global-ifloor .global-ifloor-support .ifloor-support .support-desc {
  float: right;
  width: 700px;
  line-height: 2
}
@media screen and (max-width: 768px) {
  main.content.global-ifloor .global-ifloor-support .ifloor-support .support-desc {
    float: none;
    width: 100%;
    margin-top: 30px
  }
}
main.content.global-abroad .global-abroad-numeral .numeral-desc {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-numeral .numeral-desc {
    margin-bottom: 25px
  }
}
main.content.global-abroad .numeral-fig {
  text-align: center
}
main.content.global-abroad .numeral-fig img {
  width: 878px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .numeral-fig img {
    width: 100%
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-desc {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-desc {
    margin-bottom: 25px
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap {
    display: block;
    margin-bottom: 30px
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 570px;
  height: 1px;
  background-color: #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap:before {
    width: 100%
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 570px;
  height: 1px;
  background-color: #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap:after {
    display: none
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 570px;
  padding: 55px 0;
  border-bottom: solid 1px #a7b7b4;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade {
    width: 100%;
    padding: 30px 0
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico {
  width: 160px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico {
    width: 26%
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico img.ico1 {
  width: 87px;
  max-width: 87px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico img.ico1 {
    width: 60%
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico img.ico2 {
  width: 94px;
  max-width: 94px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico img.ico2 {
    width: 60%
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico img.ico3 {
  width: 109px;
  max-width: 109px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico img.ico3 {
    width: 60%
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico img.ico4 {
  width: 95px;
  max-width: 95px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .ico img.ico4 {
    width: 60%
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .desc {
  width: 410px;
  text-align: left
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .desc {
    width: 74%
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .desc h4 {
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .desc h4 {
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .desc .subt {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-custommade .custommade-wrap .custommade .desc .subt {
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 1.3rem
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap {
    display: block
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system {
  width: 570px;
  padding: 60px 0;
  border-top: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system {
    width: 100%;
    padding: 30px 0
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table {
  width: 100%
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico {
  width: 165px;
  text-align: center;
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico {
    width: 26%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico1 {
  width: 79px;
  max-width: 79px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico1 {
    width: 40%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico2 {
  width: 80px;
  max-width: 80px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico2 {
    width: 40%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico3 {
  width: 86px;
  max-width: 86px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico3 {
    width: 40%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico4 {
  width: 65px;
  max-width: 65px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico4 {
    width: 40%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico5 {
  width: 78px;
  max-width: 78px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico5 {
    width: 40%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico6 {
  width: 78px;
  max-width: 78px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico6 {
    width: 40%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico7 {
  width: 88px;
  max-width: 88px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico7 {
    width: 40%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico8 {
  width: 71px;
  max-width: 71px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.ico img.ico8 {
    width: 40%
  }
}
main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.desc {
  width: 405px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-system .abroad-system-wrap .system table td.desc {
    width: 74%;
    font-size: 13px;
    font-size: 1.3rem
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-fig {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-fig {
    margin-bottom: 30px
  }
}
main.content.global-abroad .global-abroad-list .list-desc {
  margin-bottom: 80px;
  text-align: left
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .list-desc {
    margin-bottom: 30px
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search {
  text-align: center
}
main.content.global-abroad .global-abroad-list .abroad-list-search .rt-select {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .rt-select {
    margin-bottom: 30px
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result {
  position: relative;
  width: 1040px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .list-result {
    display: block;
    width: 100%
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result.c2 {
  display: none
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result.c3 {
  display: none
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result.c4 {
  display: none
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 475px;
  height: 1px;
  background-color: #ddd
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .list-result:before {
    width: 100%
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 475px;
  height: 1px;
  background-color: #ddd
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .list-result:after {
    display: none
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university {
  width: 100%;
  padding: 20px 0;
  text-align: left;
  border-bottom: solid 1px #ddd
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university {
    width: 100%;
    padding: 0 0 14px 0
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university .country {
  display: inline-block;
  margin-right: 15px;
  padding-right: 16px;
  padding-left: 16px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 34px;
  border: solid 1px #ddd;
  border-radius: 3px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university .country {
    margin-top: 14px;
    margin-right: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 22px
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university .name {
  display: inline-block;
  font-size: 20px;
  font-size: 2rem;
  line-height: 36px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university .name {
    margin-top: 14px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 22px
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university .option {
  float: right;
  width: 105px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 34px;
  text-align: center;
  color: #fff;
  border-radius: 17px;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .list-result .university .option {
    width: 75px;
    margin-top: 14px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 22px;
    border-radius: 11px
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .back-search {
  width: 1040px;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: right
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-list .abroad-list-search .back-search {
    width: 100%;
    margin-top: 20px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.global-abroad .global-abroad-list .abroad-list-search .back-search a {
  text-decoration: underline;
  color: #333
}
main.content.global-abroad .global-abroad-center h4 {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-center h4 {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-abroad .global-abroad-center .center-desc {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.global-abroad .global-abroad-center .center-desc {
    margin-bottom: 27px
  }
}
main.content.global-cec .contenr-header .fig {
  width: 1200px;
  margin-top: 80px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.global-cec .contenr-header .fig {
    width: 100%;
    margin-top: 30px
  }
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap::after {
  content: "";
  display: block;
  width: 360px;
  height: 0
}
@media screen and (max-width: 768px) {
  main.content.global-cec .global-cec-teacher .cec-teacher-wrap::after {
    width: 47.7%
  }
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher {
  width: 360px;
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher {
    width: 47.7%;
    margin-bottom: 0
  }
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  border: solid 1px #ddd;
  background-color: #fff;
  margin-bottom: 20px;
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a .desc {
  padding: 18px 20px 50px 20px
}
@media screen and (max-width: 768px) {
  main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a .desc {
    padding: 12px 0 12px 12px;
  }
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a .desc .country {
  margin-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 15px;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a .desc .country {
    margin-bottom: 5px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 12px
  }
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a .desc .country .flag {
  display: inline-block;
  width: 25px;
  margin-right: 8px
}
@media screen and (max-width: 768px) {
  main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a .desc .country .flag {
    width: 18px;
    margin-right: 5px
  }
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a .desc .name {
  font-size: 20px;
  font-size: 2rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a .desc .name {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.global-cec .global-cec-teacher .cec-teacher-wrap .cec-teacher a:hover {
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.global-international-student .contenr-header .pic {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .contenr-header .pic {
    margin-top: 30px
  }
}
main.content.global-international-student .contenr-header .pic iframe {
  width: 840px;
  height: 473px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .contenr-header .pic iframe {
    width: 100%;
    height: 50vw
  }
}
main.content.global-international-student .global-international-student-links .intstu-accordion-wrap {
  display: none
}
main.content.global-international-student .global-international-student-links .accordion-button {
  height: 40px;
  margin-top: 60px;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open-w.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .accordion-button {
    height: 20px;
    margin-top: 30px;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.global-international-student .global-international-student-links .accordion-button.open {
  background-image: url(/_assets/images/ico-close-w.svg)
}
main.content.global-international-student .global-international-student-links .accordion-button.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .accordion-button.open:hover {
    background-image: url(/_assets/images/ico-close-w.svg)
  }
}
main.content.global-international-student .global-international-student-links .accordion-button.hc {
  background-image: url(/_assets/images/ico-open.svg)
}
main.content.global-international-student .global-international-student-links .accordion-button.hc.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.global-international-student .global-international-student-links .accordion-button:hover {
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .accordion-button:hover {
    background-image: url(/_assets/images/ico-open-w.svg)
  }
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap {
  overflow: hidden;
  height: 600px;
  max-height: 600px;
  -webkit-transition: max-height .8s linear;
  transition: max-height .8s linear
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-mov-wrap {
    height: auto;
    max-height: 160vw
  }
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap.open {
  height: auto;
  max-height: 5000px;
  -webkit-transition: max-height .8s linear;
  transition: max-height .8s linear
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-mov-wrap p {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap p + .intstu-mov-inner {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-mov-wrap p + .intstu-mov-inner {
    margin-top: 30px
  }
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner {
    display: block
  }
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner + p {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner + p {
    margin-top: 30px
  }
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner .movie {
  width: 560px;
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner .movie {
    width: 100%
  }
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner .movie iframe {
  width: 560px;
  height: 315px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner .movie iframe {
    width: 90vw;
    height: 50vw
  }
}
main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner .movie .tit {
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-mov-wrap .intstu-mov-inner .movie .tit {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-international-student .global-international-student-links .intstu-links-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 600px;
  max-height: 600px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: max-height .8s linear;
  transition: max-height .8s linear
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-links-wrap {
    display: block;
    height: 150vw;
    max-height: 150vw
  }
}
main.content.global-international-student .global-international-student-links .intstu-links-wrap.open {
  height: auto;
  max-height: 5000px;
  -webkit-transition: max-height .8s linear;
  transition: max-height .8s linear
}
main.content.global-international-student .global-international-student-links .intstu-links-wrap .link {
  width: 560px;
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-links-wrap .link {
    width: 100%;
    margin-bottom: 20px
  }
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-links-wrap .link + .link {
    margin-top: 30px
  }
}
main.content.global-international-student .global-international-student-links .intstu-links-wrap .link a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.global-international-student .global-international-student-links .intstu-links-wrap .link a .tit {
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-links-wrap .link a .tit {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-international-student .global-international-student-links .intstu-links-wrap .link a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-links-wrap .link a:hover img {
    -webkit-filter: none;
    filter: none
  }
}
main.content.global-international-student .global-international-student-links .intstu-links-wrap .link a:hover .tit {
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-links .intstu-links-wrap .link a:hover .tit {
    color: #333
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message {
  border-top: solid 2px #064943
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message h4 {
  padding: 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open-w.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message h4 {
    padding: 20px 0;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message h4.open {
  background-image: url(/_assets/images/ico-close-w.svg)
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message h4.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message h4.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message h4:hover {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message h4:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap {
  display: none;
  padding-bottom: 50px
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .pic {
  float: left;
  width: 480px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .pic {
    float: none;
    width: 80%;
    margin-right: auto;
    margin-left: auto
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .message-tit {
  float: right;
  width: 660px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .message-tit {
    float: none;
    width: 100%;
    padding-top: 20px
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .message-tit h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 315px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .message-tit h5 {
    display: block;
    height: auto;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .desc {
  clear: both;
  padding-top: 30px;
  line-height: 2
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .desc {
    padding-top: 15px
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .end-button {
  height: 40px;
  margin-top: 60px;
  cursor: pointer;
  background-image: url(/_assets/images/ico-open-w.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .end-button {
    height: 20px;
    margin-top: 30px;
    background-size: 20px auto
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message .desc-wrap .end-button.open {
  background-image: url(/_assets/images/ico-close-w.svg)
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 80px;
  border-top: solid 2px #064943;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message-links {
    display: block;
    padding-top: 40px
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message-links .link {
  width: 560px;
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message-links .link {
    width: 100%
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message-links .link iframe {
  width: 560px;
  height: 315px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message-links .link iframe {
    width: 90vw;
    height: 50vw
  }
}
main.content.global-international-student .global-international-student-teachers-message .teachers-message-links .link .tit {
  margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-teachers-message .teachers-message-links .link .tit {
    margin-top: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-international-student .global-international-student-utl p + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-utl p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.global-international-student .global-international-student-utl .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.global-international-student .global-international-student-utl .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.global-center .contenr-header .pic {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  main.content.global-center .contenr-header .pic {
    margin-top: 30px
  }
}
main.content.global-center .contenr-header .pic img {
  width: 840px
}
@media screen and (max-width: 768px) {
  main.content.global-center .contenr-header .pic img {
    width: 100%
  }
}
main.content.global-center .global-center-support h4 {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-support h4 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-center .global-center-support p + h4 {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-support p + h4 {
    margin-top: 40px
  }
}
main.content.global-center .global-center-results .center-results-wrap.ht {
  margin-top: 100px
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-wrap.ht {
    margin-top: 50px
  }
}
main.content.global-center .global-center-results .center-results-wrap h4 {
  margin-bottom: 55px;
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-wrap h4 {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.global-center .global-center-results .center-results-wrap .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-wrap .rt-link-button {
    margin-top: 30px
  }
}
main.content.global-center .global-center-results .center-results-mg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-mg {
    display: block;
    margin-bottom: 20px
  }
}
main.content.global-center .global-center-results .center-results-mg .results-mg {
  width: 290px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-mg .results-mg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
main.content.global-center .global-center-results .center-results-mg .results-mg .mg-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 180px;
  height: 180px;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  border-radius: 90px;
  background-color: #589991;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-mg .results-mg .mg-circle {
    float: left;
    width: 24vw;
    height: 24vw;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 12vw
  }
}
main.content.global-center .global-center-results .center-results-mg .results-mg .mg-circle div {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.5
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-mg .results-mg .mg-circle div {
    font-size: 24px;
    font-size: 2.4rem
  }
}
main.content.global-center .global-center-results .center-results-mg .results-mg .mg-circle div span {
  font-size: 30px;
  font-size: 3rem
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-mg .results-mg .mg-circle div span {
    font-size: 15px;
    font-size: 1.5rem
  }
}
@media screen and (max-width: 768px) {
  main.content.global-center .global-center-results .center-results-mg .results-mg .mg-circle-info {
    float: right;
    width: 60vw;
    text-align: left
  }
}
main.content.global-flow .global-flow-schedule {
  padding: 75px 0 100px 0;
  background-color: #f2f5f4
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-schedule {
    padding-top: 40px;
    padding-bottom: 50px
  }
}
main.content.global-flow .global-flow-schedule .article {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: solid 1px #a7b7b4
}
main.content.global-flow .global-flow-schedule .article:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-schedule .article {
    margin-bottom: 30px;
    padding-bottom: 30px
  }
}
main.content.global-flow .global-flow-schedule .article.nb {
  margin-bottom: 20px;
  padding-bottom: 0;
  border-bottom: none
}
main.content.global-flow .global-flow-schedule .article:last-child {
  margin-bottom: 0;
  border-bottom: none
}
main.content.global-flow .global-flow-schedule .article .desc {
  float: left;
  width: 710px
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-schedule .article .desc {
    float: none;
    width: 100%
  }
}
main.content.global-flow .global-flow-schedule .article .desc h5 {
  margin-bottom: 10px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-schedule .article .desc h5 {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.global-flow .global-flow-schedule .article .desc p {
  margin-bottom: 30px
}
main.content.global-flow .global-flow-schedule .article .desc p:last-child {
  margin-bottom: 0
}
main.content.global-flow .global-flow-schedule .article .pics {
  float: right;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-schedule .article .pics {
    float: none;
    width: 100%;
    padding-top: 20px
  }
}
main.content.global-flow .global-flow-schedule .article .pics .pic span {
  display: block;
  margin-top: 10px
}
main.content.global-flow .global-flow-support {
  padding: 75px 0 100px 0
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support {
    padding-top: 40px;
    padding-bottom: 50px
  }
}
main.content.global-flow .global-flow-support h3 {
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 30px;
  font-size: 30px;
  font-size: 3rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support h3 {
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 20px;
    font-size: 2rem
  }
}
main.content.global-flow .global-flow-support h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 40px;
  height: 2px;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support h3:after {
    width: 20px
  }
}
main.content.global-flow .global-flow-support .article-wrap:after {
  content: '';
  display: block;
  clear: both
}
main.content.global-flow .global-flow-support .article-wrap .article {
  float: left;
  width: 570px
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support .article-wrap .article {
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 1px #589991
  }
}
main.content.global-flow .global-flow-support .article-wrap .article:nth-child(odd) {
  clear: both
}
main.content.global-flow .global-flow-support .article-wrap .article:nth-child(even) {
  float: right
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support .article-wrap .article:nth-child(even) {
    float: none
  }
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support .article-wrap .article:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
  }
}
main.content.global-flow .global-flow-support .article-wrap .article h4 {
  margin-bottom: 25px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support .article-wrap .article h4 {
    margin-bottom: 20px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support .article-wrap .article p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.global-flow .global-flow-support .article-wrap .line {
  float: left;
  width: 570px;
  height: 1px;
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-support .article-wrap .line {
    display: none
  }
}
main.content.global-flow .global-flow-support .article-wrap .line.l {
  clear: both
}
main.content.global-flow .global-flow-support .article-wrap .line.r {
  float: right
}
main.content.global-flow .global-flow-voice {
  padding: 90px 0 100px 0;
  text-align: center;
  background-color: #33a08d;
  background-image: linear-gradient(-45deg, #33a08d 45%, #68baae 45%, #68baae 50%, #33a08d 50%, #33a08d 95%, #68baae 95%, #68baae);
  background-size: 8px 8px
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice {
    padding-top: 40px;
    padding-bottom: 50px
  }
}
main.content.global-flow .global-flow-voice h3 {
  margin-bottom: 30px;
  font-size: 30px;
  font-size: 3rem;
  color: #fff
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice h3 {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.global-flow .global-flow-voice .desc {
  margin-bottom: 60px;
  color: #fff
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice .desc {
    margin-bottom: 30px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.global-flow .global-flow-voice .voice-wrap {
  margin-bottom: 60px;
  font-size: 0;
  text-align: center
}
main.content.global-flow .global-flow-voice .voice-wrap:after {
  content: '';
  display: block;
  clear: both
}
main.content.global-flow .global-flow-voice .voice-wrap .voice {
  display: inline-block;
  width: 320px;
  background-color: #fff
}
main.content.global-flow .global-flow-voice .voice-wrap .voice:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice .voice-wrap .voice {
    display: block;
    width: 100%
  }
}
main.content.global-flow .global-flow-voice .voice-wrap .voice:first-child {
  margin-right: 40px
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice .voice-wrap .voice:first-child {
    margin-right: 0;
    margin-bottom: 20px
  }
}
main.content.global-flow .global-flow-voice .voice-wrap .voice a {
  padding: 0 0 0 0;
  color: #666
}
main.content.global-flow .global-flow-voice .voice-wrap .voice a .fig {
  position: relative;
  overflow: hidden
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice .voice-wrap .voice a .fig {
    float: left;
    width: 47.7%
  }
}
main.content.global-flow .global-flow-voice .voice-wrap .voice a .fig img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.global-flow .global-flow-voice .voice-wrap .voice a .desc {
  margin-bottom: 0;
  padding: 35px 0 40px 0;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice .voice-wrap .voice a .desc {
    float: right;
    width: 52%;
    padding: 4vw 0 0 0
  }
}
main.content.global-flow .global-flow-voice .voice-wrap .voice a .desc .dept {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice .voice-wrap .voice a .desc .dept {
    margin-bottom: 2vw;
    padding-right: 2vw;
    padding-left: 2vw;
    font-size: 10px;
    font-size: 1rem;
    text-align: left
  }
}
main.content.global-flow .global-flow-voice .voice-wrap .voice a .desc .name {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice .voice-wrap .voice a .desc .name {
    padding-right: 2vw;
    padding-left: 2vw;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left
  }
}
main.content.global-flow .global-flow-voice .voice-wrap .voice a:hover .fig img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
@media screen and (max-width: 768px) {
  main.content.global-flow .global-flow-voice .voice-wrap .voice a:hover .fig img {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.ifloor-detail-info {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8)
}
.ifloor-detail-info .ifloor-detail-inner {
  position: relative;
  top: 70px;
  left: 50%;
  width: 640px;
  padding-bottom: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #fff
}
@media screen and (max-width: 768px) {
  .ifloor-detail-info .ifloor-detail-inner {
    top: 50px;
    width: 90vw
  }
}
.ifloor-detail-info .ifloor-detail-inner .close-but {
  position: absolute;
  top: -40px;
  right: 0;
  width: 24px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  .ifloor-detail-info .ifloor-detail-inner .close-but {
    top: -30px;
    width: 18px
  }
}
.ifloor-detail-info .ifloor-detail-inner .tit {
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .ifloor-detail-info .ifloor-detail-inner .tit {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.ifloor-detail-info .ifloor-detail-inner .desc {
  padding-top: 30px;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  .ifloor-detail-info .ifloor-detail-inner .desc {
    padding-top: 15px;
    padding-bottom: 25px
  }
}
.ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav {
  position: relative;
  width: 100%
}
.ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .prev {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100px
}
@media screen and (max-width: 768px) {
  .ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .prev {
    width: 80px
  }
}
.ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .prev a {
  display: inline-block;
  padding-left: 60px;
  background-image: url(/_assets/images/campuslife/map-prev.svg);
  background-repeat: no-repeat;
  background-position: left 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .prev a {
    padding-left: 30px;
    background-size: 17px auto
  }
}
.ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .next {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100px;
  text-align: right
}
@media screen and (max-width: 768px) {
  .ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .next {
    width: 80px
  }
}
.ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .next a {
  display: inline-block;
  padding-right: 60px;
  background-image: url(/_assets/images/campuslife/map-next.svg);
  background-repeat: no-repeat;
  background-position: right 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .next a {
    padding-right: 30px;
    background-size: 17px auto
  }
}
.ifloor-detail-info .ifloor-detail-inner .ifloor-detail-nav .close {
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center
}
body.ifloor-map-detail .ifloor-detail-info {
  display: block
}
.ifloor-detail-info-data {
  display: none
}
main.content.campuslife-top .low-top-header {
  background-image: url(/_assets/images/campuslife/top-mv.jpg);
  background-position: center center
}
@media screen and (max-width: 768px) {
  main.content.campuslife-top .low-top-header {
    background-image: url(/_assets/images/campuslife/top-mv-sp.jpg)
  }
}
main.content.campuslife-info .campuslife-info-wrap {
  margin-top: 120px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-info .campuslife-info-wrap {
    margin-top: 60px
  }
}
main.content.campuslife-info .campuslife-info-wrap .schedule {
  width: 100%;
  border-spacing: 0 20px;
  border-collapse: separate
}
main.content.campuslife-info .campuslife-info-wrap .schedule th {
  width: 50px;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  main.content.campuslife-info .campuslife-info-wrap .schedule th {
    width: 35px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.campuslife-info .campuslife-info-wrap .schedule td {
  padding: 20px 0 20px 40px;
  vertical-align: top
}
main.content.campuslife-info .campuslife-info-wrap .schedule td:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.campuslife-info .campuslife-info-wrap .schedule td {
    padding: 10px 0 10px 10px
  }
}
main.content.campuslife-info .campuslife-info-wrap .schedule td .event {
  float: left;
  width: 535px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-info .campuslife-info-wrap .schedule td .event {
    float: none;
    width: 100%
  }
}
main.content.campuslife-info .campuslife-info-wrap .schedule td .event ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 15px;
  list-style-type: none
}
main.content.campuslife-info .campuslife-info-wrap .schedule td .event ul li:after {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  color: #064943
}
main.content.campuslife-info .campuslife-info-wrap .schedule td .pics {
  float: right;
  width: 545px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-info .campuslife-info-wrap .schedule td .pics {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.campuslife-info .campuslife-info-wrap .schedule td .pics ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
main.content.campuslife-info .campuslife-info-wrap .schedule td .pics ul li {
  width: 260px;
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-info .campuslife-info-wrap .schedule td .pics ul li {
    width: 48%;
    margin-bottom: 15px;
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.campuslife-info .campuslife-info-wrap .schedule td .pics ul li img {
  display: block;
  margin-bottom: 10px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-info .campuslife-info-wrap .schedule td .pics ul li img {
    margin-bottom: 5px
  }
}
main.content.campuslife-clubs .campuslife-clubs-select {
  margin-top: 100px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-clubs .campuslife-clubs-select {
    margin-top: 50px
  }
}
main.content.campuslife-clubs .campuslife-clubs-links {
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  opacity: 1
}
main.content.campuslife-clubs .campuslife-clubs-links h2 {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-clubs .campuslife-clubs-links h2 {
    margin-bottom: 30px
  }
}
main.content.campuslife-clubs .campuslife-clubs-links .clubs-wrap {
  margin-bottom: 130px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-clubs .campuslife-clubs-links .clubs-wrap {
    margin-bottom: 60px
  }
}
main.content.campuslife-clubs .campuslife-clubs-links.off {
  min-height: 600px;
  opacity: 0
}
main.content.campuslife-clubs-detail .campuslife-clubs-detail-pic {
  padding: 85px 0 115px 0;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.campuslife-clubs-detail .campuslife-clubs-detail-pic {
    padding: 35px 0 60px 0
  }
}
main.content.campuslife-clubs-detail .campuslife-clubs-detail-pic img {
  width: 840px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-clubs-detail .campuslife-clubs-detail-pic img {
    width: 90vw
  }
}
main.content.campuslife-clubs-detail .campuslife-clubs-detail-c p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-clubs-detail .campuslife-clubs-detail-c p {
    margin-top: 20px
  }
}
main.content.campuslife-clubs-detail .campuslife-clubs-detail-c p:first-child {
  margin-top: 0
}
main.content.campuslife-clubs-detail .campuslife-clubs-detail-sns .sns-links {
  margin-top: 30px;
  text-align: center
}
main.content.campuslife-clubs-detail .campuslife-clubs-detail-sns .sns-links .rt-link-button {
  display: inline-block;
  width: 500px;
  margin-right: 18px;
  margin-left: 18px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-clubs-detail .campuslife-clubs-detail-sns .sns-links .rt-link-button {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    margin-left: 0
  }
}
main.content.campuslife-campus-map .campuslife-campus-map-wrap .map {
  text-align: center
}
main.content.campuslife-campus-map .campuslife-campus-map-wrap .map img {
  width: 801px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-campus-map .campuslife-campus-map-wrap .map img {
    width: 100%
  }
}
main.content.campuslife-campus-map .campuslife-campus-map-wrap .facility-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 100px;
  text-align: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
@media screen and (max-width: 768px) {
  main.content.campuslife-campus-map .campuslife-campus-map-wrap .facility-list {
    margin-top: 50px
  }
}
main.content.campuslife-campus-map .campuslife-campus-map-wrap .facility-list a {
  text-decoration: underline;
  color: #2a6460
}
main.content.campuslife-campus-map .campuslife-campus-map-wrap .facility-list .facility {
  position: relative;
  width: 25%;
  margin-bottom: 50px;
  padding-right: 10px;
  padding-left: 47px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-campus-map .campuslife-campus-map-wrap .facility-list .facility {
    width: 50%;
    margin-bottom: 20px;
    padding-left: 35px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.campuslife-campus-map .campuslife-campus-map-wrap .facility-list .facility span {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 32px;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 32px;
  text-align: center;
  color: #fff;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  main.content.campuslife-campus-map .campuslife-campus-map-wrap .facility-list .facility span {
    width: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px
  }
}

.campuslife-support .rt-box{padding-bottom: 0;}

main.content.campuslife-support .campuslife-support-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 910px;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support .campuslife-support-links ul {
    width: 100%
  }
}
main.content.campuslife-support .campuslife-support-links ul li {
  width: 425px;
  margin-bottom: 30px;
  display: flex;
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support .campuslife-support-links ul li {
    width: 48%;
    margin-bottom: 20px
  }
}
main.content.campuslife-support .campuslife-support-links ul li a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #333;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.campuslife-support .campuslife-support-links ul li a .tit {
  padding: 28px 0;
  line-height: 1;
  text-align: center
}
main.content.campuslife-support .campuslife-support-links .fig img {
  width: 100%
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support .campuslife-support-links ul li a .tit {
    padding: 15px 0;
    line-height: 1.5;
    margin-top: auto;
  }
}
main.content.campuslife-support .campuslife-support-links ul li a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support .campuslife-support-links ul li a{
    display: flex;
    flex-direction: column;
  }

  main.content.campuslife-support .campuslife-support-links ul li a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.campuslife-support-center .campuslife-support-center-c .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-center .campuslife-support-center-c .rt-link-button {
    margin-top: 30px
  }
}
main.content.campuslife-support-center .campuslife-support-center-c .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-center .campuslife-support-center-c .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c .rt-link-button {
    margin-top: 30px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c h5 {
  font-weight: bold
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c h5 + ul {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c h5 + ul {
    margin-top: 15px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c ul {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c ul {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c ul li {
  padding-left: 1em;
  text-indent: -1em
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c ul li:before {
  content: "・";
  font-weight: bold;
  color: #589991
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c ul + h5 {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c ul + h5 {
    margin-top: 10px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c p + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c p + p {
    margin-top: 20px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c p + ul {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c p + ul {
    margin-top: 20px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c ul + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c ul + p {
    margin-top: 20px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c p + h4 {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c p + h4 {
    margin-top: 30px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c ul + h4 {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c ul + h4 {
    margin-top: 30px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c p + .campuslife-support-counselling-news-list {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c p + .campuslife-support-counselling-news-list {
    margin-top: 30px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter {
  border-top: solid 2px #064943
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter:last-child {
  border-bottom: solid 2px #064943
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter h4 {
  padding: 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter h4 {
    padding: 20px 0;
    font-size: 16px;
    font-size: 1.6rem;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter h4.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter h4.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter h4.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter h4:hover {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter h4:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter .desc-wrap {
  display: none;
  padding-bottom: 50px
}
main.content.campuslife-support-counselling .campuslife-support-counselling-c .support-matter .desc-wrap p {
  line-height: 2
}
main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .rt-catlink {
  margin-bottom: 75px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .rt-catlink {
    width: 90vw;
    margin-bottom: 55px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .news-pager {
  margin-top: 75px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .news-pager {
    margin-top: 35px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .news-pager ul li {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .news-pager ul li {
    margin-right: 2px;
    margin-left: 2px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .news-pager ul li a {
  display: block;
  width: 60px;
  line-height: 60px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .news-pager ul li a {
    width: 30px;
    line-height: 30px
  }
}
main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .news-pager ul li a:hover {
  color: #fff;
  background-color: #2a6460
}
main.content.campuslife-support-counselling .campuslife-support-counselling-news-list-wrap .news-pager ul li.current a {
  color: #fff;
  background-color: #2a6460
}
main.content .campuslife-support-counselling-news-list .news {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content .campuslife-support-counselling-news-list .news {
    padding-top: 10px;
    padding-bottom: 10px
  }
}
main.content .campuslife-support-counselling-news-list .news:last-child {
  border-bottom: solid 1px #a7b7b4
}
main.content .campuslife-support-counselling-news-list .news .cat {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 24px;
  vertical-align: middle;
  border: solid 1px #ddd;
  border-radius: 3px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content .campuslife-support-counselling-news-list .news .cat {
    margin-right: 7px;
    padding-right: 6px;
    padding-left: 6px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 20px
  }
}
main.content .campuslife-support-counselling-news-list .news .date {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content .campuslife-support-counselling-news-list .news .date {
    font-size: 11px;
    font-size: 1.1rem
  }
}
main.content .campuslife-support-counselling-news-list .news .title {
  margin-top: 15px;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content .campuslife-support-counselling-news-list .news .title {
    margin-top: 8px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content .campuslife-support-counselling-news-list .news .title a {
  color: #333
}
main.content .campuslife-support-counselling-news-list .news .title a:hover {
  text-decoration: underline
}
main.content.campuslife-part-time .campuslife-part-time-restriction p + h4 {
  margin-top: 40px
}
main.content.campuslife-part-time .campuslife-part-time-restriction h4 {
  margin-bottom: 5px
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .desc {
  padding: 0 0 80px 0
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .desc {
    padding: 0 0 40px 0
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer {
  border-top: solid 2px #2a6460
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer.hb {
  border-bottom: solid 2px #2a6460
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer + h2 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer + h2 {
    margin-top: 30px
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3 {
  padding: 40px 50px 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3 {
    padding: 20px 25px 20px 0;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3 span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3 span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3:hover {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3:hover span {
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer h3:hover span {
    color: #666
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap {
  display: none;
  padding-bottom: 50px
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap {
    padding-bottom: 25px
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap p {
  float: left;
  width: 660px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap p {
    float: none;
    width: 100%
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap p + p {
  margin-top: 1em
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap p.np {
  float: none;
  width: 100%
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap .desc-pic {
  float: right;
  width: 480px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .desc-wrap .desc-pic {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.campuslife-volunteer .campuslife-volunteer-wrap .volunteer .rt-link-button {
  clear: both;
}
main.content.campuslife-organization .campuslife-organization-about .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-about .rt-link-button {
    margin-top: 30px
  }
}
main.content.campuslife-organization .campuslife-organization-point p + h3 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-point p + h3 {
    margin-top: 30px
  }
}
main.content.campuslife-organization .campuslife-organization-point p + h4 {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-point p + h4 {
    margin-top: 20px
  }
}
main.content.campuslife-organization .campuslife-organization-point h4 {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-point h4 {
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.campuslife-organization .campuslife-organization-center p + h3 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-center p + h3 {
    margin-top: 30px
  }
}
main.content.campuslife-organization .campuslife-organization-center .part-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-center .part-wrap {
    display: block;
    margin-bottom: 25px
  }
}
main.content.campuslife-organization .campuslife-organization-center .part-wrap ul {
  padding-left: 1em
}
main.content.campuslife-organization .campuslife-organization-center .part-wrap ul li {
  text-indent: -1em
}
main.content.campuslife-organization .campuslife-organization-center .part-wrap ul li:before {
  content: "・";
  color: #589991
}
main.content.campuslife-organization .campuslife-organization-center .part-wrap ul:first-child {
  margin-right: 40px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-center .part-wrap ul:first-child {
    margin-right: 0
  }
}
main.content.campuslife-organization .campuslife-organization-center .teachers-wrap {
  /*h3 {
            padding: 40px 50px 40px 0;
            font-size: 2rem;
            cursor: pointer;
            transition: all .3s linear;
            background-image: url(/_assets/images/ico-open.svg);
            background-repeat: no-repeat;
            background-position: center right;
            background-size: 40px auto;
            @media screen and (max-width: 768px) {
              padding: 20px 25px 20px 0;
              font-size: 1.4rem;
              transition: none;
              background-size: 20px auto;
            }
            span {
              display: block;
              font-size: 1.6rem;
              @media screen and (max-width: 768px) {
                font-size: 1.2rem;
              }
            }
            &.open {
              background-image: url(/_assets/images/ico-close.svg);
              &:hover {
                background-image: url(/_assets/images/ico-close-r.svg);
                @media screen and (max-width: 768px) {
                  background-image: url(/_assets/images/ico-close.svg);
                }
              }
            }
            &:hover {
              color: #2a6460;
              background-image: url(/_assets/images/ico-open-r.svg);
              @media screen and (max-width: 768px) {
                color: #000;
                background-image: url(/_assets/images/ico-open.svg);
              }
            }
          }*/
}
main.content.campuslife-organization .campuslife-organization-center .teachers-wrap .teachers-wrap-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-center .teachers-wrap .teachers-wrap-inner {
    display: block;
    padding-bottom: 25px
  }
}
main.content.campuslife-organization .campuslife-organization-center .teachers-wrap .teachers-wrap-inner .teachers h4 {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-center .teachers-wrap .teachers-wrap-inner .teachers h4 {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.campuslife-organization .campuslife-organization-center .teachers-wrap .teachers-wrap-inner .teachers:first-child {
  margin-right: 180px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-center .teachers-wrap .teachers-wrap-inner .teachers:first-child {
    margin-right: 0;
    margin-bottom: 20px
  }
}
main.content.campuslife-organization .campuslife-organization-center .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-organization .campuslife-organization-center .rt-link-button {
    margin-top: 30px
  }
}
main.content.campuslife-certification .campuslife-certification-wrap p + h3 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-certification .campuslife-certification-wrap p + h3 {
    margin-top: 30px
  }
}
main.content.campuslife-certification .campuslife-certification-wrap p + .table-wrap {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-certification .campuslife-certification-wrap p + .table-wrap {
    margin-top: 30px
  }
}
main.content.campuslife-certification .campuslife-certification-wrap p.note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.campuslife-certification .campuslife-certification-wrap p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.campuslife-certification .campuslife-certification-wrap p + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-certification .campuslife-certification-wrap p + p {
    margin-top: 20px
  }
}
main.content.campuslife-certification .campuslife-certification-wrap .table-wrap + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-certification .campuslife-certification-wrap .table-wrap + p {
    margin-top: 20px
  }
}
main.content.campuslife-certification .campuslife-certification-wrap .table-wrap + h3 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-certification .campuslife-certification-wrap .table-wrap + h3 {
    margin-top: 30px
  }
}
main.content.campuslife-certification .campuslife-certification-wrap a {
  text-decoration: underline;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.campuslife-certification .campuslife-certification-wrap table {
    width: 100%
  }
}
main.content.campuslife-leader-seminar .contenr-header .fig {
  width: 904px;
  margin-top: 55px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .contenr-header .fig {
    width: 100%;
    margin-top: 30px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .rt-catlink {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .rt-catlink {
    margin-bottom: 40px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-content.s2 {
  display: none
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-content.s3 {
  display: none
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-content.s3 p + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-content.s3 p + h3 {
    margin-top: 30px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 60px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap {
    display: block;
    margin-top: 30px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap .seminar-info {
  position: relative;
  width: 570px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap .seminar-info {
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    border-top: solid 1px #a7b7b4
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap .seminar-info.hb {
  margin-top: 50px;
  border-top: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap .seminar-info.hb {
    margin-top: 30px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap .seminar-info h3 {
  display: table-cell;
  height: 100px;
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: bottom
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap .seminar-info h3 {
    display: block;
    height: auto;
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap .seminar-info .fig {
  margin-top: 20px;
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .seminar-info-wrap .seminar-info .fig {
    margin-top: 15px;
    margin-bottom: 20px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc:after {
  content: '';
  display: block;
  clear: both
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc .pic {
    float: none;
    width: 100%
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc .desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc .desc {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 {
  margin-top: 60px
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 {
    margin-top: 30px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .desc {
  float: left;
  width: 730px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .desc {
    float: none;
    width: 100%
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile {
  float: right;
  width: 410px
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile {
    float: none;
    width: 55vw;
    margin-top: 20px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile img {
  float: left;
  width: 240px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile img {
    width: 32vw
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile .prof {
  float: right;
  width: 155px;
  text-align: right
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile .prof {
    width: 20.6vw
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile .prof p {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  text-align: left
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile .prof p {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile .prof p span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-pic-desc2 .profile .prof p span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-fig-wrap {
  width: 900px;
  margin-top: 60px;
  margin-right: auto;
  margin-left: auto
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-fig-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-fig-wrap {
    width: 100%;
    margin-top: 30px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-fig-wrap .servant-fig {
  float: left;
  width: 442px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-fig-wrap .servant-fig {
    float: none;
    width: 100%
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-fig-wrap .servant-fig:last-child {
  float: right
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .servant-fig-wrap .servant-fig:last-child {
    float: none;
    margin-top: 20px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai {
    display: block
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai .ai-topic {
  width: 570px;
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai .ai-topic {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 20px;
    border-top: solid 1px #a7b7b4
  }
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai .ai-topic:first-child {
    padding-top: 0;
    border-top: none
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai .ai-topic.hb {
  padding-top: 35px;
  border-top: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai .ai-topic.hb {
    padding-top: 20px
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai .ai-topic h4 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai .ai-topic h4 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.campuslife-leader-seminar .campuslife-leader-seminar-wrap .leader-seminar-ai .ai-topic p + img {
  margin-top: 20px
}
main.content.campuslife-town-guide .campuslife-town-guide-wrap .rt-catlink {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-town-guide .campuslife-town-guide-wrap .rt-catlink {
    margin-bottom: 40px
  }
}
main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-content.s2 {
  display: none
}
main.content.campuslife-town-guide .campuslife-town-guide-wrap .map {
  width: 640px;
  margin-right: auto;
  margin-bottom: 70px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.campuslife-town-guide .campuslife-town-guide-wrap .map {
    width: 100%;
    margin-bottom: 30px
  }
}
main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-info-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 60px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-info-wrap {
    display: block;
    margin-top: 30px
  }
}
main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-info-wrap .town-guide-info {
  position: relative;
  width: 570px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-info-wrap .town-guide-info {
    width: 100%;
    margin-top: 30px;
    padding-top: 30px;
    border-top: solid 1px #a7b7b4
  }
}
main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-info-wrap .town-guide-info.hb {
  margin-top: 50px;
  padding-top: 50px;
  border-top: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-info-wrap .town-guide-info.hb {
    margin-top: 30px;
    padding-top: 30px
  }
}
main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-info-wrap .town-guide-info .fig {
  margin-top: 20px;
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.campuslife-town-guide .campuslife-town-guide-wrap .town-guide-info-wrap .town-guide-info .fig {
    margin-top: 15px;
    margin-bottom: 20px
  }
}
.map-detail-info {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.map-detail-info .map-detail-inner {
  position: relative;
  width: 640px;
  color: #fff
}
@media screen and (max-width: 768px) {
  .map-detail-info .map-detail-inner {
    width: 90vw
  }
}
.map-detail-info .map-detail-inner .close-but {
  position: absolute;
  top: -40px;
  right: 0;
  width: 24px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  .map-detail-info .map-detail-inner .close-but {
    top: -30px;
    width: 18px
  }
}
.map-detail-info .map-detail-inner .tit {
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .map-detail-info .map-detail-inner .tit {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.map-detail-info .map-detail-inner .desc {
  padding-top: 30px;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  .map-detail-info .map-detail-inner .desc {
    padding-top: 15px;
    padding-bottom: 25px
  }
}
.map-detail-info .map-detail-inner .map-detail-nav {
  position: relative;
  width: 100%
}
.map-detail-info .map-detail-inner .map-detail-nav .prev {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100px
}
@media screen and (max-width: 768px) {
  .map-detail-info .map-detail-inner .map-detail-nav .prev {
    width: 80px
  }
}
.map-detail-info .map-detail-inner .map-detail-nav .prev a {
  display: inline-block;
  padding-left: 60px;
  background-image: url(/_assets/images/campuslife/map-prev.svg);
  background-repeat: no-repeat;
  background-position: left 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .map-detail-info .map-detail-inner .map-detail-nav .prev a {
    padding-left: 30px;
    background-size: 17px auto
  }
}
.map-detail-info .map-detail-inner .map-detail-nav .next {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100px;
  text-align: right
}
@media screen and (max-width: 768px) {
  .map-detail-info .map-detail-inner .map-detail-nav .next {
    width: 80px
  }
}
.map-detail-info .map-detail-inner .map-detail-nav .next a {
  display: inline-block;
  padding-right: 60px;
  background-image: url(/_assets/images/campuslife/map-next.svg);
  background-repeat: no-repeat;
  background-position: right 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .map-detail-info .map-detail-inner .map-detail-nav .next a {
    padding-right: 30px;
    background-size: 17px auto
  }
}
.map-detail-info .map-detail-inner .map-detail-nav .close {
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center
}
body.campus-map-detail .map-detail-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}
.map-detail-info-data {
  display: none
}
main.content.admissions-top .low-top-header {
  background-image: url(/_assets/images/admissions/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.admissions-top .low-top-header {
    background-image: url(/_assets/images/admissions/top-mv-sp.jpg)
  }
}
main.content.admissions-guidelines .admissions-guidelines-book {
  margin-top: 80px
}
main.content.admissions-guidelines .admissions-guidelines-book:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book {
    margin-top: 50px
  }
}
main.content.admissions-guidelines .admissions-guidelines-book .book-image {
  float: left;
  width: 315px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book .book-image {
    float: left;
    width: 47%;
    text-align: center
  }
}
main.content.admissions-guidelines .admissions-guidelines-book .book-image img {
  width: 283px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book .book-image img {
    width: 100%
  }
}
main.content.admissions-guidelines .admissions-guidelines-book .book-image2 {
  float: left;
  width: 315px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book .book-image2 {
    float: right;
    width: 47%;
    text-align: center
  }
}
main.content.admissions-guidelines .admissions-guidelines-book .book-image2 img {
  width: 283px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book .book-image2 img {
    width: 100%
  }
}
main.content.admissions-guidelines .admissions-guidelines-book .book-links {
  float: right;
  width: 560px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book .book-links {
    float: none;
    clear: both;
    width: 100%;
    padding-top: 30px
  }
}
main.content.admissions-guidelines .admissions-guidelines-book .book-links p + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book .book-links p + .rt-link-button {
    margin-top: 15px
  }
}
main.content.admissions-guidelines .admissions-guidelines-book .book-links .rt-link-button {
  text-align: left
}
main.content.admissions-guidelines .admissions-guidelines-book .book-links .rt-link-button a {
  text-align: center
}
main.content.admissions-guidelines .admissions-guidelines-book .book-links .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book .book-links .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.admissions-guidelines .admissions-guidelines-book .book-links .rt-link-button + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-book .book-links .rt-link-button + p {
    margin-top: 40px
  }
}
main.content.admissions-guidelines .admissions-guidelines-type.ntm {
  margin-top: 0
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-type.ntm {
    margin-top: 0
  }
}
main.content.admissions-guidelines .admissions-guidelines-type p {
  margin-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-type p {
    margin-bottom: 30px
  }
}
main.content.admissions-guidelines .admissions-guidelines-type p:last-child {
  margin-bottom: 0
}
main.content.admissions-guidelines .admissions-guidelines-type p a {
  text-decoration: underline;
  color: #333
}
main.content.admissions-guidelines .admissions-guidelines-type .rt-link-button + p {
  margin-top: 50px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-type .rt-link-button + p {
    margin-top: 30px
  }
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-type iframe {
    width: 90vw;
    height: 50vw
  }
}
main.content.admissions-guidelines .admissions-guidelines-calendar p {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-calendar p {
    margin-bottom: 30px
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .info-type-select {
  display: table;
  overflow: hidden;
  width: 1004px;
  height: 70px;
  margin-right: auto;
  margin-bottom: 40px;
  margin-left: auto;
  font-size: 16px;
  font-size: 1.6rem;
  border: solid 1px #a7b7b4;
  border-radius: 10px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .info-type-select {
    width: 100%;
    height: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 5px
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .info-type-select .type {
  display: table-cell;
  width: 33.33%;
  text-align: center;
  border-right: solid 1px #a7b7b4
}
main.content.admissions-guidelines .admissions-guidelines-info .info-type-select .type:last-child {
  border-right: none
}
main.content.admissions-guidelines .admissions-guidelines-info .info-type-select .type a {
  display: block;
  line-height: 70px;
  color: #2b6360;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .info-type-select .type a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 40px
  }
}
@media screen and (max-width: 400px) {
  main.content.admissions-guidelines .admissions-guidelines-info .info-type-select .type a {
    font-size: 2.4vw
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .info-type-select .type a.current {
  color: #fff;
  background-color: #2b6360
}
main.content.admissions-guidelines .admissions-guidelines-info .guidelines-select-section.s1 {
  display: block
}
main.content.admissions-guidelines .admissions-guidelines-info .guidelines-select-section.s2 {
  display: none
}
main.content.admissions-guidelines .admissions-guidelines-info .guidelines-select-section.s3 {
  display: none
}
main.content.admissions-guidelines .admissions-guidelines-info .rt-select {
  position: relative;
  left: 50%;
  margin-right: auto;
  margin-bottom: 50px;
  margin-left: auto;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}
main.content.admissions-guidelines .admissions-guidelines-info .info-wrap {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .info-wrap {
    margin-bottom: 40px
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .desc {
  line-height: 2
}
main.content.admissions-guidelines .admissions-guidelines-info .desc h4 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #2b6360;
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .desc h4 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .desc .info-section + .info-section {
  margin-top: 50px
}
main.content.admissions-guidelines .admissions-guidelines-info .desc .info-section .pdf {
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .desc .info-section + .info-section {
    margin-top: 25px
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .desc p + p {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .desc p + p {
    margin-top: 15px
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .desc p.db {
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .desc p.db {
    margin-bottom: 20px
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .desc ul {
  padding-left: 1em
}
main.content.admissions-guidelines .admissions-guidelines-info .desc ul li {
  text-indent: -1em
}
main.content.admissions-guidelines .admissions-guidelines-info .desc ul li:before {
  content: "・";
  color: #589991
}
main.content.admissions-guidelines .admissions-guidelines-info .desc .info-section ul.dl li:before {
  content: "";
}
main.content.admissions-guidelines .admissions-guidelines-info .desc ul + p {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .desc ul + p {
    margin-top: 15px
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .desc .info-section + .rt-link-button {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .desc .info-section + .rt-link-button {
    margin-top: 30px
  }
}
main.content.admissions-guidelines .admissions-guidelines-info .rt-link-button + .rt-link-button {
  margin-top: 15px
}
@media screen and (max-width: 768px) {
  main.content.admissions-guidelines .admissions-guidelines-info .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.admissions-opencampus .opencampus-header {
  overflow: hidden;
  width: 100%;
  height: 1070px;
  background-color: #95d2db
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header {
    height: auto
  }
}
main.content.admissions-opencampus .opencampus-header .inner {
  position: relative;
  width: 1200px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner {
    width: 90vw;
    padding-bottom: 10vw
  }
}
main.content.admissions-opencampus .opencampus-header .inner h1 {
  position: relative;
  z-index: 3;
  width: 588px;
  padding-top: 122px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner h1 {
    width: 94%;
    padding-top: 8.8vw;
    padding-left: 2.8vw
  }
}
main.content.admissions-opencampus .opencampus-header .inner .tshirt {
  position: absolute;
  z-index: 1;
  top: -50px;
  right: -400px;
  width: 1145px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .tshirt {
    top: 65vw;
    right: -30vw;
    width: 100vw
  }
}
main.content.admissions-opencampus .opencampus-header .inner .bg {
  position: absolute;
  z-index: 2;
  top: 33px;
  left: -295px;
  width: 1009px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .bg {
    top: 2.6vw;
    left: 2.6vw;
    width: 98.2vw
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date {
  position: relative;
  z-index: 4;
  margin-top: 170px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date {
    width: 100%;
    margin-top: 78vw
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date h2 {
  margin-bottom: 40px;
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1;
  text-align: center;
  color: #fff
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date h2 {
    margin-bottom: 20px;
    font-size: 20px;
    font-size: 2rem
  }
}

@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul {
    display: block
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li {
  width: 386px;
  height: 200px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li {
    width: 100%;
    height: auto;
    margin-bottom: 10px
  }
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li:last-child {
    margin-bottom: 0
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a {
  display: block;
  padding: 20px 40px 45px 40px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #589991;
  background-color: #fff;
  background-image: url(/_assets/images/link-aw.svg);
  background-repeat: no-repeat;
  background-position: center 88%;
  background-size: 34px auto
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a {
    padding: 10px 30px 25px 30px;
    background-position: center 90%
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a:hover {
  color: #fff;
  background-color: #589991;
  background-image: url(/_assets/images/link-aw-w.svg);
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a:hover {
    color: #589991;
    background-color: #fff;
    background-image: url(/_assets/images/link-aw.svg);
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .tit {
  margin-bottom: 5px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .tit {
    margin-bottom: 2px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .date {
  float: left;
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .date {
    width: 25%
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .date div {
  display: inline-block;
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.2
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .date div {
    font-size: 30px;
    font-size: 3rem
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .date div span {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .date div span {
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .info {
  width: 200px;
  float: right;
  font-weight: bold;
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .opencampus-header .inner .event-date ul li a .info {
    width: 70%
  }
}
main.content.admissions-opencampus .admissions-opencampus-copy {
  padding-top: 90px;
  padding-bottom: 90px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-copy {
    padding-top: 50px;
    padding-bottom: 50px
  }
}
main.content.admissions-opencampus .admissions-opencampus-copy .inner {
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-copy .inner {
    width: 90vw;
    margin-right: auto;
    margin-left: auto
  }
}
main.content.admissions-opencampus .admissions-opencampus-copy .inner .opencampus-copy {
  margin-bottom: 60px;
  font-family: "游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 36px;
  font-size: 3.6rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-copy .inner .opencampus-copy {
    margin-bottom: 35px;
    font-size: 20px;
    font-size: 2rem
  }
}
main.content.admissions-opencampus .admissions-opencampus-copy .inner .opencampus-copy-desc {
  line-height: 2
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-copy .inner .opencampus-copy-desc {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join {
    padding-bottom: 30px
  }
}
main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join .join {
  width: 600px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join .join {
    width: 100%
  }
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join .join:last-child {
    margin-top: 30px;
    padding-top: 25px;
    border-top: solid 1px #a7b7b4
  }
}
main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join .join h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join .join h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join .join .rt-link-button {
  display: none
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-join .opencampus-join .join .rt-link-button {
    display: block;
    margin-top: 25px
  }
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-join .rt-link-button.bottom {
    display: none
  }
}
main.content.admissions-opencampus .admissions-opencampus-join .entry-exit {
  padding-top: 55px;
  border-top: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-join .entry-exit {
    padding-top: 25px
  }
}
main.content.admissions-opencampus .admissions-opencampus-join .entry-exit h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-join .entry-exit h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list {
  margin-top: 58px;
  margin-bottom: 30px;
  margin-left: -60px
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list {
    margin-top: 30px;
    margin-left: 0;
    padding-bottom: 40px
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .program-list {
  display: none
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .program {
  float: left;
  width: 360px;
  margin-bottom: 45px;
  margin-left: 60px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .program {
    float: left;
    width: 100%;
    margin-bottom: 25px;
    margin-left: 0;
    background-color: #f5f5f5
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .program .pic {
  height: auto
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .program .pic {
    padding: 20px 20px 0 20px
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .program .desc {
  padding: 15px 20px;
  -webkit-transition: background-color .3s linear;
  transition: background-color .3s linear;
  background-color: rgba(255, 255, 255, 0)
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .program .desc {
    height: auto;
    padding: 10px 10px;
    -webkit-transition: none;
    transition: none
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .program .desc h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .program .desc h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .program .desc p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .program .desc p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-arrow {
  z-index: 20;
  width: 43px;
  height: 43px;
  background-color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-arrow {
    width: 30px;
    height: 30px
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-prev {
  left: 58px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-prev {
    top: auto;
    bottom: 15px;
    left: 30px;
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    border-right: solid 1px #f4f9f7
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-prev:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-prev.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-prev:before {
    width: 6px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 6px auto
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-next {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-next {
    top: auto;
    right: 0;
    bottom: 15px;
    left: auto;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-next:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 11px;
  height: 20px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  opacity: 1;
  background-image: url(/_assets/images/ico-next.svg);
  background-repeat: no-repeat;
  background-size: 11px auto
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-next:before {
    width: 6px;
    height: 10px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-size: 6px auto
  }
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-dots {
  bottom: 15px
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-dots li {
  display: inline-block;
  width: 15px;
  margin-right: 10px;
  margin-left: 10px
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-dots li button {
  width: 15px;
  height: 15px
}
main.content.admissions-opencampus .admissions-opencampus-program .program-list .slick-dots li button::before {
  font-size: 15px;
  color: #2a6460
}
main.content.admissions-opencampus .admissions-opencampus-staff .program-staff:after {
  content: '';
  display: block;
  clear: both
}
main.content.admissions-opencampus .admissions-opencampus-staff .program-staff .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-staff .program-staff .pic {
    float: none;
    width: 100%
  }
}
main.content.admissions-opencampus .admissions-opencampus-staff .program-staff .desc {
  float: right;
  width: 710px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-staff .program-staff .desc {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.admissions-opencampus .admissions-opencampus-movie {
  text-align: center
}
main.content.admissions-opencampus .admissions-opencampus-movie iframe.opencampus-movie {
  width: 840px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-movie iframe.opencampus-movie {
    width: 100%;
    height: 52vw
  }
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap {
  border-top: solid 2px #2a6460
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap.hb {
  border-bottom: solid 2px #2a6460
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3 {
  padding: 40px 50px 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3 {
    padding: 20px 25px 20px 0;
    font-size: 14px;
    font-size: 1.4rem;
    background-size: 20px auto
  }
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3 span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3 span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3:hover {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap h3:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap .desc-wrap {
  display: none;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap .desc-wrap {
    padding-bottom: 25px
  }
}
main.content.admissions-opencampus .admissions-opencampus-qa .qa-wrap .desc-wrap p + p {
  margin-top: 1em
}
main.content.admissions-tuition .admissions-anchorlink {
  padding: 80px 0
}
@media screen and (max-width: 768px) {
  main.content.admissions-tuition .admissions-anchorlink {
    padding: 40px 0
  }
}
main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 670px;
  margin-right: auto;
  margin-left: auto;
  border: solid 1px #ddd;
  border-radius: 5px
}
@media screen and (max-width: 768px) {
  main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul {
    width: 90vw
  }
}
main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul li {
  width: 33.33%;
  border-right: solid 1px #ddd
}
main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul li:last-child {
  border-right: none
}
main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 70px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #2a6460;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul li a {
    height: 40px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 330px) {
  main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul li a {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul li a:hover {
  color: #fff;
  background-color: #2a6460
}
main.content.admissions-tuition .admissions-anchorlink .rt-anchorlink ul li a span {
  text-align: center
}
main.content.admissions-tuition .admissions-tuition .tuition-desc {
  margin-bottom: 35px;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.admissions-tuition .admissions-tuition .tuition-desc {
    margin-bottom: 20px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.admissions-tuition .admissions-tuition .tuition-note {
  margin-top: 30px;
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width: 768px) {
  main.content.admissions-tuition .admissions-tuition .tuition-note {
    margin-top: 20px;
    font-size: 10px;
    font-size: 1rem
  }
}
@media screen and (max-width: 768px) {
  main.content.admissions-tuition .admissions-tuition .tuition-last {
    width: 100%
  }
}
main.content.admissions-visit .rt-box p + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .rt-box p + p {
    margin-top: 20px
  }
}
main.content.admissions-visit .rt-box p.note {
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .rt-box p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.admissions-visit .rt-box p + h3 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .rt-box p + h3 {
    margin-top: 20px
  }
}
main.content.admissions-visit .rt-box p + h4 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .rt-box p + h4 {
    margin-top: 20px
  }
}
main.content.admissions-visit .rt-box p + .rt-link-button {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .rt-box p + .rt-link-button {
    margin-top: 20px
  }
}
main.content.admissions-visit .rt-box h4 {
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .rt-box h4 {
    margin-bottom: 8px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.admissions-visit .rt-box .rt-link-button + h3 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .rt-box .rt-link-button + h3 {
    margin-top: 20px
  }
}
main.content.admissions-visit .admissions-visit-desc .container:after {
  content: '';
  display: block;
  clear: both
}
main.content.admissions-visit .admissions-visit-desc .container .pic {
  float: right;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .admissions-visit-desc .container .pic {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.admissions-visit .admissions-visit-desc .container p {
  float: left;
  width: 730px
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .admissions-visit-desc .container p {
    float: none;
    width: 100%
  }
}
main.content.admissions-visit .admissions-visit-about a {
  text-decoration: underline
}
main.content.admissions-visit .admissions-visit-live .yumenavi-banner {
  margin-top: 50px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .admissions-visit-live .yumenavi-banner {
    margin-top: 25px
  }
}
main.content.admissions-visit .admissions-visit-live .yumenavi-banner a img {
  width: 70%;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}
@media screen and (max-width: 768px) {
  main.content.admissions-visit .admissions-visit-live .yumenavi-banner a img {
    width: 100%
  }
}
main.content.admissions-visit .admissions-visit-live .yumenavi-banner a:hover img {
  opacity: 0.7
}
.admissions-guidelines-calendar-modal {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8)
}
body.guidelines-calendar-modal .admissions-guidelines-calendar-modal {
  display: block
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main {
  position: relative;
  width: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding: 50px 0 30px 0
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main {
    width: 768px
  }
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main {
    width: 90vw;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 0 30px 0
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .close-but {
  position: absolute;
  top: 20px;
  right: 0;
  width: 24px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .close-but {
    top: 10px;
    width: 18px
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .tit {
  margin-bottom: 15px;
  font-size: 30px;
  font-size: 3rem;
  text-align: center;
  color: #fff
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .tit {
    margin-bottom: 20px;
    font-size: 24px;
    font-size: 2.4rem
  }
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .tit {
    margin-bottom: 15px;
    font-size: 18px;
    font-size: 1.8rem
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex-wrap {
  margin-bottom: 20px;
  font-size: 0;
  text-align: center
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex-wrap {
    margin-bottom: 20px
  }
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex-wrap {
    margin-bottom: 15px
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex {
  display: inline-block;
  width: 100px;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 30px;
  color: #fff;
  border-radius: 15px
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex {
    width: 80px;
    font-size: 10px;
    font-size: 1rem
  }
}
@media screen and (max-width: 400px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex {
    width: 60px;
    font-size: 8px;
    font-size: 0.8rem;
    line-height: 25px;
    border-radius: 12px
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex.c1 {
  background-color: #ff9100
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex.c2 {
  background-color: #0083d3
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex.c3 {
  background-color: #ff0019
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex.c4 {
  background-color: #00c446
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex + .cat-ex {
  margin-left: 10px
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .cat-ex + .cat-ex {
    margin-left: 5px
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap {
  overflow-y: auto;
  width: 100%
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table {
  width: 100%
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table.tgt1 {
  display: table
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table.tgt2 {
  display: none
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table.tgt3 {
  display: none
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table th {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 50px;
  white-space: nowrap;
  color: #fff;
  border-right: solid 1px #ddd;
  background-color: #2a6460
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table th {
    font-size: 10px;
    font-size: 1rem
  }
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table th {
    line-height: 30px
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table th:last-child {
  border-right: none
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table td {
  padding: 5px 5px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  color: #333;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  background-color: #fff
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table td {
    padding: 5px 5px;
    font-size: 10px;
    font-size: 1rem
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table td:last-child {
  border-right: none
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table td .cat-ex {
  display: block;
  margin-right: auto;
  margin-left: auto;
  font-size: 11px;
  font-size: 1.1rem;
  text-align: center
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table td .cat-ex {
    width: 100px;
    font-size: 10px;
    font-size: 1rem
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table td .cat-ex + .cat-ex {
  margin-top: 5px;
  margin-left: auto
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .table-wrap table td .cat-ex + .cat-ex {
    margin-top: 5px
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .scroll-note {
  display: none;
  margin-top: 10px;
  text-align: left;
  color: #fff
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .scroll-note {
    display: block;
    font-size: 10px;
    font-size: 1rem
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select {
  display: table;
  overflow: hidden;
  width: 100%;
  height: 60px;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  font-size: 14px;
  font-size: 1.4rem;
  border: solid 1px #a7b7b4;
  border-radius: 10px
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select {
    height: 40px;
    margin-top: 20px
  }
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select {
    width: 100%;
    height: 30px;
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 5px
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select .calendar {
  display: table-cell;
  width: 33.3%;
  text-align: center;
  border-right: solid 1px #a7b7b4
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select .calendar:last-child {
  border-right: none
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select .calendar a {
  display: block;
  line-height: 60px;
  color: #2b6360;
  background-color: #fff
}
@media screen and (max-width: 1040px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select .calendar a {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 40px
  }
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select .calendar a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 30px
  }
}
@media screen and (max-width: 400px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select .calendar a {
    font-size: 2.4vw
  }
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .calendar-select .calendar a.current {
  color: #fff;
  background-color: #2b6360
}
.admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .close {
  margin-top: 30px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .admissions-guidelines-calendar-modal .admissions-guidelines-calendar-main .close {
    margin-top: 15px
  }
}
.faculty-tit {
  position: relative;
  margin-bottom: 38px;
  padding-bottom: 23px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: center
}
@media screen and (max-width: 768px) {
  .faculty-tit {
    margin-bottom: 30px;
    padding-bottom: 15px;
    font-size: 20px;
    font-size: 2rem
  }
}
.faculty-tit.hb {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  .faculty-tit.hb {
    margin-bottom: 30px
  }
}
.faculty-tit:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 40px;
  height: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #3da260
}
@media screen and (max-width: 768px) {
  .faculty-tit:after {
    width: 20px;
    height: 2px
  }
}
main.economics .faculty-tit:after {
  background-color: #2585d1
}
main.foreign .faculty-tit:after {
  background-color: #d05b81
}
.faculty-tit2 {
  position: relative;
  margin-bottom: 55px;
  padding-bottom: 38px;
  font-size: 30px;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 2px #3da260
}
@media screen and (max-width: 768px) {
  .faculty-tit2 {
    margin-bottom: 30px;
    padding-bottom: 28px;
    font-size: 18px;
    font-size: 1.8rem;
    border-bottom: solid 1px #3da260
  }
}
.faculty-tit2.al {
  text-align: left
}
.faculty-tit2.stp {
  padding-bottom: 20px
}
@media screen and (max-width: 768px) {
  .faculty-tit2.stp {
    padding-bottom: 10px
  }
}
.faculty-tit2.sbm {
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  .faculty-tit2.sbm {
    margin-bottom: 15px
  }
}
main.economics .faculty-tit2 {
  border-bottom: solid 2px #2585d1
}
@media screen and (max-width: 768px) {
  main.economics .faculty-tit2 {
    border-bottom: solid 1px #2585d1
  }
}
main.foreign .faculty-tit2 {
  border-bottom: solid 2px #d05b81
}
@media screen and (max-width: 768px) {
  main.foreign .faculty-tit2 {
    border-bottom: solid 1px #d05b81
  }
}
.faculty-top-syllabus p + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .faculty-top-syllabus p + .rt-link-button {
    margin-top: 30px
  }
}
.faculty-dept-header {
  position: relative;
  height: 540px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}
@media screen and (max-width: 768px) {
  .faculty-dept-header {
    height: 110vw
  }
}
.faculty-dept-header h1 {
  position: absolute;
  top: 80px;
  left: 0;
  width: 500px;
  height: 200px;
  color: #fff;
  background-color: #3da260
}
@media screen and (max-width: 768px) {
  .faculty-dept-header h1 {
    top: 8vw;
    width: 49.3vw;
    height: 26.6vw
  }
}
.faculty-dept-header h1 .inner {
  padding: 50px 0 0 80px;
  font-size: 60px;
  font-size: 6rem;
  line-height: 1
}
@media screen and (max-width: 768px) {
  .faculty-dept-header h1 .inner {
    padding: 6.6vw 0 0 5.3vw;
    font-size: 6.4vw
  }
}
.faculty-dept-header h1 .inner span {
  display: block;
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .faculty-dept-header h1 .inner span {
    margin-bottom: 10px;
    font-size: 3.2vw
  }
}
.faculty-dept-top.economics .faculty-dept-header h1 {
  background-color: #2585d1
}
.faculty-dept-top.foreign .faculty-dept-header h1 {
  background-color: #d05b81
}
.faculty-content-box {
  padding-top: 110px;
  padding-bottom: 110px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .faculty-content-box {
    padding-top: 60px;
    padding-bottom: 50px
  }
}
.faculty-content-box .faculty-tit2 {
  font-weight: bold
}
.faculty-content-box .flow-subt {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: left
}
@media screen and (max-width: 768px) {
  .faculty-content-box .flow-subt {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-content-box p + .flow-subt {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .faculty-content-box p + .flow-subt {
    margin-top: 15px
  }
}
main.global .faculty-content-box .rt-link-button a {
  border: solid 1px #3da260;
  background-color: #3da260
}
main.global .faculty-content-box .rt-link-button a:hover {
  color: #3da260;
  background-color: #fff
}
main.economics .faculty-content-box .rt-link-button a {
  border: solid 1px #2585d1;
  background-color: #2585d1
}
main.economics .faculty-content-box .rt-link-button a:hover {
  color: #2585d1;
  background-color: #fff
}
main.foreign .faculty-content-box .rt-link-button a {
  border: solid 1px #d05b81;
  background-color: #d05b81
}
main.foreign .faculty-content-box .rt-link-button a:hover {
  color: #d05b81;
  background-color: #fff
}
main.global .faculty-content-box .rt-link-button.blank a:hover span {
  background-image: url(/_assets/images/ico-blank-c1.svg)
}
main.economics .faculty-content-box .rt-link-button.blank a:hover span {
  background-image: url(/_assets/images/ico-blank-c2.svg)
}
main.foreign .faculty-content-box .rt-link-button.blank a:hover span {
  background-image: url(/_assets/images/ico-blank-c3.svg)
}
.faculty-content-box .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
.faculty-content-box p.al {
  text-align: left
}
.faculty-content-box p.syllabus-desc + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .faculty-content-box p.syllabus-desc + .rt-link-button {
    margin-top: 30px
  }
}
.faculty-content-box .copy {
  margin-bottom: 45px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .copy {
    margin-bottom: 30px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.faculty-content-box .text-wrapper {
  position: relative;
  overflow: hidden;
  height: 160px
}
.faculty-content-box .text-wrapper:after {
  content: "";
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 90px
}
main.global .faculty-content-box .text-wrapper:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 245, 244, 0)), color-stop(80%, #f2f5f4));
  background: linear-gradient(180deg, rgba(242, 245, 244, 0) 0%, #f2f5f4 80%)
}
main.foreign .faculty-content-box .text-wrapper:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(249, 239, 243, 0)), color-stop(80%, #f9eff3));
  background: linear-gradient(180deg, rgba(249, 239, 243, 0) 0%, #f9eff3 80%)
}
main.economics .faculty-content-box .text-wrapper:after {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(241, 245, 248, 0)), color-stop(80%, #f1f5f8));
  background: linear-gradient(180deg, rgba(241, 245, 248, 0) 0%, #f1f5f8 80%)
}
.faculty-content-box .text-wrapper.open {
  padding-bottom: 55px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .text-wrapper.open {
    padding-bottom: 20px
  }
}
.faculty-content-box .text-wrapper.open:after {
  display: none
}
.faculty-content-box .desc {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .desc {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.faculty-content-box .desc.tl {
  text-align: left
}
.faculty-content-box .faculty-message-data {
  display: none
}
.faculty-content-box .ico-plus {
  padding-bottom: 60px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .ico-plus {
    padding-bottom: 30px
  }
}
.faculty-content-box .ico-plus a {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-size: 48px auto
}
@media screen and (max-width: 768px) {
  .faculty-content-box .ico-plus a {
    width: 30px;
    height: 30px;
    background-size: 30px auto
  }
}
main.global .faculty-content-box .ico-plus a {
  background-image: url(/_assets/images/ico-plus-c.svg)
}
main.foreign .faculty-content-box .ico-plus a {
  background-image: url(/_assets/images/ico-plus-c2.svg)
}
main.economics .faculty-content-box .ico-plus a {
  background-image: url(/_assets/images/ico-plus-c3.svg)
}
.faculty-content-box .ico-plus a img {
  display: none
}
main.global .faculty-content-box .ico-plus a.open {
  background-image: url(/_assets/images/ico-minus-c.svg)
}
main.foreign .faculty-content-box .ico-plus a.open {
  background-image: url(/_assets/images/ico-minus-c2.svg)
}
main.economics .faculty-content-box .ico-plus a.open {
  background-image: url(/_assets/images/ico-minus-c3.svg)
}
main.global .faculty-content-box .ico-plus a:hover {
  background-image: url(/_assets/images/ico-plus-c-r.svg)
}
main.foreign .faculty-content-box .ico-plus a:hover {
  background-image: url(/_assets/images/ico-plus-c2-r.svg)
}
main.economics .faculty-content-box .ico-plus a:hover {
  background-image: url(/_assets/images/ico-plus-c3-r.svg)
}
main.global .faculty-content-box .ico-plus a:hover.open {
  background-image: url(/_assets/images/ico-minus-c-r.svg)
}
main.foreign .faculty-content-box .ico-plus a:hover.open {
  background-image: url(/_assets/images/ico-minus-c2-r.svg)
}
main.economics .faculty-content-box .ico-plus a:hover.open {
  background-image: url(/_assets/images/ico-minus-c3-r.svg)
}
.faculty-content-box .top-profile {
  margin-top: 60px;
  font-size: 0;
  text-align: left
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile {
    margin-top: 25px
  }
}
.faculty-content-box .top-profile .prof-pic {
  display: inline-block;
  width: 160px;
  margin-right: 40px;
  vertical-align: top
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile .prof-pic {
    width: 35.8%;
    margin-right: 6.4%
  }
}
.faculty-content-box .top-profile .prof-desc {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  vertical-align: top
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile .prof-desc {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.faculty-content-box .top-profile .prof-desc span {
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile .prof-desc span {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-content-box .top-profile-type2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 60px;
  text-align: left
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile-type2 {
    display: block;
    margin-top: 25px
  }
}
.faculty-content-box .top-profile-type2 .prof-wrap {
  width: 320px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile-type2 .prof-wrap {
    width: 60%;
    margin-right: auto;
    margin-left: auto
  }
}
.faculty-content-box .top-profile-type2 .prof-wrap:first-child {
  margin-right: 40px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile-type2 .prof-wrap:first-child {
    margin-right: auto;
    margin-bottom: 20px
  }
}
.faculty-content-box .top-profile-type2 .prof-wrap:last-child {
  margin-left: 40px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile-type2 .prof-wrap:last-child {
    margin-top: 20px;
    margin-left: auto
  }
}
.faculty-content-box .top-profile-type2 .prof-wrap .prof-pic {
  display: inline-block;
  margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile-type2 .prof-wrap .prof-pic {
    margin-bottom: 10px
  }
}
.faculty-content-box .top-profile-type2 .prof-wrap .prof-desc {
  font-size: 14px;
  font-size: 1.4rem;
  vertical-align: top
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile-type2 .prof-wrap .prof-desc {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.faculty-content-box .top-profile-type2 .prof-wrap .prof-desc span {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .top-profile-type2 .prof-wrap .prof-desc span {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-content-box .fig {
  padding-bottom: 60px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .fig {
    padding-bottom: 30px
  }
}
.faculty-content-box .fig img {
  width: 840px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .fig img {
    width: 100%
  }
}
.faculty-content-box .fig.we img {
  width: 1002px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .faculty-content-box .fig.we img {
    width: 100%
  }
}
.faculty-content-box .point-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 670px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 60px;
  background-image: url(/_assets/images/ico-bt.svg);
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: 30px auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .faculty-content-box .point-wrap {
    width: 100%;
    padding-bottom: 30px;
    background-size: 15px auto
  }
}
.faculty-content-box .point-wrap .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 300px;
  height: 300px;
  color: #fff;
  border-radius: 150px;
  background-color: #3da260;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .faculty-content-box .point-wrap .point {
    width: 40vw;
    height: 40vw;
    border-radius: 20vw
  }
}
.faculty-content-box .point-wrap .point p {
  font-size: 30px;
  font-size: 3rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  .faculty-content-box .point-wrap .point p {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.faculty-content-box .point-wrap .point p span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .point-wrap .point p span {
    font-size: 1.4 rem;
    font-size: 1.4 rem
  }
}
.faculty-content-box .course-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap {
    display: block
  }
}
.faculty-content-box .course-wrap.hb {
  margin-bottom: 140px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap.hb {
    margin-bottom: 50px
  }
}
.faculty-content-box .course-wrap.hb-hf {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap.hb-hf {
    margin-bottom: 30px
  }
}
.faculty-content-box .course-wrap.htbd {
  padding-top: 60px;
  border-top: solid 2px #2585d1
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap.htbd {
    padding-top: 0;
    border-top: none
  }
  main.foreign .faculty-content-box .course-wrap.htbd {
    border-top: none
  }
}
main.foreign .faculty-content-box .course-wrap.htbd {
  border-top: solid 2px #d05b81
}
@media screen and (max-width: 768px) {
  main.foreign .faculty-content-box .course-wrap.htbd {
    border-top: none
  }
}
.faculty-content-box .course-wrap .course {
  position: relative;
  width: 565px;
  padding-bottom: 120px;
  text-align: left;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap .course {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 0
  }
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap .course.htb {
    padding-top: 30px;
    border-top: solid 1px #3da260
  }
  main.economics .faculty-content-box .course-wrap .course.htb {
    border-top: solid 1px #2585d1
  }
  main.foreign .faculty-content-box .course-wrap .course.htb {
    border-top: solid 1px #d05b81
  }
}
.faculty-content-box .course-wrap .course h4 {
  position: relative;
  height: 65px;
  padding-left: 80px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap .course h4 {
    height: auto;
    margin-bottom: 30px;
    padding-left: 50px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-content-box .course-wrap .course h4.l2 {
  height: 100px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap .course h4.l2 {
    height: auto
  }
}
.faculty-content-box .course-wrap .course h4 span {
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 35px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  background-color: #3da260
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap .course h4 span {
    width: 40px;
    font-size: 10px;
    font-size: 1rem;
    line-height: 23px
  }
}
main.economics .faculty-content-box .course-wrap .course h4 span {
  background-color: #2585d1
}
main.foreign .faculty-content-box .course-wrap .course h4 span {
  background-color: #d05b81
}
.faculty-content-box .course-wrap .course h5 {
  font-weight: bold
}
.faculty-content-box .course-wrap .course dl {
  margin-bottom: 1em;
  list-style: none
}
.faculty-content-box .course-wrap .course dl li {
  padding-left: 1em;
  text-indent: -1em
}
.faculty-content-box .course-wrap .course dl li::before {
  content: "・";
  color: #3da260
}
main.economics .faculty-content-box .course-wrap .course dl li::before {
  color: #2585d1
}
main.foreign .faculty-content-box .course-wrap .course dl li::before {
  color: #d05b81
}
.faculty-content-box .course-wrap .course .rt-link-button {
  position: absolute;
  bottom: 0;
  left: 32px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .course-wrap .course .rt-link-button {
    position: static;
    margin-top: 25px
  }
}
.faculty-content-box .teacher-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 1045px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto;
  font-size: 0;
  text-align: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
.faculty-content-box .teacher-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .faculty-content-box .teacher-wrap {
    width: 100%
  }
}
.faculty-content-box .teacher-wrap .teacher {
  display: inline-block;
  width: 320px;
  background-color: #fff
}
.faculty-content-box .teacher-wrap .teacher:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  .faculty-content-box .teacher-wrap .teacher {
    display: block;
    width: 100%;
    margin-bottom: 20px
  }
}
.faculty-content-box .teacher-wrap .teacher a {
  padding: 0 0 0 0;
  color: #333
}
.faculty-content-box .teacher-wrap .teacher a .fig {
  position: relative;
  overflow: hidden;
  padding-bottom: 0
}
@media screen and (max-width: 768px) {
  .faculty-content-box .teacher-wrap .teacher a .fig {
    float: left;
    width: 47.7%
  }
}
.faculty-content-box .teacher-wrap .teacher a .fig img {
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
.faculty-content-box .teacher-wrap .teacher a .desc {
  margin-bottom: 0;
  padding: 30px 20px 40px 20px;
  color: #333
}
@media screen and (max-width: 768px) {
  .faculty-content-box .teacher-wrap .teacher a .desc {
    float: right;
    width: 52%;
    padding: 4vw 0 0 0
  }
}
.faculty-content-box .teacher-wrap .teacher a .desc .name {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .teacher-wrap .teacher a .desc .name {
    margin-bottom: 2vw;
    padding-right: 2vw;
    padding-left: 2vw;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left
  }
}
.faculty-content-box .teacher-wrap .teacher a .desc .prof {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .teacher-wrap .teacher a .desc .prof {
    padding-right: 2vw;
    padding-left: 2vw;
    font-size: 10px;
    font-size: 1rem;
    text-align: left
  }
}
.faculty-content-box .teacher-wrap .teacher a:hover .fig img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}
@media screen and (max-width: 768px) {
  .faculty-content-box .teacher-wrap .teacher a:hover .fig img {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.faculty-content-box .qualification {
  margin-bottom: 60px;
  padding-bottom: 80px;
  border-bottom: solid 2px #3da260
}
@media screen and (max-width: 768px) {
  .faculty-content-box .qualification {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 1px #3da260
  }
  main.economics .faculty-content-box .qualification {
    border-bottom: solid 1px #2585d1
  }
  main.foreign .faculty-content-box .qualification {
    border-bottom: solid 1px #d05b81
  }
}
main.economics .faculty-content-box .qualification {
  border-bottom: solid 2px #2585d1
}
main.foreign .faculty-content-box .qualification {
  border-bottom: solid 2px #d05b81
}
.faculty-content-box .qualification h3 {
  margin-bottom: 50px;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .faculty-content-box .qualification h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-content-box .qualification p {
  text-align: left
}
.faculty-content-box .qualification p.note {
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .qualification p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
.faculty-content-box .after-career h3 {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .faculty-content-box .after-career h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-content-box .after-career .career-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .faculty-content-box .after-career .career-wrap {
    display: block
  }
}
.faculty-content-box .after-career .career-wrap .hr {
  width: 100%;
  height: 2px;
  margin-top: 50px;
  background-color: #2585d1
}
@media screen and (max-width: 768px) {
  .faculty-content-box .after-career .career-wrap .hr {
    display: none
  }
  main.foreign .faculty-content-box .after-career .career-wrap .hr {
    background-color: none
  }
}
main.foreign .faculty-content-box .after-career .career-wrap .hr {
  background-color: #d05b81
}
.faculty-content-box .after-career .career-wrap .career {
  position: relative;
  width: 545px;
  margin-top: 50px;
  text-align: left
}
@media screen and (max-width: 768px) {
  .faculty-content-box .after-career .career-wrap .career {
    width: 100%;
    margin-top: 25px
  }
}
@media screen and (max-width: 768px) {
  main.economics .faculty-content-box .after-career .career-wrap .career {
    padding-top: 25px;
    border-top: solid 1px #2585d1
  }
}
@media screen and (max-width: 768px) {
  main.economics .faculty-content-box .after-career .career-wrap .career:first-child {
    padding-top: 0;
    border-top: none
  }
}
@media screen and (max-width: 768px) {
  main.foreign .faculty-content-box .after-career .career-wrap .career {
    padding-top: 25px;
    border-top: solid 1px #d05b81
  }
}
@media screen and (max-width: 768px) {
  main.foreign .faculty-content-box .after-career .career-wrap .career:first-child {
    padding-top: 0;
    border-top: none
  }
}
.faculty-content-box .after-career .career-wrap .career h4 {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .faculty-content-box .after-career .career-wrap .career h4 {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-content-box .after-career .career-wrap .career h4 a {
  text-decoration: underline;
  color: #000
}
.faculty-content-box .after-career .career-wrap .career p {
  margin-bottom: 10px
}
.faculty-content-box .after-career .career-wrap .career .link a {
  text-decoration: underline;
  color: #333
}
.faculty-content-box.economics-fig-desc .desc {
  margin-bottom: 35px;
  text-align: center
}
.faculty-content-box.economics-fig-desc .fig img {
  width: 1002px;
  margin-right: auto;
  margin-left: auto
}
.faculty-content-box .economics-feature-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 670px;
  margin-right: auto;
  margin-left: auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-circle {
    width: 100%
  }
}
.faculty-content-box .economics-feature-circle .circle {
  width: 300px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-circle .circle {
    width: 42vw
  }
}
.faculty-content-box .economics-feature-circle .circle a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 300px;
  height: 300px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  border-radius: 150px;
  background-color: #2584d0;
  background-image: url(/_assets/images/link-aw-w.svg);
  background-repeat: no-repeat;
  background-position: center 82%;
  background-size: 34px auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-circle .circle a {
    width: 42vw;
    height: 42vw;
    border-radius: 21vw;
    background-size: 6vw auto
  }
}
.faculty-content-box .economics-feature-circle .circle a span {
  font-size: 24px;
  font-size: 2.4rem;
  text-align: center;
  color: #fff
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-circle .circle a span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
.faculty-content-box .economics-feature-circle .circle a:hover {
  opacity: 0.8;
  background-position: 52% 82%
}
.faculty-content-box .economics-feature-project {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-project {
    display: block
  }
}
.faculty-content-box .economics-feature-project .project {
  width: 570px;
  text-align: left
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-project .project {
    width: 100%;
    margin-top: 25px;
    padding-top: 25px;
    border-top: solid 1px #2584d0
  }
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-project .project:first-child {
    margin-top: 0;
    padding-top: 0;
    border-top: none
  }
}
.faculty-content-box .economics-feature-project .project h4 {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-project .project h4 {
    font-size: 16px;
    font-size: 1.6rem
  }
}
.faculty-content-box .economics-feature-project .project .fig {
  margin-bottom: 20px;
  padding-bottom: 0
}
.faculty-content-box .economics-feature-project .project .fig img {
  display: block
}
.faculty-content-box .economics-feature-project .project.htb {
  margin-top: 55px;
  padding-top: 50px;
  border-top: solid 2px #2584d0
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-project .project.htb {
    margin-top: 25px;
    padding-top: 25px;
    border-top: solid 1px #2584d0
  }
}
.faculty-content-box .economics-feature-pic-desc {
  text-align: left
}
.faculty-content-box .economics-feature-pic-desc:after {
  content: '';
  display: block;
  clear: both
}
.faculty-content-box .economics-feature-pic-desc .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-desc .pic {
    float: none;
    width: 100%;
    margin-top: 25px
  }
}
.faculty-content-box .economics-feature-pic-desc .desc {
  float: right;
  width: 705px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-desc .desc {
    float: none;
    width: 100%
  }
}
.faculty-content-box .economics-feature-pic-table {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-table {
    margin-top: 30px
  }
}
.faculty-content-box .economics-feature-pic-table h4 {
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-table h4 {
    margin-bottom: 20px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
.faculty-content-box .economics-feature-pic-table .desc {
  width: 100%;
  text-align: left
}
.faculty-content-box .economics-feature-pic-table .desc .note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-table .desc .note {
    font-size: 10px;
    font-size: 1rem
  }
}
.faculty-content-box .economics-feature-pic-table .cap-table {
  width: 700px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-table .cap-table {
    width: 100%;
    margin-top: 20px
  }
}
.faculty-content-box .economics-feature-pic-table .cap-table .tit {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-table .cap-table .tit {
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-table .cap-table .table-wrap {
    overflow-x: auto
  }
}
.faculty-content-box .economics-feature-pic-table .cap-table .table-wrap table {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box .economics-feature-pic-table .cap-table .table-wrap table {
    font-size: 10px;
    font-size: 1rem
  }
}
.faculty-content-box .economics-feature-pic-table .cap-table .table-wrap table th {
  padding: 10px;
  line-height: 1.4;
  vertical-align: middle;
  white-space: nowrap;
  color: #fff;
  background-color: #2584d0
}
.faculty-content-box .economics-feature-pic-table .cap-table .table-wrap table tr td {
  padding: 10px;
  line-height: 1.4;
  vertical-align: middle;
  border-bottom: solid 1px #ddd
}
.faculty-content-box .economics-feature-pic-table .cap-table .table-wrap table tr td:first-child {
  text-align: left
}
.faculty-content-box.course-learning-flow .course-learning-flow-desc {
  margin-bottom: 75px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .faculty-content-box.course-learning-flow .course-learning-flow-desc {
    margin-bottom: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left
  }
}
.faculty-content-box.course-learning-flow .course-learning-flow-image + h3 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .faculty-content-box.course-learning-flow .course-learning-flow-image + h3 {
    margin-top: 30px
  }
}
@media screen and (max-width: 768px) {
  .rt-link-button.after-career {
    padding-right: 5vw;
    padding-left: 5vw
  }
}
.faculty-links {
  padding: 85px 0 20px 0
}
@media screen and (max-width: 768px) {
  .faculty-links {
    padding-top: 30px
  }
}
.faculty-links.hc {
  background-color: #f5f5f5
}
@media screen and (max-width: 768px) {
  .faculty-links .rt-link-button {
    padding-right: 5vw;
    padding-left: 5vw
  }
}
.faculty-links .links-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 60px

}
@media screen and (max-width: 768px) {
  .faculty-links .links-wrap {
    display: block;
    margin-bottom: 30px
  }
}
.faculty-links .links-wrap .faculty {
  width: 680px;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .faculty-links .links-wrap .faculty {
    width: 100%;
    margin-bottom: 20px
  }
}
.faculty-links .links-wrap .faculty a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #333;
  border:1px #ddd solid;
}
.faculty-links .links-wrap .faculty a:after {
  content: '';
  display: block;
  clear: both
}
.faculty-links .links-wrap .faculty a:hover {
  -webkit-filter: brightness(110%);
  filter: brightness(110%);
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  .faculty-links .links-wrap .faculty a:hover {
    -webkit-filter: none;
    filter: none;
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
.faculty-links .links-wrap .faculty .fig {
  float: left;
  width: 280px
}
@media screen and (max-width: 768px) {
  .faculty-links .links-wrap .faculty .fig {
    width: 38.8%;
    display: flex;
    flex-direction: column;
  }
}
.faculty-links .links-wrap .faculty .desc {
  float: right;
  width: 360px
}
@media screen and (max-width: 768px) {
  .faculty-links .links-wrap .faculty .desc {
    width: 56.7%
  }
}
.faculty-links .links-wrap .faculty .desc .tit {
  padding-top: 40px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .faculty-links .links-wrap .faculty .desc .tit {
    padding-top: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
.faculty-links .links-wrap .faculty .desc p {
  margin-top: 20px;
  padding-right: 40px
}
@media screen and (max-width: 768px) {
  .faculty-links .links-wrap .faculty .desc p {
    margin-top: 5px;
    padding-right: 20px;
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.faculty-top .low-top-header {
  background-image: url(/_assets/images/faculty/top-mv.jpg);
  background-position: center center
}
@media screen and (max-width: 768px) {
  main.content.faculty-top .low-top-header {
    background-image: url(/_assets/images/faculty/top-mv-sp.jpg)
  }
}
main.content.faculty-dept-top .faculty-top-desc {
  padding-top: 110px;
  padding-bottom: 110px
}
@media screen and (max-width: 768px) {
  main.content.faculty-dept-top .faculty-top-desc {
    padding-top: 60px;
    padding-bottom: 50px
  }
}
main.content.faculty-dept-top .faculty-top-desc p {
  font-family: "游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 36px;
  font-size: 3.6rem;
  text-align: center;
  color: #3da260
}
@media screen and (max-width: 768px) {
  main.content.faculty-dept-top .faculty-top-desc p {
    font-size: 20px;
    font-size: 2rem
  }
}
main.content.faculty-dept-top.global .faculty-dept-header {
  background-image: url(/_assets/images/faculty/kokusai/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.faculty-dept-top.global .faculty-dept-header {
    background-image: url(/_assets/images/faculty/kokusai/top-mv-sp.jpg)
  }
}
main.content.faculty-dept-top.economics .faculty-dept-header {
  background-image: url(/_assets/images/faculty/economics/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.faculty-dept-top.economics .faculty-dept-header {
    background-image: url(/_assets/images/faculty/economics/top-mv-sp.jpg)
  }
}
main.content.faculty-dept-top.economics .faculty-top-desc p {
  color: #2585d1
}
main.content.faculty-dept-top.foreign .faculty-dept-header {
  background-image: url(/_assets/images/faculty/foreign/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.faculty-dept-top.foreign .faculty-dept-header {
    background-image: url(/_assets/images/faculty/foreign/top-mv-sp.jpg)
  }
}
main.content.faculty-dept-top.foreign .faculty-top-desc p {
  color: #d05b81
}
/* 下層 */
.faculty-low-header {
  padding-top: 70px;
  padding-bottom: 80px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .faculty-low-header {
    padding-top: 45px;
    padding-bottom: 60px
  }
}
.faculty-low-header h1 {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 40px;
  font-size: 60px;
  font-size: 6rem;
  line-height: 1.3;
  color: #3da260
}
@media screen and (max-width: 768px) {
  .faculty-low-header h1 {
    margin-bottom: 45px;
    padding-bottom: 20px;
    font-size: 24px;
    font-size: 2.4rem
  }
}
main.economics .faculty-low-header h1 {
  color: #2584d0
}
main.foreign .faculty-low-header h1 {
  color: #d05b81
}
.faculty-low-header h1 span {
  display: block;
  margin-bottom: 35px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .faculty-low-header h1 span {
    margin-bottom: 15px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
.faculty-low-header h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 80px;
  height: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #3da260
}
@media screen and (max-width: 768px) {
  .faculty-low-header h1:after {
    width: 40px;
    height: 2px
  }
}
main.economics .faculty-low-header h1:after {
  background-color: #2584d0
}
main.foreign .faculty-low-header h1:after {
  background-color: #d05b81
}
.faculty-low-header .page-desc {
  font-family: "游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 36px;
  font-size: 3.6rem;
  color: #3da260
}
@media screen and (max-width: 768px) {
  .faculty-low-header .page-desc {
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.economics .faculty-low-header .page-desc {
  color: #2584d0
}
main.foreign .faculty-low-header .page-desc {
  color: #d05b81
}
/* メッセージ */
@media screen and (max-width: 768px) {
  main.content.message .dean-message {
    padding-bottom: 0
  }
}
main.content.message .dean-message-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  text-align: left;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.message .dean-message-wrap {
    display: block
  }
}
main.content.message .dean-message-wrap .message {
  width: 650px
}
@media screen and (max-width: 768px) {
  main.content.message .dean-message-wrap .message {
    width: 100%
  }
}
main.content.message .dean-message-wrap .message p {
  margin-bottom: 40px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2
}
@media screen and (max-width: 768px) {
  main.content.message .dean-message-wrap .message p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.message .dean-message-wrap .message p:last-child {
  margin-bottom: 0
}
main.content.message .dean-message-wrap .dean {
  position: relative;
  width: 480px
}
main.content.message .dean-message-wrap .dean:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.message .dean-message-wrap .dean {
    width: 100%;
    margin-top: 70px
  }
}
main.content.message .dean-message-wrap .dean h2 {
  position: relative;
  z-index: 2;
  font-size: 28px;
  font-size: 2.8rem
}
@media screen and (max-width: 768px) {
  main.content.message .dean-message-wrap .dean h2 {
    float: left;
    width: 40%;
    padding-top: 20%;
    padding-left: 10%;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.message .dean-message-wrap .dean h2 span {
  display: block;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.message .dean-message-wrap .dean h2 span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.message .dean-message-wrap .dean img {
  position: absolute;
  z-index: 1;
  right: 45px;
  bottom: 0;
  width: 314px
}
@media screen and (max-width: 768px) {
  main.content.message .dean-message-wrap .dean img {
    position: static;
    float: right;
    width: 55%
  }
}
/* 学びの特色 */
main.content.feature .feature-desc p {
  line-height: 3
}
@media screen and (max-width: 768px) {
  main.content.feature .feature-desc p {
    line-height: 2;
    text-align: left
  }
}
main.content.feature .feature-category .category-fig {
  width: 835px;
  margin-right: auto;
  margin-bottom: 55px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.feature .feature-category .category-fig {
    width: 100%;
    margin-bottom: 30px
  }
}
main.content.feature .feature-category .category-fig .global-feature-fig .p1 {
  width: 684px;
  margin-right: auto;
  margin-bottom: 15px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.feature .feature-category .category-fig .global-feature-fig .p1 {
    width: 81.4%
  }
}
main.content.feature .feature-category .category-fig .global-feature-fig a {
  -webkit-transition: all .3s ease-in;
  transition: all .3s ease-in
}
main.content.feature .feature-category .category-fig .global-feature-fig a:hover {
  -webkit-filter: brightness(110%);
  filter: brightness(110%)
}
main.content.feature .feature-category .category-fig .global-feature-fig .global-feature-fig-16 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 12px
}
main.content.feature .feature-category .category-fig .global-feature-fig .global-feature-fig-16 a {
  display: block;
  width: 156px
}
@media screen and (max-width: 768px) {
  main.content.feature .feature-category .category-fig .global-feature-fig .global-feature-fig-16 a {
    width: 18.5%
  }
}
main.content.feature .feature-category .category-fig .global-feature-fig .p6 {
  width: 812px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.feature .feature-category .category-fig .global-feature-fig .p6 {
    width: 96.6%
  }
}
main.content.feature .feature-category .rt-link-button {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.feature .feature-category .rt-link-button {
    margin-bottom: 30px
  }
}
main.content.feature .feature-category .desc {
  text-align: left
}
main.content.feature .feature-style .style-fig {
  width: 700px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.feature .feature-style .style-fig {
    width: 100%;
    margin-bottom: 30px
  }
}
main.content.feature .feature-style .style-desc {
  text-align: left
}
/* Gateway Project */
main.content.gateway-project .gateway-project-point .point-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 670px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 60px;
  background-image: url(/_assets/images/ico-bt.svg);
  background-repeat: no-repeat;
  background-position: center 40%;
  background-size: 30px auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-point .point-wrap {
    width: 100%;
    padding-bottom: 30px;
    background-size: 15px auto
  }
}
main.content.gateway-project .gateway-project-point .point-wrap .point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 300px;
  height: 300px;
  color: #fff;
  border-radius: 150px;
  background-color: #3da260;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-point .point-wrap .point {
    width: 40vw;
    height: 40vw;
    border-radius: 20vw
  }
}
main.content.gateway-project .gateway-project-point .point-wrap .point p {
  font-size: 30px;
  font-size: 3rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-point .point-wrap .point p {
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.gateway-project .gateway-project-point .point-wrap .point p span {
  display: block;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-point .point-wrap .point p span {
    font-size: 1.4 rem;
    font-size: 1.4 rem
  }
}
main.content.gateway-project .gateway-project-desc p {
  margin-bottom: 0;
  line-height: 2;
  text-align: left
}
main.content.gateway-project .gateway-project-style {
  text-align: left
}
main.content.gateway-project .gateway-project-style .project-style-desc {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-style-desc {
    margin-bottom: 30px
  }
}
main.content.gateway-project .gateway-project-style .note {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .note {
    margin-top: 30px
  }
}
main.content.gateway-project .gateway-project-style .project-wrap {
  border-top: solid 2px #3da260
}
main.content.gateway-project .gateway-project-style .project-wrap.hb {
  border-bottom: solid 2px #3da260
}
main.content.gateway-project .gateway-project-style .project-wrap h3 {
  padding: 40px 50px 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap h3 {
    padding: 20px 25px 20px 0;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.gateway-project .gateway-project-style .project-wrap h3 span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap h3 span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.gateway-project .gateway-project-style .project-wrap h3.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.gateway-project .gateway-project-style .project-wrap h3.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap h3.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.gateway-project .gateway-project-style .project-wrap h3:hover {
  color: #3da260;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap h3:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap {
  display: none;
  padding-bottom: 50px
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project {
  margin-bottom: 60px
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project {
    margin-bottom: 30px
  }
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project .desc {
  float: left;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project .desc {
    float: none;
    width: 100%
  }
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project .desc h4 {
  margin-bottom: 20px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #3da260
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project .desc h4 {
    margin-bottom: 10px;
    font-size: 13px;
    font-size: 1.3rem
  }
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project .pic {
  float: right;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .project .pic {
    float: none;
    width: 100%;
    margin-top: 30px
  }
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .close-button {
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .close-button img {
  width: 40px
}
@media screen and (max-width: 768px) {
  main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .close-button img {
    width: 20px
  }
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .close-button img.off {
  display: inline-block
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .close-button img.on {
  display: none
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .close-button:hover img.off {
  display: none
}
main.content.gateway-project .gateway-project-style .project-wrap .desc-wrap .close-button:hover img.on {
  display: inline-block
}
/* 専攻 */
.faculty-course-header {
  padding-top: 70px;
  padding-bottom: 100px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .faculty-course-header {
    padding-top: 45px;
    padding-bottom: 60px
  }
}
.faculty-course-header h1 {
  position: relative;
  margin-bottom: 60px;
  padding-bottom: 30px;
  font-size: 56px;
  font-size: 5.6rem;
  line-height: 1.3;
  color: #3da260
}
@media screen and (max-width: 768px) {
  .faculty-course-header h1 {
    margin-bottom: 45px;
    padding-bottom: 20px;
    font-size: 24px;
    font-size: 2.4rem
  }
}
main.economics .faculty-course-header h1 {
  color: #2584d0
}
main.foreign .faculty-course-header h1 {
  color: #d05b81
}
.faculty-course-header h1.ls {
  line-height: 1.6
}
.faculty-course-header h1 span {
  display: block;
  margin-bottom: 10px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .faculty-course-header h1 span {
    margin-bottom: 10px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
.faculty-course-header h1:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  width: 80px;
  height: 4px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #3da260
}
@media screen and (max-width: 768px) {
  .faculty-course-header h1:after {
    width: 40px;
    height: 2px
  }
}
main.economics .faculty-course-header h1:after {
  background-color: #2584d0
}
main.foreign .faculty-course-header h1:after {
  background-color: #d05b81
}
.faculty-course-header .course-desc {
  margin-bottom: 60px;
  font-size: 18px;
  font-size: 1.8rem
}
@media screen and (max-width: 768px) {
  .faculty-course-header .course-desc {
    margin-bottom: 30px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
.faculty-course-header .course-image {
  width: 840px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  .faculty-course-header .course-image {
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw
  }
}
.faculty-course-header .course-image.w1270 {
  width: 1270px
}
@media screen and (max-width: 768px) {
  .faculty-course-header .course-image.w1270 {
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw
  }
}
.faculty-course-header .course-image.w1200 {
  width: 1200px
}
@media screen and (max-width: 768px) {
  .faculty-course-header .course-image.w1200 {
    width: 100%;
    padding-right: 5vw;
    padding-left: 5vw
  }
}
.course-feature .course-feature-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .course-feature .course-feature-wrap {
    display: block
  }
}
.course-feature .course-feature-wrap .feature {
  width: 570px;
  margin-bottom: 60px;
  padding-bottom: 50px;
  text-align: left;
  border-bottom: solid 2px #3da260
}
@media screen and (max-width: 768px) {
  .course-feature .course-feature-wrap .feature {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 50px
  }
}
main.economics .course-feature .course-feature-wrap .feature {
  border-bottom: solid 2px #2584d0
}
main.foreign .course-feature .course-feature-wrap .feature {
  border-bottom: solid 2px #d05b81
}
.course-feature .course-feature-wrap .feature:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}
main.economics .course-feature .course-feature-wrap .feature:last-child {
  border-bottom: none
}
main.foreign .course-feature .course-feature-wrap .feature:last-child {
  border-bottom: none
}
.course-feature .course-feature-wrap .feature h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .course-feature .course-feature-wrap .feature h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.course-lesson .course-lesson-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap {
    display: block
  }
}
.course-lesson .course-lesson-wrap .lesson {
  width: 570px;
  margin-bottom: 60px;
  text-align: left
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson {
    width: 100%;
    margin-bottom: 30px;
    padding-top: 30px;
    border-top: solid 2px #3da260
  }
  main.economics .course-lesson .course-lesson-wrap .lesson {
    border-top: solid 2px #2584d0
  }
  main.foreign .course-lesson .course-lesson-wrap .lesson {
    border-top: solid 2px #d05b81
  }
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson:first-child {
    padding-top: 0;
    border-top: none
  }
  main.economics .course-lesson .course-lesson-wrap .lesson:first-child {
    border-top: none
  }
  main.foreign .course-lesson .course-lesson-wrap .lesson:first-child {
    border-top: none
  }
}
.course-lesson .course-lesson-wrap .lesson.htb {
  padding-top: 60px;
  border-top: solid 2px #3da260
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson.htb {
    padding-top: 30px
  }
}
main.economics .course-lesson .course-lesson-wrap .lesson.htb {
  border-top: solid 2px #2584d0
}
main.foreign .course-lesson .course-lesson-wrap .lesson.htb {
  border-top: solid 2px #d05b81
}
.course-lesson .course-lesson-wrap .lesson.emp {
  background-image: url(/_assets/images/faculty/ico-emp-logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 264px auto
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson.emp {
    display: none
  }
}
.course-lesson .course-lesson-wrap .lesson h3 {
  margin-bottom: 10px;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson h3 {
    font-size: 18px;
    font-size: 1.8rem
  }
}
.course-lesson .course-lesson-wrap .lesson .lesson-subt {
  margin-bottom: 40px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson .lesson-subt {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.course-lesson .course-lesson-wrap .lesson .lesson-pic span {
  display: block;
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson .lesson-pic span {
    margin-top: 5px
  }
}
.course-lesson .course-lesson-wrap .lesson .lesson-desc {
  padding-top: 40px
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson .lesson-desc {
    padding-top: 20px
  }
}
.course-lesson .course-lesson-wrap .lesson .lesson-desc .heading {
  position: relative;
  margin-bottom: 25px;
  font-size: 20px;
  font-size: 2rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson .lesson-desc .heading {
    margin-bottom: 20px;
    padding-bottom: 60px;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer
  }
}
.course-lesson .course-lesson-wrap .lesson .lesson-desc .heading:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: none;
  width: 30px;
  height: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url(/_assets/images/ico-plus-c.svg);
  background-repeat: no-repeat;
  background-size: 30px auto
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson .lesson-desc .heading:after {
    display: block
  }
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson .lesson-desc .heading.kh {
    padding-bottom: 0
  }
}
.course-lesson .course-lesson-wrap .lesson .lesson-desc .heading.kh:after {
  display: none
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson .lesson-desc p {
    display: none
  }
}
.course-lesson .course-lesson-wrap .lesson .lesson-desc p.note {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .course-lesson .course-lesson-wrap .lesson .lesson-desc p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
.course-teachers {
  margin-top: 120px
}
@media screen and (max-width: 768px) {
  .course-teachers {
    margin-top: 40px
  }
}
.course-teachers .course-teacher {
  width: 840px;
  margin-right: auto;
  margin-bottom: 45px;
  margin-left: auto;
  text-align: left;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .course-teachers .course-teacher {
    width: 100%;
    margin-bottom: 20px
  }
}
.course-teachers .course-teacher .course-teacher-fig {
  float: left;
  width: 420px
}
@media screen and (max-width: 768px) {
  .course-teachers .course-teacher .course-teacher-fig {
    width: 50%
  }
}
.course-teachers .course-teacher .prof-name {
  float: right;
  width: 380px;
  padding: 35px 40px 0 0
}
@media screen and (max-width: 768px) {
  .course-teachers .course-teacher .prof-name {
    width: 47%;
    padding: 12px 12px 0 0
  }
}
.course-teachers .course-teacher .prof-name .name {
  margin-bottom: 35px
}
@media screen and (max-width: 768px) {
  .course-teachers .course-teacher .prof-name .name {
    margin-bottom: 10px
  }
}
.course-teachers .course-teacher .prof-name .prof {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .course-teachers .course-teacher .prof-name .prof {
    font-size: 10px;
    font-size: 1rem
  }
}
.course-teachers .course-teacher .teacher-info {
  clear: both;
  padding: 60px 40px 80px 60px
}
@media screen and (max-width: 768px) {
  .course-teachers .course-teacher .teacher-info {
    padding: 30px 25px 30px 25px
  }
}
.course-teachers .course-teacher .teacher-info .tit {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .course-teachers .course-teacher .teacher-info .tit {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.course-after-career .course-after-career-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  .course-after-career .course-after-career-wrap {
    display: block
  }
}
.course-after-career .course-after-career-wrap .career {
  width: 570px;
  text-align: left
}
@media screen and (max-width: 768px) {
  .course-after-career .course-after-career-wrap .career {
    width: 100%
  }
}
@media screen and (max-width: 768px) {
  .course-after-career .course-after-career-wrap .career:last-child {
    margin-top: 18px;
    padding-top: 18px;
    border-top: solid 2px #3da260
  }
  main.economics .course-after-career .course-after-career-wrap .career:last-child {
    border-top: solid 2px #2584d0
  }
  main.foreign .course-after-career .course-after-career-wrap .career:last-child {
    border-top: solid 2px #d05b81
  }
}
.course-after-career .course-after-career-wrap .career h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold
}
@media screen and (max-width: 768px) {
  .course-after-career .course-after-career-wrap .career h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.course-after-career .course-after-career-wrap .career .note {
  margin-top: 10px;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  .course-after-career .course-after-career-wrap .career .note {
    margin-top: 5px;
    font-size: 10px;
    font-size: 1rem
  }
}
.foreign-output-wrap {
  margin-top: 55px;
  text-align: left
}
.foreign-output-wrap h4 {
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .foreign-output-wrap h4 {
    font-size: 14px;
    font-size: 1.4rem
  }
}
.foreign-output-wrap p + h4 {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .foreign-output-wrap p + h4 {
    margin-top: 20px
  }
}
.foreign-feature-output-hf:after {
  content: '';
  display: block;
  clear: both
}
.foreign-feature-output-hf .output {
  float: left;
  width: 570px;
  text-align: left
}
@media screen and (max-width: 768px) {
  .foreign-feature-output-hf .output {
    float: none;
    width: 100%
  }
}
.foreign-feature-output-hf .output:last-child {
  float: right
}
@media screen and (max-width: 768px) {
  .foreign-feature-output-hf .output:last-child {
    float: none;
    margin-top: 40px
  }
}
.foreign-feature-output-hf .output h4 {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .foreign-feature-output-hf .output h4 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.foreign-feature-output-hf .output .desc {
  margin-top: 20px
}
.foreign-feature-output-hf .output .desc p.note {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  .foreign-feature-output-hf .output .desc p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
.foreign-feature-output-fig-pc {
  padding-top: 30px;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  .foreign-feature-output-fig-pc {
    display: none
  }
}
.foreign-feature-output-fig {
  display: none
}
@media screen and (max-width: 768px) {
  .foreign-feature-output-fig {
    display: block;
    margin-top: 20px;
    margin-bottom: 40px
  }
}
.foreign-feature-special-programs-select {
  display: table;
  overflow: hidden;
  width: 670px;
  height: 70px;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  font-size: 16px;
  font-size: 1.6rem;
  border: solid 1px #a7b7b4;
  border-radius: 10px
}
@media screen and (max-width: 768px) {
  .foreign-feature-special-programs-select {
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 40px;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 5px
  }
}
.foreign-feature-special-programs-select .program {
  display: table-cell;
  width: 50%;
  text-align: center;
  border-right: solid 1px #a7b7b4
}
.foreign-feature-special-programs-select .program:last-child {
  border-right: none
}
.foreign-feature-special-programs-select .program a {
  display: block;
  line-height: 70px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #2b6360;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .foreign-feature-special-programs-select .program a {
    font-size: 10px;
    font-size: 1rem;
    line-height: 40px
  }
}
@media screen and (max-width: 400px) {
  .foreign-feature-special-programs-select .program a {
    font-size: 2.4vw
  }
}
.foreign-feature-special-programs-select .program a.current {
  color: #fff;
  background-color: #d05b81
}
.foreign-feature-special-programs-select .program a:hover {
  color: #fff;
  background-color: #d05b81
}
@media screen and (max-width: 768px) {
  .foreign-feature-special-programs-select .program a:hover {
    color: #2b6360;
    background-color: #fff
  }
}
.foreign-feature-special-programs {
  text-align: left
}
.foreign-feature-special-programs h3 {
  margin-bottom: 35px;
  padding-bottom: 15px;
  font-size: 28px;
  font-size: 2.8rem;
  border-bottom: solid 2px #d05b81
}
@media screen and (max-width: 768px) {
  .foreign-feature-special-programs h3 {
    margin-bottom: 20px;
    padding-bottom: 8px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.foreign-feature-special-programs h4 {
  margin-bottom: 25px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .foreign-feature-special-programs h4 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.foreign-feature-special-programs .pic-desc:after {
  content: '';
  display: block;
  clear: both
}
.foreign-feature-special-programs .pic-desc .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  .foreign-feature-special-programs .pic-desc .pic {
    float: none;
    width: 100%
  }
}
.foreign-feature-special-programs .pic-desc .desc {
  float: right;
  width: 725px
}
@media screen and (max-width: 768px) {
  .foreign-feature-special-programs .pic-desc .desc {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
.foreign-feature-special-programs .pic-desc .desc p + p {
  margin-top: 1em
}
.foreign-feature-special-programs .select-section.s1 {
  display: block
}
.foreign-feature-special-programs .select-section.s2 {
  display: block;
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  .foreign-feature-special-programs .select-section.s2 {
    margin-top: 30px
  }
}
.faculty-detail-info {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
body.faculty-globalcat-detail .faculty-detail-info {
  display: block
}
.faculty-detail-info .faculty-detail-inner {
  position: relative;
  width: 640px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 80px;
  color: #fff
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner {
    width: 90vw;
    padding-top: 40px
  }
}
.faculty-detail-info .faculty-detail-inner .close-but {
  position: absolute;
  top: 30px;
  right: 0;
  width: 24px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .close-but {
    top: 15px;
    width: 18px
  }
}
.faculty-detail-info .faculty-detail-inner .tit {
  margin-bottom: 50px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .tit {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.faculty-detail-info .faculty-detail-inner .cat-tit {
  margin-bottom: 30px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .cat-tit {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-detail-info .faculty-detail-inner .lead {
  margin-bottom: 20px
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .lead {
    margin-bottom: 10px
  }
}
.faculty-detail-info .faculty-detail-inner .desc {
  margin-bottom: 50px
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .desc {
    margin-bottom: 25px
  }
}
.faculty-detail-info .faculty-detail-inner .desc span {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .desc span {
    font-size: 10px;
    font-size: 1rem
  }
}
.faculty-detail-info .faculty-detail-inner .map-detail-nav {
  position: relative;
  width: 100%;
  margin-top: 40px;
  padding-bottom: 70px
}
.faculty-detail-info .faculty-detail-inner .map-detail-nav .prev {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100px
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .map-detail-nav .prev {
    width: 80px
  }
}
.faculty-detail-info .faculty-detail-inner .map-detail-nav .prev a {
  display: inline-block;
  padding-left: 60px;
  background-image: url(/_assets/images/campuslife/map-prev.svg);
  background-repeat: no-repeat;
  background-position: left 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .map-detail-nav .prev a {
    padding-left: 30px;
    background-size: 17px auto
  }
}
.faculty-detail-info .faculty-detail-inner .map-detail-nav .next {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100px;
  text-align: right
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .map-detail-nav .next {
    width: 80px
  }
}
.faculty-detail-info .faculty-detail-inner .map-detail-nav .next a {
  display: inline-block;
  padding-right: 60px;
  background-image: url(/_assets/images/campuslife/map-next.svg);
  background-repeat: no-repeat;
  background-position: right 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .faculty-detail-info .faculty-detail-inner .map-detail-nav .next a {
    padding-right: 30px;
    background-size: 17px auto
  }
}
.faculty-detail-info .faculty-detail-inner .map-detail-nav .close {
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center
}
.faculty-detail-info-data {
  display: none
}
.faculty-economics-cur-info {
  position: fixed;
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
  overflow: auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
body.faculty-economics-car-detail .faculty-economics-cur-info {
  display: block
}
.faculty-economics-cur-info .economics-cur-inner {
  position: relative;
  width: 640px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 80px;
  color: #fff
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner {
    width: 90vw;
    padding-top: 40px
  }
}
.faculty-economics-cur-info .economics-cur-inner .close-but {
  position: absolute;
  top: 30px;
  right: 0;
  width: 24px;
  cursor: pointer
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .close-but {
    top: 15px;
    width: 18px
  }
}
.faculty-economics-cur-info .economics-cur-inner .tit {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .tit {
    margin-bottom: 15px;
    font-size: 16px;
    font-size: 1.6rem
  }
}
.faculty-economics-cur-info .economics-cur-inner .desc1 {
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .desc1 {
    margin-bottom: 20px
  }
}
.faculty-economics-cur-info .economics-cur-inner .desc1 span {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .desc1 span {
    font-size: 10px;
    font-size: 1rem
  }
}
.faculty-economics-cur-info .economics-cur-inner .desc2 {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .desc2 {
    margin-bottom: 20px
  }
}
.faculty-economics-cur-info .economics-cur-inner .desc2 b {
  display: block;
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: normal
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .desc2 b {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
.faculty-economics-cur-info .economics-cur-inner .desc2 span {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .desc2 span {
    font-size: 10px;
    font-size: 1rem
  }
}
.faculty-economics-cur-info .economics-cur-inner .map-detail-nav {
  position: relative;
  width: 100%;
  margin-top: 40px;
  padding-bottom: 70px
}
.faculty-economics-cur-info .economics-cur-inner .map-detail-nav .prev {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100px
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .map-detail-nav .prev {
    width: 80px
  }
}
.faculty-economics-cur-info .economics-cur-inner .map-detail-nav .prev a {
  display: inline-block;
  padding-left: 60px;
  background-image: url(/_assets/images/campuslife/map-prev.svg);
  background-repeat: no-repeat;
  background-position: left 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .map-detail-nav .prev a {
    padding-left: 30px;
    background-size: 17px auto
  }
}
.faculty-economics-cur-info .economics-cur-inner .map-detail-nav .next {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: 100px;
  text-align: right
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .map-detail-nav .next {
    width: 80px
  }
}
.faculty-economics-cur-info .economics-cur-inner .map-detail-nav .next a {
  display: inline-block;
  padding-right: 60px;
  background-image: url(/_assets/images/campuslife/map-next.svg);
  background-repeat: no-repeat;
  background-position: right 40%;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  .faculty-economics-cur-info .economics-cur-inner .map-detail-nav .next a {
    padding-right: 30px;
    background-size: 17px auto
  }
}
.faculty-economics-cur-info .economics-cur-inner .map-detail-nav .close {
  position: absolute;
  z-index: 1;
  width: 100%;
  text-align: center
}
.faculty-economics-cur-data {
  display: none
}
main.content.career-top .low-top-header {
  background-image: url(/_assets/images/career/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.career-top .low-top-header {
    background-image: url(/_assets/images/career/top-mv-sp.jpg)
  }
}
main.content.career-top .low-top-desc .fig {
  margin-top: 80px
}
@media screen and (max-width: 768px) {
  main.content.career-top .low-top-desc .fig {
    margin-top: 40px
  }
}
main.content.career-top .low-top-desc .fig img {
  width: 671px;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.career-top .low-top-desc .fig img {
    width: 100%
  }
}
main.content.career-feature .contenr-header {
  padding-bottom: 0
}
main.content.career-feature .contenr-header .pic {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .contenr-header .pic {
    margin-top: 30px
  }
}
main.content.career-feature .contenr-header .pic img {
  width: 840px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .contenr-header .pic img {
    width: 100%
  }
}
main.content.career-feature .career-feature-about .feature-fig {
  margin-bottom: 80px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-about .feature-fig {
    margin-bottom: 40px
  }
}
main.content.career-feature .career-feature-about .feature-fig img {
  width: 840px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-about .feature-fig img {
    width: 100%
  }
}
main.content.career-feature .career-feature-about h4 {
  margin-bottom: 20px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-about h4 {
    margin-bottom: 10px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.career-feature .career-feature-about p {
  margin-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-about p {
    margin-bottom: 37px
  }
}
main.content.career-feature .career-feature-about p:last-child {
  margin-bottom: 60px
}
main.content.career-feature .career-feature-about .rt-link-button {
  padding-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-about .rt-link-button {
    padding-top: 10px
  }
}
main.content.career-feature .career-feature-results .tit-note {
  margin-bottom: 50px;
  padding-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .tit-note {
    margin-bottom: 30px;
    padding-top: 10px
  }
}
main.content.career-feature .career-feature-results h4 {
  margin-top: 80px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results h4 {
    margin-top: 40px
  }
}
main.content.career-feature .career-feature-results .feature-results-mg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg {
    display: block
  }
}
main.content.career-feature .career-feature-results .feature-results-mg .results-mg {
  width: 390px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg .results-mg {
    width: 100%
  }
  main.content.career-feature .career-feature-results .feature-results-mg .results-mg:first-child {
    margin-bottom: 30px
  }
}
main.content.career-feature .career-feature-results .feature-results-mg .results-mg .mg-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 300px;
  height: 300px;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  color: #fff;
  border-radius: 150px;
  background-color: #589991;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg .results-mg .mg-circle {
    width: 58vw;
    height: 58vw;
    margin-bottom: 10px;
    border-radius: 29vw
  }
}
main.content.career-feature .career-feature-results .feature-results-mg .results-mg .mg-circle div {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.5
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg .results-mg .mg-circle div {
    font-size: 30px;
    font-size: 3rem
  }
}
main.content.career-feature .career-feature-results .feature-results-mg .results-mg .mg-circle div span {
  display: block;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg .results-mg .mg-circle div span {
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.career-feature .career-feature-results .feature-results-mg-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg-s {
    display: block;
    margin-bottom: 20px
  }
}
main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg {
  width: 290px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg .mg-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 180px;
  height: 180px;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  border-radius: 90px;
  background-color: #589991;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg .mg-circle {
    float: left;
    width: 24vw;
    height: 24vw;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 12vw
  }
}
main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg .mg-circle div {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.5
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg .mg-circle div {
    font-size: 24px;
    font-size: 2.4rem
  }
}
main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg .mg-circle div span {
  font-size: 30px;
  font-size: 3rem
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg .mg-circle div span {
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg .mg-circle-info {
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .feature-results-mg-s .results-mg .mg-circle-info {
    float: right;
    width: 60vw;
    text-align: left
  }
}
main.content.career-feature .career-feature-results .career-data-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .career-data-wrap {
    display: block
  }
}
main.content.career-feature .career-feature-results .career-data-wrap .data-fig {
  width: 360px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .career-data-wrap .data-fig {
    width: 280px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto
  }
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .career-data-wrap .data-fig:last-child {
    margin-bottom: 0
  }
}
main.content.career-feature .career-feature-results .career-data-wrap .data-fig .tit {
  margin-bottom: 40px;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .career-data-wrap .data-fig .tit {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.career-feature .career-feature-results .career-data-wrap .data-fig .fig {
  margin-bottom: 35px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: solid 8px #005a49
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .career-data-wrap .data-fig .fig {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 4px #005a49
  }
}
main.content.career-feature .career-feature-results .career-data-wrap .data-fig .fig img.fig1 {
  width: 250px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .career-data-wrap .data-fig .fig img.fig1 {
    width: 125px
  }
}
main.content.career-feature .career-feature-results .career-data-wrap .data-fig .fig img.fig2 {
  width: 165px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .career-data-wrap .data-fig .fig img.fig2 {
    width: 82px
  }
}
main.content.career-feature .career-feature-results .career-data-wrap .data-fig .fig img.fig3 {
  width: 233px
}
@media screen and (max-width: 768px) {
  main.content.career-feature .career-feature-results .career-data-wrap .data-fig .fig img.fig3 {
    width: 116px
  }
}
main.content.career-about .career-about-subject p span {
  color: #589991
}
main.content.career-about .career-about-subject p + h4 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.career-about .career-about-subject p + h4 {
    margin-top: 30px
  }
}
main.content.career-support .career-support-center .fig {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.career-support .career-support-center .fig {
    margin-top: 30px
  }
}
main.content.career-support .career-support-point p span {
  color: #589991
}
main.content.career-support .career-support-point p + h4 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.career-support .career-support-point p + h4 {
    margin-top: 30px
  }
}
main.content.career-support .career-support-point .rt-link-button {
  margin-top: 40px;
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.career-support .career-support-point .rt-link-button {
    margin-top: 20px;
    margin-bottom: 30px
  }
}
main.content.career-employment .employment-banner {
  text-align: center
}
main.content.career-employment .employment-banner a img {
  width: 1202px;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}
@media screen and (max-width: 768px) {
  main.content.career-employment .employment-banner a img {
    width: 100%
  }
}
main.content.career-employment .employment-banner a:hover img {
  opacity: 0.7
}
main.content.career-employment .employment-data-table-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
main.content.career-employment .employment-data-table-wrap .data-table {
  width: 580px
}
@media screen and (max-width: 768px) {
  main.content.career-employment .employment-data-table-wrap .data-table {
    width: 100%;
    margin-top: 30px
  }
}
@media screen and (max-width: 768px) {
  main.content.career-employment .employment-data-table-wrap .data-table:first-child {
    margin-top: 0
  }
}
main.content.career-employment .employment-data-table-wrap .data-table:last-child {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.career-employment .employment-data-table-wrap .data-table:last-child {
    margin-top: 30px
  }
}
main.content.career-employment .employment-data-table-wrap .data-table h4 {
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem
}
@media screen and (max-width: 768px) {
  main.content.career-employment .employment-data-table-wrap .data-table h4 {
    margin-bottom: 15px;
    font-size: 15px;
    font-size: 1.5rem
  }
}
@media screen and (max-width: 768px) {
  main.content.career-employment .employment-data-table-wrap .data-table table.type-rt {
    width: 100%
  }
}
@media screen and (max-width: 320px) {
  main.content.career-employment .employment-data-table-wrap .data-table table.type-rt {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.career-employment .career-employment-rate {
  padding-bottom: 0
}
main.content.career-employment .career-employment-rate .employment-results-mg {
  text-align: center
}
main.content.career-employment .career-employment-rate .employment-results-mg img {
  width: 1057px
}
@media screen and (max-width: 768px) {
  main.content.career-employment .career-employment-rate .employment-results-mg img {
    width: 100%
  }
}
main.content.career-employment .career-employment-place .place-wrap {
  border-top: solid 2px #2a6460
}
main.content.career-employment .career-employment-place .place-wrap.hb {
  border-bottom: solid 2px #2a6460
}
main.content.career-employment .career-employment-place .place-wrap h3 {
  padding: 40px 50px 40px 0;
  font-size: 20px;
  font-size: 2rem;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-image: url(/_assets/images/ico-open.svg);
  background-repeat: no-repeat;
  background-position: center right;
  background-size: 40px auto
}
@media screen and (max-width: 768px) {
  main.content.career-employment .career-employment-place .place-wrap h3 {
    padding: 20px 25px 20px 0;
    font-size: 14px;
    font-size: 1.4rem;
    -webkit-transition: none;
    transition: none;
    background-size: 20px auto
  }
}
main.content.career-employment .career-employment-place .place-wrap h3 span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.career-employment .career-employment-place .place-wrap h3 span {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.career-employment .career-employment-place .place-wrap h3.open {
  background-image: url(/_assets/images/ico-close.svg)
}
main.content.career-employment .career-employment-place .place-wrap h3.open:hover {
  background-image: url(/_assets/images/ico-close-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.career-employment .career-employment-place .place-wrap h3.open:hover {
    background-image: url(/_assets/images/ico-close.svg)
  }
}
main.content.career-employment .career-employment-place .place-wrap h3:hover {
  color: #2a6460;
  background-image: url(/_assets/images/ico-open-r.svg)
}
@media screen and (max-width: 768px) {
  main.content.career-employment .career-employment-place .place-wrap h3:hover {
    color: #000;
    background-image: url(/_assets/images/ico-open.svg)
  }
}
main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap {
  display: none;
  padding-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap {
    padding-bottom: 25px
  }
}
main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap .inner {
    display: block
  }
}
main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap ul {
  width: 50%;
}
@media screen and (max-width: 768px) {
  main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap ul {
    width: 100%
  }
}
main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap ul li {
  padding-left: 1em;
  text-indent: -1em
}
main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap ul li:before {
  content: "・";
  color: #589991
}
main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap ul li.etc {
  padding-left: 0;
  text-indent: 0
}
main.content.career-employment .career-employment-place .place-wrap .place-desc-wrap ul li.etc:before {
  content: none
}
main.content.career-rucs .contenr-header .pic img {
  width: 840px
}
@media screen and (max-width: 768px) {
  main.content.career-rucs .contenr-header .pic img {
    width: 100%
  }
}
main.content.career-program .career-program-meeting:after {
  content: '';
  display: block;
  clear: both
}
main.content.career-program .career-program-meeting .meeting-pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.career-program .career-program-meeting .meeting-pic {
    float: none;
    width: 100%
  }
}
main.content.career-program .career-program-meeting .meeting-desc {
  float: right;
  width: 720px
}
@media screen and (max-width: 768px) {
  main.content.career-program .career-program-meeting .meeting-desc {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.career-program .career-program-4years .rt-catlink {
  margin-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.career-program .career-program-4years .rt-catlink {
    margin-bottom: 15px
  }
}
main.content.career-program .career-program-4years .catlink-note {
  margin-bottom: 55px;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.career-program .career-program-4years .catlink-note {
    margin-bottom: 30px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.career-program .career-program-4years .year-desc.y2 {
  display: none
}
main.content.career-program .career-program-4years .year-desc.y3 {
  display: none
}
main.content.career-program .career-program-4years .year-desc p + h4 {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  main.content.career-program .career-program-4years .year-desc p + h4 {
    margin-top: 35px
  }
}
main.content.career-program .career-program-4years .year-desc p + p {
  margin-top: 1em
}
main.content.career-program .career-program-4years .year-desc .pic-desc {
  margin-bottom: 75px
}
main.content.career-program .career-program-4years .year-desc .pic-desc:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.career-program .career-program-4years .year-desc .pic-desc {
    margin-bottom: 35px
  }
}
main.content.career-program .career-program-4years .year-desc .pic-desc .pic {
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.career-program .career-program-4years .year-desc .pic-desc .pic {
    float: none;
    width: 100%;
    margin-top: 20px
  }
}
main.content.career-program .career-program-4years .year-desc .pic-desc .desc {
  float: right;
  width: 725px;
  margin-bottom: 0;
  padding-bottom: 0
}
@media screen and (max-width: 768px) {
  main.content.career-program .career-program-4years .year-desc .pic-desc .desc {
    float: none;
    width: 100%
  }
}
main.content.to-menu .to-menu-mv {
  height: 480px;
  margin-bottom: 110px;
  background-image: url(/_assets/images/menu/mv.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-mv {
    height: 76vw;
    margin-bottom: 55px;
    background-image: url(/_assets/images/menu/mv-sp.jpg)
  }
}
main.content.to-menu .to-menu-mv h1 {
  position: relative;
  top: 50%;
  font-size: 60px;
  font-size: 6rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-mv h1 {
    font-size: 24px;
    font-size: 2.4rem
  }
}
main.content.to-menu .to-menu-launcher .links-wrap {
  margin-left: 40px
}
main.content.to-menu .to-menu-launcher .links-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-launcher .links-wrap {
    margin-left: 0
  }
}
main.content.to-menu .to-menu-launcher .links-wrap .link {
  position: relative;
  float: left;
  width: 320px;
  margin-bottom: 25px;
  margin-left: 40px;
  border: solid 1px #ddd
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-launcher .links-wrap .link {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    margin-left: 0
  }
}
main.content.to-menu .to-menu-launcher .links-wrap .link:after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 0px;
  display: block;
  width: 100%;
  height: 5px;
  background-color: #eee
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-launcher .links-wrap .link:after {
    bottom: -4px;
    height: 3px
  }
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-launcher .links-wrap .link:last-child {
    margin-bottom: 0
  }
}
main.content.to-menu .to-menu-launcher .links-wrap .link a {
  display: block;
  width: 100%;
  line-height: 110px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #2a6460;
  background-color: #fff;
  background-image: url(/_assets/images/link-aw.svg);
  background-repeat: no-repeat;
  background-position: 91% center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-launcher .links-wrap .link a {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 50px;
    text-align: left;
    text-indent: 20px;
    background-position: 95% center;
    background-size: 17px auto
  }
}
main.content.to-menu .to-menu-launcher .links-wrap .link a.l2 {
  display: table-cell;
  width: 320px;
  height: 110px;
  line-height: 2;
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-launcher .links-wrap .link a.l2 {
    display: block;
    width: 100%;
    height: auto;
    line-height: 50px
  }
  main.content.to-menu .to-menu-launcher .links-wrap .link a.l2 br {
    display: none
  }
}
main.content.to-menu .to-menu-launcher .links-wrap .link a.l3 {
  display: table-cell;
  width: 320px;
  height: 110px;
  line-height: 1.5;
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-launcher .links-wrap .link a.l3 {
    display: block;
    width: 100%;
    height: auto;
    line-height: 50px
  }
  main.content.to-menu .to-menu-launcher .links-wrap .link a.l3 br {
    display: none
  }
}
main.content.to-menu .to-menu-launcher .links-wrap .link a:hover {
   color: #fff;
  background-color: #2a6460;
  background-image: url(/_assets/images/link-aw-w.svg);
  background-position: 93% center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-launcher .links-wrap .link a:hover {
    background-position: 95% center
  }
}
main.content.to-menu .to-menu-header {
  padding-top: 75px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-header {
    padding-top: 35px
  }
}
main.content.to-menu .to-menu-header p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-header p {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.to-menu .to-menu-header .pic {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-header .pic {
    margin-top: 25px
  }
}
main.content.to-menu .to-menu-header .pic img {
  width: 840px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .to-menu-header .pic img {
    width: 90vw
  }
}
main.content.to-menu .examinee-about h3 {
  margin-bottom: 30px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about h3 {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.to-menu .examinee-about .desc {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .desc {
    margin-bottom: 25px
  }
}
main.content.to-menu .examinee-about ul.desc-list {
  padding-left: 1em
}
main.content.to-menu .examinee-about ul.desc-list.mb {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about ul.desc-list.mb {
    margin-bottom: 25px
  }
}
main.content.to-menu .examinee-about ul.desc-list li {
  text-indent: -1em
}
main.content.to-menu .examinee-about ul.desc-list li::before {
  content: "・";
  color: #2a6460
}
main.content.to-menu .examinee-about .about-links-image {
  width: 930px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto
}
main.content.to-menu .examinee-about .about-links-image:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-links-image {
    width: 100%;
    margin-bottom: 40px
  }
}
main.content.to-menu .examinee-about .about-links-image .link {
  position: relative;
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-links-image .link {
    width: 48%
  }
}
main.content.to-menu .examinee-about .about-links-image .link:last-child {
  float: right
}
main.content.to-menu .examinee-about .about-links-image .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333;
  border: solid 1px #ddd;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-links-image .link a {
    text-align: left
  }
}
main.content.to-menu .examinee-about .about-links-image .link a .fig {
  position: relative;
  margin-bottom: 0
}
main.content.to-menu .examinee-about .about-links-image .link a .info {
  height: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-links-image .link a .info {
    height: 35px
  }
}
main.content.to-menu .examinee-about .about-links-image .link a .tit {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-links-image .link a .tit {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 35px;
    text-align: center
  }
}
main.content.to-menu .examinee-about .about-links-image .link a:hover {
  background: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-links-image .link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.to-menu .examinee-about .about-links-image.sg .link {
  float: none;
  margin-right: auto;
  margin-left: auto
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-links-image.sg .link {
    width: 100%
  }
}
main.content.to-menu .examinee-about .exchange-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 1080px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
  main.content.to-menu .examinee-about .exchange-wrap .exchange {
    margin-right: 3px;
    margin-left: 3px
  }
}
main.content.to-menu .examinee-about .exchange-wrap.hb {
  margin-bottom: 110px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap.hb {
    margin-bottom: 45px
  }
}
main.content.to-menu .examinee-about .exchange-wrap.hbh {
  margin-bottom: 50px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap.hbh {
    margin-bottom: 25px
  }
}
main.content.to-menu .examinee-about .exchange-wrap.center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
main.content.to-menu .examinee-about .exchange-wrap.center .exchange {
  margin-right: 12px;
  margin-left: 12px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap.center .exchange {
    margin-right: 3px;
    margin-left: 3px
  }
}
main.content.to-menu .examinee-about .exchange-wrap .exchange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 200px;
  height: 200px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  border-radius: 100px;
  background-color: #589991;
  background-image: url(/_assets/images/ico-aw-w.svg);
  background-repeat: no-repeat;
  background-position: center 75%;
  background-size: 44px auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap .exchange {
    width: 26.6vw;
    height: 26.6vw;
    border-radius: 13.3vw;
    background-size: 22px auto
  }
}
main.content.to-menu .examinee-about .exchange-wrap .exchange span {
  display: block;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  color: #fff
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap .exchange span {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.to-menu .examinee-about .exchange-wrap .exchange span.fs {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap .exchange span.fs {
    font-size: 8px;
    font-size: 0.8rem
  }
}
@media screen and (max-width: 380px) {
  main.content.to-menu .examinee-about .exchange-wrap .exchange span.fs {
    font-size: 7px;
    font-size: 0.7rem;
    line-height: 1.4
  }
}
main.content.to-menu .examinee-about .exchange-wrap .exchange:hover {
  border: solid 1px #589991;
  background-color: #fff;
  background-image: url(/_assets/images/ico-aw-g.svg);
  background-position: 53% 75%
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap .exchange:hover {
    border: none;
    background-color: #fff;
    background-color: #589991;
    background-image: url(/_assets/images/ico-aw-w.svg)
  }
}
main.content.to-menu .examinee-about .exchange-wrap .exchange:hover span {
  color: #589991
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .exchange-wrap .exchange:hover span {
    color: #fff
  }
}
main.content.to-menu .examinee-about .career-data-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .career-data-wrap {
    display: block
  }
}
main.content.to-menu .examinee-about .career-data-wrap .data-fig {
  width: 360px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .career-data-wrap .data-fig {
    width: 280px;
    margin-right: auto;
    margin-bottom: 30px;
    margin-left: auto
  }
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .career-data-wrap .data-fig:last-child {
    margin-bottom: 0
  }
}
main.content.to-menu .examinee-about .career-data-wrap .data-fig .tit {
  margin-bottom: 40px;
  font-size: 26px;
  font-size: 2.6rem;
  text-align: center;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .career-data-wrap .data-fig .tit {
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.to-menu .examinee-about .career-data-wrap .data-fig .fig {
  margin-bottom: 35px;
  padding-bottom: 20px;
  text-align: center;
  border-bottom: solid 8px #005a49
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .career-data-wrap .data-fig .fig {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: solid 4px #005a49
  }
}
main.content.to-menu .examinee-about .career-data-wrap .data-fig .fig img.fig1 {
  width: 250px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .career-data-wrap .data-fig .fig img.fig1 {
    width: 125px
  }
}
main.content.to-menu .examinee-about .career-data-wrap .data-fig .fig img.fig2 {
  width: 165px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .career-data-wrap .data-fig .fig img.fig2 {
    width: 82px
  }
}
main.content.to-menu .examinee-about .career-data-wrap .data-fig .fig img.fig3 {
  width: 233px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .career-data-wrap .data-fig .fig img.fig3 {
    width: 116px
  }
}
main.content.to-menu .examinee-about .feature-results-mg-s {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .feature-results-mg-s {
    display: block;
    margin-bottom: 20px
  }
}
main.content.to-menu .examinee-about .feature-results-mg-s .results-mg {
  width: 290px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .feature-results-mg-s .results-mg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-bottom: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
  }
}
main.content.to-menu .examinee-about .feature-results-mg-s .results-mg .mg-circle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 180px;
  height: 180px;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
  font-size: 20px;
  font-size: 2rem;
  color: #fff;
  border-radius: 90px;
  background-color: #589991;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .feature-results-mg-s .results-mg .mg-circle {
    float: left;
    width: 24vw;
    height: 24vw;
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 12vw
  }
}
main.content.to-menu .examinee-about .feature-results-mg-s .results-mg .mg-circle div {
  font-size: 48px;
  font-size: 4.8rem;
  line-height: 1.5
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .feature-results-mg-s .results-mg .mg-circle div {
    font-size: 24px;
    font-size: 2.4rem
  }
}
main.content.to-menu .examinee-about .feature-results-mg-s .results-mg .mg-circle div span {
  font-size: 30px;
  font-size: 3rem
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .feature-results-mg-s .results-mg .mg-circle div span {
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.to-menu .examinee-about .feature-results-mg-s .results-mg .mg-circle-info {
  font-weight: bold
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .feature-results-mg-s .results-mg .mg-circle-info {
    float: right;
    width: 60vw;
    text-align: left
  }
}
main.content.to-menu .examinee-about .faculty-links {
  padding-top: 0
}
main.content.to-menu .examinee-about .faculty-links li {
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .faculty-links li {
    margin-bottom: 30px
  }
}
main.content.to-menu .examinee-about .faculty-links li:last-child {
  margin-bottom: 0
}
main.content.to-menu .examinee-about .faculty-links li a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  border: solid 1px #ddd;
  background-color: #fff
}
main.content.to-menu .examinee-about .faculty-links li a img {
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.to-menu .examinee-about .faculty-links li a .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
main.content.to-menu .examinee-about .faculty-links li a .info .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 120px;
  height: 120px;
  font-size: 22px;
  font-size: 2.2rem;
  color: #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .faculty-links li a .info .cat {
    width: 16vw;
    height: 16vw;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 340px) {
  main.content.to-menu .examinee-about .faculty-links li a .info .cat {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.to-menu .examinee-about .faculty-links li a .info .cat.c1 {
  background-color: #3da260
}
main.content.to-menu .examinee-about .faculty-links li a .info .cat.c2 {
  background-color: #d05b81
}
main.content.to-menu .examinee-about .faculty-links li a .info .cat.c3 {
  background-color: #2586d2
}
main.content.to-menu .examinee-about .faculty-links li a .info .cat span {
  display: inline-block;
  text-align: center
}
main.content.to-menu .examinee-about .faculty-links li a .info .desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1080px;
  height: 120px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .faculty-links li a .info .desc {
    width: 74vw;
    height: 16vw
  }
}
main.content.to-menu .examinee-about .faculty-links li a .info .desc span {
  display: inline-block;
  padding-left: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .faculty-links li a .info .desc span {
    padding-right: 20px;
    padding-left: 20px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
@media screen and (max-width: 340px) {
  main.content.to-menu .examinee-about .faculty-links li a .info .desc span {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.to-menu .examinee-about .faculty-links li a:hover {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
main.content.to-menu .examinee-about .faculty-links li a:hover img {
  opacity: 0.6
}
main.content.to-menu .examinee-about .rt-article-links {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .rt-article-links {
    margin-bottom: 30px
  }
}
main.content.to-menu .examinee-about .fig {
  margin-bottom: 60px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .fig {
    margin-bottom: 30px
  }
}
main.content.to-menu .examinee-about .fig img {
  width: 670px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .fig img {
    width: 100%
  }
}
main.content.to-menu .examinee-about .about-image {
  position: relative;
  margin-top: 35px;
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-image {
    margin-top: 20px;
    margin-bottom: 35px
  }
}
main.content.to-menu .examinee-about .about-image img {
  position: relative;
  z-index: 1;
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear
}
main.content.to-menu .examinee-about .about-image span {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 0;
  display: block;
  width: 320px;
  height: 80px;
  padding-left: 30px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 80px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-image span {
    width: 40vw;
    height: 8vw;
    padding-left: 15px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 8vw
  }
}
main.content.to-menu .examinee-about .about-image a {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  background-color: #fff
}
main.content.to-menu .examinee-about .about-image a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-image a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.to-menu .examinee-about .about-image a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-image a:hover img {
    opacity: 1
  }
}
main.content.to-menu .examinee-about .about-image a:hover span {
  width: 360px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .about-image a:hover span {
    width: 42.6vw
  }
}
main.content.to-menu .examinee-about .points-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px
}
main.content.to-menu .examinee-about .points-wrap:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .points-wrap {
    display: block;
    margin-bottom: 40px
  }
}
main.content.to-menu .examinee-about .points-wrap .point {
  width: 570px;
  padding-top: 40px;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .points-wrap .point {
    float: none;
    width: 100%;
    margin-top: 20px;
    padding-top: 0px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.to-menu .examinee-about .points-wrap .point:nth-child(odd) {
  clear: both
}
main.content.to-menu .examinee-about .points-wrap .point:nth-child(even) {
  float: right
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .points-wrap .point:nth-child(even) {
    float: none
  }
}
main.content.to-menu .examinee-about .points-wrap .point.hb {
  padding-top: 0;
  border-bottom: solid 1px #a7b7b4
}
main.content.to-menu .examinee-about .points-wrap .point h4 {
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .points-wrap .point h4 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.to-menu .examinee-about .points-wrap .point p {
  padding-bottom: 30px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .points-wrap .point p {
    padding-bottom: 15px
  }
}
main.content.to-menu .examinee-about .enterprise-fig {
  margin-bottom: 75px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .enterprise-fig {
    margin-bottom: 30px
  }
}
main.content.to-menu .examinee-about .enterprise-fig img {
  width: 670px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .enterprise-fig img {
    width: 100%
  }
}
main.content.to-menu .examinee-about .movie ul:after {
  clear: both;
  display: table;
  content: "";
  line-height: 0;
}
main.content.to-menu .examinee-about .movie ul li {
  width: 560px;
  float: left;
  margin-bottom: 30px
}
main.content.to-menu .examinee-about .movie ul li:nth-child(2) {
  float: right;
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-about .movie ul li {
    float: none;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
  }
  main.content.to-menu .examinee-about .movie ul li:nth-child(2) {
    float: none;
  }
  main.content.to-menu .examinee-about .movie ul li iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    }
  }
main.content.to-menu .commitment-wrap .commitment-fig-wrap {
  margin-bottom: 75px;
  font-size: 0;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-fig-wrap {
    margin-bottom: 30px
  }
}
main.content.to-menu .commitment-wrap .commitment-fig-wrap .commitment-fig {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 300px;
  height: 300px;
  border-radius: 150px;
  background-color: #589991;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-fig-wrap .commitment-fig {
    width: 40vw;
    height: 40vw;
    border-radius: 20vw
  }
}
main.content.to-menu .commitment-wrap .commitment-fig-wrap .commitment-fig span {
  font-size: 36px;
  font-size: 3.6rem;
  color: #fff
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-fig-wrap .commitment-fig span {
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.to-menu .commitment-wrap .commitment-fig-wrap .fig-plus {
  display: inline-block;
  width: 36px;
  margin-right: 15px;
  margin-left: 15px;
  vertical-align: middle
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-fig-wrap .fig-plus {
    width: 4.8vw;
    margin-right: 8px;
    margin-left: 8px
  }
}
main.content.to-menu .commitment-wrap h3 {
  margin-bottom: 25px;
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap h3 {
    margin-bottom: 15px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.to-menu .commitment-wrap .commitment-desc {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-desc {
    margin-bottom: 30px
  }
}
main.content.to-menu .commitment-wrap .commitment-links-image {
  width: 930px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto
}
main.content.to-menu .commitment-wrap .commitment-links-image:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-links-image {
    width: 100%;
    margin-bottom: 40px
  }
}
main.content.to-menu .commitment-wrap .commitment-links-image .link {
  position: relative;
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-links-image .link {
    width: 48%
  }
}
main.content.to-menu .commitment-wrap .commitment-links-image .link:last-child {
  float: right
}
main.content.to-menu .commitment-wrap .commitment-links-image .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-links-image .link a {
    text-align: left
  }
}
main.content.to-menu .commitment-wrap .commitment-links-image .link a .fig {
  position: relative;
  margin-bottom: 0
}
main.content.to-menu .commitment-wrap .commitment-links-image .link a .info {
  height: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-links-image .link a .info {
    height: 35px
  }
}
main.content.to-menu .commitment-wrap .commitment-links-image .link a .tit {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-links-image .link a .tit {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 35px;
    text-align: center
  }
}
main.content.to-menu .commitment-wrap .commitment-links-image .link a:hover {
  background: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.to-menu .commitment-wrap .commitment-links-image .link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.to-menu .teachers-points .rt-title-t2 {
  margin-bottom: 0
}
main.content.to-menu .teachers-points .points-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-points .points-wrap {
    display: block
  }
}
main.content.to-menu .teachers-points .points-wrap .point {
  width: 570px;
  padding-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-points .points-wrap .point {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #a7b7b4
  }
}
main.content.to-menu .teachers-points .points-wrap .point.hbt {
  padding-bottom: 40px;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-points .points-wrap .point.hbt {
    padding-bottom: 20px
  }
}
main.content.to-menu .teachers-points .points-wrap .point h3 {
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2rem
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-points .points-wrap .point h3 {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.to-menu .teachers-dept .desc {
  margin-bottom: 40px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-dept .desc {
    margin-bottom: 25px
  }
}
main.content.to-menu .teachers-dept .dept-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-dept .dept-wrap {
    display: block
  }
}
main.content.to-menu .teachers-dept .dept-wrap .dept {
  width: 360px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-dept .dept-wrap .dept {
    width: 100%;
    margin-bottom: 10px
  }
}
main.content.to-menu .teachers-dept .dept-wrap .dept a {
  display: block;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #333;
  background-color: #fff
}
main.content.to-menu .teachers-dept .dept-wrap .dept a:after {
  content: '';
  display: block;
  clear: both
}
main.content.to-menu .teachers-dept .dept-wrap .dept a:hover {
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-dept .dept-wrap .dept a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-dept .dept-wrap .dept a .fig {
    float: left;
    width: 38.8%
  }
  main.content.to-menu .teachers-dept .dept-wrap .dept a .fig img {
    display: block
  }
}
main.content.to-menu .teachers-dept .dept-wrap .dept a .info {
  padding: 30px 20px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-dept .dept-wrap .dept a .info {
    float: right;
    width: 56.7%;
    padding: 15px 15px 0 0
  }
}
main.content.to-menu .teachers-dept .dept-wrap .dept a .info .tit {
  margin-bottom: 15px;
  font-size: 20px;
  font-size: 2rem;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-dept .dept-wrap .dept a .info .tit {
    margin-bottom: 8px;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left
  }
}
main.content.to-menu .teachers-dept .dept-wrap .dept a .info .desc {
  margin-bottom: 0
}
main.content.to-menu .teachers-admissions .desc {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-admissions .desc {
    margin-bottom: 25px
  }
}
main.content.to-menu .teachers-admissions .admissions-links-image {
  width: 930px;
  margin-right: auto;
  margin-bottom: 60px;
  margin-left: auto
}
main.content.to-menu .teachers-admissions .admissions-links-image:after {
  content: '';
  display: block;
  clear: both
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-admissions .admissions-links-image {
    width: 100%;
    margin-bottom: 40px
  }
}
main.content.to-menu .teachers-admissions .admissions-links-image .link {
  position: relative;
  float: left;
  width: 425px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-admissions .admissions-links-image .link {
    width: 48%
  }
}
main.content.to-menu .teachers-admissions .admissions-links-image .link:last-child {
  float: right
}
main.content.to-menu .teachers-admissions .admissions-links-image .link a {
  display: block;
  width: 100%;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-align: center;
  color: #333
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-admissions .admissions-links-image .link a {
    text-align: left
  }
}
main.content.to-menu .teachers-admissions .admissions-links-image .link a .fig {
  position: relative;
  margin-bottom: 0
}
main.content.to-menu .teachers-admissions .admissions-links-image .link a .info {
  height: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-admissions .admissions-links-image .link a .info {
    height: 35px
  }
}
main.content.to-menu .teachers-admissions .admissions-links-image .link a .tit {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-admissions .admissions-links-image .link a .tit {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 35px;
    text-align: center
  }
}
main.content.to-menu .teachers-admissions .admissions-links-image .link a:hover {
  background: white;
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}
@media screen and (max-width: 768px) {
  main.content.to-menu .teachers-admissions .admissions-links-image .link a:hover {
    -webkit-box-shadow: none;
    box-shadow: none
  }
}
main.content.to-menu .teachers-admissions .rt-link-button {
  margin-top: 60px
}
main.content.to-menu .examinee-job p + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-job p + .rt-link-button {
    margin-top: 25px
  }
}
main.content.to-menu .examinee-job p.note {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-job p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.to-menu .examinee-job p + h3 {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-job p + h3 {
    margin-top: 35px
  }
}
main.content.to-menu .examinee-job .rt-link-button + h3 {
  margin-top: 75px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-job .rt-link-button + h3 {
    margin-top: 35px
  }
}
main.content.to-menu .examinee-job .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-job .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.to-menu .examinee-job .rt-link-button + p {
  margin-top: 35px
}
@media screen and (max-width: 768px) {
  main.content.to-menu .examinee-job .rt-link-button + p {
    margin-top: 20px
  }
}
main.content.to-menu .examinee-attention a {
  color: #f00
}
main.content.to-menu-public .contenr-header p.al {
  width: 900px;
  margin-right: auto;
  margin-left: auto;
  text-align: left
}
main.content.to-menu-public .public-degree-students ul.desc-list {
  padding-left: 1em
}
main.content.to-menu-public .public-degree-students ul.desc-list.mb {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students ul.desc-list.mb {
    margin-bottom: 25px
  }
}
main.content.to-menu-public .public-degree-students ul.desc-list + h4 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students ul.desc-list + h4 {
    margin-top: 30px
  }
}
main.content.to-menu-public .public-degree-students ul.desc-list li {
  text-indent: -1em
}
main.content.to-menu-public .public-degree-students ul.desc-list li::before {
  content: "・";
  color: #2a6460
}
main.content.to-menu-public .public-degree-students ul.desc-list li .note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students ul.desc-list li .note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.to-menu-public .public-degree-students ol {
  padding-left: 2em
}
main.content.to-menu-public .public-degree-students ol.no-list {
  padding-left: 2em;
  list-style-type: upper-latin
}
main.content.to-menu-public .public-degree-students ol.no-list.mb {
  margin-bottom: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students ol.no-list.mb {
    margin-bottom: 25px
  }
}
main.content.to-menu-public .public-degree-students ol.no-list + h4 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students ol.no-list + h4 {
    margin-top: 30px
  }
}
main.content.to-menu-public .public-degree-students p + h4 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students p + h4 {
    margin-top: 30px
  }
}
main.content.to-menu-public .public-degree-students p + p {
  margin-top: 1em
}
main.content.to-menu-public .public-degree-students p.note {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.to-menu-public .public-degree-students p + .desc-list {
  margin-top: 1em
}
main.content.to-menu-public .public-degree-students p + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.to-menu-public .public-degree-students p .note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students p .note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.to-menu-public .public-degree-students .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-public .public-degree-students .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.to-menu-graduates .public-graduates-certificate p a {
  text-decoration: underline;
  color: #333
}
main.content.to-menu-graduates .public-graduates-certificate p .red {
  color: #f00
}
main.content.to-menu-graduates .public-graduates-certificate p .bold {
  font-weight: bold
}
main.content.to-menu-graduates .public-graduates-certificate p .udl {
  text-decoration: underline
}
main.content.to-menu-graduates .public-graduates-certificate p.note {
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.to-menu-graduates .public-graduates-certificate p + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate p + p {
    margin-top: 20px
  }
}
main.content.to-menu-graduates .public-graduates-certificate p + ul {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate p + ul {
    margin-top: 20px
  }
}
main.content.to-menu-graduates .public-graduates-certificate p + h4 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate p + h4 {
    margin-top: 30px
  }
}
main.content.to-menu-graduates .public-graduates-certificate p + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.to-menu-graduates .public-graduates-certificate ul {
  padding-left: 1em
}
main.content.to-menu-graduates .public-graduates-certificate ul li {
  text-indent: -1em
}
main.content.to-menu-graduates .public-graduates-certificate ul li:before {
  content: "・";
  color: #2a6460
}
main.content.to-menu-graduates .public-graduates-certificate ul + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate ul + p {
    margin-top: 20px
  }
}
main.content.to-menu-graduates .public-graduates-certificate ul + h4 {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate ul + h4 {
    margin-top: 30px
  }
}
main.content.to-menu-graduates .public-graduates-certificate ul + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate ul + .rt-link-button {
    margin-top: 30px
  }
}
main.content.to-menu-graduates .public-graduates-certificate .rt-link-button + h4 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate .rt-link-button + h4 {
    margin-top: 30px
  }
}
main.content.to-menu-graduates .public-graduates-certificate .table-wrap + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate .table-wrap + p {
    margin-top: 20px
  }
}
main.content.to-menu-graduates .public-graduates-certificate .table-wrap + ul {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.to-menu-graduates .public-graduates-certificate .table-wrap + ul {
    margin-top: 20px
  }
}
main.content.research-top .low-top-header {
  background-image: url(/_assets/images/research/top-mv.jpg)
}
@media screen and (max-width: 768px) {
  main.content.research-top .low-top-header {
    background-image: url(/_assets/images/research/top-mv-sp.jpg)
  }
}
main.content.research-top .research-top-info .research-info-list {
  border-top: solid 1px #a7b7b4
}
main.content.research-top .research-top-info .research-info-list.nt {
  border-top: none
}
main.content.research-top .research-top-info .research-info-list li a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
  color: #000;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-info .research-info-list li a {
    padding-top: 10px;
    padding-bottom: 10px
  }
}
main.content.research-top .research-top-info .research-info-list li a .date {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-info .research-info-list li a .date {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.research-top .research-top-info .research-info-list li a .subt {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-info .research-info-list li a .subt {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.research-top .research-top-info .research-info-list li a .tit {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-info .research-info-list li a .tit {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.research-top .research-top-info .research-info-list li a:hover {
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-info .research-info-list li a:hover {
    color: #000
  }
  main.content.research-top .research-top-info .research-info-list li a:hover .subt {
    color: #666
  }
}
main.content.research-top .research-top-info .research-info-list li a:hover .subt {
  color: #2a6460
}
main.content.research-top .research-top-info .research-info-list + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-info .research-info-list + .rt-link-button {
    margin-top: 30px
  }
}
main.content.research-top .research-top-info .research-info-list + .links-wrap {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-info .research-info-list + .links-wrap {
    margin-top: 30px
  }
}
main.content.research-top .research-top-links .r-center-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .r-center-wrap {
    display: block
  }
}
main.content.research-top .research-top-links .r-center-wrap + .r-center-wrap {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .r-center-wrap + .r-center-wrap {
    margin-top: 20px
  }
}
main.content.research-top .research-top-links .r-center-wrap .center-links {
  width: 580px
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .r-center-wrap .center-links {
    width: 100%
  }
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .r-center-wrap .center-links + .center-links {
    margin-top: 20px
  }
}
main.content.research-top .research-top-links .r-center-wrap .center-links ul li {
  border-bottom: solid 4px #dae4e3
}
main.content.research-top .research-top-links .r-center-wrap .center-links ul li a {
  display: table-cell;
  width: 580px;
  height: 95px;
  padding-right: 45px;
  padding-left: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  vertical-align: middle;
  color: #000;
  background-image: url(/_assets/images/link-aw.svg);
  background-repeat: no-repeat;
  background-position: 96% center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .r-center-wrap .center-links ul li a {
    width: 90vw;
    height: 50px;
    padding-right: 25px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    background-position: 100% center;
    background-size: 17px auto
  }
}
main.content.research-top .research-top-links .r-center-wrap .center-links ul li a:hover {
  color: #2a6460;
  background-color: #dae4e3;
  background-position: 98% center
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .r-center-wrap .center-links ul li a:hover {
    color: #000;
    background-color: transparent;
    background-position: 100% center
  }
}
main.content.research-top .research-top-links .r-center-wrap .center-links ul li.ctop a {
  font-size: 24px;
  font-size: 2.4rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .r-center-wrap .center-links ul li.ctop a {
    font-size: 16px;
    font-size: 1.6rem
  }
}
main.content.research-top .research-top-links .c-center-wrap {
  margin-bottom: 80px
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .c-center-wrap {
    margin-bottom: 40px
  }
}
main.content.research-top .research-top-links .c-center-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .c-center-wrap ul {
    display: block;
    margin-top: 30px
  }
}
main.content.research-top .research-top-links .c-center-wrap ul li {
  width: 580px;
  margin-top: 30px;
  border-bottom: solid 4px #dae4e3
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .c-center-wrap ul li {
    width: 100%;
    margin-top: 0
  }
}
main.content.research-top .research-top-links .c-center-wrap ul li a {
  display: table-cell;
  width: 580px;
  height: 95px;
  padding-right: 45px;
  font-size: 24px;
  font-size: 2.4rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  vertical-align: middle;
  color: #2a6460;
  background-image: url(/_assets/images/link-aw.svg);
  background-repeat: no-repeat;
  background-position: 99% center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .c-center-wrap ul li a {
    width: 90vw;
    height: 50px;
    padding-right: 25px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    background-position: 100% center;
    background-size: 17px auto
  }
}
main.content.research-top .research-top-links .c-center-wrap ul li a span {
  display: inline-block;
  padding-right: 30px;
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px auto
}
main.content.research-top .research-top-links .c-center-wrap ul li a:hover {
  color: #2a6460;
  background-color: #dae4e3;
  background-position: 100% center
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .c-center-wrap ul li a:hover {
    color: #2a6460;
    background-color: transparent;
    background-position: 100% center
  }
}
main.content.research-top .research-top-links .o-center-wrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .o-center-wrap ul {
    display: block;
    margin-top: 30px
  }
}
main.content.research-top .research-top-links .o-center-wrap ul li {
  width: 580px;
  margin-top: 30px;
  border-bottom: solid 4px #dae4e3
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .o-center-wrap ul li {
    width: 100%;
    margin-top: 0
  }
}
main.content.research-top .research-top-links .o-center-wrap ul li a {
  display: table-cell;
  width: 580px;
  height: 95px;
  padding-right: 45px;
  font-size: 24px;
  font-size: 2.4rem;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  vertical-align: middle;
  color: #2a6460;
  background-image: url(/_assets/images/link-aw.svg);
  background-repeat: no-repeat;
  background-position: 99% center;
  background-size: 34px auto
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .o-center-wrap ul li a {
    width: 90vw;
    height: 50px;
    padding-right: 25px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    background-position: 100% center;
    background-size: 17px auto
  }
}
main.content.research-top .research-top-links .o-center-wrap ul li a span {
  display: inline-block;
  padding-right: 30px;
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 16px auto
}
main.content.research-top .research-top-links .o-center-wrap ul li a:hover {
  color: #2a6460;
  background-color: #dae4e3;
  background-position: 100% center
}
@media screen and (max-width: 768px) {
  main.content.research-top .research-top-links .o-center-wrap ul li a:hover {
    color: #2a6460;
    background-color: transparent;
    background-position: 100% center
  }
}
main.content.research-top .research-top-links p.mb {
  margin-bottom: 40px;
}
main.content.research-info .research-info-box p + p {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box p + p {
    margin-top: 30px
  }
}
main.content.research-info .research-info-box p + p.hft {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box p + p.hft {
    margin-top: 15px
  }
}
main.content.research-info .research-info-box p + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.research-info .research-info-box p + .links-wrap {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box p + .links-wrap {
    margin-top: 30px
  }
}
main.content.research-info .research-info-box p a.pdf {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box p a.pdf {
    padding-left: 20px
  }
}
main.content.research-info .research-info-box p a.pdf:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 23px;
  height: 25px;
  background-image: url(/_assets/images/ico-pdf.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box p a.pdf:after {
    top: 2px;
    width: 20px;
    height: 20px;
    background-size: 13px auto
  }
}
main.content.research-info .research-info-box .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .rt-link-button + .rt-link-button {
    margin-bottom: 10px
  }
}
main.content.research-info .research-info-box .rt-catlink {
  margin-bottom: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .rt-catlink {
    margin-bottom: 30px
  }
}
main.content.research-info .research-info-box .rt-catlink ul {
  width: 100%
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .rt-catlink ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: none;
    border-top: solid 1px #ddd;
    border-left: solid 1px #ddd
  }
}
main.content.research-info .research-info-box .rt-catlink ul li {
  width: 14.28%
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .rt-catlink ul li {
    width: 33.3%;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd
  }
}
main.content.research-info .research-info-box .links-wrap {
  text-align: center
}
main.content.research-info .research-info-box .links-wrap .rt-link-button {
  display: inline-block
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .links-wrap .rt-link-button {
    display: block
  }
}
main.content.research-info .research-info-box .links-wrap .rt-link-button:first-child {
  margin-right: 30px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .links-wrap .rt-link-button:first-child {
    margin-right: 0;
    margin-bottom: 10px
  }
}
main.content.research-info .research-info-box .research-info-list {
  border-top: solid 1px #a7b7b4
}
main.content.research-info .research-info-box .research-info-list.nt {
  border-top: none
}
main.content.research-info .research-info-box .research-info-list li a {
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-transition: color .3s linear;
  transition: color .3s linear;
  color: #000;
  border-bottom: solid 1px #a7b7b4
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .research-info-list li a {
    padding-top: 10px;
    padding-bottom: 10px
  }
}
main.content.research-info .research-info-box .research-info-list li a .date {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .research-info-list li a .date {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.research-info .research-info-box .research-info-list li a .subt {
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .research-info-list li a .subt {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.research-info .research-info-box .research-info-list li a .tit {
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .research-info-list li a .tit {
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.research-info .research-info-box .research-info-list li a:hover {
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .research-info-list li a:hover {
    color: #000
  }
  main.content.research-info .research-info-box .research-info-list li a:hover .subt {
    color: #666
  }
}
main.content.research-info .research-info-box .research-info-list li a:hover .subt {
  color: #2a6460
}
main.content.research-info .research-info-box .research-info-list + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .research-info-list + .rt-link-button {
    margin-top: 30px
  }
}
main.content.research-info .research-info-box .research-info-list + .links-wrap {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .research-info-list + .links-wrap {
    margin-top: 30px
  }
}
main.content.research-info .research-info-box .news-pager {
  margin-top: 60px;
  text-align: center
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .news-pager {
    margin-top: 30px
  }
}
main.content.research-info .research-info-box .news-pager ul li {
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .news-pager ul li {
    margin-right: 2px;
    margin-left: 2px
  }
}
main.content.research-info .research-info-box .news-pager ul li a {
  display: block;
  width: 60px;
  line-height: 60px;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  color: #2a6460;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-box .news-pager ul li a {
    width: 30px;
    line-height: 30px
  }
}
main.content.research-info .research-info-box .news-pager ul li a:hover {
  color: #fff;
  background-color: #2a6460
}
main.content.research-info .research-info-box .news-pager ul li.current a {
  color: #fff;
  background-color: #2a6460
}
main.content.research-info .research-info-member p + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-member p + p {
    margin-top: 15px
  }
}
main.content.research-info .research-info-member p + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-member p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.research-info .research-info-member p + .links-wrap {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-member p + .links-wrap {
    margin-top: 30px
  }
}
main.content.research-info .research-info-member p a.pdf {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-member p a.pdf {
    padding-left: 20px
  }
}
main.content.research-info .research-info-member p a.pdf:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 23px;
  height: 25px;
  background-image: url(/_assets/images/ico-pdf.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  main.content.research-info .research-info-member p a.pdf:after {
    top: 2px;
    width: 20px;
    height: 20px;
    background-size: 13px auto
  }
}
.research-banner {
  margin-top: 60px;
  text-align: center
}
@media screen and (max-width: 768px) {
  .research-banner {
    margin-top: 30px
  }
}
.research-banner a img {
  width: 800px;
  -webkit-transition: opacity .3s linear;
  transition: opacity .3s linear
}
@media screen and (max-width: 768px) {
  .research-banner a img {
    width: 90%
  }
}
.research-banner a:hover img {
  opacity: 0.7
}
@media screen and (max-width: 768px) {
  .research-banner a:hover img {
    opacity: 1
  }
}
main.content.content.common-article .contenr-header h1 {
  margin-bottom: 0
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header h1 {
    margin-bottom: 0
  }
}
main.content.content.common-article .contenr-header h1 + .lead {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header h1 + .lead {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header h1 + .pict {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header h1 + .pict {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header h1 + .desc {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header h1 + .desc {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .lead {
  font-family: "游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  font-size: 32px;
  font-size: 3.2rem;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .lead {
    font-size: 18px;
    font-size: 1.8rem
  }
}
main.content.content.common-article .contenr-header .lead span {
  display: block;
  font-size: 28px;
  font-size: 2.8rem
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .lead span {
    font-size: 15px;
    font-size: 1.5rem
  }
}
main.content.content.common-article .contenr-header .lead + .lead {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .lead + .lead {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .lead + .pict {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .lead + .pict {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .lead + .desc {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .lead + .desc {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .pict img {
  width: 1200px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .pict img {
    width: 100%
  }
}
main.content.content.common-article .contenr-header .pict + .lead {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .pict + .lead {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .pict + .pict {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .pict + .pict {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .pict + .desc {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .pict + .desc {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .desc {
  text-align: center
}
main.content.content.common-article .contenr-header .desc p {
  display: inline-block;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2.5;
  text-align: left
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .desc p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2
  }
}
main.content.content.common-article .contenr-header .desc.center p {
  text-align: center
}
main.content.content.common-article .contenr-header .desc + .lead {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .desc + .lead {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .desc + .pict {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .desc + .pict {
    margin-top: 30px
  }
}
main.content.content.common-article .contenr-header .desc + .desc {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .contenr-header .desc + .desc {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content figure {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
  text-align: left
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure {
    width: 90vw
  }
}
main.content.content.common-article .common-article-content figure figcaption {
  padding-top: 20px;
  font-size: 16px;
  font-size: 1.6rem;
  text-align: left
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure figcaption {
    padding-top: 10px;
    font-size: 12px;
    font-size: 1.2rem
  }
}
main.content.content.common-article .common-article-content figure + p {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + p {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content figure + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + p.note {
    margin-top: 5px
  }
}
main.content.content.common-article .common-article-content figure + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + figure {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content figure + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + .rt-link-button {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content figure + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + h2 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content figure + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + h3 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content figure + h4 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + h4 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content figure + .table-wrap {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + .table-wrap {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content figure + ol {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content figure + ol {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content p {
  line-height: 2
}
main.content.content.common-article .common-article-content p.note {
  font-size: 14px;
  font-size: 1.4rem;
  color: #666
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p.note {
    font-size: 10px;
    font-size: 1rem
  }
}
main.content.content.common-article .common-article-content p a {
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-decoration: underline;
  color: #000
}
main.content.content.common-article .common-article-content p a:hover {
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p a:hover {
    color: #000
  }
}
main.content.content.common-article .common-article-content p a[target="_blank"] {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p a[target="_blank"] {
    padding-left: 20px
  }
}
main.content.content.common-article .common-article-content p a[target="_blank"]:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  display: block;
  width: 23px;
  height: 23px;
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p a[target="_blank"]:after {
    top: 5px;
    width: 20px;
    height: 20px;
    background-size: 15px auto
  }
}
main.content.content.common-article .common-article-content p a[href$=".pdf"] {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p a[href$=".pdf"] {
    padding-left: 20px
  }
}
main.content.content.common-article .common-article-content p a[href$=".pdf"]:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  display: block;
  width: 23px;
  height: 25px;
  background-image: url(/_assets/images/ico-pdf.svg);
  background-repeat: no-repeat;
  background-size: 18px auto
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p a[href$=".pdf"]:after {
    top: 2px;
    width: 20px;
    height: 20px;
    background-size: 13px auto
  }
}
main.content.content.common-article .common-article-content p + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + figure {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content p + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + .rt-link-button {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content p + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + h2 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content p + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + h3 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content p + h4 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + h4 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content p + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + p {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content p + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + p.note {
    margin-top: 5px
  }
}
main.content.content.common-article .common-article-content p + ol {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + ol {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content p + .table-wrap {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content p + .table-wrap {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h2 + figure {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + figure {
    margin-top: 25px
  }
}
main.content.content.common-article .common-article-content h2 + p {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + p {
    margin-top: 25px
  }
}
main.content.content.common-article .common-article-content h2 + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + p.note {
    margin-top: 5px
  }
}
main.content.content.common-article .common-article-content h2 + .rt-link-button {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + .rt-link-button {
    margin-top: 25px
  }
}
main.content.content.common-article .common-article-content h2 + ol {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + ol {
    margin-top: 25px
  }
}
main.content.content.common-article .common-article-content h2 + h2 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + h2 {
    margin-top: 25px
  }
}
main.content.content.common-article .common-article-content h2 + h3 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + h3 {
    margin-top: 25px
  }
}
main.content.content.common-article .common-article-content h2 + h4 {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + h4 {
    margin-top: 25px
  }
}
main.content.content.common-article .common-article-content h2 + .table-wrap {
  margin-top: 55px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h2 + .table-wrap {
    margin-top: 25px
  }
}
main.content.content.common-article .common-article-content h3 + figure {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + figure {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h3 + p {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + p {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h3 + p.note {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + p.note {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h3 + .rt-link-button {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + .rt-link-button {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h3 + ol {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + ol {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h3 + h2 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + h2 {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h3 + h3 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + h3 {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h3 + h4 {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + h4 {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h3 + .table-wrap {
  margin-top: 40px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h3 + .table-wrap {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content h4 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.content.common-article .common-article-content h4 + figure {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + figure {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content h4 + p {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + p {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content h4 + p.note {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + p.note {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content h4 + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + .rt-link-button {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content h4 + ol {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + ol {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content h4 + h2 {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + h2 {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content h4 + h3 {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + h3 {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content h4 + h4 {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + h4 {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content h4 + .table-wrap {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content h4 + .table-wrap {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + figure {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + .rt-link-button {
  margin-top: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + .rt-link-button {
    margin-top: 10px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + h2 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + h3 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + h4 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + h4 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + p {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + p {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + p.note {
  margin-top: 10px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + p.note {
    margin-top: 5px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + ol {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + ol {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content .rt-link-button + .table-wrap {
  margin-top: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .rt-link-button + .table-wrap {
    margin-top: 20px
  }
}
main.content.content.common-article .common-article-content .table-wrap + p {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .table-wrap + p {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content .table-wrap + figure {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .table-wrap + figure {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content .table-wrap + .rt-link-button {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .table-wrap + .rt-link-button {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content .table-wrap + h2 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .table-wrap + h2 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content .table-wrap + h3 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .table-wrap + h3 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content .table-wrap + h4 {
  margin-top: 70px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .table-wrap + h4 {
    margin-top: 35px
  }
}
main.content.content.common-article .common-article-content .table-wrap + .table-wrap {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .table-wrap + .table-wrap {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content .table-wrap + ol {
  margin-top: 60px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content .table-wrap + ol {
    margin-top: 30px
  }
}
main.content.content.common-article .common-article-content ol {
  font-size: 20px;
  font-size: 2rem;
  line-height: 2;
  list-style-type: none;
  counter-reset: item
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol {
    font-size: 14px;
    font-size: 1.4rem
  }
}
main.content.content.common-article .common-article-content ol li {
  padding-bottom: 20px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol li {
    padding-bottom: 10px
  }
}
main.content.content.common-article .common-article-content ol li + li {
  padding-top: 20px;
  border-top: solid 1px #a7b7b4
}
main.content.content.common-article .common-article-content ol li a {
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  text-decoration: underline;
  color: #333
}
main.content.content.common-article .common-article-content ol li a:hover {
  color: #2a6460
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol li a:hover {
    color: #000
  }
}
main.content.content.common-article .common-article-content ol li a.pdf {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol li a.pdf {
    padding-left: 20px
  }
}
main.content.content.common-article .common-article-content ol li a.pdf::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 24px;
  -webkit-transform: translateY(40%);
  transform: translateY(40%)
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol li a.pdf::before {
    width: 13px;
    height: 17px;
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
    background-size: 13px auto
  }
}
main.content.content.common-article .common-article-content ol li a.blank {
  position: relative;
  display: inline-block;
  padding-left: 30px
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol li a.blank {
    padding-left: 20px
  }
}
main.content.content.common-article .common-article-content ol li a.blank::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 24px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  background-image: url(/_assets/images/ico-blank-g.svg);
  background-repeat: no-repeat;
  background-size: 20px auto
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol li a.blank::before {
    width: 13px;
    height: 17px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    background-size: 13px auto
  }
}
main.content.content.common-article .common-article-content ol li:before {
  content: counter(item);
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 35px;
  counter-increment: item;
  text-align: center;
  vertical-align: middle;
  text-indent: 0;
  color: #fff;
  background-color: #589991
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol li:before {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 25px
  }
}
main.content.content.common-article .common-article-content ol li p {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  font-size: 1.6rem
}
@media screen and (max-width: 768px) {
  main.content.content.common-article .common-article-content ol li p {
    margin-top: 10px;
    font-size: 12px;
    font-size: 1.2rem
  }
}

.career-top .fig {
  position: relative;
}

.career-top .fig1 {
  position: absolute;
  top: 90px;
  left: 365px;
  width: 300px;
}
.career-top .fig2 {
  position: absolute;
  top: 90px;
  left: 735px;
  width: 300px;
}
.career-top .fig3 {
  position: absolute;
  top: 605px;
  left: 365px;
  width: 300px;
}
.career-top .fig4 {
  position: absolute;
  top: 605px;
  left: 735px;
  width: 300px;
}
.career-top .fig5 {
  position: absolute;
  top: 1015px;
  left: 365px;
  width: 300px;
}
.career-top .fig6 {
  position: absolute;
  top: 1015px;
  left: 735px;
  width: 300px;
}
.career-top .fig7 {
  position: absolute;
  top: 1425px;
  left: 365px;
  width: 300px;
}

.career-top .fig a {
  transition: 0.4s;
}
.career-top .fig a:hover {
  opacity: 0.5;
}

@media screen and (max-width: 768px) {
  .career-top .fig1 {
  position: absolute;
  top: 5%;
  left: 0%;
  width: 45%;
  }
  .career-top .fig2 {
  position: absolute;
  top: 5%;
  left: 55%;
  width: 45%;
  }
  .career-top .fig3 {
  position: absolute;
  top: 33.5%;
  left: 0%;
  width: 45%;
  }
  .career-top .fig4 {
  position: absolute;
  top: 33.5%;
  left: 55%;
  width: 45%;
  }
  .career-top .fig5 {
  position: absolute;
  top: 56.5%;
  left: 0%;
  width: 45%;
  }
  .career-top .fig6 {
  position: absolute;
  top: 56.5%;
  left: 55%;
  width: 45%;
  }
  .career-top .fig7 {
  position: absolute;
  top: 79%;
  left: 0%;
  width: 45%;
  }
}

/*-------------------------------*/
/*0728
/*-------------------------------*/
main.content.top .top-information .news-list .news-list-n .news{
  float: none;
}

.news-list .news .tit{
  max-height:60px;
  overflow: hidden;
}

.news-list-n{
  margin: 58px auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.news-list-n .card:hover{
  -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.1)
}

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


}

.news-list .news {
  display: flex;
}

.news-list .news .pic{
  background: url(../images/news_thumbnail.png)no-repeat center;
  background-size: cover;
  min-width: 318px;
  height: 200px;
  max-height: 200px;
  overflow: hidden;
  z-index: 0;
  margin-bottom: 15px;
}

.news-list-n .news .pic img{
  width: 360px;
  height: 225px;
  object-fit: cover;
  font-family: "object-fit:cover;";
}

main.content.news-top .news-list .news .pic{
  background: url(../images/news_thumbnail.png)no-repeat center;
  background-size: cover;
  min-width: 360px ;
  height: 225px ;
  max-height: 225px ;
  overflow: hidden;
  z-index: 0;
  margin-bottom: 15px;
}





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

.news-list .news .pic{
  background: url(../images/news_thumbnail.png) no-repeat center;
  background-size: cover;
  min-width: 135px;
  height: 90px;
  overflow: hidden;
  z-index: 0;
  display: inline-block;
  margin-bottom: 0;
}

main.content.news-top .news-list .news .pic{
  background: url(../images/news_thumbnail.png) no-repeat center;
  background-size: cover;
  min-width: 135px ;
  height: 90px ;
  overflow: hidden;
  z-index: 0;
  display: inline-block;
  margin-bottom: 0;
}

main.content.top .top-information .news-list .news a .pic img{
  width: 100vw;
    height: 35vw;
}

main.content.news-top .news-list .news a .pic {
    float: left;
    width: 30%;
    height: 100%;
  }
  main.content.news-top .news-list .news a .pic img {
    object-fit: cover;
    font-family: "object-fit:cover;";
    width: 100vw;
    height: 35vw;
  }

/*.news-list .news .tit{
  max-height:40px;
  overflow: hidden;
}*/

  .news-list-n .ttl{
    width: 61.5%;
    min-width: 61.5%;
    max-height: 40px;
    padding: 5px;
    margin-bottom: 0;
  }

  .news-list-n .ttl a{
    font-size: 1.4rem;
    color: #333;
    line-height: 1.4;
  }

  .news-list-n .cat-tag{
    padding-top: 5px;
    padding-left: 8px;
  }

  .news-list-n .day{
    padding: 10px 0 10px 10px
  }
  .news-list .news{
    margin-bottom: 10px !important;
    padding-bottom: 0 !important;
    width: 90vw !important;
    margin-left: 0 !important;
  }

  .news-pager ul li{
    margin-bottom: 10px;
  }
}

/*-------------------------------*/
/* detail
/*-------------------------------*/
.mt-article figure figcaption{
  text-align: center;
}

.mt-article p img{
  /*width: auto;
  max-width: 100%;
  display: block;*/
  margin: 0 auto;
}

.mt-detail-bottom-links .mt-detail-pager{
  padding-bottom: 60px;
  position: relative;
  display: flex;
}

.mt-detail-bottom-links .mt-detail-pager .prev {
  /* float: left; */
  /* width: 33%; */
  /* text-align: left; */
  position: absolute;
  left: 0;
}

.mt-detail-bottom-links .mt-detail-pager .top {
  /* float: left; */
  /* width: 33%; */
  position: absolute;
  left: 47%;
}

@media screen and (max-width: 768px) {
  .mt-detail-bottom-links .mt-detail-pager .top {
    left: 40%;
  }
}

.mt-detail-bottom-links .mt-detail-pager .next {
  /* float: right; */
  position: absolute;
  right: 0;
}

/*-------------------------------*/
/* column
/*-------------------------------*/
.desc-wrap img{
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto;
  display: block;
}

.desc-wrap ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 50px 0;
}

.desc-wrap ul li{
  width: 48%;
  padding-left: 0 !important;
  text-indent: 0 !important;
}

.desc-wrap ul li:last-child{
  margin-right: 0;
}

.desc-wrap ul li img{
  width: 100%;
  margin-bottom: 10px;
}

.desc-wrap ul li:before{
  content: none !important;
}

@media screen and (max-width: 768px) {
  .desc-wrap ul{
    flex-direction:column;
    flex-wrap: nowrap;
    margin: 20px 0;
  }
  .desc-wrap ul li{
    width: 100%;
    margin-bottom: 20px;
  }
  .wrap-right ul{
    flex-direction: column-reverse;
  }
}


@media screen and (max-width: 768px) {
.mt-article iframe {
   width: 90vw;
   height: 50vw
}
}

.mt-article table.type-rt {
  width: 100%;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: inherit;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin: 0 auto 40px auto;
}

.mt-article table.type-rt-70 {
  width: 70%;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: inherit;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin: 0 auto 40px auto;
}

.mt-article table.type-rt-40 {
  width: 40%;
  font-size: 15px;
  font-size: 1.5rem;
  text-align: inherit;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  margin: 0 auto 40px auto;
}


@media screen and (max-width: 768px) {
  .mt-article table.type-rt,
  .mt-article table.type-rt-70,
  .mt-article table.type-rt-40 {
    width: 100%;
    font-size: 2vw
  }
}
.mt-article table.type-rt th,
.mt-article table.type-rt-70 th,
.mt-article table.type-rt-40 th {
  padding: 25px 15px;
  font-weight: normal;
  vertical-align: middle;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #cde8e0;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .mt-article table.type-rt th,
  .mt-article table.type-rt-70 th,
  .mt-article table.type-rt-40 th {
    padding: 10px 5px
  }
}
.mt-article table.type-rt th.npdt,
.mt-article table.type-rt-70 th.npdt,
.mt-article table.type-rt-40 th.npdt {
  padding: 10px 15px
}
@media screen and (max-width: 768px) {
  .mt-article table.type-rt th.npdt,
  .mt-article table.type-rt-70 th.npdt,
  .mt-article table.type-rt-40 th.npdt {
    padding: 5px 5px
  }
}
.mt-article table.type-rt th.tl,
.mt-article table.type-rt-70 th.tl,
.mt-article table.type-rt-40 th.tl {
  text-align: left
}
.mt-article table.type-rt td,
.mt-article table.type-rt-70 td,
.mt-article table.type-rt-40 td {
  padding: 25px 15px;
  vertical-align: middle;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  background-color: #fff
}
@media screen and (max-width: 768px) {
  .mt-article table.type-rt td,
  .mt-article table.type-rt-70 td,
  .mt-article table.type-rt-40 td {
    padding: 10px 5px
  }
}
.mt-article table.type-rt td.npdt,
.mt-article table.type-rt-70 td.npdt,
.mt-article table.type-rt-40 td.npdt {
  padding: 10px 15px
}
@media screen and (max-width: 768px) {
  .mt-article table.type-rt td.npdt,
  .mt-article table.type-rt-70 td.npdt,
  .mt-article table.type-rt-40 td.npdt {
    padding: 5px 5px
  }
}
.mt-article table.type-rt td.al,
.mt-article table.type-rt-70 td.al,
.mt-article table.type-rt-40 td.al {
  text-align: left
}
.mt-article table.type-rt td span,
.mt-article table.type-rt-70 td span,
.mt-article table.type-rt-40 td span {
  font-size: 12px;
  font-size: 1.2rem
}
@media screen and (max-width: 768px) {
  .mt-article table.type-rt td span,
  .mt-article table.type-rt-70 td span,
  .mt-article table.type-rt-40 td span {
    font-size: 8px;
    font-size: 0.8rem
  }
}
.mt-article table.type-rt td span.cg,
.mt-article table.type-rt-70 td span.cg,
.mt-article table.type-rt-40 td span.cg {
  color: #666
}
.mt-article table.type-rt td.tal,
.mt-article table.type-rt-70 td.tal,
.mt-article table.type-rt-40 td.tal {
  text-align: left
}
.mt-article table.type-rt.hc td,
.mt-article table.type-rt-70.hc td,
.mt-article table.type-rt-40.hc td {
  background-color: #fff
}
.mt-article li a {
  color: #333;
  text-decoration: underline;
}


.rt-catlink ul {
  position: relative;
}

.rt-catlink .news-sub-menu .sub-menu {
  display: none;
}




















































/*旧CSS;
@charset "UTF-8";


/* -- TOPページ　CMS埋め込み部分設定 ------------------------------------------------------------------------------------------------------- */

.top_cms_attention {
  width:55%;
  margin:200px auto -200px auto;
  border:10px solid rgba(255,255,255,.95);
}
li.top_cms_attentiontitle {
  font-size:19px;
  background-color: #cb0013;
  color: #fff;
  font-weight:900;
  letter-spacing:.15em;
  font-family:"utsukushi , ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  padding:17px 35px 14px 35px;
  /*background-color:rgba(255,255,255,1);*/
}
.top_cms_attention li a {
  display:block;
  padding:0 35px;
  background-color:rgba(255,255,255,1);
  opacity: 1;
}
.top_cms_attention li a:hover {
  text-decoration: underline;
  color: #000;
}
.top_cms_attention li {
  border-bottom:1px solid #ddd;
}
.top_cms_attention li:last-child {
  margin-bottom:0;
}
.top_cms_attention li .attention_date {
  font-size:12px;
  color:#444;
  padding:14px 15px 7px 0;
  float:left;
}
.top_cms_attention li .attention_title {
  font-size:15px;
  color:#000;
  letter-spacing:.1em;
  padding:11px 0;
}


.mobiletop_cmsbox {
  display:none;
}

/* -- TOP入試情報部分 --- */
.topcms_exam_area {
  /*width:415px;*/
  width: 625px;
  /*width:840px;*/
  /*height:144px;*/
  /*height: 270px;*/ /*平常時*/
  /*height:240px;*/ /*横バナーふたつの時*/
  /*height:285px;*//*特殊バナーが入った時,大学案内*/
  /*height:540px;*//*特殊バナーが入った時,スタディサプリ夢ナビ大学案内*/
  /*height:144px;*/ /*.topBnrMoral有りの時*/
  /*height: 365px;*//*横バナーみっつの時*/
  /*height: 490px;*//*横バナー4つの時*/
  /*height: 460px;*//*180905修正*/
  /*height: 578px;*//*181001修正前*/
  /*height: 674px;*//*181016修正前*/
  /*height: 375px;*//*181112修正前*/
  /*height: 251px;//*191029修正前*/
  /*height:365px;*//*190327修正前*/
  height: 397px;
  float:left;
  background-color:#FAF2E6;
  border:4px solid #E0AE68;
  /*margin-right: 15px;*/
  margin-bottom: 12px;
}
.topcms_exam_title {
  /*width:415px;*/
  width: 625px;
  /*width:840px;*/
  height:40px;
  background-image:url(../images/topcms_exam_title.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  background-size:contain;
  margin:-4px 0 0 -4px;
  border:1px solid #E0AE68;
  border-bottom-width:4px;
  color:#FFF;
  font-weight:600;
  font-size:16px;
  font-family:"utsukushi , ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  padding:10px 0 0 10px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.topcms_exam_area > ul {
  height: 350px;
  /*height: 235px;*/
  overflow: auto;
  /*height: 320px;*
  /*height: 440px;*/
}
.topcms_exam_link {
  float:right;
  margin:-10px 20px 0 0;
}
.topcms_exam_link a {
  width:130px;
  height:32px;
  background-color:rgba(255,255,100,.4);
  background-image:url(../images/topcms_exam_link01.png);
  background-repeat:no-repeat;
  background-position:10px center;
  color:#774E00;
  display: inline-block;
  padding:8px 0 0 30px;
  font-size:11px;
  letter-spacing:0;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.topcms_exam_box a {
  width:100%;
  display:block;
  padding:4px 15px 2px 15px;
  letter-spacing:.1em;
  font-size:11px;
}
.topcms_exam_box a:hover {
  background-color:rgba(255,255,255,.3);
}

.topcms_exam_date {
  float:left;
  width:90px;
  padding:4px 0;
  color:#222;
}

.topcms_exam_topicstitle{
  color:#222;
  padding:4px 0;
}

.topcms_exam_topicstitle img{
  display:  inline;
  padding: 0 0 0 15px;
  height:12px;
}





/* -- TOPタブ表示部分 --- */
.topcms_main_area {
  width:100%;
  margin:30px 0 15px 0;
  background-color:#FFF;
  min-height:450px;
  position:relative;
}

.topcms_tabs input[type=radio] {
  position: absolute;
  left: -9999px;
}

.topcms_tabs {
    padding:0;
    margin:0;
  float: none;
  list-style: none;
  position: relative;
  width:100%;
  min-height:332px;
}
.topcms_tabs li {
  float: left;
  margin:0;
}
.topcms_tabs label {
  z-index:2;
  display: block;
  cursor: pointer;
  margin:0;
  text-align:left;
  display:block;
  font-weight:600;
  font-size:14px;
  font-family:"utsukushi , ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  background-repeat:repeat-x;
  background-position:bottom;
  background-size:contain;
    width:115px;
  height:32px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  color:#FFF;
}
.topcms_tabs label span {
  width:100%;
  height:100%;
  display:block;
  background-image:url(../images/topcms_main_tabarrow.png);
  background-repeat: no-repeat;
  background-position:right center;
  padding:9px 0 0 10px;
}
li.topcms_cat01 label {
  background-image: url(../images/topcms_main_tab01.jpg);
  border:1px solid rgba(107,184,115,1);
    width:155px;
  height:40px;
  margin-top:-8px;
  font-size:16px;
  cursor:pointer;
}
li.topcms_cat02 label {
  background-image: url(../images/topcms_main_tab02.jpg);
  border:1px solid rgba(197,212,93,1);
    width:155px;
  /*
  height:40px;
  margin-top:-8px;
  font-size:16px;
  */
  cursor:pointer;
  letter-spacing: -1px;/*付け足し160511*/
}
li.topcms_cat01 label span,li.topcms_cat02 label span, {
  padding:14px 0 0 14px;
}
li.topcms_cat03 label {
  background-image: url(../images/topcms_main_tab03.jpg);
  border:1px solid rgba(214,179,66,1);
  cursor:pointer;
}
li.topcms_cat04 label {
  background-image: url(../images/topcms_main_tab04.jpg);
  border:1px solid rgba(200,119,125,1);
  cursor:pointer;
}
li.topcms_cat05 label {
  background-image: url(../images/topcms_main_tab05.jpg);
  border:1px solid rgba(167,117,151,1);
  cursor:pointer;
}
li.topcms_cat06 label {
  background-image: url(../images/topcms_main_tab06.jpg);
  border:1px solid rgba(92,130,199,1);
  cursor:pointer;
}
.topcms_tabs label:hover {
  opacity:.7;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  color:#FFF;
}
[id^=tab1]:checked + label , [id^=tab2]:checked + label , [id^=tab3]:checked + label , [id^=tab4]:checked + label , [id^=tab5]:checked + label, [id^=tab6]:checked + label {
  color:#FFF;
}
[id^=tab]:checked ~ [id^=tab-content] {
  display: block;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.topcms_tabs .tab-content {
  display: none;
  text-align: left;
  overflow: hidden;
  position: absolute;
  left: 0;
  top:32px;
    width:100%;
  min-height:420px;
}
#tab-content1 {
  background-color:rgba(80,140,88,.4);
  border:4px solid rgba(80,140,88,1);
}
#tab-content2 {
  background-color:rgba(151,187,78,.4);
  border:4px solid rgba(151,187,78,1);
}
#tab-content3 {
  background-color:rgba(179,149,55,.4);
  border:4px solid rgba(179,149,55,1);
}
#tab-content4 {
  background-color:rgba(158,92,95,.4);
  border:4px solid rgba(158,92,95,1);
}
#tab-content5 {
  background-color:rgba(138,85,120,.4);
  border:4px solid rgba(138,85,120,1);
}
#tab-content6 {
  background-color:rgba(81,101,140,.4);
  border:4px solid rgba(81,101,140,1);
}

.topcms_tabs .tab-content > ul > li {
  width:100%;
  list-style-type:none;
}

.topcms_main_box a {
  width:100%;
  display:block;
  padding:8px 15px 0 15px;
  letter-spacing:.1em;
  font-size:11px;
  border-bottom:1px dotted #DDD;
}
.topcms_tabs .tab-content > ul > li:first-child {
  padding-top:10px;
}

.topcms_main_box a:hover {
  background-color:rgba(255,255,255,.3);
}
.topcms_main_date {
  float:left;
  width:80px;
  padding:4px 0;
  color:#222;
  font-size:12px;
}
.topcms_main_cat{
  float:left;
  text-align:center;
  font-weight:600;
  color:#FFF;
  padding:2px 7px 1px 7px;
  margin:2px 15px 0 0;
  font-size:10px;
  min-width:80px;
}
.cat_event_news,.cat_ilounge,.cat_region_project,.cat_project_bright,.cat_project_kids,.cat_project_learning,.cat_project_music,.cat_project_shopping,.cat_project_sports,.cat_global_event {background-color:rgba(214,179,66,1);}
.cat_education_news,.cat_research_news,.cat_news_r-bec,.cat_info_r-bec,.cat_research_r-bec,.cat_news_csc,
.cat_info_csc,.cat_research_csc,.cat_news_ripess,.cat_info_ripess,.cat_research_ripess,.cat_news_linc,
.cat_info_linc,.cat_research_linc,
.cat_ac_r-bec,.cat_ac_r-bec_01,.cat_ac_r-bec_02,.cat_ac_r-bec_03,.cat_ac_r-bec_04,.cat_ac_r-bec_05,.cat_ac_r-bec_06,
.cat_ac_csc,.cat_ac_csc_01,.cat_ac_csc_02,.cat_ac_csc_03,.cat_ac_csc_04,.cat_ac_csc_05,.cat_ac_csc_06,.cat_ac_csc_07,
.cat_ac_ripess_0
 {background-color:rgba(200,119,125,1);}
.cat_campuslife_news,.cat_canceled,.cat_students_action,.cat_global-dormitory_news,.cat_dormitory_students {background-color:rgba(167,117,151,1);}
.cat_other_news,.cat_my_career_story,.cat_support_center {background-color:rgba(92,130,199,1);}
.cat_examination_news {background-color:rgba(230,160,50,1);}
.cat_news_release {background-color:rgba(142,187,37,1);}/*付け足し160511*/
.cat_global {background-color:rgba(80,140,88,1);}/*付け足し160524*/

.topcms_main_topicstitle{
  color:#222;
  padding:1px 0 6px 0;
  font-size:13px;
}

.topcms_main_topicstitle img{
  display:  inline;
  padding: 0 0 0 15px;
  height:12px;
}

.topcms_archive_link {
  position:absolute;
  top:0;
  right:0;
  z-index:5000;
}
.topcms_archive_link a {
  width:70px;
  background-color:#666;
  background-image: url(../images/topcms_exam_link02.png);
  background-repeat:no-repeat;
  background-position:3px center;
  font-size:10px;
  line-height:1.2em;
  padding:4px 5px 4px 22px;
  display:block;
  color:#FFF;
}
/* -- TOPページ CMS 緊急のお知らせ 投稿記事表示  設定
------------------------------------------------------------- */


h1.news_headline_title {
  background: none;
  height:auto;
  line-height:1.8em;
  color:#c32332;
  font-weight:500;
  font-size:25px;
  border-bottom:3px solid #c32332;
  border-radius:0;        /* CSS3草案 */
    -webkit-border-radius:0;    /* Safari,Google Chrome用 */
    -moz-border-radius:0;   /* Firefox用 */
}
.cms_headline_content {
  font-size:18px;
  font-weight:500;
  padding:0 20px ;
  line-height:2.2em;
}

/* -- TOPページ RSSボタン  設定
------------------------------------------------------------- */

.top_rss_btn a {
  display:block;
  float:right;
  width:80px;
  height:30px;
  margin:0 0;
  padding:6px 10px 8px 23px;
  background:url(../images/rss_btn.png) no-repeat 10px center;
  background-color:rgba(32,119,100,0.6);
  text-align:center;
  font-size:13px;
  font-weight:600;
  color:#FFF;
  /* border-radius */
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}






/* -- CMS投稿記事表示 固定ページ  設定
-------------------------------------------------------------------------------------------------------------------------- */
.cms_content {
  min-height:400px;
}
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}


.cms_content .activity_publication a {
  font-weight:600;
  text-decoration:underline;
}
.cms_content .activity_publication table {
  width:100%;
  margin:0 auto 20px;
}
.cms_content .activity_publication table td {
  padding:3px 5px;
}

.cms_content .activity_publication a[target="_blank"] {
  background:url(../images/windowicon.gif) no-repeat right top;
  padding-right:20px;
  padding-bottom:3px;
  line-height:17px;
}
.cms_content .activity_publication a.pdflink[target="_blank"] ,.cms_content .activity_publication a[href$=".pdf"]{
  background: url(../images/pdficon_small.png) no-repeat left top;
  padding-left:20px;
  padding-right:2px;
  padding-top:3px;
  padding-bottom:2px;
  line-height:20px;
}




.cms_content .visual_field {
    overflow: hidden;
    zoom: 1;
}
.cms_content .visual_field:after {
    content: "";
    display: block;
    clear: both;
}

.cms_content .visual_field a {
  float:none;
  width:auto;
  font-weight:600;
  text-decoration:underline;
  display:inline;
}
.cms_content .visual_field table {
  width:100%;
  margin:0 auto 20px;
  table-layout: fixed;
}
.cms_content .visual_field table td {
  padding:3px 5px;
}

.cms_content .visual_field a[target="_blank"] {
  background:url(../images/windowicon.gif) no-repeat right top;
  padding-right:20px;
  padding-bottom:3px;
  line-height:17px;
}
.cms_content .visual_field a.pdflink[target="_blank"] ,.cms_content .visual_field a[href$=".pdf"]{
  background-image: url(../images/pdf_link_list0.gif),url(../images/pdficon_small.png);
  background-repeat:no-repeat, no-repeat;
  background-position:left top, right top;
  padding-left:20px;
  padding-right:20px;
  padding-top:3px;
  padding-bottom:2px;
  line-height:19px;
  color:#222;
}

.cms_content .visual_field .imageblock {
  margin:3px 0 10px 0;
  box-shadow: 0 0 0 6px rgba(255,255,255,0.4) inset;
  padding:0 0 8px 0;
  display: table;
  padding:0;
}

.cms_content .visual_field .imageblock img {
  position:relative;
  z-index:-1;
  margin:0 0 -6px 0;
}
.cms_content .visual_field .imageblock>img.alignleft,
.cms_content .visual_field .imageblock>img.alignright,
.cms_content .visual_field .imageblock>img.aligncenter {
  float:none;
  margin:0 0 -6px 0;
  display:inline-block;
}
.cms_content .visual_field .imageblock.alignleft {
  margin-right:20px;
}
.cms_content .visual_field .imageblock.aligncenter {
  margin:3px auto 20px auto;
}
.cms_content .visual_field .imageblock.alignright {
  margin-left:20px;
}


.cms_content .visual_field .wcv_text01 {
  width:100%;
  margin:0 0 20px 0;
}
.cms_content .visual_field .wcv_text01 .imageblock{
  float:left;
  margin:0 3px 8px 0;
  display:block;
  box-shadow:  none;
  padding: 0;
  display:inline-block;
}

.cms_content .visual_field .wcv_text01 .imageblock img {
  position:relative;
  z-index: auto;
  margin:0;
  float:left;
}
.cms_content .visual_field .wcv_text01 div:last-child.imageblock{
  margin:0 0 8px 0;
}
.cms_content .visual_field .wcv_text01 .imageblock.alignleft,
.cms_content .visual_field .wcv_text01 .imageblock.aligncenter {
  margin:0 3px 8px 0;
}

.cms_content .visual_field .wcv_text01 .imageblock.alignright {
  margin:0 0 8px 0;
}




.cms_content .visual_field .visual_icon01 {
  display:inline-block;
  width:15px;
  line-height:15px;
  padding-bottom:3px;
  margin-right:5px;
  background-image:url(../images/index_colum_list.png);
  background-repeat: no-repeat;
  background-position:left 3px;
  background-size:contain;
  float:left;
  min-height:18px;
}

.cms_content .visual_field .visual_icon02 {
  display:inline-block;
  width:15px;
  line-height:15px;
  padding-bottom:3px;
  margin-right:2px;
  background-image:url(../images/index_colum_list2.png) ;
  background-repeat:no-repeat;
  background-position:left 5px;
  background-size:contain;
  float:left;
  min-height:20px;
}

.cms_content .visual_field .ms40 {
  height:40px;
  clear:both;
  width:100%;
}

.cms_content .visual_field .visual_linkbtn {
  float:right;
  margin:0 0 10px 0;
  padding:7px;
  border:2px solid #FFF;
  background-color:rgba(240,249,243,1);/*(108,190,131,0.1)と同じ透過なし*/
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.4) 0px 0px 3px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
  background-image:url(../images/header_arrow.png) ;
  background-repeat:no-repeat;
  background-position:5px center;
}
.cms_content .visual_field .visual_linkbtn a {
  min-height:15px;
  padding-left:23px;
  font-size:14px;
  font-weight:600;
  color:#207764;
}



.cms_content .visual_field .visual_linkbtn:after {
    content: "";
    display: block;
    clear: both;
}

.event_list p {
  color:#207764;
  border-left:3px solid #EAEAEA;
  padding-left:10px;
}

.event_list p a {
  text-decoration:underline;
}

/* -- 書式の設定 --- */
.cms_content p {
    display: block;
    margin: .7em 0;
}

.cms_postimg img {
  border:3px solid #FFF;
  -webkit-box-shadow: 1px 1px 5px #CCC; /* Safari, Chrome用 */
  -moz-box-shadow: 1px 1px 5px  #CCC; /* Firefox用 */
  box-shadow: 1px 1px 5px  #CCC; /* CSS3 */
  margin:auto;
}
.aligncenter {
  clear: both;
  display: block;
}
.alignright {
  float: right;
  margin:0 0 0 20px;
}
.alignleft {
  float: left;
  margin:0 20px 0 0;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}
p.wp-caption-text{
  margin:-5px 0 0 0;
}
.wp-caption-text {
  text-align:center;
  color:#555;
  background-color:#FFF;
  margin:0 10px 10px 0;
  border:1px solid #DDD;
}

.cms_content table {
  margin:5px  auto 10px  auto;
  border:2px solid #999;
  font-weight:500;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms_content table th , .cms_content table td {
  line-height:1.5em;
  padding:3px 10px;
  border:1px solid #666;
}
.cms_content table th {
  padding:5px 8px;
  background-color:rgb(240,240,240);
  text-align:left;
  font-weight:400;
  border:1px solid rgb(198,198,198);
}
.cms_content table th span {
  font-size:10px;
  display:inline-block;
}
.cms_content table td {
  padding:6px 10px;
  background-color:rgba(255,255,255,0.5);
  border:1px solid rgb(198,198,198);
}
.cms_content table td a {
  text-decoration:underline;
  color:#6CBE83;
}







/*////////////////////教員紹介設定 リストページ////////////////////*/



/***************************************
 * clear fix
****************************************/
.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

.idTabs {
  border-bottom:3px solid #207266;
  margin:20px 0 0 0;
  width:100%;
  padding:0;
}

div.idTabs li {
  float:left;
  font-size:14px;
  height:55px;
  line-height:55px;
  text-align:center;
  margin-right: 2px;
  width: 105px;
  box-sizing: border-box;
}
div.idTabs li:nth-child(5),
div.idTabs li:nth-child(7){
  width: 110px;
}
div.idTabs li:last-child,
div.idTabs li.last {padding-right:0; }

div.idTabs a,
div.idTabs a:link,
div.idTabs a:visited{
  display:block;
  background:url(../images/bg_idTabs.png) center top no-repeat;
  background-size: 100% 100%!important;
  color:#222222;
}

div.idTabs a:hover,
div.idTabs a.selected {
  background:url(../images/bg_idTabs_on.png) center top no-repeat;
  background-size: 100% 100%!important;
  color:#FFFFFF;
}

div.idTabs a:hover {
  opacity:1;
}

#teacherslist {
  display:block; /* ソース上のコメント非表示設定 */
  clear:both;
  width:100%;
  margin:0;
  padding:0;
}

#teacherslist table.table_simple {
  border:none;
  margin-top:0;
  width:100%;
  min-width:720px;
}

#teacherslist table.table_simple thead th,
#teacherslist table.table_simple tbody td {
  border:none;
  border-bottom:1px dotted #b2b2b2;
}

#teacherslist table.table_simple thead th {
  background:#f1faf7;
  color:#177166;
  padding:15px 20px;
}

#teacherslist table.table_simple tbody td {
  background:#FFFFFF;
  padding:15px 20px;
}
#teacherslist table.table_simple tbody tr.odd td,
#teacherslist table.table_simple tbody tr:nth-child(2n) td {
  background:#FAFAFA;
}

#teacherslist table.table_simple td.teachers_name a {
  color:#177166;
  text-decoration:none;
}
#teacherslist table.table_simple td.teachers_name a:hover {
  text-decoration:underline;
  opacity:1;
}

#foreign,
#economics,
#languageeducation,
#internationaleconomy {
  display:none;/* ソース上のコメント非表示設定 */
  clear:both;
  width:100%;
}

/*////////////////////教員紹介設定 個別ページ////////////////////*/

#teachers_search {
  margin-bottom:15px;
}
#teachers_search dl {
  float:right;
  margin:0;
}
#teachers_search dt {
  float:left;
}
#teachers_search dd {
  float:right;
  margin:0;
  padding-left:10px;
}
#teachers_search dt input {
  background:#FFFFFF url(../images/ico_teachers_search.jpg) 8px no-repeat;
  border:1px solid #E5E4DF;
  border-radius:4px;
  font-size:14px;
  line-height:25px;
  padding:5px;
  padding-left:40px;
  width:220px;
}
#teachers_search dt input::-webkit-input-placeholder,
#teachers_search dt input:-moz-placeholder {
    color:    #999;
}
#teachers_search dd input:hover {
  opacity:0.7;
}

#teachers_image {
  margin-bottom:50px;
}
#teachers_image img {
  display:block;
  width:100%;
}
#teachers_image .staff_img_onhover {
        display: none;
}

.teachers_name_jp {
  font-size:40px;
  /*letter-spacing:.1em;*/
  color:#222;
  /*font-family:"utsukushi , ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
  line-height:100%;
  margin-bottom:10px;
}
.cms_content p.teachers_name_eng {
  font-size:16px;
  color:#177166;
  margin:0 0 50px;
}

.teachers_about {
  background:#FFFFFF;
  border:1px solid #E5E4DF;
  margin:0 0 40px;
  padding:25px;
}
.teachers_about dt {
  color:#177166;
  font-size:26px;
  font-weight:bold;
  margin-bottom:20px;
}
.teachers_about dd {
  color:#222222;
  font-size:14px;
  line-height:180%;
  margin:0;
}

.teachers_faq {
  margin-bottom:30px;
}
.teachers_faq dl {
  float:left;
  margin:0 0 30px;
  width:360px;
}
.teachers_faq dl.odd,
.teachers_faq dl:nth-child(2n) {  float:right; }
.teachers_faq dt {
  border-bottom:1px solid #1F7266;
  color:#1F7266;
  font-size:14px;
  font-weight:bold;
  line-height:35px;
  margin-bottom:15px;
  padding-left:60px;
}
.teachers_faq dd {
  color:#222222;
  line-height:200%;
  margin:0;
  padding:0 15px;
}
.teachers_faq .q1 dt {  background:url(../images/ico_teachers_q1.png) 12px top no-repeat; }
.teachers_faq .q2 dt {  background:url(../images/ico_teachers_q2.png) 12px top no-repeat; }
.teachers_faq .q3 dt {  background:url(../images/ico_teachers_q3.png) 12px top no-repeat; }
.teachers_faq .q4 dt {  background:url(../images/ico_teachers_q4.png) 12px top no-repeat; }
.teachers_faq .q5 dt {  background:url(../images/ico_teachers_q5.png) 12px top no-repeat; }
.teachers_faq .q6 dt {  background:url(../images/ico_teachers_q6.png) 12px top no-repeat; }

.teachers_contentsbox {
  background:url(../images/h2.jpg) left top no-repeat;
  margin:0;
  padding-top:3px;
  width:100%;
  max-width:760px;
}
.teachers_contentsbox table {
  border:none;
  margin:0;
  width:100%;
}
.teachers_contentsbox table th,
.teachers_contentsbox table td {
  background:none;
  border:none;
  border-bottom:1px dashed #E6E5E1;
  font-size:12px;
  line-height:150%;
  padding:20px 0;
  vertical-align:top;
}
.teachers_contentsbox table .noBorder th,
.teachers_contentsbox table .noBorder td {  border:none; }
.teachers_contentsbox table th {
  color:#1F7266;
  padding:20px 10px;
  width:165px;
}
.teachers_contentsbox ul {
}
.teachers_contentsbox ul li {
  word-break : break-all;
  word-wrap : break-word;
  overflow-wrap : break-word;
  white-space: pre-line;
  margin-bottom:10px;
    text-align:left;
}
.teachers_contentsbox ul li.last,
.teachers_contentsbox ul li:last-child {  margin-bottom:0; }

/*////////////////////旧フォーム設定(list仕様)////////////////////*/

ul.contact_form{
  width:100%;
  margin:0 auto 20px auto;
  border-left:#207764 1px solid;
  border-top:#207764 1px solid;
}

ul.contact_form li {
}

ul.contact_form li ul{
  width:100%;
}


ul.contact_form li ul li {
  padding:10px 10px 10px 10px;
  width:68%;
  float:left;
  border-bottom:#207764 1px solid;
  border-right:#207764 1px solid;
  min-height:45px;
  background-color:#FFF;
  line-height:20px;
  min-height:50px;
}

ul.contact_form li ul li.form_left{
  width:32%;
  font-weight:700;
  font-size:14px;
  min-height:50px;
  background-color:rgba(240,240,240,.6);
  color:#207764;
}

ul.contact_form li ul li.coment_box{
  min-height:200px;
}


ul.contact_form li ul li.form_left span{
  font-size:11px;
  display:block;
  float:right;
  padding:3px 5px;
  background-color:#207764;
  color:#FFF;
}



.adress02,.your_email,.your_message{
  width:80%;
}

.boxline1{
  height:80px;
}

.boxline2{
  height:120px;
}

.boxline3{
  height:140px;
}


.submit_btn{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;

}
.submit_btn2{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn2.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
}

.submit:hover{
  opacity:.7
}


/*////////////////////新フォーム設定(table仕様)////////////////////*/

table.application_form{
  border: 2px solid #207764;
  width: 100%;
}

.sent table.application_form{
  display:none;
}

.failed input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #E5E5E5 inset;
}

#wpcf7-f56710-p56712-o1 form{
  vertical-align: baseline;
}

.application_form th.form_label{
  width:32%;
  padding: 30px 8px;
  font-weight:700;
  font-size:14px;
  min-height:50px;
  background-color:rgba(240,240,240,.6);
  color:#207764;
}

.application_form td input[type="text"],
.application_form td input[type="email"],
.application_form td input[type="tel"],
.application_form td select{
  height: 36px;
    line-height: 36px;
}

.application_form td textarea{
  width:80%;
}

.application_form th span.required{
  font-size:12px;
  display:block;
  float:right;
  padding:3px 5px;
  background-color:#207764;
  color:#FFF;
}

div.application_btn{
  text-align: -webkit-center;
  margin:.7em auto;
  width:250px;
}



.application_form .wpcf7c-conf{
  background-color:#FFFFFF;
  border:none;
}

.application_btn .wpcf7c-btn-confirm{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
}

.application_btn .wpcf7c-btn-back{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background-color:rgba(144,144,144,.6);
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
  margin: 0 auto 20px;
}

.application_btn .wpcf7-submit{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
}

.application_form.home_btn{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
}

.submit_btn:disabled {
  background-image:none;
  background-color:#aaa;
  border-radius:5px;
  cursor: default;
}
.submit_btn:hover {
  opacity: 0.8;
}
.submit_btn:disabled:hover {
  opacity: 1;
}


/*フォームステップ*/
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: #FFF;
  background-color:rgb(152,210,168);
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color:rgb(152,210,168);
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  font-weight: 700;
  font-size: 14px;
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}


/* -- 投稿記事 singleページ
-------------------------------------------------------------------------------------------------------------------------- */

/*////////////////////各カテゴリ用 メインイメージ設定////////////////////*/


/*///入試//////*/
.page_mainimage.admissions,.page_mainimage.examination_news{
  background:url(../images/mainimage/page_mainimage_admissions.jpg);
}


/*///キャンパスライフ//////*/
.page_mainimage.campuslife,
.page_mainimage.support_center,
.page_mainimage.canceled,
.page_mainimage.students_action,
.page_mainimage.global-dormitory_news,
.page_mainimage.dormitory_students,
.page_mainimage.clubs,
.page_mainimage.campuslife_news {
  background:url(../images/mainimage/page_mainimage_campuslife.jpg);
}

.page_mainimage.clubs{
  background:url(../images/mainimage/page_mainimage_club.jpg);
  height:380px;
}


/*///地域//////*/
.page_mainimage.region,.page_mainimage.region_project,.page_mainimage.project_bright,.page_mainimage.project_kids,.page_mainimage.project_learning,
.page_mainimage.project_music,.page_mainimage.project_shopping,.page_mainimage.project_sports{
  background:url(../images/mainimage/page_mainimage_region.jpg);
}

/*///国際//////*/
.page_mainimage.global,.page_mainimage.ilounge,.page_mainimage.global_event{
  background:url(../images/mainimage/page_mainimage_global.jpg);
}
/*///国際2//////*/
.page_mainimage.abroad {
  background:url(../images/mainimage/page_mainimage_global02.jpg);
  height:400px;
 }

/*///国際3//////*/
.page_mainimage.global.language-training {
  background:url(../images/mainimage/page_mainimage_global03.jpg);
  height:400px;
}



/*///研究//////*/
.page_mainimage.resarch,
.page_mainimage.research_news,
.page_mainimage.news_csc,
.page_mainimage.info_csc,
.page_mainimage.research_csc,
.page_mainimage.ac_csc,
.page_mainimage.ac_csc_01,
.page_mainimage.ac_csc_02,
.page_mainimage.ac_csc_03,
.page_mainimage.ac_csc_04,
.page_mainimage.ac_csc_05,
.page_mainimage.ac_csc_06,
.page_mainimage.ac_csc_07,
.page_mainimage.news_ripess,
.page_mainimage.info_ripess,
.page_mainimage.research_ripess,
.page_mainimage.ac_ripess,
.page_mainimage.ac_ripess_01,
.page_mainimage.ac_ripess_02,
.page_mainimage.ac_ripess_03,
.page_mainimage.ac_ripess_04,
.page_mainimage.ac_ripess_05,
.page_mainimage.ac_ripess_06,
.page_mainimage.news_r-bec,
.page_mainimage.info_r-bec,
.page_mainimage.research_r-bec,
.page_mainimage.ac_r-bec,
.page_mainimage.ac_r-bec_01,
.page_mainimage.ac_r-bec_02,
.page_mainimage.ac_r-bec_03,
.page_mainimage.ac_r-bec_04,
.page_mainimage.ac_r-bec_05,
.page_mainimage.ac_r-bec_06,
.page_mainimage.news_linc,
.page_mainimage.info_linc,
.page_mainimage.research_linc,
.page_mainimage.ac_linc,
.page_mainimage.ac_linc_01,
.page_mainimage.ac_linc_02,
.page_mainimage.ac_linc_03,
.page_mainimage.ac_linc_04,
.page_mainimage.ac_linc_05,
.page_mainimage.ac_linc_06,
.page_mainimage.news_bksc,
.page_mainimage.info_bksc,
.page_mainimage.research_bksc,
.page_mainimage.ac_bksc {
  background:url(../images/mainimage/page_mainimage_research.jpg);
}

/*///info//////*/
.page_mainimage.info,.page_mainimage.other_news,.page_mainimage.inquiry,.page_mainimage.event_report,.page_mainimage.education_news,.page_mainimage.education_action,.page_mainimage.research_action,.page_mainimage.news_release{
  background:url(../images/mainimage/page_mainimage_info.jpg);
}


/*///就職//////*/
.page_mainimage.career,.page_mainimage.my_career_story,.page_mainimage.career {
  background:url(../images/mainimage/page_mainimage_career.jpg);
}

/*///////////////////////////////////////////////////////////////////////*/

.page_maintitle.cms_singlepagetitle {
  background-image:url(../images/maintitle_back.jpg);
  background-repeat:repeat-x;
  background-size: contain;
  height:auto;
  min-height: 65px;
  width:100%;
  font-size:20px;
  letter-spacing:-1px;
  padding:22px 0 15px 15px;
  margin:0 0 18px 0;
  color:#207764;
  line-height:1em;
}



.paragraph.cms_single > p {
  margin-top:15px;
  display:block;
}
.cms_single a img{
  max-width:680px;
  height:auto;
  margin:10px 10px 40px 10px;
}
.cms_single a img.aligncenter {
  margin-left:auto;
  margin-right:auto;
}
.cms_single_date {
  font-size:11px;
  color:#666;
  padding:0 20px 5px 10px ;
  width:100%;
  border-bottom:1px dotted #888;
  margin:-10px 0 15px 0;
  text-align:right;
}
a.cms_catlink {
  padding-left:15px;
}

.cms_content {
  line-height:1.9em;
  letter-spacing:1px;
  font-size:12px;
  color:#333;
}

.attention_txt {
  font-size:14px;
  color:#ea0000;
}

.cms_footer {
  width:100%;
  padding:20px;
  border-top:1px solid #444;
}
.cms_prev a {
  float:left;
  padding-left:10px;
  color:#888;
}

.cms_next a {
  float:right;
  padding-right:10px;
  color:#888;
}

.mobile_prev,.mobile_next {
  display:none;
}



.cms_prev a:hover,.cms_next a:hover {
  color:#444;
}


.wsbl_facebook_like {
  float:left;
  margin-right:15px;
}

.wsbl_twitter {
  float:left;
}

.wsbl_twitter::after {
  clear:both;
}
.wp_social_bookmarking_light_clear {
  clear:both;
}

.cms_mobile_catlink {
  display:none;
}

/* -- CMS投稿記事  アーカイブ 設定
------------------------------------------------------------- */

.cms_archive_box {
  width:100%;
}
.cms_archive_box a {
  width:100%;
  display:block;
  border-bottom:1px solid #BBB;
  padding:5px 5px 15px 20px;
  min-width:760px;
}

.cms_archive_box a:hover {
  display:block;
  background-color:rgba(30,30,30,.1);
}


.cms_archive_date {
  font-size:12px;
  color:#888;
}

.cms_archive_date span {
  font-size:12px;
  padding-left:15px;
}

.cms_archive_date .cms_new {
  float:right;
}

.cms_archive_title {
  font-size:17px;
  padding:8px 0;
  color:#444;
}

.cms_page_navi {
  width:100%;
  padding-left:30%;
}


/* -- ウィジェット設定
------------------------------------------------------------- */


.cms_left_box {
  float:left;
  max-width:27%;
  margin:0 1% 0 0;
  padding:15px;
  background-color:#FFF;
  border:1px solid #AAA;

}

.cms_archive {
  float:right;
  width:70%;
  margin-bottom:30px;
}


.cms_left_box ul li {
  margin-bottom:50px;
  letter-spacing:.05em;
}
.cms_left_box ul li ul li {
  line-height:1.6em;
  padding:0 8px ;
  margin-bottom:15px;
}
.cms_left_box ul li ul li a {
  letter-spacing:.1em;
  font-size:13px;
}

.cms_left_box ul li ul li .children li {
  padding:0 5px 0 20px ;
  margin-bottom:5px;
  line-height:1.3em;
}
.widget_wp-category-archive {
  border-bottom:1px solid #CCC;
  padding-bottom: 8px;
  margin-bottom:20px;
}

li.widget_search {
  background-color:#DDD;
  padding:8px;
  border:1px solid #CCC;
}




/* -- 各phpページ　記事リスト埋め込み表示用
-------------------------------------------------------------------------------------------------------------------------- */

/*////////////////////F-08 卒業生の活躍 My career story ////////////////////*/
.career_story_box {
  width:100%;
  margin:0 0 20px 0;
  padding-bottom:15px;
  border-bottom:1px dotted #888;
}

.career_story_title {
  min-height:40px;
  margin-bottom:10px;
  background-color:rgba(215,240,230,1);
  border:1px solid #FFF;
  /* border-radius */
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.8) 0px 0px 4px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.82) 0px 0px 4px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.8) 0px 0px 4px 0px;
}
.career_story_title a {
  display:block;
  width:100%;
  height:100%;
  font-size:14px;
  color:#207764;
  padding:10px 15px;
  font-weight:600;
}

.career_story_img img {
  width:250px;
  height:auto;
}
.career_story_morebtn {
  margin-top:-15px;
  width:100%;
  text-align:right;
}
.career_story_morebtn a {
  font-size:10px;
  font-weight:600;
  color: #207764;
  padding:3px 5px;
}


/*////////////////////H-01 研究 ////////////////////*/

li.research_news_list .cms_date {
  float:left;
  width:70px;
  margin-right:10px;
  padding-top:2px;
  font-size:11px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1em;
  color:#666;
}
li.research_news_list .cms_catname {
  float:left;
  padding-top:2px;
  font-size:11px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1em;
  color:#207764;
}

li.research_news_list .cms_text {
  width:100%;
  height: auto !important;
  float:none;
  font-size:13px;
  line-height:1em;
  overflow:hidden;
  padding-top:8px;
}
.cms_contents li.research_news_list{
  max-height:66px !important;
}


/*//////////////////// 共通　タイトルのみリスト ////////////////////*/
.cms_title {
  min-height:40px;
  margin-bottom:10px;
  padding:5px 0;
  background-color:rgba(215,240,230,1);
  border:1px solid #FFF;
  /* border-radius */
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.8) 0px 0px 4px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.82) 0px 0px 4px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.8) 0px 0px 4px 0px;
}

.cms_title p{
  min-height:30px;
  margin:0 5px;
  padding:9px 10px;
  font-size:15px;
  letter-spacing:0.15em;
  border-left:6px solid rgba(108,190,131,1);
  line-height:1.2em;
}
.cms_title p a{
  float:right;
  padding-left:20px;
  font-size:12px;
  letter-spacing:0.1em;
  color:#111;
  background:url(../images/index_colum_list.png) no-repeat left 3px;
  display:inline-block;
}
.cms_title p:after {
    content: " ";
    display: table;
  clear:both;
}

.cms_back {
  margin:0 0 15px 0;
  padding:2px 0;
  background-color:rgba(246,251,248,1);
}
.cms_contents li{
  width:100%;
  max-height:52px;
  padding:11px;
  border-bottom:1px dashed rgba(108,190,131,1);
  overflow:hidden;
}
.cms_contents li:last-child{
  border-bottom:none;
}
.cms_date {
  float:left;
  width:70px;
  margin-right:10px;
  padding-top:2px;
  font-size:11px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1em;
  color:#666;
}
.cms_text {
  width:650px;
  height:1em;
  float:left;
  font-size:13px;
  line-height:1em;
  overflow:hidden;
}
.cms_text.withcat{
  width:580px;
}
.cms_cat {
  float:left;
  height:20px;
  margin:-3px 15px 0 0 ;
  background-repeat:no-repeat;
  display:block;
  background-position:left top;
}


.colum2_l .cms_date , .colum2_r .cms_date {
  width:22%;
  margin-right:2%;
}
.colum2_l .cms_text , .colum2_r .cms_text {
  width:75%;
}





/* --  WordPress WP-pagenavi CSS
-------------------------------------------------------------------------------------------------------------------------- */


div.pagenavi {
    width: 100%;
    margin: 2em 0;
    padding: .8em 3px;
    border-top: 1px solid  #BBB;
}

.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BBB;
    padding: 5px 7px;
    margin: 3px;
  font-size:12px;
    color: #444;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color:#EEE;
    border-color: #BBB;
}

.wp-pagenavi span.current {
    color: #444;
}




.top_wp div.pagenavi {
    width: 600px;
    margin: 2em 0;
    padding: .8em 3px;

}

.top_wp .wp-pagenavi {
    clear: both;
}

.top_wp .wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BBB;
    padding: 5px 7px;
    margin: 3px;
  font-size:12px;
    color: #444;
}

.top_wp .wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color:#EEE;
    border-color: #888;
}

.top_wp .wp-pagenavi span.current {
    color: #444;
}

@charset "UTF-8";


/* -- TOPページ　CMS埋め込み部分設定 ------------------------------------------------------------------------------------------------------- */

.top_cms_attention {
  width:55%;
  margin:200px auto -200px auto;
  border:10px solid rgba(255,255,255,.95);
}
li.top_cms_attentiontitle {
  font-size:19px;
  background-color: #cb0013;
  color: #fff;
  font-weight:900;
  letter-spacing:.15em;
  font-family:"utsukushi , ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  padding:17px 35px 14px 35px;
  /*background-color:rgba(255,255,255,1);*/
}
.top_cms_attention li a {
  display:block;
  padding:0 35px;
  background-color:rgba(255,255,255,1);
  opacity: 1;
}
.top_cms_attention li a:hover {
  text-decoration: underline;
  color: #000;
}
.top_cms_attention li {
  border-bottom:1px solid #ddd;
}
.top_cms_attention li:last-child {
  margin-bottom:0;
}
.top_cms_attention li .attention_date {
  font-size:12px;
  color:#444;
  padding:14px 15px 7px 0;
  float:left;
}
.top_cms_attention li .attention_title {
  font-size:15px;
  color:#000;
  letter-spacing:.1em;
  padding:11px 0;
}


.mobiletop_cmsbox {
  display:none;
}

/* -- TOP入試情報部分 --- */
.topcms_exam_area {
  /*width:415px;*/
  width: 625px;
  /*width:840px;*/
  /*height:144px;*/
  /*height: 270px;*/ /*平常時*/
  /*height:240px;*/ /*横バナーふたつの時*/
  /*height:285px;*//*特殊バナーが入った時,大学案内*/
  /*height:540px;*//*特殊バナーが入った時,スタディサプリ夢ナビ大学案内*/
  /*height:144px;*/ /*.topBnrMoral有りの時*/
  /*height: 365px;*//*横バナーみっつの時*/
  /*height: 490px;*//*横バナー4つの時*/
  /*height: 460px;*//*180905修正*/
  /*height: 578px;*//*181001修正前*/
  /*height: 674px;*//*181016修正前*/
  /*height: 375px;*//*181112修正前*/
  /*height: 251px;//*191029修正前*/
  /*height:365px;*//*190327修正前*/
  height: 397px;
  float:left;
  background-color:#FAF2E6;
  border:4px solid #E0AE68;
  /*margin-right: 15px;*/
  margin-bottom: 12px;
}
.topcms_exam_title {
  /*width:415px;*/
  width: 625px;
  /*width:840px;*/
  height:40px;
  background-image:url(../images/topcms_exam_title.jpg);
  background-repeat:repeat-x;
  background-position:bottom;
  background-size:contain;
  margin:-4px 0 0 -4px;
  border:1px solid #E0AE68;
  border-bottom-width:4px;
  color:#FFF;
  font-weight:600;
  font-size:16px;
  font-family:"utsukushi , ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  padding:10px 0 0 10px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}
.topcms_exam_area > ul {
  height: 350px;
  /*height: 235px;*/
  overflow: auto;
  /*height: 320px;*
  /*height: 440px;*/
}
.topcms_exam_link {
  float:right;
  margin:-10px 20px 0 0;
}
.topcms_exam_link a {
  width:130px;
  height:32px;
  background-color:rgba(255,255,100,.4);
  background-image:url(../images/topcms_exam_link01.png);
  background-repeat:no-repeat;
  background-position:10px center;
  color:#774E00;
  display: inline-block;
  padding:8px 0 0 30px;
  font-size:11px;
  letter-spacing:0;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.topcms_exam_box a {
  width:100%;
  display:block;
  padding:4px 15px 2px 15px;
  letter-spacing:.1em;
  font-size:11px;
}
.topcms_exam_box a:hover {
  background-color:rgba(255,255,255,.3);
}

.topcms_exam_date {
  float:left;
  width:90px;
  padding:4px 0;
  color:#222;
}

.topcms_exam_topicstitle{
  color:#222;
  padding:4px 0;
}

.topcms_exam_topicstitle img{
  display:  inline;
  padding: 0 0 0 15px;
  height:12px;
}





/* -- TOPタブ表示部分 --- */
.topcms_main_area {
  width:100%;
  margin:30px 0 15px 0;
  background-color:#FFF;
  min-height:450px;
  position:relative;
}

.topcms_tabs input[type=radio] {
  position: absolute;
  left: -9999px;
}

.topcms_tabs {
    padding:0;
    margin:0;
  float: none;
  list-style: none;
  position: relative;
  width:100%;
  min-height:332px;
}
.topcms_tabs li {
  float: left;
  margin:0;
}
.topcms_tabs label {
  z-index:2;
  display: block;
  cursor: pointer;
  margin:0;
  text-align:left;
  display:block;
  font-weight:600;
  font-size:14px;
  font-family:"utsukushi , ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  background-repeat:repeat-x;
  background-position:bottom;
  background-size:contain;
    width:115px;
  height:32px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  color:#FFF;
}
.topcms_tabs label span {
  width:100%;
  height:100%;
  display:block;
  background-image:url(../images/topcms_main_tabarrow.png);
  background-repeat: no-repeat;
  background-position:right center;
  padding:9px 0 0 10px;
}
li.topcms_cat01 label {
  background-image: url(../images/topcms_main_tab01.jpg);
  border:1px solid rgba(107,184,115,1);
    width:155px;
  height:40px;
  margin-top:-8px;
  font-size:16px;
  cursor:pointer;
}
li.topcms_cat02 label {
  background-image: url(../images/topcms_main_tab02.jpg);
  border:1px solid rgba(197,212,93,1);
    width:155px;
  /*
  height:40px;
  margin-top:-8px;
  font-size:16px;
  */
  cursor:pointer;
  letter-spacing: -1px;/*付け足し160511*/
}
li.topcms_cat01 label span,li.topcms_cat02 label span, {
  padding:14px 0 0 14px;
}
li.topcms_cat03 label {
  background-image: url(../images/topcms_main_tab03.jpg);
  border:1px solid rgba(214,179,66,1);
  cursor:pointer;
}
li.topcms_cat04 label {
  background-image: url(../images/topcms_main_tab04.jpg);
  border:1px solid rgba(200,119,125,1);
  cursor:pointer;
}
li.topcms_cat05 label {
  background-image: url(../images/topcms_main_tab05.jpg);
  border:1px solid rgba(167,117,151,1);
  cursor:pointer;
}
li.topcms_cat06 label {
  background-image: url(../images/topcms_main_tab06.jpg);
  border:1px solid rgba(92,130,199,1);
  cursor:pointer;
}
.topcms_tabs label:hover {
  opacity:.7;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
  color:#FFF;
}
[id^=tab1]:checked + label , [id^=tab2]:checked + label , [id^=tab3]:checked + label , [id^=tab4]:checked + label , [id^=tab5]:checked + label, [id^=tab6]:checked + label {
  color:#FFF;
}
[id^=tab]:checked ~ [id^=tab-content] {
  display: block;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -ms-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}
.topcms_tabs .tab-content {
  display: none;
  text-align: left;
  overflow: hidden;
  position: absolute;
  left: 0;
  top:32px;
    width:100%;
  min-height:420px;
}
#tab-content1 {
  background-color:rgba(80,140,88,.4);
  border:4px solid rgba(80,140,88,1);
}
#tab-content2 {
  background-color:rgba(151,187,78,.4);
  border:4px solid rgba(151,187,78,1);
}
#tab-content3 {
  background-color:rgba(179,149,55,.4);
  border:4px solid rgba(179,149,55,1);
}
#tab-content4 {
  background-color:rgba(158,92,95,.4);
  border:4px solid rgba(158,92,95,1);
}
#tab-content5 {
  background-color:rgba(138,85,120,.4);
  border:4px solid rgba(138,85,120,1);
}
#tab-content6 {
  background-color:rgba(81,101,140,.4);
  border:4px solid rgba(81,101,140,1);
}

.topcms_tabs .tab-content > ul > li {
  width:100%;
  list-style-type:none;
}

.topcms_main_box a {
  width:100%;
  display:block;
  padding:8px 15px 0 15px;
  letter-spacing:.1em;
  font-size:11px;
  border-bottom:1px dotted #DDD;
}
.topcms_tabs .tab-content > ul > li:first-child {
  padding-top:10px;
}

.topcms_main_box a:hover {
  background-color:rgba(255,255,255,.3);
}
.topcms_main_date {
  float:left;
  width:80px;
  padding:4px 0;
  color:#222;
  font-size:12px;
}
.topcms_main_cat{
  float:left;
  text-align:center;
  font-weight:600;
  color:#FFF;
  padding:2px 7px 1px 7px;
  margin:2px 15px 0 0;
  font-size:10px;
  min-width:80px;
}
.cat_event_news,.cat_ilounge,.cat_region_project,.cat_project_bright,.cat_project_kids,.cat_project_learning,.cat_project_music,.cat_project_shopping,.cat_project_sports,.cat_global_event {background-color:rgba(214,179,66,1);}
.cat_education_news,.cat_research_news,.cat_news_r-bec,.cat_info_r-bec,.cat_research_r-bec,.cat_news_csc,
.cat_info_csc,.cat_research_csc,.cat_news_ripess,.cat_info_ripess,.cat_research_ripess,.cat_news_linc,
.cat_info_linc,.cat_research_linc,
.cat_ac_r-bec,.cat_ac_r-bec_01,.cat_ac_r-bec_02,.cat_ac_r-bec_03,.cat_ac_r-bec_04,.cat_ac_r-bec_05,.cat_ac_r-bec_06,
.cat_ac_csc,.cat_ac_csc_01,.cat_ac_csc_02,.cat_ac_csc_03,.cat_ac_csc_04,.cat_ac_csc_05,.cat_ac_csc_06,.cat_ac_csc_07,
.cat_ac_ripess_0
 {background-color:rgba(200,119,125,1);}
.cat_campuslife_news,.cat_canceled,.cat_students_action,.cat_global-dormitory_news,.cat_dormitory_students {background-color:rgba(167,117,151,1);}
.cat_other_news,.cat_my_career_story,.cat_support_center {background-color:rgba(92,130,199,1);}
.cat_examination_news {background-color:rgba(230,160,50,1);}
.cat_news_release {background-color:rgba(142,187,37,1);}/*付け足し160511*/
.cat_global {background-color:rgba(80,140,88,1);}/*付け足し160524*/

.topcms_main_topicstitle{
  color:#222;
  padding:1px 0 6px 0;
  font-size:13px;
}

.topcms_main_topicstitle img{
  display:  inline;
  padding: 0 0 0 15px;
  height:12px;
}

.topcms_archive_link {
  position:absolute;
  top:0;
  right:0;
  z-index:5000;
}
.topcms_archive_link a {
  width:70px;
  background-color:#666;
  background-image: url(../images/topcms_exam_link02.png);
  background-repeat:no-repeat;
  background-position:3px center;
  font-size:10px;
  line-height:1.2em;
  padding:4px 5px 4px 22px;
  display:block;
  color:#FFF;
}
/* -- TOPページ CMS 緊急のお知らせ 投稿記事表示  設定
------------------------------------------------------------- */


h1.news_headline_title {
  background: none;
  height:auto;
  line-height:1.8em;
  color:#c32332;
  font-weight:500;
  font-size:25px;
  border-bottom:3px solid #c32332;
  border-radius:0;        /* CSS3草案 */
    -webkit-border-radius:0;    /* Safari,Google Chrome用 */
    -moz-border-radius:0;   /* Firefox用 */
}
.cms_headline_content {
  font-size:18px;
  font-weight:500;
  padding:0 20px ;
  line-height:2.2em;
}

/* -- TOPページ RSSボタン  設定
------------------------------------------------------------- */

.top_rss_btn a {
  display:block;
  float:right;
  width:80px;
  height:30px;
  margin:0 0;
  padding:6px 10px 8px 23px;
  background:url(../images/rss_btn.png) no-repeat 10px center;
  background-color:rgba(32,119,100,0.6);
  text-align:center;
  font-size:13px;
  font-weight:600;
  color:#FFF;
  /* border-radius */
  border-radius:4px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
}






/* -- CMS投稿記事表示 固定ページ  設定
-------------------------------------------------------------------------------------------------------------------------- */
.cms_content {
  min-height:400px;
}
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}


.cms_content .activity_publication a {
  font-weight:600;
  text-decoration:underline;
}
.cms_content .activity_publication table {
  width:100%;
  margin:0 auto 20px;
}
.cms_content .activity_publication table td {
  padding:3px 5px;
}

.cms_content .activity_publication a[target="_blank"] {
  background:url(../images/windowicon.gif) no-repeat right top;
  padding-right:20px;
  padding-bottom:3px;
  line-height:17px;
}
.cms_content .activity_publication a.pdflink[target="_blank"] ,.cms_content .activity_publication a[href$=".pdf"]{
  background: url(../images/pdficon_small.png) no-repeat left top;
  padding-left:20px;
  padding-right:2px;
  padding-top:3px;
  padding-bottom:2px;
  line-height:20px;
}




.cms_content .visual_field {
    overflow: hidden;
    zoom: 1;
}
.cms_content .visual_field:after {
    content: "";
    display: block;
    clear: both;
}

.cms_content .visual_field a {
  float:none;
  width:auto;
  font-weight:600;
  text-decoration:underline;
  display:inline;
}
.cms_content .visual_field table {
  width:100%;
  margin:0 auto 20px;
  table-layout: fixed;
}
.cms_content .visual_field table td {
  padding:3px 5px;
}

.cms_content .visual_field a[target="_blank"] {
  background:url(../images/windowicon.gif) no-repeat right top;
  padding-right:20px;
  padding-bottom:3px;
  line-height:17px;
}
.cms_content .visual_field a.pdflink[target="_blank"] ,.cms_content .visual_field a[href$=".pdf"]{
  background-image: url(../images/pdf_link_list0.gif),url(../images/pdficon_small.png);
  background-repeat:no-repeat, no-repeat;
  background-position:left top, right top;
  padding-left:20px;
  padding-right:20px;
  padding-top:3px;
  padding-bottom:2px;
  line-height:19px;
  color:#222;
}

.cms_content .visual_field .imageblock {
  margin:3px 0 10px 0;
  box-shadow: 0 0 0 6px rgba(255,255,255,0.4) inset;
  padding:0 0 8px 0;
  display: table;
  padding:0;
}

.cms_content .visual_field .imageblock img {
  position:relative;
  z-index:-1;
  margin:0 0 -6px 0;
}
.cms_content .visual_field .imageblock>img.alignleft,
.cms_content .visual_field .imageblock>img.alignright,
.cms_content .visual_field .imageblock>img.aligncenter {
  float:none;
  margin:0 0 -6px 0;
  display:inline-block;
}
.cms_content .visual_field .imageblock.alignleft {
  margin-right:20px;
}
.cms_content .visual_field .imageblock.aligncenter {
  margin:3px auto 20px auto;
}
.cms_content .visual_field .imageblock.alignright {
  margin-left:20px;
}


.cms_content .visual_field .wcv_text01 {
  width:100%;
  margin:0 0 20px 0;
}
.cms_content .visual_field .wcv_text01 .imageblock{
  float:left;
  margin:0 3px 8px 0;
  display:block;
  box-shadow:  none;
  padding: 0;
  display:inline-block;
}

.cms_content .visual_field .wcv_text01 .imageblock img {
  position:relative;
  z-index: auto;
  margin:0;
  float:left;
}
.cms_content .visual_field .wcv_text01 div:last-child.imageblock{
  margin:0 0 8px 0;
}
.cms_content .visual_field .wcv_text01 .imageblock.alignleft,
.cms_content .visual_field .wcv_text01 .imageblock.aligncenter {
  margin:0 3px 8px 0;
}

.cms_content .visual_field .wcv_text01 .imageblock.alignright {
  margin:0 0 8px 0;
}




.cms_content .visual_field .visual_icon01 {
  display:inline-block;
  width:15px;
  line-height:15px;
  padding-bottom:3px;
  margin-right:5px;
  background-image:url(../images/index_colum_list.png);
  background-repeat: no-repeat;
  background-position:left 3px;
  background-size:contain;
  float:left;
  min-height:18px;
}

.cms_content .visual_field .visual_icon02 {
  display:inline-block;
  width:15px;
  line-height:15px;
  padding-bottom:3px;
  margin-right:2px;
  background-image:url(../images/index_colum_list2.png) ;
  background-repeat:no-repeat;
  background-position:left 5px;
  background-size:contain;
  float:left;
  min-height:20px;
}

.cms_content .visual_field .ms40 {
  height:40px;
  clear:both;
  width:100%;
}

.cms_content .visual_field .visual_linkbtn {
  float:right;
  margin:0 0 10px 0;
  padding:7px;
  border:2px solid #FFF;
  background-color:rgba(240,249,243,1);/*(108,190,131,0.1)と同じ透過なし*/
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.4) 0px 0px 3px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
  background-image:url(../images/header_arrow.png) ;
  background-repeat:no-repeat;
  background-position:5px center;
}
.cms_content .visual_field .visual_linkbtn a {
  min-height:15px;
  padding-left:23px;
  font-size:14px;
  font-weight:600;
  color:#207764;
}



.cms_content .visual_field .visual_linkbtn:after {
    content: "";
    display: block;
    clear: both;
}

.event_list p {
  color:#207764;
  border-left:3px solid #EAEAEA;
  padding-left:10px;
}

.event_list p a {
  text-decoration:underline;
}

/* -- 書式の設定 --- */
.cms_content p {
    display: block;
    margin: .7em 0;
}

.cms_postimg img {
  border:3px solid #FFF;
  -webkit-box-shadow: 1px 1px 5px #CCC; /* Safari, Chrome用 */
  -moz-box-shadow: 1px 1px 5px  #CCC; /* Firefox用 */
  box-shadow: 1px 1px 5px  #CCC; /* CSS3 */
  margin:auto;
}
.aligncenter {
  clear: both;
  display: block;
}
.alignright {
  float: right;
  margin:0 0 0 20px;
}
.alignleft {
  float: left;
  margin:0 20px 0 0;
}

img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}
p.wp-caption-text{
  margin:-5px 0 0 0;
}
.wp-caption-text {
  text-align:center;
  color:#555;
  background-color:#FFF;
  margin:0 10px 10px 0;
  border:1px solid #DDD;
}

.cms_content table {
  margin:5px  auto 10px  auto;
  border:2px solid #999;
  font-weight:500;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms_content table th , .cms_content table td {
  line-height:1.5em;
  padding:3px 10px;
  border:1px solid #666;
}
.cms_content table th {
  padding:5px 8px;
  background-color:rgb(240,240,240);
  text-align:left;
  font-weight:400;
  border:1px solid rgb(198,198,198);
}
.cms_content table th span {
  font-size:10px;
  display:inline-block;
}
.cms_content table td {
  padding:6px 10px;
  background-color:rgba(255,255,255,0.5);
  border:1px solid rgb(198,198,198);
}
.cms_content table td a {
  text-decoration:underline;
  color:#6CBE83;
}







/*////////////////////教員紹介設定 リストページ////////////////////*/



/***************************************
 * clear fix
****************************************/
.clearfix:after{
   content:".";
   display:block;
   height:0;
   visibility:hidden;
   clear:both;
}

.clearfix{
   display:inline-block;
   min-height:1%;  /* for IE 7 and MacIE5.5*/
}

/* Hides from IE-mac \*/
*html .clearfix{height: 1%;}
.clearfix{display: block;}
/* for ie5,6*/

.idTabs {
  border-bottom:3px solid #207266;
  margin:20px 0 0 0;
  width:100%;
  padding:0;
}

div.idTabs li {
  float:left;
  font-size:14px;
  height:55px;
  line-height:55px;
  text-align:center;
  margin-right: 2px;
  width: 105px;
  box-sizing: border-box;
}
div.idTabs li:nth-child(5),
div.idTabs li:nth-child(7){
  width: 110px;
}
div.idTabs li:last-child,
div.idTabs li.last {padding-right:0; }

div.idTabs a,
div.idTabs a:link,
div.idTabs a:visited{
  display:block;
  background:url(../images/bg_idTabs.png) center top no-repeat;
  background-size: 100% 100%!important;
  color:#222222;
}

div.idTabs a:hover,
div.idTabs a.selected {
  background:url(../images/bg_idTabs_on.png) center top no-repeat;
  background-size: 100% 100%!important;
  color:#FFFFFF;
}

div.idTabs a:hover {
  opacity:1;
}

#teacherslist {
  display:block; /* ソース上のコメント非表示設定 */
  clear:both;
  width:100%;
  margin:0;
  padding:0;
}

#teacherslist table.table_simple {
  border:none;
  margin-top:0;
  width:100%;
  min-width:720px;
}

#teacherslist table.table_simple thead th,
#teacherslist table.table_simple tbody td {
  border:none;
  border-bottom:1px dotted #b2b2b2;
}

#teacherslist table.table_simple thead th {
  background:#f1faf7;
  color:#177166;
  padding:15px 20px;
}

#teacherslist table.table_simple tbody td {
  background:#FFFFFF;
  padding:15px 20px;
}
#teacherslist table.table_simple tbody tr.odd td,
#teacherslist table.table_simple tbody tr:nth-child(2n) td {
  background:#FAFAFA;
}

#teacherslist table.table_simple td.teachers_name a {
  color:#177166;
  text-decoration:none;
}
#teacherslist table.table_simple td.teachers_name a:hover {
  text-decoration:underline;
  opacity:1;
}

#foreign,
#economics,
#languageeducation,
#internationaleconomy {
  display:none;/* ソース上のコメント非表示設定 */
  clear:both;
  width:100%;
}

/*////////////////////教員紹介設定 個別ページ////////////////////*/

#teachers_search {
  margin-bottom:15px;
}
#teachers_search dl {
  float:right;
  margin:0;
}
#teachers_search dt {
  float:left;
}
#teachers_search dd {
  float:right;
  margin:0;
  padding-left:10px;
}
#teachers_search dt input {
  background:#FFFFFF url(../images/ico_teachers_search.jpg) 8px no-repeat;
  border:1px solid #E5E4DF;
  border-radius:4px;
  font-size:14px;
  line-height:25px;
  padding:5px;
  padding-left:40px;
  width:220px;
}
#teachers_search dt input::-webkit-input-placeholder,
#teachers_search dt input:-moz-placeholder {
    color:    #999;
}
#teachers_search dd input:hover {
  opacity:0.7;
}

#teachers_image {
  margin-bottom:50px;
}
#teachers_image img {
  display:block;
  width:100%;
}
#teachers_image .staff_img_onhover {
        display: none;
}

.teachers_name_jp {
  font-size:40px;
  /*letter-spacing:.1em;*/
  color:#222;
  /*font-family:"utsukushi , ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
  line-height:100%;
  margin-bottom:10px;
}
.cms_content p.teachers_name_eng {
  font-size:16px;
  color:#177166;
  margin:0 0 50px;
}

.teachers_about {
  background:#FFFFFF;
  border:1px solid #E5E4DF;
  margin:0 0 40px;
  padding:25px;
}
.teachers_about dt {
  color:#177166;
  font-size:26px;
  font-weight:bold;
  margin-bottom:20px;
}
.teachers_about dd {
  color:#222222;
  font-size:14px;
  line-height:180%;
  margin:0;
}

.teachers_faq {
  margin-bottom:30px;
}
.teachers_faq dl {
  float:left;
  margin:0 0 30px;
  width:360px;
}
.teachers_faq dl.odd,
.teachers_faq dl:nth-child(2n) {  float:right; }
.teachers_faq dt {
  border-bottom:1px solid #1F7266;
  color:#1F7266;
  font-size:14px;
  font-weight:bold;
  line-height:35px;
  margin-bottom:15px;
  padding-left:60px;
}
.teachers_faq dd {
  color:#222222;
  line-height:200%;
  margin:0;
  padding:0 15px;
}
.teachers_faq .q1 dt {  background:url(../images/ico_teachers_q1.png) 12px top no-repeat; }
.teachers_faq .q2 dt {  background:url(../images/ico_teachers_q2.png) 12px top no-repeat; }
.teachers_faq .q3 dt {  background:url(../images/ico_teachers_q3.png) 12px top no-repeat; }
.teachers_faq .q4 dt {  background:url(../images/ico_teachers_q4.png) 12px top no-repeat; }
.teachers_faq .q5 dt {  background:url(../images/ico_teachers_q5.png) 12px top no-repeat; }
.teachers_faq .q6 dt {  background:url(../images/ico_teachers_q6.png) 12px top no-repeat; }

.teachers_contentsbox {
  background:url(../images/h2.jpg) left top no-repeat;
  margin:0;
  padding-top:3px;
  width:100%;
  max-width:760px;
}
.teachers_contentsbox table {
  border:none;
  margin:0;
  width:100%;
}
.teachers_contentsbox table th,
.teachers_contentsbox table td {
  background:none;
  border:none;
  border-bottom:1px dashed #E6E5E1;
  font-size:12px;
  line-height:150%;
  padding:20px 0;
  vertical-align:top;
}
.teachers_contentsbox table .noBorder th,
.teachers_contentsbox table .noBorder td {  border:none; }
.teachers_contentsbox table th {
  color:#1F7266;
  padding:20px 10px;
  width:165px;
}
.teachers_contentsbox ul {
}
.teachers_contentsbox ul li {
  word-break : break-all;
  word-wrap : break-word;
  overflow-wrap : break-word;
  white-space: pre-line;
  margin-bottom:10px;
    text-align:left;
}
.teachers_contentsbox ul li.last,
.teachers_contentsbox ul li:last-child {  margin-bottom:0; }

/*////////////////////旧フォーム設定(list仕様)////////////////////*/

ul.contact_form{
  width:100%;
  margin:0 auto 20px auto;
  border-left:#207764 1px solid;
  border-top:#207764 1px solid;
}

ul.contact_form li {
}

ul.contact_form li ul{
  width:100%;
}


ul.contact_form li ul li {
  padding:10px 10px 10px 10px;
  width:68%;
  float:left;
  border-bottom:#207764 1px solid;
  border-right:#207764 1px solid;
  min-height:45px;
  background-color:#FFF;
  line-height:20px;
  min-height:50px;
}

ul.contact_form li ul li.form_left{
  width:32%;
  font-weight:700;
  font-size:14px;
  min-height:50px;
  background-color:rgba(240,240,240,.6);
  color:#207764;
}

ul.contact_form li ul li.coment_box{
  min-height:200px;
}


ul.contact_form li ul li.form_left span{
  font-size:11px;
  display:block;
  float:right;
  padding:3px 5px;
  background-color:#207764;
  color:#FFF;
}



.adress02,.your_email,.your_message{
  width:80%;
}

.boxline1{
  height:80px;
}

.boxline2{
  height:120px;
}

.boxline3{
  height:140px;
}


.submit_btn{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;

}
.submit_btn2{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn2.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
}

.submit:hover{
  opacity:.7
}


/*////////////////////新フォーム設定(table仕様)////////////////////*/

table.application_form{
  border: 2px solid #207764;
  width: 100%;
}

.sent table.application_form{
  display:none;
}

.failed input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #E5E5E5 inset;
}

#wpcf7-f56710-p56712-o1 form{
  vertical-align: baseline;
}

.application_form th.form_label{
  width:32%;
  padding: 30px 8px;
  font-weight:700;
  font-size:14px;
  min-height:50px;
  background-color:rgba(240,240,240,.6);
  color:#207764;
}

.application_form td input[type="text"],
.application_form td input[type="email"],
.application_form td input[type="tel"],
.application_form td select{
  height: 36px;
    line-height: 36px;
}

.application_form td textarea{
  width:80%;
}

.application_form th span.required{
  font-size:12px;
  display:block;
  float:right;
  padding:3px 5px;
  background-color:#207764;
  color:#FFF;
}

div.application_btn{
  text-align: -webkit-center;
  margin:.7em auto;
  width:250px;
}



.application_form .wpcf7c-conf{
  background-color:#FFFFFF;
  border:none;
}

.application_btn .wpcf7c-btn-confirm{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
}

.application_btn .wpcf7c-btn-back{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background-color:rgba(144,144,144,.6);
  -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
  margin: 0 auto 20px;
}

.application_btn .wpcf7-submit{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
}

.application_form.home_btn{
  text-align:center;
  width:250px;
  height:60px;
  cursor:pointer;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight:600;
  color: #FFF;
  background: url(../info/images/submit_btn.png) no-repeat ;
  padding:0 10px 0 0 ;
  display:block;
  border:none;
}

.submit_btn:disabled {
  background-image:none;
  background-color:#aaa;
  border-radius:5px;
  cursor: default;
}
.submit_btn:hover {
  opacity: 0.8;
}
.submit_btn:disabled:hover {
  opacity: 1;
}


/*フォームステップ*/
.stepBar {
  position: relative;
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
  *zoom: 1;
}
.stepBar .step {
  position: relative;
  float: left;
  display: inline-block;
  line-height: 40px;
  padding: 0 40px 0 20px;
  background-color: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.stepBar .step:before, .stepBar .step:after {
  position: absolute;
  left: -15px;
  display: block;
  content: '';
  background-color: #eee;
  border-left: 4px solid #FFF;
  width: 20px;
  height: 20px;
}
.stepBar .step:after {
  top: 0;
  -moz-transform: skew(30deg);
  -ms-transform: skew(30deg);
  -webkit-transform: skew(30deg);
  transform: skew(30deg);
}
.stepBar .step:before {
  bottom: 0;
  -moz-transform: skew(-30deg);
  -ms-transform: skew(-30deg);
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.stepBar .step:first-child {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.stepBar .step:first-child:before, .stepBar .step:first-child:after {
  content: none;
}
.stepBar .step:last-child {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.stepBar .step.current {
  color: #FFF;
  background-color:rgb(152,210,168);
}
.stepBar .step.current:before, .stepBar .step.current:after {
  background-color:rgb(152,210,168);
}
.stepBar.step2 .step {
  width: 50%;
}
.stepBar.step3 .step {
  font-weight: 700;
  font-size: 14px;
  width: 33.333%;
}
.stepBar.step4 .step {
  width: 25%;
}
.stepBar.step5 .step {
  width: 20%;
}


/* -- 投稿記事 singleページ
-------------------------------------------------------------------------------------------------------------------------- */

/*////////////////////各カテゴリ用 メインイメージ設定////////////////////*/


/*///入試//////*/
.page_mainimage.admissions,.page_mainimage.examination_news{
  background:url(../images/mainimage/page_mainimage_admissions.jpg);
}


/*///キャンパスライフ//////*/
.page_mainimage.campuslife,
.page_mainimage.support_center,
.page_mainimage.canceled,
.page_mainimage.students_action,
.page_mainimage.global-dormitory_news,
.page_mainimage.dormitory_students,
.page_mainimage.clubs,
.page_mainimage.campuslife_news {
  background:url(../images/mainimage/page_mainimage_campuslife.jpg);
}

.page_mainimage.clubs{
  background:url(../images/mainimage/page_mainimage_club.jpg);
  height:380px;
}


/*///地域//////*/
.page_mainimage.region,.page_mainimage.region_project,.page_mainimage.project_bright,.page_mainimage.project_kids,.page_mainimage.project_learning,
.page_mainimage.project_music,.page_mainimage.project_shopping,.page_mainimage.project_sports{
  background:url(../images/mainimage/page_mainimage_region.jpg);
}

/*///国際//////*/
.page_mainimage.global,.page_mainimage.ilounge,.page_mainimage.global_event{
  background:url(../images/mainimage/page_mainimage_global.jpg);
}
/*///国際2//////*/
.page_mainimage.abroad {
  background:url(../images/mainimage/page_mainimage_global02.jpg);
  height:400px;
 }

/*///国際3//////*/
.page_mainimage.global.language-training {
  background:url(../images/mainimage/page_mainimage_global03.jpg);
  height:400px;
}



/*///研究//////*/
.page_mainimage.resarch,
.page_mainimage.research_news,
.page_mainimage.news_csc,
.page_mainimage.info_csc,
.page_mainimage.research_csc,
.page_mainimage.ac_csc,
.page_mainimage.ac_csc_01,
.page_mainimage.ac_csc_02,
.page_mainimage.ac_csc_03,
.page_mainimage.ac_csc_04,
.page_mainimage.ac_csc_05,
.page_mainimage.ac_csc_06,
.page_mainimage.ac_csc_07,
.page_mainimage.news_ripess,
.page_mainimage.info_ripess,
.page_mainimage.research_ripess,
.page_mainimage.ac_ripess,
.page_mainimage.ac_ripess_01,
.page_mainimage.ac_ripess_02,
.page_mainimage.ac_ripess_03,
.page_mainimage.ac_ripess_04,
.page_mainimage.ac_ripess_05,
.page_mainimage.ac_ripess_06,
.page_mainimage.news_r-bec,
.page_mainimage.info_r-bec,
.page_mainimage.research_r-bec,
.page_mainimage.ac_r-bec,
.page_mainimage.ac_r-bec_01,
.page_mainimage.ac_r-bec_02,
.page_mainimage.ac_r-bec_03,
.page_mainimage.ac_r-bec_04,
.page_mainimage.ac_r-bec_05,
.page_mainimage.ac_r-bec_06,
.page_mainimage.news_linc,
.page_mainimage.info_linc,
.page_mainimage.research_linc,
.page_mainimage.ac_linc,
.page_mainimage.ac_linc_01,
.page_mainimage.ac_linc_02,
.page_mainimage.ac_linc_03,
.page_mainimage.ac_linc_04,
.page_mainimage.ac_linc_05,
.page_mainimage.ac_linc_06,
.page_mainimage.news_bksc,
.page_mainimage.info_bksc,
.page_mainimage.research_bksc,
.page_mainimage.ac_bksc {
  background:url(../images/mainimage/page_mainimage_research.jpg);
}

/*///info//////*/
.page_mainimage.info,.page_mainimage.other_news,.page_mainimage.inquiry,.page_mainimage.event_report,.page_mainimage.education_news,.page_mainimage.education_action,.page_mainimage.research_action,.page_mainimage.news_release{
  background:url(../images/mainimage/page_mainimage_info.jpg);
}


/*///就職//////*/
.page_mainimage.career,.page_mainimage.my_career_story,.page_mainimage.career {
  background:url(../images/mainimage/page_mainimage_career.jpg);
}

/*///////////////////////////////////////////////////////////////////////*/

.page_maintitle.cms_singlepagetitle {
  background-image:url(../images/maintitle_back.jpg);
  background-repeat:repeat-x;
  background-size: contain;
  height:auto;
  min-height: 65px;
  width:100%;
  font-size:20px;
  letter-spacing:-1px;
  padding:22px 0 15px 15px;
  margin:0 0 18px 0;
  color:#207764;
  line-height:1em;
}



.paragraph.cms_single > p {
  margin-top:15px;
  display:block;
}
.cms_single a img{
  max-width:680px;
  height:auto;
  margin:10px 10px 40px 10px;
}
.cms_single a img.aligncenter {
  margin-left:auto;
  margin-right:auto;
}
.cms_single_date {
  font-size:11px;
  color:#666;
  padding:0 20px 5px 10px ;
  width:100%;
  border-bottom:1px dotted #888;
  margin:-10px 0 15px 0;
  text-align:right;
}
a.cms_catlink {
  padding-left:15px;
}

.cms_content {
  line-height:1.9em;
  letter-spacing:1px;
  font-size:12px;
  color:#333;
}

.attention_txt {
  font-size:14px;
  color:#ea0000;
}

.cms_footer {
  width:100%;
  padding:20px;
  border-top:1px solid #444;
}
.cms_prev a {
  float:left;
  padding-left:10px;
  color:#888;
}

.cms_next a {
  float:right;
  padding-right:10px;
  color:#888;
}

.mobile_prev,.mobile_next {
  display:none;
}



.cms_prev a:hover,.cms_next a:hover {
  color:#444;
}


.wsbl_facebook_like {
  float:left;
  margin-right:15px;
}

.wsbl_twitter {
  float:left;
}

.wsbl_twitter::after {
  clear:both;
}
.wp_social_bookmarking_light_clear {
  clear:both;
}

.cms_mobile_catlink {
  display:none;
}

/* -- CMS投稿記事  アーカイブ 設定
------------------------------------------------------------- */

.cms_archive_box {
  width:100%;
}
.cms_archive_box a {
  width:100%;
  display:block;
  border-bottom:1px solid #BBB;
  padding:5px 5px 15px 20px;
  min-width:760px;
}

.cms_archive_box a:hover {
  display:block;
  background-color:rgba(30,30,30,.1);
}


.cms_archive_date {
  font-size:12px;
  color:#888;
}

.cms_archive_date span {
  font-size:12px;
  padding-left:15px;
}

.cms_archive_date .cms_new {
  float:right;
}

.cms_archive_title {
  font-size:17px;
  padding:8px 0;
  color:#444;
}

.cms_page_navi {
  width:100%;
  padding-left:30%;
}


/* -- ウィジェット設定
------------------------------------------------------------- */


.cms_left_box {
  float:left;
  max-width:27%;
  margin:0 1% 0 0;
  padding:15px;
  background-color:#FFF;
  border:1px solid #AAA;

}

.cms_archive {
  float:right;
  width:70%;
  margin-bottom:30px;
}



.cms_left_box ul li {
  margin-bottom:50px;
  letter-spacing:.05em;
}
.cms_left_box ul li ul li {
  line-height:1.6em;
  padding:0 8px ;
  margin-bottom:15px;
}
.cms_left_box ul li ul li a {
  letter-spacing:.1em;
  font-size:13px;
}

.cms_left_box ul li ul li .children li {
  padding:0 5px 0 20px ;
  margin-bottom:5px;
  line-height:1.3em;
}
.widget_wp-category-archive {
  border-bottom:1px solid #CCC;
  padding-bottom: 8px;
  margin-bottom:20px;
}

li.widget_search {
  background-color:#DDD;
  padding:8px;
  border:1px solid #CCC;
}




/* -- 各phpページ　記事リスト埋め込み表示用
-------------------------------------------------------------------------------------------------------------------------- */

/*////////////////////F-08 卒業生の活躍 My career story ////////////////////*/
.career_story_box {
  width:100%;
  margin:0 0 20px 0;
  padding-bottom:15px;
  border-bottom:1px dotted #888;
}

.career_story_title {
  min-height:40px;
  margin-bottom:10px;
  background-color:rgba(215,240,230,1);
  border:1px solid #FFF;
  /* border-radius */
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.8) 0px 0px 4px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.82) 0px 0px 4px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.8) 0px 0px 4px 0px;
}
.career_story_title a {
  display:block;
  width:100%;
  height:100%;
  font-size:14px;
  color:#207764;
  padding:10px 15px;
  font-weight:600;
}

.career_story_img img {
  width:250px;
  height:auto;
}
.career_story_morebtn {
  margin-top:-15px;
  width:100%;
  text-align:right;
}
.career_story_morebtn a {
  font-size:10px;
  font-weight:600;
  color: #207764;
  padding:3px 5px;
}


/*////////////////////H-01 研究 ////////////////////*/

li.research_news_list .cms_date {
  float:left;
  width:70px;
  margin-right:10px;
  padding-top:2px;
  font-size:11px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1em;
  color:#666;
}
li.research_news_list .cms_catname {
  float:left;
  padding-top:2px;
  font-size:11px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1em;
  color:#207764;
}

li.research_news_list .cms_text {
  width:100%;
  height: auto !important;
  float:none;
  font-size:13px;
  line-height:1em;
  overflow:hidden;
  padding-top:8px;
}
.cms_contents li.research_news_list{
  max-height:66px !important;
}


/*//////////////////// 共通　タイトルのみリスト ////////////////////*/
.cms_title {
  min-height:40px;
  margin-bottom:10px;
  padding:5px 0;
  background-color:rgba(215,240,230,1);
  border:1px solid #FFF;
  /* border-radius */
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.8) 0px 0px 4px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.82) 0px 0px 4px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.8) 0px 0px 4px 0px;
}

.cms_title p{
  min-height:30px;
  margin:0 5px;
  padding:9px 10px;
  font-size:15px;
  letter-spacing:0.15em;
  border-left:6px solid rgba(108,190,131,1);
  line-height:1.2em;
}
.cms_title p a{
  float:right;
  padding-left:20px;
  font-size:12px;
  letter-spacing:0.1em;
  color:#111;
  background:url(../images/index_colum_list.png) no-repeat left 3px;
  display:inline-block;
}
.cms_title p:after {
    content: " ";
    display: table;
  clear:both;
}

.cms_back {
  margin:0 0 15px 0;
  padding:2px 0;
  background-color:rgba(246,251,248,1);
}
.cms_contents li{
  width:100%;
  max-height:52px;
  padding:11px;
  border-bottom:1px dashed rgba(108,190,131,1);
  overflow:hidden;
}
.cms_contents li:last-child{
  border-bottom:none;
}
.cms_date {
  float:left;
  width:70px;
  margin-right:10px;
  padding-top:2px;
  font-size:11px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height:1em;
  color:#666;
}
.cms_text {
  width:650px;
  height:1em;
  float:left;
  font-size:13px;
  line-height:1em;
  overflow:hidden;
}
.cms_text.withcat{
  width:580px;
}
.cms_cat {
  float:left;
  height:20px;
  margin:-3px 15px 0 0 ;
  background-repeat:no-repeat;
  display:block;
  background-position:left top;
}


.colum2_l .cms_date , .colum2_r .cms_date {
  width:22%;
  margin-right:2%;
}
.colum2_l .cms_text , .colum2_r .cms_text {
  width:75%;
}





/* --  WordPress WP-pagenavi CSS
-------------------------------------------------------------------------------------------------------------------------- */


div.pagenavi {
    width: 100%;
    margin: 2em 0;
    padding: .8em 3px;
    border-top: 1px solid  #BBB;
}

.wp-pagenavi {
    clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BBB;
    padding: 5px 7px;
    margin: 3px;
  font-size:12px;
    color: #444;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color:#EEE;
    border-color: #BBB;
}

.wp-pagenavi span.current {
    color: #444;
}




.top_wp div.pagenavi {
    width: 600px;
    margin: 2em 0;
    padding: .8em 3px;

}

.top_wp .wp-pagenavi {
    clear: both;
}

.top_wp .wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #BBB;
    padding: 5px 7px;
    margin: 3px;
  font-size:12px;
    color: #444;
}

.top_wp .wp-pagenavi a:hover, .wp-pagenavi span.current {
    background-color:#EEE;
    border-color: #888;
}

.top_wp .wp-pagenavi span.current {
    color: #444;
}



@charset "UTF-8";

/*未定個所にグレーを置く*/
.pending {
  width:100%;
  min-height:40px;
  padding:10px;
  background-color:#efefef;
  font-size:16px;
  text-align:center;
  color:#C03;
}
span.pending {
  padding:30px 10px 0 10px;
  background:none;
  font-size:16px;
  text-align:center;
  color:#C03;
  position:absolute;
  right:0;
  width:200px;
}
.mbmessage {
  display:none;
}

/* ---------------------------------------------------- breadcrumbs 設定 ---------------------------------------------------- */

.breadcrumbs {
  width:100%;
  margin:0 auto 10px auto;
  padding:12px 0 0 0;
  text-align:right;
  letter-spacing:.1em;
  font-size:11px;
}
.breadcrumbs a:link,.breadcrumbs a:visited {
  color:rgba(32,119,100,6);
}
.breadcrumbs a:hover,.breadcrumbs a:active {
  color:rgba(32,119,100,3);
  text-decoration: underline;
  background:none;
}
.breadcrumbs span {
  color:#207764;
  padding:0 5px;
}

/* ---------------------------------------------------- 各カテゴリ メインイメージ設定 ---------------------------------------------------- */

.page_mainimage {
  width:100%;
  height:280px;
  background-repeat:no-repeat !important;
  margin-bottom:20px;
  -webkit-box-shadow: 0 2px 5px #888; /* Safari, Chrome用 */
  -moz-box-shadow: 0 2px 5px #888; /* Firefox用 */
  box-shadow: 0 2px 5px #888; /* CSS3 */
  border:6px solid rgba(255,255,255,.5);
  background-position:center center;
 }
.page_mainimage.temp { background-image:url(../images/page_mainimage_temp.jpg); }
.page_mainimage.faculty {
  background:url(../images/mainimage/page_mainimage_faculty.jpg);
}

/* ---------------------------------------------------- index 設定 ---------------------------------------------------- */

ul.index_colum {
  padding-bottom:20px;
}
ul.index_colum li.index_colum_box {
  float:left;
  width:240px;
  /*height:240px;*/
  height: 260px;
  margin:0 20px 20px 0;
  padding:2px 2px 20px 2px;
  background:url(../images/index_colum_back.png) no-repeat right bottom #FFF;
/* box-shadow */
box-shadow:rgba(90, 90, 90, 0.2) 0px 0px 6px 0px;
-webkit-box-shadow:rgba(90, 90, 90, 0.2) 0px 0px 6px 0px;
-moz-box-shadow:rgba(90, 90, 90, 0.2) 0px 0px 6px 0px;
}
ul.index_colum li.index_colum_box img{
  display:block;
}
ul.index_colum li.index_colum_box a{
  display:block;
  color: #111;
}
ul.index_colum li.index_colum_box span{
  display:none;
}
ul.index_colum li.index_colum_box a p{
  line-height:1.7em;
  display:block;
  margin:15px 15px 0 15px;
}
ul.index_colum li.index_colum_box.blankbox {
  background:none;
  box-shadow: none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
}
ul.index_colum li.index_colum_box.r_side {
  margin-right:0;
}
ul.index_colum li.wide2 {
  width:500px;
}
ul.index_colum li.wide2 a{
  width:235px;
}

ul.index_colum li.wide3 {
  width:760px;
  margin-right:0;
}
ul.index_colum li.wide2 p,ul.index_colum li.wide3 p{
  width:210px;
  line-height:1.7em;
  display:block;
  margin:15px 15px 0 15px;
}
ul.index_colum li.wide2 ul {
  float:right;
  width:222px;
  height:236px;
  margin-right:18px;
  padding:18px 0 0 0 ;
}
ul.index_colum li.wide3 .index_colum_list {
  float:right;
  width:500px;
  height:236px;
  padding:18px 18px 0 0 ;
}
ul.index_colum li.wide3 .index_colum_list ul.list_l{
  float:left;
  width:240px;
  margin-right:20px;
  font-size:13px;
}
ul.index_colum li.wide3 .index_colum_list ul.list_r{
  float:left;
  width:222px;
  font-size:13px;
}
ul.index_colum li.wide2 li,ul.index_colum li.wide3 li{
  background:none;
}
ul.index_colum li.wide2 li a,ul.index_colum li.wide3 li a{
  color:#6CBE83;
}
ul.index_colum li ul li a{
  padding-left:21px;
  margin-bottom:7px;
  font-weight:600;
  background:url(../images/index_colum_list.png) no-repeat left 6px;
  line-height:1.6em;
}
/* ----------------------- index 学部上書き設定 ----------------------- */
ul.index_colum li.index_colum_box.foreign {
  background:url(../faculty/images/index_colum_back_foreign.png) no-repeat right bottom rgba(255,255,255,1);
  background-color:rgb(196,75,88);
}
ul.index_colum li.index_colum_box.economics {
  background:url(../faculty/images/index_colum_back_economics.png) no-repeat right bottom rgba(255,255,255,1);
  background-color:rgb(43,160,205);
}
ul.index_colum li.index_colum_box.international {
  background:url(../faculty/images/index_colum_back_international.png) no-repeat right bottom rgba(255,255,255,1);
  background-color:rgb(45,161,94);
}
ul.index_colum li.index_colum_box.foreign a,
ul.index_colum li.index_colum_box.economics a,
ul.index_colum li.index_colum_box.international a{
  color: #fff;
}
ul.index_colum li.foreign.wide3,
ul.index_colum li.economics.wide3,
ul.index_colum li.international.wide3 {
  height:300px;
}
ul.index_colum li.foreign.wide3 a,
ul.index_colum li.economics.wide3 a,
ul.index_colum li.international.wide3 a {
  width:65.53%;
}
ul.index_colum li.foreign.wide3 img,
ul.index_colum li.economics.wide3 img,
ul.index_colum li.international.wide3 img {
  width:100%;
}
ul.index_colum li.foreign.wide3 .index_colum_list,
ul.index_colum li.economics.wide3 .index_colum_list,
ul.index_colum li.international.wide3 .index_colum_list {
  float:right;
  width:34%;
  padding:18px 18px 0 20px ;
}
ul.index_colum li.foreign.wide3 .index_colum_list li {
  width:100%;
  height:45px;
  margin:0 0 10px 0;
  padding:0;
  text-align:center;
  border:1px solid #fff;
}
ul.index_colum li.economics.wide3 .index_colum_list li {
  width:100%;
  /*height:50px;*/
  height:45px;
  margin:0 0 10px 0;
  padding:0;
  text-align:center;
  border:1px solid #fff;
}
ul.index_colum li.international.wide3 .index_colum_list li {
  width:100%;
  /*height:50px;*/
  height:45px;
  margin:0 0 10px 0;
  padding:0;
  text-align:center;
  border:1px solid #fff;
}
ul.index_colum li.foreign .index_colum_list li a{
  width:100%;
  height: 46px;
  padding:15px 0;
  background:url(../faculty/foreign/images/index_menu_02.png) no-repeat right top;
}
ul.index_colum li.economics .index_colum_list li a{
  width:100%;
  /*height:50px;*/
  height: 46px;
  padding:15px 0;
  background:url(../faculty/foreign/images/index_menu_02.png) no-repeat right top;
}
ul.index_colum li.international .index_colum_list li a{
  width:100%;
  /*height:50px;*/
  height: 46px;
  padding:15px 0;
  background:url(../faculty/foreign/images/index_menu_02.png) no-repeat right top;
}

ul.index_colum li.foreign.wide3 p,
ul.index_colum li.economics.wide3 p,
ul.index_colum li.international.wide3 p{
  width:210px;
  line-height:1.7em;
  display:block;
  margin:15px 15px 0 15px;
}

a.disabled{
    pointer-events: none;
}



/* ---------------------------------------------------- テキスト等設定 ---------------------------------------------------- */

.page_maintitle {
  background-image:url(../images/maintitle_back.jpg);
  background-repeat:repeat-x;
  height:auto;
  min-height:65px;
  width:100%;
  font-size:23px;
  letter-spacing:.1em;
  padding:22px 0 0 15px;
  margin:0 0 18px 0;
  color:#207764;
  line-height:1em;
  display:inline-block;
}
.page_readtext {
  font-size:18px;
  color:#207764;
  line-height:1.8em;
  letter-spacing:.1em;
  margin:20px 0 12px 0;
}



.paragraph{
  width:100%;
  margin:0 auto 30px auto;
  /*text-align:justify;
  text-justify:distribute-all-lines;*/
  text-align: left;
  /*overflow:hidden;*/
    *zoom: 1;
  line-height:2em;
  color:#111;
}

.paragraph.boxclear , .paragraph a , .paragraph a:hover, .paragraph a:link, .paragraph a:visited , table.table_simple a , table.table_simple a:hover , table a , table a:hover , .r_campus_cammap_box {
  text-justify:auto;
}
table.table_simple td {
  text-justify:auto;
}




.sub_h1 {
  height:30px;
  margin-bottom:15px;
  padding:7px 10px 7px 40px;
  font-size:13px;
  font-weight:600;
  line-height:1em;
  color:#207764;
  background:url(../images/sub_h1.jpg) no-repeat left -1px;
  background-color:#FFF;
  border:1px solid #207764;
  /* border-radius */
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}



.image_left {
  float:left;
  margin:3px 25px 20px 0;
  box-shadow: 0 0 0 6px rgba(255,255,255,0.4) inset;
  padding:0;
}
.image_right {
  float:right;
  margin:3px 0 20px 25px;
  box-shadow: 0 0 0 6px rgba(255,255,255,0.4) inset;
  padding:0;
}
.image_left img , .image_right img {
  position:relative;
  z-index:-1;
  margin:0 0 -8px 0;
}
.image_right a,.image_left a {
  display:block;
}


.image_left.no_line ,.image_left.no_line  {
  box-shadow:none;
}




/*-------------------------リストバーション*/
ul.image_right_longbox {
  float:right;
  margin:3px 0 20px 25px;
}
ul.image_right_longbox li{
  margin-bottom:20px;
  padding:0;
  box-shadow: 0 0 0 6px rgba(255,255,255,0.4) inset;
}
ul.image_right_longbox img{
  position:relative;
  z-index:-1;
  margin:0 0 -8px 0;
}

ul.image_left_longbox {
  float:left;
  margin:3px 0 20px 25px;
}
ul.image_left_longbox li{
  margin-bottom:20px;
  padding:0;
  box-shadow: 0 0 0 6px rgba(255,255,255,0.4) inset;
}
ul.image_left_longbox img{
  position:relative;
  z-index:-1;
  margin:0 0 -8px 0;
}


/*〓〓〓〓〓〓〓麗澤用メールリンク〓〓〓〓〓〓〓*/
.mailto a {
  padding-left:23px;
  font-weight:600;
  text-decoration:underline;
  background:url(../images/mailto.gif) no-repeat left 2px;
}
/*〓〓〓〓〓〓〓麗澤用リンクリスト〓〓〓〓〓〓〓*/
ul.link_list li{
  width:100%;
  background:url(../images/index_colum_list.png) no-repeat left 6px;
  padding-left:20px;
  font-weight:600;
  text-justify:auto;
  color: #444;
}
.size_50{
  float:left;
  width:50%;
}
/*160331加筆*/
.size_33{
  float:left;
  width:33%;
}

.link_list_title {
  height:44px;
  margin-bottom:10px;
  padding:10px 10px 10px 7px;
  background:url(../images/link_list_title.jpg) repeat-x;
  border:2px solid #FFF;
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.4) 0px 0px 3px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
}
.link_list_title a{
  height:17px;
  padding-left:28px;
  font-size:16px;
  font-weight:600;
  line-height:1em;
  background:url(../images/header_arrow.png) no-repeat left 1px;
  color:#207764;
  display:block;
}

/*〓〓〓〓〓〓〓麗澤用　簡易リスト〓〓〓〓〓〓〓*/
ul.list_simple {
  margin-bottom:20px;
}
ul.list_simple li{
  margin-bottom:4px;
}
ul.list_simple li:before{
  content:"▶";
  margin-right:2px;
  color:#207764;
}

/*〓〓〓〓〓〓〓麗澤用　番号リスト　（0）付き表記　〓〓〓〓〓〓〓*/

ol.num_list {
  list-style-position:outside;
  margin-left:-.9em;
}
ol.num_list li {
      list-style-type:none;
      counter-increment: cnt;
    text-indent:-2.8em;
    margin-bottom:0;
}


ol.num_list li:before{
      display: marker;
      content: "（" counter(cnt) "）";
    }



/*〓〓〓〓〓〓〓麗澤用 PDF リンクリスト〓〓〓〓〓〓〓*/
ul.pdf_link_list {
  width:100%;
  min-height:37px;
  margin:10px 0;
  padding:2px 20px 2px 57px;
  border:1px solid rgb(198,198,198);
  background:url(../images/pdf_link_list01.gif) no-repeat left top;
  background-color:rgba(255,255,255,0.7);
}
ul.pdf_link_list li{
  float:left;
  min-height:15px;
  margin:10px 70px 10px 0;
  padding:2px 0 0 20px;
  line-height:1em;
  background:url(../images/pdf_link_list0.gif) no-repeat left top;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: inline-table;
 }
ul.pdf_link_list li:after {
  content: "";
  display: block;
  clear: both;
}
ul.pdf_link_list li a{
  color:#111;
}
/*〓〓〓〓〓〓〓麗澤用 Excel リンクリスト〓〓〓〓〓〓〓*/
ul.excel_link_list {
  width:100%;
  min-height:37px;
  margin:10px 0;
  padding:2px 20px 2px 57px;
  border:1px solid rgb(198,198,198);
  background:url(../images/ico_excel_01.gif) no-repeat left top;
  background-size:37px 39px;
  background-color:rgba(255,255,255,0.7);
}
ul.excel_link_list li{
  float:left;
  min-height:15px;
  margin:10px 70px 10px 0;
  padding:2px 0 0 20px;
  line-height:1em;
  background:url(../images/ico_excel_02.gif) no-repeat left top;
  background-size:15px 15px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  display: inline-table;
 }
ul.excel_link_list li:after {
  content: "";
  display: block;
  clear: both;
}
ul.excel_link_list li a{
  color:#111;
}

.clearline:after {
  content: "";
  display: block;
  clear: both;
}


ul.pdf_link_list:after {
  content: "";
  display: block;
  clear: both;
}



/*〓〓〓〓〓〓〓麗澤用PDF GET ADOBE READER〓〓〓〓〓〓〓*/
.pdf_adobebox {
  width:100%;
  height:80px;
  padding:20px 20px 20px 200px;
  font-size:13px;
  line-height:1.6em;
  background:url(../images/get_adobe_reader.png) no-repeat 20px 20px;
  background-color:rgb(234,234,234);
  text-align: left;
  text-justify: auto;
  /*overflow:hidden;*/
    *zoom: 1;

}
.pdf_adobebox:aftter {
  content: "";
  display: block;
  clear: both;
}
.pdf_adobe_aftertxt {
  display:inline-block;
}
.pdf_adobebox a {
  font-weight:600;
  text-decoration:underline;
}
/*〓〓〓〓〓〓〓麗澤用通常テーブル〓〓〓〓〓〓〓*/
table.table_simple {
  width:100%;
  margin:5px 0 20px 0;
  border:2px solid #999;
  font-weight:500;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.table_simple th , .table_simple td {
  line-height:1.5em;
  padding:3px 10px;
  border:1px solid #666;
}
.table_simple th {
  padding:5px 8px;
  background-color:rgb(240,240,240);
  text-align:left;
  font-weight:400;
  border:1px solid rgb(198,198,198);
}
.table_simple th span {
  font-size:10px;
  display:inline-block;
}
.table_simple td {
  padding:6px 10px;
  background-color:rgba(255,255,255,1);
  border:1px solid rgb(198,198,198);
}
.table_simple td a {
  text-decoration:underline;
  color:#6CBE83;
}
table.table_simple.txal_center td {
  text-align:center;
}

table.table_simple.th_center th {
  text-align:center;
}

/*〓〓〓〓〓〓〓麗澤用通常テーブル ハーフサイズ〓〓〓〓〓〓〓*/
table.table_simple_50 {
  width:50%;
  margin:5px 0 20px 0;
  border:2px solid #999;
  font-weight:500;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.table_simple_50 th , .table_simple_50 td {
  line-height:1.5em;
  padding:3px 10px;
  border:1px solid #666;
}
.table_simple_50 th {
  padding:5px 8px;
  background-color:rgb(240,240,240);
  text-align:left;
  font-weight:400;
  border:1px solid rgb(198,198,198);
}
.table_simple_50 th span {
  font-size:10px;
  display:inline-block;
}
.table_simple_50 td {
  padding:6px 10px;
  background-color:rgba(255,255,255,1);
  border:1px solid rgb(198,198,198);
}
.table_simple_50 td a {
  text-decoration:underline;
  color:#6CBE83;
}
table.table_simple_50.txal_center td {
  text-align:center;
}

table.table_simple_50.th_center th {
  text-align:center;
}

/*〓〓〓〓〓〓〓麗澤用テーブル（枠線なし　リストとして使用できます）〓〓〓〓〓〓〓*/
table.table_skeleton{
  width:100%;
  font-weight:400;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.table_skeleton td{
  padding:0;
}

/*〓〓〓〓〓〓〓麗澤用　別窓アイコン〓〓〓〓〓〓〓*/
.windowicon{
  width:15px;
  height:15px;
  margin:0 0 -2px 2px;
  background:url(../images/windowicon.gif) no-repeat left bottom;
  display: inline-block;
}
a.window {
  font-weight:600;
  text-align:left !important;
  text-decoration:underline;
}
/*〓〓〓〓〓〓〓麗澤用　ドロップシャドウ〓〓〓〓〓〓〓*/
.shadow {
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.6) 0px 0px 4px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.6) 0px 0px 4px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.6) 0px 0px 4px 0px;
}
/*〓〓〓〓〓〓〓麗澤用　ページ内リンク〓〓〓〓〓〓〓*/
.page_link li{
  float:left;
  min-width:160px;
  height:44px;
  margin:0 20px 10px 0;
  padding:10px 10px 10px 7px;
  background:url(../images/link_list_title.jpg) repeat-x;
  border:2px solid #FFF;
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.4) 0px 0px 3px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
}
.page_link a{
  height:17px;
  padding-left:26px;
  font-size:14px;
  font-weight:600;
  line-height:1em;
  background:url(../images/header_arrow.png) no-repeat left 0;
  color:#207764;
  display:block;
}
/*〓〓〓〓〓〓〓麗澤用　本文中にページ内リンク〓〓〓〓〓〓〓*/
.page_link_intext a{
  margin-right:2px;
  padding-left:17px;
  font-weight:600;
  text-decoration:underline;
  background:url(../images/page_link_intext.png) no-repeat left;
}
/*〓〓〓〓〓〓〓麗澤用　リンクボタン〓〓〓〓〓〓〓*/
.link_btn {
  float:right;
  margin:0 0 10px 0;
  padding:7px;
  border:2px solid #FFF;
  background-color:rgba(240,249,243,1);/*(108,190,131,0.1)と同じ透過なし*/
  /* box-shadow */
  box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
  -webkit-box-shadow:rgba(122, 122, 12,0.4) 0px 0px 3px 0px;
  -moz-box-shadow:rgba(122, 122, 122,0.4) 0px 0px 3px 0px;
}
.link_btn a {
  min-height:15px;
  padding-left:23px;
  font-size:14px;
  font-weight:600;
  color:#207764;
  background:url(../images/header_arrow.png) no-repeat left top;
}
.link_btn.left{
  margin-right:20px;

}

/*〓〓〓〓〓〓〓麗澤用　コラムゾーン〓〓〓〓〓〓〓*/

.columtext_box {
  margin:0 0 20px 0;
  padding:20px;
  border:7px solid #207764;
}
.columtext_box p{
  font-size:23px;
  font-family:genjyuu_bol;
  line-height:1.4em;
  letter-spacing:0.1em;
  margin:0 0 15px 0;
  padding:0;
  color:#207764;
}
.columtext_box span{
  float:left;
  margin:0 0 10px 0;
  padding:1px 6px;
  font-size:13px;
  font-weight:600;
  color:#FFF;
  background-color:#207764;
  display:block;
}
.topics_box {
  width:100%;
  margin:0 0 15px 0;
  padding:10px 15px;
  background-color:rgba(215,240,230,0.9);
}

.txtdeco {
  font-weight:600;
  text-decoration:underline;
}



.nextpage {
  width:100%;
  text-align:right;
  font-size:17px;
  position:absolute;
  bottom:40px;
  right:0;
  padding-right:30px;
}
.nextpage a:hover {
  text-decoration:underline;
}

.previewpage {
  width:100%;
  text-align:left;
  font-size:17px;
  position:absolute;
  bottom:40px;
  left:40px;
}
.previewpage a:hover {
  text-decoration:underline;
}

.border {
  height:1px;
  width:100%;
  margin:25px 0;
  background:url(../images/border.png) repeat-x;
}
.caption {
  font-size:12px;
  line-height:1.7em;
}
.caption span {
  font-size:15px;
}

.right {
  float:right;
}
.left {
  float:left;
}

.txt_center {
  text-align:center;
}

.txt_left {
  text-align:left;
}

.txt_right {
  text-align:right;
}

.txt_none {
  text-align:none;
}


.emphasis{
  font-weight:bold;
  display:block;
}

.width_120 {
  width:120px;
}
.width_180 {
  width:180px;
}
.width_200 {
  width:200px;
}
.width_210 {
  width:210px;
}
.width_220 {
  width:220px;
}
.width_260 {
  width:260px;
}
.width_280 {
  width:280px;
}
.width_300 {
  width:300px;
}
.width_320 {
  width:320px;
}

.width_360 {
  width:360px;
}
.width_380 {
  width:380px;
}
.width_400 {
  width:400px;
}
.width_420 {
  width:420px;
}
.width_440 {
  width:440px;
}
.width_460 {
  width:460px;
}
.width_510 {
  width:510px;
}

.w45{
  width:45%;
}

.w55{
  width:55%;
}


.mt15{
  margin-top:15px;
}

.mt20{
  margin-top:20px;
}

.mr10{
  margin-right:10px;
}

.mr20{
  margin-right:20px;
}

.mb30{
  margin-bottom:30px;
}

.mb40{
  margin-bottom:40px;
}

.mb50{
  margin-bottom:50px;
}


.midashi {
  font-size:17px;
  letter-spacing:.2em;
  line-height:1.9em;
  overflow:hidden;
}

.midashi span{
  font-size:12px;
  letter-spacing:.2em;
  line-height:1.2em;
}





.short0 {
  letter-spacing:1px;
}
.short1 {
  letter-spacing:0;
}

.short2 {
  letter-spacing:-1px;
}

.short3 {
  letter-spacing:-0.1em;
}
.short4 {
  letter-spacing:-0.2em;
}
.interval1em {
  letter-spacing:1em;
}
.interval_half1em {
  letter-spacing:0.5em;
}



/*.txt_10px {
  font-size:10px;
  letter-spacing:.1em;
  line-height:1.6em;
}

.paragraph_low{
  width:100%;
  margin:0 auto 15px auto;
  text-align:justify;
  text-justify:distribute-all-lines;
  overflow:hidden;
    *zoom: 1;
  line-height:1.8em;
}

*/
.alignleft {
  float:left;
  margin:10px 5px;
}

.alignright {
  float:right;
  margin:10px 5px;
}

.aligncenter {
  margin:10px auto;
}
.txalignright {
  text-align:right;
}
.alignright:after,.alignleft:after { /*floatの解除*/
  display:block;
  clear:both;
  height:0px;
  visibility:hidden;
  content:".";
}


/*.wordicon {
  background:url(../images/wordicon.png) no-repeat;
  margin:0px 5px -3px 5px;
  padding:0px 8px 0 8px;
  width:16px;
  height:16px;
  display:inline-block;
}
.excelicon {
  background:url(../images/excelicon.png) no-repeat;
  margin:0px 5px -3px 5px;
  padding:0px 8px 0 8px;
  width:16px;
  height:16px;
  display:inline-block;
}*/

.btn01 a{
  width:150px;
  height:100px;
  display:block;
  background-image:url(../images/btn01.png);
  background-repeat:no-repeat;
  font-size:15px;
  padding:25px 0 0 35px;
  font-weight:600;
  letter-spacing:.1em;
  color:#666;
  float:right;
  margin-left:10px;
  text-align:left;
}


.btn01.oneletter{
  padding-top:10px;
}



/*////////////////////コラム設定////////////////////*/
.column {
  padding:10px 15px;
  margin:10px 0px;
  border:1px solid #0E224F;
  line-height:1.8em;
  font-size:11px;
}
.column_title {
  font-size:13px;
  padding-bottom:5px;
  font-weight:600;
}

.colum2_l {
  width:48%;
  float:left;
  margin-right:4%;
}
.colum2_r {
  width:48%;
  float:right;
  margin:0;
}

.colum3{
  width:31%;
  float:left;
  margin-right:4%;
}

.colum3_r{
  width:30%;
  float:right;
  margin:0;
}

/*.colum3 p,.colum3_r p{
  margin-top:-5px;
}


.colum3 ul,.colum3_r ul {
}

.colum3 li,.colum3_r li {
  list-style-position:outside;
  list-style-type:none;
  border-bottom:2px dotted #CCC;
  line-height:2em;
}

.colum3 li .undo,.colum3_r li .undo {
  color:#EC6D74;
}

.colum3 li .bunka,.colum3_r li .bunka {
  color:#B7D450;
}*/


.colum4 {
  width:22%;
  float:left;
  margin-right:4%;
  font-size:10px;
}
.colum4_r {
  width:22%;
  float:right;
  margin:0;
  font-size:10px;
}


.colum4 ul,.colum4_r ul {
  clear:both;
}



.colum4 li,.colum4_r li {
  list-style-position:outside;
  list-style-type:none;
  border-bottom:2px dotted #CCC;
  line-height:1.5em;
  margin-bottom:5px;
}


.reset{
  padding:0;
  margin:0;
}

.clear{
  clear: both;
}

.re_list li{
  padding:0;
  margin:0;
  text-align:justify;
  text-justify:auto;
}



.line {
  border:1px solid #B3CF5C;
}
.txt_r {
  text-align:right;
}



.photo_flame {
  border:2px solid #FFF;
  -webkit-box-shadow: 1px 1px 5px 1px #DDD; /* Safari, Chrome用 */
  -moz-box-shadow: 1px 1px 5px 1px #DDD; /* Firefox用 */
  box-shadow: 1px 1px 5px 1px #DDD; /* CSS3 */
  border-radius:3px;        /* CSS3草案 */
    -webkit-border-radius:3px;    /* Safari,Google Chrome用 */
    -moz-border-radius:3px;   /* Firefox用 */
  position:relative;
}



/*! lightslider - v1.1.3 - 2015-04-14
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/ 

.lSSlideOuter {
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.lightSlider:before, .lightSlider:after {
    content: " ";
    display: table;
}
.lightSlider {
    overflow: hidden;
    margin: 0;
}
.lSSlideWrapper {
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.lSSlideWrapper > .lightSlider:after {
    clear: both;
}
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
    position: relative;
}
.lSSlideWrapper .lSFade > * {
    position: absolute !important;
    top: 0;
    left: 0;
    z-index: 9;
    margin-right: 0;
    width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
    z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
    opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/

/* Pager */

.lSSlideOuter .lSPager.lSpg > li {

    display: none;
}




/* slider actions */
.lSAction > a {
    width: 30px;
    display: block;
    top: 50%;
    height: 30px;
    background-image: url('/_assets/images/admissions/controls.png');
    cursor: pointer;
    position: absolute;
    z-index: 99;
    margin-top: -20px;
    opacity: 1;
    -webkit-transition: opacity 0.35s linear 0s;
    transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
    opacity: 1;
}
.lSAction > .lSPrev {
  position: absolute;
    background-position: 0 0;
    background-color: #58948d;
    background-size: 200%
}
.lSAction > .lSNext {
    background-position: -32px 0;
    right: 0;
    background-color: #58948d;
    background-size: 200%
}

.lSAction > a.disabled {
    pointer-events: none;
}
.cS-hidden {
    height: 1px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
}




/* Rtl */
.lSSlideOuter.lSrtl {
    direction: rtl;
}
.lSSlideOuter .lightSlider, .lSSlideOuter .lSPager {
    padding-left: 0;
    list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager {
    padding-right: 0;
}
.lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li {
    float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {
    float: right !important;
}


/* 入試出願固定メニュー＆入試要項・願書ページでは色とリンク先変更 */
#btm_menu{
	width: 120px;
	height: 120px;
	border: 2px solid #FFF;
	border-radius: 100px;
	box-sizing: border-box;
	color: #FFF;
	position: fixed;
	bottom: 8px;
	right: 14px;
	z-index: 10000;
}
.btm_menu-blue{
	background-color: #0167B2;
}
.btm_menu-orange{
	background-color: #ff9100;
	line-height: 1.4;
	padding-top: 9px;
}
@media screen and (max-width: 768px) {
	#btm_menu{
		width: 91px;
		height: 91px;
		bottom: 8px;
	}
}
#btm_menu a{
	display: flex;
	width: 100%;
	height: 100%;
	font-weight: bold;
	align-items: center;
	justify-content: center;
	text-align: center;
}
#btm_menu span{
	color: #FFF;
	font-size: 1.6rem;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	#btm_menu span{
		font-size: 1.2rem;
	}
}