@charset "UTF-8";
@import url("normalize.css?20200123");
@import url("slider.css?20200219");
@import url("pure-grids-min.css?20200123");
/* mixin
-------------------------------- */
@import url("_header-renew.css");
@import url("_volunteer-activities.css");
body {
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", HelveticaNeue, Arial, sans-serif;
  color: #333;
  font-size: 13px;
  margin: 0;
}

a {
  color: #0054ff;
  text-decoration: none;
  word-break: break-all;
}
a:link {
  color: #0054ff;
}
a:visited {
  color: #6190e5;
}
a:hover {
  color: #0054ff;
  opacity: 0.6;
}
a:active {
  color: #0054ff;
}
a.noneBorder {
  border: none;
}
a:hover img {
  border: none;
}
a.c-bl {
  color: #000;
}
a.c-bl:visited {
  color: #000 !important;
}
a.c-wh {
  color: #FFF;
}
a.c-wh:visited {
  color: #FFF !important;
}

h1, h2, h3, h4 {
  font-weight: normal;
}

h1 {
  margin-bottom: 40px;
}

h2 {
  margin-bottom: 24px;
}

h3 {
  margin-bottom: 10px;
}

.title-border {
  border: solid 2px #0054ff;
  padding: 10px;
  margin-bottom: 10px;
  font-weight: normal !important;
}

img {
  vertical-align: bottom;
}

.title-large {
  font-size: 34px !important;
}
@media screen and (max-width: 767px) {
  .title-large {
    font-size: 20px !important;
  }
}

.title-medium {
  font-size: 24px;
}

.title-small {
  font-size: 18px;
}

.ff-futura {
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}

.title-bg-banner {
  padding-top: 60px;
}
.title-bg-banner.pad-top-non {
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .title-bg-banner {
    padding-top: 0;
  }
}
.title-bg-banner .inner {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .title-bg-banner .inner {
    height: auto;
    padding: 0;
  }
}
.title-bg-banner .bg-banner {
  width: 100%;
  height: auto;
}
.title-bg-banner .title {
  position: absolute;
  top: 42%;
  left: 60px;
  z-index: 10;
  color: #FFF;
}
@media screen and (max-width: 767px) {
  .title-bg-banner .title {
    top: 38%;
    left: 30px;
    width: 100%;
  }
}
.title-bg-banner .title .subtitle {
  padding-top: 10px;
  display: block;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  .title-bg-banner .title .subtitle {
    padding-top: 0;
    font-size: 18px;
  }
}
.title-bg-banner .title.top-adj {
  top: 36%;
}
@media screen and (max-width: 767px) {
  .title-bg-banner .title.top-adj {
    top: 33%;
  }
}

.head-dl {
  margin: 60px 0;
  display: table;
}
@media screen and (max-width: 767px) {
  .head-dl {
    margin: 30px 0;
    display: block;
  }
}
.head-dl dt, .head-dl dd {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .head-dl dt, .head-dl dd {
    display: block;
  }
}
.head-dl dt {
  padding-right: 40px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .head-dl dt {
    padding-right: 0;
    padding-bottom: 10px;
  }
}
.head-dl dt h1 {
  display: inline;
}
.head-dl dd {
  color: #666;
}

.sp-only,
.nondisplay {
  display: none;
}

.pc-break {
  display: block;
}

.vertical-rl {
  -ms-writing-mode: tb-rl;
  /* for MS IE8+ */
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}

p, ul {
  margin-bottom: 24px;
}

figure {
  margin: 1em 0;
}
figure figcaption {
  padding-top: 10px;
}

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

.nontopmargin {
  margin-top: 0 !important;
}

.mar-top-m {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .mar-top-m {
    margin-top: 30px;
  }
}

.mb-small {
  margin-bottom: 15px !important;
}

.dl-indent {
  display: table;
  width: 100%;
}
.dl-indent dt, .dl-indent dd {
  display: table-cell;
  vertical-align: top;
}
.dl-indent dt {
  white-space: nowrap;
  width: 1%;
}
.dl-indent dd {
  width: 99%;
}

ul.list-none {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.list {
  padding-left: 30px;
  list-style: disc;
}
ul.mar-btm-s {
  margin: -5px 0 0;
}
ul.mar-btm-s li {
  margin-top: 5px;
}
ul.mar-btm-s.pad-top-xs {
  padding-top: 5px;
}
ul.list-anchor {
  overflow: hidden;
  margin-bottom: 30px;
}
ul.list-anchor li {
  float: left;
}
ul.list-anchor li:after {
  padding: 0 5px;
  content: "|";
}
ul.list-anchor li:last-child:after {
  padding: 0;
  content: "";
}

ol.decimal {
  padding-left: 30px;
  list-style: decimal;
}

.bg,
.pc-bg {
  background-color: #EFEFEF;
}

.bg-yellow {
  background-color: #FF0;
}

.bg-box {
  background-color: #EFEFEF;
  padding: 15px;
  overflow: hidden;
}
.bg-box.cl-wh {
  background-color: #FFF;
}
.bg-box.padding20 {
  padding: 20px;
}
.bg-box.padding30 {
  padding: 30px;
}
.bg-box.padding40 {
  padding: 40px;
}

.line-box {
  border: solid 1px #CCC;
  padding: 30px;
  overflow: hidden;
}

.adbanner-block {
  margin: 0;
  padding: 60px 0 36px;
  background-color: #FF0;
}
@media screen and (max-width: 720px) {
  .adbanner-block {
    padding: 40px 0 16px;
  }
}
.adbanner-block .head {
  margin-bottom: 10px;
  overflow: hidden;
}
.adbanner-block .head h2 {
  margin-bottom: 0;
  float: left;
  margin-right: 30px;
  font-size: 24px !important;
}
.adbanner-block .head h2 a {
  color: #000;
}
.adbanner-block .head .more {
  margin-top: 5px;
  font-size: 11px;
  float: right;
}

hr {
  border: none;
  border-bottom: solid 1px #CCC;
}
hr.border {
  margin: 15px 0;
}

.page-top {
  text-align: right;
}
.page-top a {
  background: url(/common/images/arrow-double-up-blue-16x16.gif) no-repeat left center;
  background-size: 8px 8px;
  padding-left: 16px;
}

.arrow.ml {
  margin-left: 10px;
}
.arrow.mt-ng {
  margin-top: -4px;
  vertical-align: middle;
}

.arrow-double-blue,
.arrow-double-black,
.arrow-double-white {
  padding-right: 15px;
}

.arrow-double-blue {
  background: url(../images/arrow-double-blue-right-16x16.gif) no-repeat right center;
  background-size: 8px 8px;
}

.arrow-double-black {
  background: url(../images/arrow-double-black-right-16x16.gif) no-repeat right center;
  background-size: 8px 8px;
}

.arrow-double-white {
  background: url(../images/arrow-double-white-right-16x16.gif) no-repeat right center;
  background-size: 8px 8px;
}

.icon-jp {
  display: inline-block;
  padding: 2px !important;
  font-size: 8px;
  font-style: italic;
  font-weight: bold;
  line-height: 1.1em;
  color: #FFF;
  border: solid 1px #FFF;
  background: none !important;
}
.icon-jp.blue {
  color: #0054ff;
  border: solid 1px #0054ff;
}

.icon-block {
  display: table;
}
.icon-block .icon, .icon-block .txt {
  display: table-cell;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
}
.icon-block .icon {
  padding-right: 10px;
  width: 45px;
  height: 45px;
  background-size: 45px 45px;
}
.icon-block .icon.icon-fb {
  background: url("/common/images/icon-sns-facebook.svg") no-repeat center left;
  background-size: 45px 45px;
}
.icon-block .icon.icon-ig {
  background: url("/common/images/icon-sns-instagram.svg") no-repeat center left;
  background-size: 45px 45px;
}
.icon-block .icon.icon-tw {
  background: url("/common/images/icon-sns-twitter.svg") no-repeat center left;
  background-size: 45px 45px;
}
.icon-block .icon.icon-yt {
  background: url("/common/images/icon-sns-youtube.svg") no-repeat center left;
  background-size: 45px 45px;
}

.sp {
  padding-left: 18px;
  background: url("/common/images/icon_sp.gif") no-repeat center left;
}

.feed, .feedHead {
  padding-left: 18px;
  padding: 0 0 9px 16px;
  background: url("/common/images/icon_feed.gif") no-repeat left 1px;
  line-height: 100%;
  font-size: x-small;
}

.news-label {
  font-size: 11px;
  display: block;
  background-color: #F2F2F2;
  text-align: center;
  line-height: 1.8em;
  margin-bottom: 5px;
}

.btn-yellow {
  padding: 8px 0 5px;
  display: block;
  text-align: center;
  background-color: #FF0;
  color: #000;
  font-size: 11px;
}
.btn-yellow:link {
  color: #000;
}
.btn-yellow:visited {
  color: #000;
}
.btn-yellow:hover {
  color: #000;
}
.btn-yellow:active {
  color: #000;
}
.btn-yellow .arrow-double {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 5px;
  width: 8px;
  height: 8px;
}

.btn-blue {
  padding: 8px 0 5px;
  display: block;
  text-align: center;
  background-color: #0054ff;
  color: #FFF;
}
.btn-blue:link {
  color: #FFF;
}
.btn-blue:visited {
  color: #FFF;
}
.btn-blue:hover {
  color: #FFF;
}
.btn-blue:active {
  color: #FFF;
}
.btn-blue.padding10 {
  padding: 10px;
}
.btn-blue.padding10.font-large {
  font-size: 16px;
}
.btn-blue .arrow,
.btn-blue .arrow-double {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 5px;
}
.btn-blue .arrow-single {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 5px;
}

.btn-more {
  background-color: #000;
  color: #FFF;
  padding: 3px 5px;
}

.txt-close {
  display: none;
}

.more-open .txt-open {
  display: none;
}
.more-open .txt-close {
  display: inline-block;
}
.more-open img.arrow {
  transform: rotate(-180deg);
}

.label-blue a {
  padding: 14px 24px;
  font-size: 24px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
.label-blue a:link {
  color: #FFF;
}
.label-blue a:visited {
  color: #FFF;
}
.label-blue a:hover {
  color: #FFF;
}
.label-blue a:active {
  color: #FFF;
}
.label-blue a .arrow,
.label-blue a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
.label-blue a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}

.border-brock {
  border: solid 2px #0054ff;
  display: table;
  width: 100%;
}
.border-brock .icon,
.border-brock .txt {
  padding: 15px 0;
  display: table-cell;
  vertical-align: middle;
  color: #333;
}
.border-brock .icon {
  padding-left: 15px;
  width: 30%;
  text-align: center;
}
.border-brock .txt {
  padding-right: 15px;
}
.border-brock .txt strong {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
}

.circle {
  display: block;
  background-color: #0054ff;
  border-radius: 25px;
  width: 50px;
  height: 50px;
  line-height: 5.2em;
  font-size: 10px;
  text-align: center;
  color: #FFF;
  font-weight: normal;
}
.circle.title-small {
  line-height: 2.8em;
}

.dl-table {
  display: table;
}
.dl-table dt,
.dl-table dd {
  display: table-cell;
}
@media screen and (max-width: 767px) {
  .dl-table dt.pc-only {
    display: none !important;
  }
}
.dl-table.vl-middle {
  margin: 0;
  padding: 0;
}
.dl-table.vl-middle dt, .dl-table.vl-middle dd {
  vertical-align: middle;
  margin: 0;
  padding: 0;
}
.dl-table.vl-middle dt {
  padding-right: 20px;
}
.dl-table.sp-table-non dt {
  padding-left: 40px;
  padding-right: 40px;
}
.dl-table.sp-table-non dt.pd-non {
  padding: 0;
}
@media screen and (max-width: 767px) {
  .dl-table.sp-table-non {
    display: block;
  }
  .dl-table.sp-table-non dt,
  .dl-table.sp-table-non dd {
    padding: 0;
    display: block;
  }
  .dl-table.sp-table-non dt {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 767px) {
  .dl-table.sp-table-non._va.sp_mb_non {
    margin-bottom: 0 !important;
  }
}
.dl-table.sp-table-non._va dt,
.dl-table.sp-table-non._va dd {
  width: 50%;
  vertical-align: top;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .dl-table.sp-table-non._va dt,
  .dl-table.sp-table-non._va dd {
    width: 100%;
    display: block;
  }
}
.dl-table.sp-table-non._va dt {
  padding: 0;
}
.dl-table.sp-table-non._va dt img {
  vertical-align: bottom;
}
.dl-table.sp-table-non._va dd {
  padding: 30px;
}
.dl-table.sp-table-non._va dd.pad-tb-non {
  padding-top: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .dl-table.sp-table-non._va dd.pad-tb-non {
    padding-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }
}
.dl-table.sp-table-non._va.va_small dt {
  width: 34%;
}
@media screen and (max-width: 767px) {
  .dl-table.sp-table-non._va.va_small dt {
    width: 100%;
  }
}
.dl-table.sp-table-non._va.va_small dd {
  width: 66%;
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  .dl-table.sp-table-non._va.va_small dd {
    width: 100%;
  }
}
.dl-table.vl-top dt, .dl-table.vl-top dd {
  vertical-align: top;
}

.caution {
  color: red;
}

.color-gray {
  color: #666 !important;
}

.color-black {
  color: #000 !important;
}

.caption {
  font-size: 12px;
}

.block {
  clear: both;
  overflow: hidden;
}

.fl-right {
  float: right;
  margin: 0 0 20px 20px;
}

.fl-left {
  float: left;
  margin: 0 20px 20px 0;
}

.fl-non {
  float: none !important;
}

@media screen and (max-width: 767px) {
  .sp-fl-non {
    float: none !important;
  }
}

.txt-al-left {
  text-align: left;
}

.txt-al-center {
  text-align: center;
}

.txt-al-right {
  text-align: right;
}

.icon-label a,
a.icon-label {
  padding-right: 20px;
}

.icon-pdf a::after,
a.icon-pdf::after {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f1c1";
  color: #f00;
}

.icon-label a,
a.icon-label {
  padding-right: 15px;
  background: url(../images/arrow-single-blue-right-16x16.png) no-repeat right center;
  background-size: 8px 8px;
}

.icon-external a::after,
a.icon-external::after {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f14c";
  color: #0054ff;
}

.icon-document a::after,
a.icon-document::after,
.icon-word a::after,
a.icon-word::after {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f15c";
  color: #333;
}

.icon-movie a,
a.icon-movie {
  padding-right: 15px;
  background: url("http://www.meijigakuin.ac.jp/common/images/icon_movie.gif") no-repeat right center;
}

.icon-image a,
a.icon-image {
  padding-right: 15px;
  background: url("http://www.meijigakuin.ac.jp/common/images/icon_photo.gif") no-repeat right center;
}

.icon-mp3 a,
a.icon-mp3 {
  padding-right: 15px;
  background: url("http://www.meijigakuin.ac.jp/common/images/icon_mp3.gif") no-repeat right center;
}

.new {
  color: red;
  padding-left: 10px;
}

.imageArea {
  float: right;
  margin: 0 0 30px 18px;
}

.mfp-iframe-holder .mfp-close {
  top: -50px;
}
@media screen and (max-width: 767px) {
  .mfp-iframe-holder .mfp-close {
    top: -40px;
  }
}
.mfp-iframe-holder .mfp-close.mfp-close-or {
  background: url(../images/icon-lightbox-close.png) no-repeat right center;
  margin-right: 8px;
}
@media screen and (max-width: 767px) {
  .mfp-iframe-holder .mfp-close.mfp-close-or {
    background-size: 20px 20px;
  }
}

.table-list {
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
  width: 100%;
  text-align: left;
}
.table-list th, .table-list td {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 20px;
  vertical-align: middle;
}
.table-list th {
  background-color: #EFEFEF;
  color: #000;
}
.table-list th.bg-wh {
  background-color: #FFF;
}
.table-list td {
  color: #333;
}
.table-list td.bg-yellow {
  background-color: #FF0;
}
.table-list td.bg-wh {
  background-color: #FFF;
}
.table-list td.va-top {
  vertical-align: top;
}
.table-list td.va-top.w-adj {
  width: 144px;
}
@media screen and (max-width: 767px) {
  .table-list td.va-top.w-adj {
    width: 90px;
  }
}
.table-list.center {
  text-align: center;
}
.table-list .right {
  text-align: right;
}
.table-list td.bg-whight {
  background-color: #FFF;
  color: #000;
}
.table-list th.bg-white {
  background-color: #FFF;
  font-weight: bold;
}
.table-list td.small {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 5px;
  vertical-align: middle;
}
.table-list th.small {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 5px;
  vertical-align: middle;
}
.table-list table.border-none {
  border: none;
}
.table-list table.border-none th, .table-list table.border-none td {
  border: none;
}
.table-list.w-auto {
  width: auto;
}

.pagenation {
  clear: both;
  padding-bottom: 90px;
}
.pagenation ul li {
  float: left;
  margin-right: 5px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
.pagenation ul li a {
  border: solid 2px #0054ff;
  background-color: #0054ff;
  color: #FFF;
  display: block;
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 16px;
  line-height: 2em;
}
.pagenation ul li a.arrow {
  line-height: 1.5em;
}
.pagenation ul li a:hover {
  opacity: 0.6;
}
.pagenation ul li.active a {
  background-color: #FFF;
  color: #0054ff;
  font-weight: bold;
}

.clearfix, #contents .topicpath ul, #campuslife.default #contents .list-inline_left, #campuslife.default #contents .list-inline_right, #campuslife.default #contents .article, #campuslife.default #contents .article .section, #campuslife.default #contents .article .section-border, #campuslife.default .challenge-detail .section-border, #campuslife .detail #contents .list-inline_left, #campuslife .detail #contents .list-inline_right, #campuslife .detail #contents .article, #campuslife .detail #contents .article .section, #campuslife .detail #contents .article .section-border, #campuslife .detail .challenge-detail .section-border, #campus.default #contents .list-inline_left, #campus.default #contents .list-inline_right, #campus.default #contents .article, #campus.default #contents .article .section, #campus.default #contents .article .section-border, #campus.default .challenge-detail .section-border, #about.default #contents .list-inline_left, #about.default #contents .list-inline_right, #about.default #contents .article, #about.default #contents .article .section, #about.default #contents .article .section-border, #about.default .challenge-detail .section-border, #about.ic .default #contents .list-inline_left, #about.ic .default #contents .list-inline_right, #about.ic .default #contents .article, #about.ic .default #contents .article .section, #about.ic .default #contents .article .section-border, #about.ic .default .challenge-detail .section-border, #about.default-ic #contents .list-inline_left, #about.default-ic #contents .list-inline_right, #about.default-ic #contents .article, #about.default-ic #contents .article .section, #about.default-ic #contents .article .section-border, #about.default-ic .challenge-detail .section-border, #default #contents .list-inline_left, #default #contents .list-inline_right, #default #contents .article, #default #contents .article .section, #default #contents .article .section-border, #default .challenge-detail .section-border, #academics.default #contents .list-inline_left, #academics.default #contents .list-inline_right, #academics.default #contents .article, #academics.default #contents .article .section, #academics.default #contents .article .section-border, #academics.default .challenge-detail .section-border {
  /* For modern browsers */
  zoom: 1;
  /* For IE 6/7 (trigger hasLayout) */
}
.clearfix:before, #contents .topicpath ul:before, #campuslife.default #contents .list-inline_left:before, #campuslife.default #contents .list-inline_right:before, #campuslife.default #contents .article:before, #campuslife.default #contents .article .section:before, #campuslife.default #contents .article .section-border:before, #campuslife.default .challenge-detail .section-border:before, #campuslife .detail #contents .list-inline_left:before, #campuslife .detail #contents .list-inline_right:before, #campuslife .detail #contents .article:before, #campuslife .detail #contents .article .section:before, #campuslife .detail #contents .article .section-border:before, #campuslife .detail .challenge-detail .section-border:before, #campus.default #contents .list-inline_left:before, #campus.default #contents .list-inline_right:before, #campus.default #contents .article:before, #campus.default #contents .article .section:before, #campus.default #contents .article .section-border:before, #campus.default .challenge-detail .section-border:before, #about.default #contents .list-inline_left:before, #about.default #contents .list-inline_right:before, #about.default #contents .article:before, #about.default #contents .article .section:before, #about.default #contents .article .section-border:before, #about.default .challenge-detail .section-border:before, #about.ic .default #contents .list-inline_left:before, #about.ic .default #contents .list-inline_right:before, #about.ic .default #contents .article:before, #about.ic .default #contents .article .section:before, #about.ic .default #contents .article .section-border:before, #about.ic .default .challenge-detail .section-border:before, #about.default-ic #contents .list-inline_left:before, #about.default-ic #contents .list-inline_right:before, #about.default-ic #contents .article:before, #about.default-ic #contents .article .section:before, #about.default-ic #contents .article .section-border:before, #about.default-ic .challenge-detail .section-border:before, #default #contents .list-inline_left:before, #default #contents .list-inline_right:before, #default #contents .article:before, #default #contents .article .section:before, #default #contents .article .section-border:before, #default .challenge-detail .section-border:before, #academics.default #contents .list-inline_left:before, #academics.default #contents .list-inline_right:before, #academics.default #contents .article:before, #academics.default #contents .article .section:before, #academics.default #contents .article .section-border:before, #academics.default .challenge-detail .section-border:before, .clearfix:after, #contents .topicpath ul:after, #campuslife.default #contents .list-inline_left:after, #campuslife.default #contents .list-inline_right:after, #campuslife.default #contents .article:after, #campuslife.default #contents .article .section:after, #campuslife.default #contents .article .section-border:after, #campuslife.default .challenge-detail .section-border:after, #campuslife .detail #contents .list-inline_left:after, #campuslife .detail #contents .list-inline_right:after, #campuslife .detail #contents .article:after, #campuslife .detail #contents .article .section:after, #campuslife .detail #contents .article .section-border:after, #campuslife .detail .challenge-detail .section-border:after, #campus.default #contents .list-inline_left:after, #campus.default #contents .list-inline_right:after, #campus.default #contents .article:after, #campus.default #contents .article .section:after, #campus.default #contents .article .section-border:after, #campus.default .challenge-detail .section-border:after, #about.default #contents .list-inline_left:after, #about.default #contents .list-inline_right:after, #about.default #contents .article:after, #about.default #contents .article .section:after, #about.default #contents .article .section-border:after, #about.default .challenge-detail .section-border:after, #about.ic .default #contents .list-inline_left:after, #about.ic .default #contents .list-inline_right:after, #about.ic .default #contents .article:after, #about.ic .default #contents .article .section:after, #about.ic .default #contents .article .section-border:after, #about.ic .default .challenge-detail .section-border:after, #about.default-ic #contents .list-inline_left:after, #about.default-ic #contents .list-inline_right:after, #about.default-ic #contents .article:after, #about.default-ic #contents .article .section:after, #about.default-ic #contents .article .section-border:after, #about.default-ic .challenge-detail .section-border:after, #default #contents .list-inline_left:after, #default #contents .list-inline_right:after, #default #contents .article:after, #default #contents .article .section:after, #default #contents .article .section-border:after, #default .challenge-detail .section-border:after, #academics.default #contents .list-inline_left:after, #academics.default #contents .list-inline_right:after, #academics.default #contents .article:after, #academics.default #contents .article .section:after, #academics.default #contents .article .section-border:after, #academics.default .challenge-detail .section-border:after {
  content: "";
  display: table;
}
.clearfix:after, #contents .topicpath ul:after, #campuslife.default #contents .list-inline_left:after, #campuslife.default #contents .list-inline_right:after, #campuslife.default #contents .article:after, #campuslife.default #contents .article .section:after, #campuslife.default #contents .article .section-border:after, #campuslife.default .challenge-detail .section-border:after, #campuslife .detail #contents .list-inline_left:after, #campuslife .detail #contents .list-inline_right:after, #campuslife .detail #contents .article:after, #campuslife .detail #contents .article .section:after, #campuslife .detail #contents .article .section-border:after, #campuslife .detail .challenge-detail .section-border:after, #campus.default #contents .list-inline_left:after, #campus.default #contents .list-inline_right:after, #campus.default #contents .article:after, #campus.default #contents .article .section:after, #campus.default #contents .article .section-border:after, #campus.default .challenge-detail .section-border:after, #about.default #contents .list-inline_left:after, #about.default #contents .list-inline_right:after, #about.default #contents .article:after, #about.default #contents .article .section:after, #about.default #contents .article .section-border:after, #about.default .challenge-detail .section-border:after, #about.ic .default #contents .list-inline_left:after, #about.ic .default #contents .list-inline_right:after, #about.ic .default #contents .article:after, #about.ic .default #contents .article .section:after, #about.ic .default #contents .article .section-border:after, #about.ic .default .challenge-detail .section-border:after, #about.default-ic #contents .list-inline_left:after, #about.default-ic #contents .list-inline_right:after, #about.default-ic #contents .article:after, #about.default-ic #contents .article .section:after, #about.default-ic #contents .article .section-border:after, #about.default-ic .challenge-detail .section-border:after, #default #contents .list-inline_left:after, #default #contents .list-inline_right:after, #default #contents .article:after, #default #contents .article .section:after, #default #contents .article .section-border:after, #default .challenge-detail .section-border:after, #academics.default #contents .list-inline_left:after, #academics.default #contents .list-inline_right:after, #academics.default #contents .article:after, #academics.default #contents .article .section:after, #academics.default #contents .article .section-border:after, #academics.default .challenge-detail .section-border:after {
  clear: both;
}

.pure-g-r {
  overflow: hidden;
}
.pure-g-r .pure-u-1-2,
.pure-g-r .pure-u-1-3,
.pure-g-r .pure-u-1-4,
.pure-g-r .pure-u-1-5,
.pure-g-r .pure-u-1-6,
.pure-g-r .pure-u-1-7,
.pure-g-r .pure-u-1-8,
.pure-g-r .pure-u-1-9 {
  float: left;
}
.pure-g-r .pure-u-1-7 {
  width: 14.2708%;
}
.pure-g-r .pure-u-1-9 {
  width: 11.1%;
}

.related-info {
  margin-bottom: 80px;
  background-color: #EFEFEF;
  padding: 20px;
}
.related-info strong {
  font-size: 16px;
}
.related-info a {
  margin-right: 10px;
}
.related-info .category {
  background-color: #FFF;
  color: #0054ff;
  margin-bottom: 10px;
  padding: 2px 5px 0;
}
.related-info .category.on {
  background-color: #0054ff;
  color: #FFF;
}

.img-full {
  max-width: 100%;
  width: 100%;
}

#backupDate {
  padding: 20px 0px 20px 20px;
  background-color: #FF0;
  font-weight: bold;
}

.mgplus-block {
  padding: 40px 0 60px;
}
@media screen and (max-width: 767px) {
  .mgplus-block {
    padding: 0 0 30px;
  }
}
.mgplus-block h2 a {
  color: #000;
}
.mgplus-block .lead {
  padding-top: 0 !important;
}
.mgplus-block .archives {
  overflow: hidden;
}
.mgplus-block .archives .article-link {
  margin-left: 3%;
  width: 22.75%;
  float: left;
  background-color: #FFF;
}
@media screen and (max-width: 767px) {
  .mgplus-block .archives .article-link {
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
    float: none;
  }
}
.mgplus-block .archives .article-link:first-child {
  margin-left: 0;
}
.mgplus-block .archives .article-link .block {
  padding: 20px;
}
.mgplus-block .archives .article-link .block .thumbnail {
  width: 100%;
  max-width: 100%;
  height: auto;
  clear: both;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .mgplus-block .archives .article-link .block .thumbnail {
    object-fit: cover;
    margin-right: 20px;
    margin-bottom: 0;
    width: 137px;
    height: 137px;
    float: left;
  }
}
.mgplus-block .archives .article-link .block h3 {
  margin-top: 10px;
  font: bold;
  font-size: 16px;
  line-height: 24px;
}
.mgplus-block .archives .article-link .block h3 a {
  color: #000;
}
.mgplus-block .archives .article-link .block .tag {
  background-color: #000;
  padding: 3px 4px 2px;
  color: #FFF !important;
  font-size: 14px !important;
  margin-right: 20px;
}
.mgplus-block .archives .article-link .block p {
  line-height: 1.3em;
}

.joho-st {
  margin: 0 -10px;
}
@media screen and (max-width: 767px) {
  .joho-st {
    margin: 0 0 -10px;
  }
}
.joho-st .pure-inner {
  margin: 0 10px;
}
@media screen and (max-width: 767px) {
  .joho-st .pure-inner {
    margin: 0 0 10px;
  }
}
.joho-st .pure-inner a {
  color: #000;
}
.joho-st .pure-inner a:hover {
  opacity: .7;
}
.joho-st .pure-inner .dl-table {
  border-right: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  background-color: #FFF;
  width: 100%;
  min-height: 136px;
  display: table;
  box-sizing: border-box;
  padding: 40px 30px;
}
@media screen and (max-width: 767px) {
  .joho-st .pure-inner .dl-table {
    padding: 20px;
    min-height: inherit;
  }
}
.joho-st .pure-inner .dl-table dt,
.joho-st .pure-inner .dl-table dd {
  display: table-cell;
  vertical-align: middle;
}
.joho-st .pure-inner .dl-table dt {
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .joho-st .pure-inner .dl-table dt {
    width: 50px;
  }
}
.joho-st .pure-inner .dl-table dt img {
  width: 55px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .joho-st .pure-inner .dl-table dt img {
    width: 50px;
    height: auto;
  }
}
.joho-st .pure-inner .dl-table dd {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3em;
}
@media screen and (max-width: 767px) {
  .joho-st .pure-inner .dl-table dd {
    font-size: 18px;
  }
}

.ic-label {
  display: inline-block;
  padding: 3px 22px;
  color: #FFF;
}
.ic-label.long {
  background-color: #aad94e;
}
.ic-label.short {
  background-color: #ec9dd1;
}
.ic-label.ug {
  background-color: #73c8eb;
}
.ic-label.sc {
  background-color: #eb9950;
}

.label-small {
  padding: 4px 5px;
  font-size: 11px;
  line-height: 1.3em;
  color: #FFF;
}
.label-small.st {
  background-color: #33add2;
}
.label-small.eq {
  background-color: #cf8153;
}
.label-small.ct {
  background-color: #d55183;
}

.label-st {
  color: #33add2;
}

.label-eq {
  color: #cf8153;
}

.label-ct {
  color: #d55183;
}

.ic-icon-country {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin-right: 8px;
}
.ic-icon-country.australia {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-australia.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.china {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-china.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.usa {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-usa.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.canada {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-canada.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.croatia {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-croatia.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.england {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-england.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.france {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-france.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.germany {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-germany.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.holland {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-holland.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.ireland {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-ireland.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.korea {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-korea.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.nz {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-nz.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.philippines {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-philippines.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.spain {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-spain.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.taiwan {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-taiwan.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.thai {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-thai.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.turkey {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-turkey.png) 0 0 no-repeat;
  background-size: 32px 32px;
}
.ic-icon-country.vietnam {
  margin-bottom: -8px;
  background: url(/international/information/overseas_study/partnership_universities/images/icon-vietnam.png) 0 0 no-repeat;
  background-size: 32px 32px;
}

.if-youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.if-youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.tag-archives-wrap {
  position: relative;
}
.tag-archives-wrap #btn-tag {
  padding: 15px;
  background-color: #EEE;
  cursor: pointer;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  color: #000;
  font-size: 14px;
  position: relative;
}
.tag-archives-wrap #btn-tag .arrow-single-right {
  display: block;
  width: 18px;
  height: 9px;
  background: url(../images/sp-menu-arrow-down-single-black.png) no-repeat left top;
  background-size: 18px 9px;
  position: absolute;
  top: 19px;
  right: 15px;
}
.tag-archives-wrap #btn-tag.on .arrow-single-right {
  -webkit-animation: inout 1s;
  /* Safari & Chrome */
  -webkit-animation-iteration-count: infinite;
  transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}
.tag-archives-wrap .tag-archives {
  margin: 30px 0 60px 0;
  padding: 40px 40px 30px;
  background-color: #EEE;
  overflow: hidden;
  z-index: 9999;
}
@media screen and (max-width: 767px) {
  .tag-archives-wrap .tag-archives {
    margin: 0 0;
    padding: 0;
    position: absolute;
    top: 47px;
    width: 100%;
    display: none;
  }
}
.tag-archives-wrap .tag-archives a {
  float: left;
  margin-right: 10px;
  border: solid 1px #000;
  margin-bottom: 10px;
  padding: 5px 10px;
  display: block;
  font-size: 13px;
  color: #000;
}
@media screen and (max-width: 767px) {
  .tag-archives-wrap .tag-archives a {
    border-left: none;
    border-right: none;
    border-bottom: none;
    border-top: solid 1px #ccc;
    padding: 15px;
    float: none;
    margin: 0;
    height: auto;
    background: url(../images/arrow-single-black.png) no-repeat right 15px center;
  }
}
.tag-archives-wrap .tag-archives a.on {
  font-weight: bold;
  background-color: #000;
  color: #FFF;
}
.tag-archives-wrap .tag-archives a.close {
  display: none;
}
@media screen and (max-width: 767px) {
  .tag-archives-wrap .tag-archives a.close {
    display: block;
    padding: 15px;
    line-height: 130%;
    background: none;
    background-color: #ccc;
    margin-top: 0;
    text-align: center;
    color: #565452;
  }
  .tag-archives-wrap .tag-archives a.close img {
    width: 10px;
    height: 10px;
    vertical-align: baseline;
    margin-left: 15px;
  }
}

.tag-archives-detail {
  margin: 30px 0 60px 0;
  overflow: hidden;
  z-index: 9999;
}
@media screen and (max-width: 767px) {
  .tag-archives-detail {
    margin: 20px 0;
  }
}
.tag-archives-detail a {
  float: left;
  margin-right: 10px;
  border: solid 1px #000;
  margin-bottom: 10px;
  padding: 5px 10px;
  display: block;
  font-size: 13px;
  color: #000;
}

.tab-nav, .tab-nav-full,
.tab-nav-full,
.tab-contents {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.tab-nav, .tab-nav-full {
  margin-bottom: -1px;
}
@media screen and (max-width: 767px) {
  .tab-nav, .tab-nav-full {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.tab-nav li, .tab-nav-full li {
  float: left;
  position: relative;
  padding-top: 2px;
}
@media screen and (max-width: 767px) {
  .tab-nav li, .tab-nav-full li {
    width: 50%;
    display: table-cell;
  }
}
.tab-nav li .tab-title, .tab-nav-full li .tab-title {
  margin: 0 !important;
  display: block;
  float: none !important;
}
.tab-nav li a, .tab-nav-full li a {
  padding: 14px 20px 14px;
  border: solid 1px #CCC;
  background-color: #FFF;
  display: block;
  color: #999 !important;
}
@media screen and (max-width: 767px) {
  .tab-nav li a, .tab-nav-full li a {
    text-align: center;
  }
}
.tab-nav li a:hover, .tab-nav-full li a:hover {
  opacity: 1;
  color: #000 !important;
}
.tab-nav li.select, .tab-nav-full li.select {
  padding-top: 0;
}
.tab-nav li.select a, .tab-nav-full li.select a {
  padding: 15px 20px;
  color: #000 !important;
  border-bottom-color: #FFF;
}
.tab-nav li:nth-child(1) a, .tab-nav-full li:nth-child(1) a {
  border-right: none;
}
.tab-nav li:nth-child(1).select a, .tab-nav-full li:nth-child(1).select a {
  border-right: solid 1px #CCC;
}

.tab-contents .tab-hide {
  display: none;
}

.tab-link {
  margin: 0;
  padding: 0;
  border: none;
}
.tab-link li {
  margin: 0;
  padding: 0;
}
.tab-link li a {
  margin: 0;
  padding: 0;
  padding-right: 15px;
  border: none;
  color: #0054ff !important;
}
.tab-link li.tab-link-hide {
  display: none;
}

.tab-line {
  margin: 0;
  border: none;
  border-bottom: solid 1px #CCC;
}

@media screen and (max-width: 767px) {
  .tab-nav-wrap {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .tab-nav-full {
    margin-left: 0;
    margin-right: 0;
    display: none;
    position: absolute;
    top: 53px;
    width: 100%;
  }
}
.tab-nav-full li {
  margin-left: -1px;
  width: 25%;
}
@media screen and (max-width: 767px) {
  .tab-nav-full li {
    padding-top: 0;
    margin-left: 0;
    width: 100%;
    float: none;
    display: block;
  }
}
.tab-nav-full li a {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .tab-nav-full li a {
    padding: 10px 15px;
    text-align: left;
    border: none;
    border-top: solid 1px #CCC;
    background-color: #e9e9e9;
    color: #333 !important;
    padding: 15px;
    display: block;
  }
}
.tab-nav-full li.select {
  z-index: 99;
}
@media screen and (max-width: 767px) {
  .tab-nav-full li.select a {
    padding: 15px;
  }
}
.tab-nav-full li:nth-child(1) {
  margin-left: 0;
}
.tab-nav-full li:nth-child(1).notselect {
  z-index: inherit;
}
@media screen and (max-width: 767px) {
  .tab-nav-full li:nth-child(1) a {
    border-right: none;
  }
}
@media screen and (max-width: 767px) {
  .tab-nav-full li:nth-child(1).select a {
    border-right: none;
  }
}
.tab-nav-full li:nth-child(2).notselect a {
  border-left: solid 1px #CCC;
}
@media screen and (max-width: 767px) {
  .tab-nav-full li:nth-child(2).notselect a {
    border-left: none;
  }
}
@media screen and (max-width: 767px) {
  .tab-nav-full li:nth-child(2).select a {
    border-left: none;
  }
}
.tab-nav-full li:last-child {
  width: 25.3%;
}
@media screen and (max-width: 767px) {
  .tab-nav-full li:last-child {
    width: 100%;
  }
}
.tab-nav-full li:last-child.notselect {
  z-index: inherit;
}

.sp-tab-nav-full-btn {
  margin: 0 0 30px;
  padding: 15px;
  background-color: #CCC;
  font-size: 14px;
}
.sp-tab-nav-full-btn .arrow-down {
  margin: 5px;
  background: url(../images/arrow-single-black-16x30.gif) no-repeat left center;
  background-size: 8px 15px;
  width: 8px;
  height: 15px;
  display: block;
  float: right;
  transform: rotate(90deg);
}
.sp-tab-nav-full-btn .arrow-down.up {
  transform: rotate(-90deg);
}

.bg-nav-wrap {
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .bg-nav-wrap {
    margin: 0 10px;
  }
}

.bg-nav-btn {
  background-color: #CCC;
  padding: 10px;
  height: 23px;
  cursor: pointer;
}
.bg-nav-btn .arrow-d {
  margin-top: 3px;
  margin-right: 6px;
  display: block;
  float: right;
  width: 9px;
  height: 18px;
  background: url(../images/sp-menu-arrow-single-black.png) no-repeat center center;
  background-size: 9px 18px;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.bg-nav-btn .arrow-d.up {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media screen and (max-width: 767px) {
  .bg-nav-inner {
    margin: 0 5px 30px;
    width: 47.1874%;
    float: left;
    position: relative;
  }
}
.bg-nav-inner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner ul {
    display: none;
    position: absolute;
    top: 43px;
    width: 100%;
  }
}
.bg-nav-inner ul li {
  float: left;
  padding: 20px 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner ul li {
    padding: 0;
    float: none;
    display: block;
    background-color: #E9E9E9;
    border-bottom: solid 1px #CCC;
    width: 100%;
    height: 43px;
  }
  .bg-nav-inner ul li:last-child {
    border-bottom: 0;
  }
}
.bg-nav-inner ul li .icon-tri {
  position: absolute;
  margin-left: -1.6em;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #E9E9E9;
  border-left: 8px solid transparent;
  display: none;
}
.bg-nav-inner ul li a {
  color: #000;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner ul li a {
    display: block;
    padding: 10px;
  }
}
@media screen and (max-width: 767px) {
  .bg-nav-inner ul li.active {
    display: none;
  }
}
.bg-nav-inner ul li.active a {
  font-weight: bold;
}
.bg-nav-inner ul li.active .icon-tri {
  display: block;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner ul li.active .icon-tri {
    display: none;
  }
}
.bg-nav-inner.year {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner.year {
    background-color: transparent;
  }
}
.bg-nav-inner.year li {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner.year li {
    font-size: 12px;
  }
}
.bg-nav-inner.year li:after {
  content: "　|　";
}
@media screen and (max-width: 767px) {
  .bg-nav-inner.year li:after {
    content: "";
  }
}
.bg-nav-inner.year li:last-child:after {
  content: "";
}
.bg-nav-inner.year.bg-lg {
  background-color: #E9E9E9;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner.year.bg-lg {
    margin: 0 0 30px;
    width: 100%;
    float: none;
  }
}
.bg-nav-inner.month {
  background-color: #E9E9E9;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner.month {
    background-color: transparent;
  }
}
.bg-nav-inner.month li {
  font-size: 14px;
  margin-right: 25px;
}
@media screen and (max-width: 767px) {
  .bg-nav-inner.month li {
    margin-right: 0;
    font-size: 12px;
  }
}

.books-list {
  margin-top: 60px;
}
.books-list li {
  border-bottom: solid 1px #CCC;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .books-list li {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.books-list li .books-title,
.books-list li .books-author {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  .books-list li .books-title,
  .books-list li .books-author {
    margin-bottom: 5px;
  }
}
.books-list li .books-title a,
.books-list li .books-author a {
  color: #000;
}
.books-list li .books-title {
  font-size: 18px;
  font-weight: normal;
}
.books-list li .books-author {
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .books-list li .books-author {
    font-size: 13px;
  }
}
.books-list li .books-year {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .books-list li .books-year {
    margin-bottom: 5px;
  }
}
.books-list li .books-link {
  margin: 15px 0 0;
  overflow: hidden;
}
.books-list li .books-link-btn {
  margin-right: 20px;
  padding: 15px 20px;
  background-color: #EFEFEF;
  color: #000;
  display: block;
  float: left;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .books-list li .books-link-btn {
    margin: 0 0 10px;
    display: block;
    float: none;
    text-align: center;
    padding: 10px 13px;
    font-size: 13px;
  }
  .books-list li .books-link-btn:last-child {
    margin: 0;
  }
}
.books-list li dl {
  display: table;
  width: 100%;
}
.books-list li dl dt,
.books-list li dl dd {
  display: table-cell;
  vertical-align: top;
}
.books-list li dl dt {
  padding-right: 40px;
  width: 1%;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .books-list li dl dt {
    padding-right: 20px;
  }
}
.books-list li dl dt img {
  width: 110px;
}

.mt0 {
  margin-top: 0px;
}

.mr0 {
  margin-right: 0px;
}

.mb0 {
  margin-bottom: 0px;
}

.ml0 {
  margin-left: 0px;
}

.mt1 {
  margin-top: 1px;
}

.mr1 {
  margin-right: 1px;
}

.mb1 {
  margin-bottom: 1px;
}

.ml1 {
  margin-left: 1px;
}

.mt2 {
  margin-top: 2px;
}

.mr2 {
  margin-right: 2px;
}

.mb2 {
  margin-bottom: 2px;
}

.ml2 {
  margin-left: 2px;
}

.mt3 {
  margin-top: 3px;
}

.mr3 {
  margin-right: 3px;
}

.mb3 {
  margin-bottom: 3px;
}

.ml3 {
  margin-left: 3px;
}

.mt4 {
  margin-top: 4px;
}

.mr4 {
  margin-right: 4px;
}

.mb4 {
  margin-bottom: 4px;
}

.ml4 {
  margin-left: 4px;
}

.mt5 {
  margin-top: 5px;
}

.mr5 {
  margin-right: 5px;
}

.mb5 {
  margin-bottom: 5px;
}

.ml5 {
  margin-left: 5px;
}

.mt6 {
  margin-top: 6px;
}

.mr6 {
  margin-right: 6px;
}

.mb6 {
  margin-bottom: 6px;
}

.ml6 {
  margin-left: 6px;
}

.mt7 {
  margin-top: 7px;
}

.mr7 {
  margin-right: 7px;
}

.mb7 {
  margin-bottom: 7px;
}

.ml7 {
  margin-left: 7px;
}

.mt8 {
  margin-top: 8px;
}

.mr8 {
  margin-right: 8px;
}

.mb8 {
  margin-bottom: 8px;
}

.ml8 {
  margin-left: 8px;
}

.mt9 {
  margin-top: 9px;
}

.mr9 {
  margin-right: 9px;
}

.mb9 {
  margin-bottom: 9px;
}

.ml9 {
  margin-left: 9px;
}

.mt10 {
  margin-top: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.ml10 {
  margin-left: 10px;
}

.mt11 {
  margin-top: 11px;
}

.mr11 {
  margin-right: 11px;
}

.mb11 {
  margin-bottom: 11px;
}

.ml11 {
  margin-left: 11px;
}

.mt12 {
  margin-top: 12px;
}

.mr12 {
  margin-right: 12px;
}

.mb12 {
  margin-bottom: 12px;
}

.ml12 {
  margin-left: 12px;
}

.mt13 {
  margin-top: 13px;
}

.mr13 {
  margin-right: 13px;
}

.mb13 {
  margin-bottom: 13px;
}

.ml13 {
  margin-left: 13px;
}

.mt14 {
  margin-top: 14px;
}

.mr14 {
  margin-right: 14px;
}

.mb14 {
  margin-bottom: 14px;
}

.ml14 {
  margin-left: 14px;
}

.mt15 {
  margin-top: 15px;
}

.mr15 {
  margin-right: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.ml15 {
  margin-left: 15px;
}

.mt16 {
  margin-top: 16px;
}

.mr16 {
  margin-right: 16px;
}

.mb16 {
  margin-bottom: 16px;
}

.ml16 {
  margin-left: 16px;
}

.mt17 {
  margin-top: 17px;
}

.mr17 {
  margin-right: 17px;
}

.mb17 {
  margin-bottom: 17px;
}

.ml17 {
  margin-left: 17px;
}

.mt18 {
  margin-top: 18px;
}

.mr18 {
  margin-right: 18px;
}

.mb18 {
  margin-bottom: 18px;
}

.ml18 {
  margin-left: 18px;
}

.mt19 {
  margin-top: 19px;
}

.mr19 {
  margin-right: 19px;
}

.mb19 {
  margin-bottom: 19px;
}

.ml19 {
  margin-left: 19px;
}

.mt20 {
  margin-top: 20px;
}

.mr20 {
  margin-right: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.ml20 {
  margin-left: 20px;
}

.mt21 {
  margin-top: 21px;
}

.mr21 {
  margin-right: 21px;
}

.mb21 {
  margin-bottom: 21px;
}

.ml21 {
  margin-left: 21px;
}

.mt22 {
  margin-top: 22px;
}

.mr22 {
  margin-right: 22px;
}

.mb22 {
  margin-bottom: 22px;
}

.ml22 {
  margin-left: 22px;
}

.mt23 {
  margin-top: 23px;
}

.mr23 {
  margin-right: 23px;
}

.mb23 {
  margin-bottom: 23px;
}

.ml23 {
  margin-left: 23px;
}

.mt24 {
  margin-top: 24px;
}

.mr24 {
  margin-right: 24px;
}

.mb24 {
  margin-bottom: 24px;
}

.ml24 {
  margin-left: 24px;
}

.mt25 {
  margin-top: 25px;
}

.mr25 {
  margin-right: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.ml25 {
  margin-left: 25px;
}

.mt26 {
  margin-top: 26px;
}

.mr26 {
  margin-right: 26px;
}

.mb26 {
  margin-bottom: 26px;
}

.ml26 {
  margin-left: 26px;
}

.mt27 {
  margin-top: 27px;
}

.mr27 {
  margin-right: 27px;
}

.mb27 {
  margin-bottom: 27px;
}

.ml27 {
  margin-left: 27px;
}

.mt28 {
  margin-top: 28px;
}

.mr28 {
  margin-right: 28px;
}

.mb28 {
  margin-bottom: 28px;
}

.ml28 {
  margin-left: 28px;
}

.mt29 {
  margin-top: 29px;
}

.mr29 {
  margin-right: 29px;
}

.mb29 {
  margin-bottom: 29px;
}

.ml29 {
  margin-left: 29px;
}

.mt30 {
  margin-top: 30px;
}

.mr30 {
  margin-right: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.ml30 {
  margin-left: 30px;
}

.mt31 {
  margin-top: 31px;
}

.mr31 {
  margin-right: 31px;
}

.mb31 {
  margin-bottom: 31px;
}

.ml31 {
  margin-left: 31px;
}

.mt32 {
  margin-top: 32px;
}

.mr32 {
  margin-right: 32px;
}

.mb32 {
  margin-bottom: 32px;
}

.ml32 {
  margin-left: 32px;
}

.mt33 {
  margin-top: 33px;
}

.mr33 {
  margin-right: 33px;
}

.mb33 {
  margin-bottom: 33px;
}

.ml33 {
  margin-left: 33px;
}

.mt34 {
  margin-top: 34px;
}

.mr34 {
  margin-right: 34px;
}

.mb34 {
  margin-bottom: 34px;
}

.ml34 {
  margin-left: 34px;
}

.mt35 {
  margin-top: 35px;
}

.mr35 {
  margin-right: 35px;
}

.mb35 {
  margin-bottom: 35px;
}

.ml35 {
  margin-left: 35px;
}

.mt36 {
  margin-top: 36px;
}

.mr36 {
  margin-right: 36px;
}

.mb36 {
  margin-bottom: 36px;
}

.ml36 {
  margin-left: 36px;
}

.mt37 {
  margin-top: 37px;
}

.mr37 {
  margin-right: 37px;
}

.mb37 {
  margin-bottom: 37px;
}

.ml37 {
  margin-left: 37px;
}

.mt38 {
  margin-top: 38px;
}

.mr38 {
  margin-right: 38px;
}

.mb38 {
  margin-bottom: 38px;
}

.ml38 {
  margin-left: 38px;
}

.mt39 {
  margin-top: 39px;
}

.mr39 {
  margin-right: 39px;
}

.mb39 {
  margin-bottom: 39px;
}

.ml39 {
  margin-left: 39px;
}

.mt40 {
  margin-top: 40px;
}

.mr40 {
  margin-right: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.ml40 {
  margin-left: 40px;
}

.mt41 {
  margin-top: 41px;
}

.mr41 {
  margin-right: 41px;
}

.mb41 {
  margin-bottom: 41px;
}

.ml41 {
  margin-left: 41px;
}

.mt42 {
  margin-top: 42px;
}

.mr42 {
  margin-right: 42px;
}

.mb42 {
  margin-bottom: 42px;
}

.ml42 {
  margin-left: 42px;
}

.mt43 {
  margin-top: 43px;
}

.mr43 {
  margin-right: 43px;
}

.mb43 {
  margin-bottom: 43px;
}

.ml43 {
  margin-left: 43px;
}

.mt44 {
  margin-top: 44px;
}

.mr44 {
  margin-right: 44px;
}

.mb44 {
  margin-bottom: 44px;
}

.ml44 {
  margin-left: 44px;
}

.mt45 {
  margin-top: 45px;
}

.mr45 {
  margin-right: 45px;
}

.mb45 {
  margin-bottom: 45px;
}

.ml45 {
  margin-left: 45px;
}

.mt46 {
  margin-top: 46px;
}

.mr46 {
  margin-right: 46px;
}

.mb46 {
  margin-bottom: 46px;
}

.ml46 {
  margin-left: 46px;
}

.mt47 {
  margin-top: 47px;
}

.mr47 {
  margin-right: 47px;
}

.mb47 {
  margin-bottom: 47px;
}

.ml47 {
  margin-left: 47px;
}

.mt48 {
  margin-top: 48px;
}

.mr48 {
  margin-right: 48px;
}

.mb48 {
  margin-bottom: 48px;
}

.ml48 {
  margin-left: 48px;
}

.mt49 {
  margin-top: 49px;
}

.mr49 {
  margin-right: 49px;
}

.mb49 {
  margin-bottom: 49px;
}

.ml49 {
  margin-left: 49px;
}

.mt50 {
  margin-top: 50px;
}

.mr50 {
  margin-right: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.ml50 {
  margin-left: 50px;
}

.mt51 {
  margin-top: 51px;
}

.mr51 {
  margin-right: 51px;
}

.mb51 {
  margin-bottom: 51px;
}

.ml51 {
  margin-left: 51px;
}

.mt52 {
  margin-top: 52px;
}

.mr52 {
  margin-right: 52px;
}

.mb52 {
  margin-bottom: 52px;
}

.ml52 {
  margin-left: 52px;
}

.mt53 {
  margin-top: 53px;
}

.mr53 {
  margin-right: 53px;
}

.mb53 {
  margin-bottom: 53px;
}

.ml53 {
  margin-left: 53px;
}

.mt54 {
  margin-top: 54px;
}

.mr54 {
  margin-right: 54px;
}

.mb54 {
  margin-bottom: 54px;
}

.ml54 {
  margin-left: 54px;
}

.mt55 {
  margin-top: 55px;
}

.mr55 {
  margin-right: 55px;
}

.mb55 {
  margin-bottom: 55px;
}

.ml55 {
  margin-left: 55px;
}

.mt56 {
  margin-top: 56px;
}

.mr56 {
  margin-right: 56px;
}

.mb56 {
  margin-bottom: 56px;
}

.ml56 {
  margin-left: 56px;
}

.mt57 {
  margin-top: 57px;
}

.mr57 {
  margin-right: 57px;
}

.mb57 {
  margin-bottom: 57px;
}

.ml57 {
  margin-left: 57px;
}

.mt58 {
  margin-top: 58px;
}

.mr58 {
  margin-right: 58px;
}

.mb58 {
  margin-bottom: 58px;
}

.ml58 {
  margin-left: 58px;
}

.mt59 {
  margin-top: 59px;
}

.mr59 {
  margin-right: 59px;
}

.mb59 {
  margin-bottom: 59px;
}

.ml59 {
  margin-left: 59px;
}

.mt60 {
  margin-top: 60px;
}

.mr60 {
  margin-right: 60px;
}

.mb60 {
  margin-bottom: 60px;
}

.ml60 {
  margin-left: 60px;
}

.mt61 {
  margin-top: 61px;
}

.mr61 {
  margin-right: 61px;
}

.mb61 {
  margin-bottom: 61px;
}

.ml61 {
  margin-left: 61px;
}

.mt62 {
  margin-top: 62px;
}

.mr62 {
  margin-right: 62px;
}

.mb62 {
  margin-bottom: 62px;
}

.ml62 {
  margin-left: 62px;
}

.mt63 {
  margin-top: 63px;
}

.mr63 {
  margin-right: 63px;
}

.mb63 {
  margin-bottom: 63px;
}

.ml63 {
  margin-left: 63px;
}

.mt64 {
  margin-top: 64px;
}

.mr64 {
  margin-right: 64px;
}

.mb64 {
  margin-bottom: 64px;
}

.ml64 {
  margin-left: 64px;
}

.mt65 {
  margin-top: 65px;
}

.mr65 {
  margin-right: 65px;
}

.mb65 {
  margin-bottom: 65px;
}

.ml65 {
  margin-left: 65px;
}

.mt66 {
  margin-top: 66px;
}

.mr66 {
  margin-right: 66px;
}

.mb66 {
  margin-bottom: 66px;
}

.ml66 {
  margin-left: 66px;
}

.mt67 {
  margin-top: 67px;
}

.mr67 {
  margin-right: 67px;
}

.mb67 {
  margin-bottom: 67px;
}

.ml67 {
  margin-left: 67px;
}

.mt68 {
  margin-top: 68px;
}

.mr68 {
  margin-right: 68px;
}

.mb68 {
  margin-bottom: 68px;
}

.ml68 {
  margin-left: 68px;
}

.mt69 {
  margin-top: 69px;
}

.mr69 {
  margin-right: 69px;
}

.mb69 {
  margin-bottom: 69px;
}

.ml69 {
  margin-left: 69px;
}

.mt70 {
  margin-top: 70px;
}

.mr70 {
  margin-right: 70px;
}

.mb70 {
  margin-bottom: 70px;
}

.ml70 {
  margin-left: 70px;
}

.mt71 {
  margin-top: 71px;
}

.mr71 {
  margin-right: 71px;
}

.mb71 {
  margin-bottom: 71px;
}

.ml71 {
  margin-left: 71px;
}

.mt72 {
  margin-top: 72px;
}

.mr72 {
  margin-right: 72px;
}

.mb72 {
  margin-bottom: 72px;
}

.ml72 {
  margin-left: 72px;
}

.mt73 {
  margin-top: 73px;
}

.mr73 {
  margin-right: 73px;
}

.mb73 {
  margin-bottom: 73px;
}

.ml73 {
  margin-left: 73px;
}

.mt74 {
  margin-top: 74px;
}

.mr74 {
  margin-right: 74px;
}

.mb74 {
  margin-bottom: 74px;
}

.ml74 {
  margin-left: 74px;
}

.mt75 {
  margin-top: 75px;
}

.mr75 {
  margin-right: 75px;
}

.mb75 {
  margin-bottom: 75px;
}

.ml75 {
  margin-left: 75px;
}

.mt76 {
  margin-top: 76px;
}

.mr76 {
  margin-right: 76px;
}

.mb76 {
  margin-bottom: 76px;
}

.ml76 {
  margin-left: 76px;
}

.mt77 {
  margin-top: 77px;
}

.mr77 {
  margin-right: 77px;
}

.mb77 {
  margin-bottom: 77px;
}

.ml77 {
  margin-left: 77px;
}

.mt78 {
  margin-top: 78px;
}

.mr78 {
  margin-right: 78px;
}

.mb78 {
  margin-bottom: 78px;
}

.ml78 {
  margin-left: 78px;
}

.mt79 {
  margin-top: 79px;
}

.mr79 {
  margin-right: 79px;
}

.mb79 {
  margin-bottom: 79px;
}

.ml79 {
  margin-left: 79px;
}

.mt80 {
  margin-top: 80px;
}

.mr80 {
  margin-right: 80px;
}

.mb80 {
  margin-bottom: 80px;
}

.ml80 {
  margin-left: 80px;
}

.mt81 {
  margin-top: 81px;
}

.mr81 {
  margin-right: 81px;
}

.mb81 {
  margin-bottom: 81px;
}

.ml81 {
  margin-left: 81px;
}

.mt82 {
  margin-top: 82px;
}

.mr82 {
  margin-right: 82px;
}

.mb82 {
  margin-bottom: 82px;
}

.ml82 {
  margin-left: 82px;
}

.mt83 {
  margin-top: 83px;
}

.mr83 {
  margin-right: 83px;
}

.mb83 {
  margin-bottom: 83px;
}

.ml83 {
  margin-left: 83px;
}

.mt84 {
  margin-top: 84px;
}

.mr84 {
  margin-right: 84px;
}

.mb84 {
  margin-bottom: 84px;
}

.ml84 {
  margin-left: 84px;
}

.mt85 {
  margin-top: 85px;
}

.mr85 {
  margin-right: 85px;
}

.mb85 {
  margin-bottom: 85px;
}

.ml85 {
  margin-left: 85px;
}

.mt86 {
  margin-top: 86px;
}

.mr86 {
  margin-right: 86px;
}

.mb86 {
  margin-bottom: 86px;
}

.ml86 {
  margin-left: 86px;
}

.mt87 {
  margin-top: 87px;
}

.mr87 {
  margin-right: 87px;
}

.mb87 {
  margin-bottom: 87px;
}

.ml87 {
  margin-left: 87px;
}

.mt88 {
  margin-top: 88px;
}

.mr88 {
  margin-right: 88px;
}

.mb88 {
  margin-bottom: 88px;
}

.ml88 {
  margin-left: 88px;
}

.mt89 {
  margin-top: 89px;
}

.mr89 {
  margin-right: 89px;
}

.mb89 {
  margin-bottom: 89px;
}

.ml89 {
  margin-left: 89px;
}

.mt90 {
  margin-top: 90px;
}

.mr90 {
  margin-right: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

.ml90 {
  margin-left: 90px;
}

.mt91 {
  margin-top: 91px;
}

.mr91 {
  margin-right: 91px;
}

.mb91 {
  margin-bottom: 91px;
}

.ml91 {
  margin-left: 91px;
}

.mt92 {
  margin-top: 92px;
}

.mr92 {
  margin-right: 92px;
}

.mb92 {
  margin-bottom: 92px;
}

.ml92 {
  margin-left: 92px;
}

.mt93 {
  margin-top: 93px;
}

.mr93 {
  margin-right: 93px;
}

.mb93 {
  margin-bottom: 93px;
}

.ml93 {
  margin-left: 93px;
}

.mt94 {
  margin-top: 94px;
}

.mr94 {
  margin-right: 94px;
}

.mb94 {
  margin-bottom: 94px;
}

.ml94 {
  margin-left: 94px;
}

.mt95 {
  margin-top: 95px;
}

.mr95 {
  margin-right: 95px;
}

.mb95 {
  margin-bottom: 95px;
}

.ml95 {
  margin-left: 95px;
}

.mt96 {
  margin-top: 96px;
}

.mr96 {
  margin-right: 96px;
}

.mb96 {
  margin-bottom: 96px;
}

.ml96 {
  margin-left: 96px;
}

.mt97 {
  margin-top: 97px;
}

.mr97 {
  margin-right: 97px;
}

.mb97 {
  margin-bottom: 97px;
}

.ml97 {
  margin-left: 97px;
}

.mt98 {
  margin-top: 98px;
}

.mr98 {
  margin-right: 98px;
}

.mb98 {
  margin-bottom: 98px;
}

.ml98 {
  margin-left: 98px;
}

.mt99 {
  margin-top: 99px;
}

.mr99 {
  margin-right: 99px;
}

.mb99 {
  margin-bottom: 99px;
}

.ml99 {
  margin-left: 99px;
}

.mt100 {
  margin-top: 100px;
}

.mr100 {
  margin-right: 100px;
}

.mb100 {
  margin-bottom: 100px;
}

.ml100 {
  margin-left: 100px;
}

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

@media screen and (max-width: 768px) {
  .sp_mr0 {
    margin-right: 0px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb0 {
    margin-bottom: 0px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml0 {
    margin-left: 0px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt1 {
    margin-top: 1px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr1 {
    margin-right: 1px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb1 {
    margin-bottom: 1px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml1 {
    margin-left: 1px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt2 {
    margin-top: 2px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr2 {
    margin-right: 2px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb2 {
    margin-bottom: 2px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml2 {
    margin-left: 2px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt3 {
    margin-top: 3px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr3 {
    margin-right: 3px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb3 {
    margin-bottom: 3px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml3 {
    margin-left: 3px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt4 {
    margin-top: 4px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr4 {
    margin-right: 4px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb4 {
    margin-bottom: 4px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml4 {
    margin-left: 4px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt5 {
    margin-top: 5px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr5 {
    margin-right: 5px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb5 {
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml5 {
    margin-left: 5px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt6 {
    margin-top: 6px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr6 {
    margin-right: 6px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb6 {
    margin-bottom: 6px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml6 {
    margin-left: 6px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt7 {
    margin-top: 7px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr7 {
    margin-right: 7px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb7 {
    margin-bottom: 7px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml7 {
    margin-left: 7px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt8 {
    margin-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr8 {
    margin-right: 8px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb8 {
    margin-bottom: 8px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml8 {
    margin-left: 8px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt9 {
    margin-top: 9px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr9 {
    margin-right: 9px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb9 {
    margin-bottom: 9px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml9 {
    margin-left: 9px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr10 {
    margin-right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb10 {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml10 {
    margin-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt11 {
    margin-top: 11px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr11 {
    margin-right: 11px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb11 {
    margin-bottom: 11px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml11 {
    margin-left: 11px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt12 {
    margin-top: 12px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr12 {
    margin-right: 12px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb12 {
    margin-bottom: 12px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml12 {
    margin-left: 12px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt13 {
    margin-top: 13px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr13 {
    margin-right: 13px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb13 {
    margin-bottom: 13px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml13 {
    margin-left: 13px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt14 {
    margin-top: 14px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr14 {
    margin-right: 14px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb14 {
    margin-bottom: 14px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml14 {
    margin-left: 14px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt15 {
    margin-top: 15px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr15 {
    margin-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb15 {
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml15 {
    margin-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt16 {
    margin-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr16 {
    margin-right: 16px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb16 {
    margin-bottom: 16px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml16 {
    margin-left: 16px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt17 {
    margin-top: 17px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr17 {
    margin-right: 17px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb17 {
    margin-bottom: 17px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml17 {
    margin-left: 17px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt18 {
    margin-top: 18px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr18 {
    margin-right: 18px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb18 {
    margin-bottom: 18px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml18 {
    margin-left: 18px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt19 {
    margin-top: 19px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr19 {
    margin-right: 19px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb19 {
    margin-bottom: 19px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml19 {
    margin-left: 19px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr20 {
    margin-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb20 {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml20 {
    margin-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt21 {
    margin-top: 21px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr21 {
    margin-right: 21px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb21 {
    margin-bottom: 21px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml21 {
    margin-left: 21px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt22 {
    margin-top: 22px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr22 {
    margin-right: 22px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb22 {
    margin-bottom: 22px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml22 {
    margin-left: 22px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt23 {
    margin-top: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr23 {
    margin-right: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb23 {
    margin-bottom: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml23 {
    margin-left: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt24 {
    margin-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr24 {
    margin-right: 24px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb24 {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml24 {
    margin-left: 24px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt25 {
    margin-top: 25px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr25 {
    margin-right: 25px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb25 {
    margin-bottom: 25px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml25 {
    margin-left: 25px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt26 {
    margin-top: 26px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr26 {
    margin-right: 26px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb26 {
    margin-bottom: 26px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml26 {
    margin-left: 26px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt27 {
    margin-top: 27px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr27 {
    margin-right: 27px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb27 {
    margin-bottom: 27px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml27 {
    margin-left: 27px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt28 {
    margin-top: 28px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr28 {
    margin-right: 28px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb28 {
    margin-bottom: 28px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml28 {
    margin-left: 28px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt29 {
    margin-top: 29px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr29 {
    margin-right: 29px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb29 {
    margin-bottom: 29px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml29 {
    margin-left: 29px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr30 {
    margin-right: 30px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb30 {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml30 {
    margin-left: 30px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt31 {
    margin-top: 31px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr31 {
    margin-right: 31px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb31 {
    margin-bottom: 31px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml31 {
    margin-left: 31px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt32 {
    margin-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr32 {
    margin-right: 32px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb32 {
    margin-bottom: 32px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml32 {
    margin-left: 32px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt33 {
    margin-top: 33px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr33 {
    margin-right: 33px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb33 {
    margin-bottom: 33px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml33 {
    margin-left: 33px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt34 {
    margin-top: 34px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr34 {
    margin-right: 34px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb34 {
    margin-bottom: 34px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml34 {
    margin-left: 34px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt35 {
    margin-top: 35px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr35 {
    margin-right: 35px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb35 {
    margin-bottom: 35px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml35 {
    margin-left: 35px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt36 {
    margin-top: 36px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr36 {
    margin-right: 36px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb36 {
    margin-bottom: 36px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml36 {
    margin-left: 36px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt37 {
    margin-top: 37px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr37 {
    margin-right: 37px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb37 {
    margin-bottom: 37px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml37 {
    margin-left: 37px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt38 {
    margin-top: 38px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr38 {
    margin-right: 38px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb38 {
    margin-bottom: 38px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml38 {
    margin-left: 38px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt39 {
    margin-top: 39px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr39 {
    margin-right: 39px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb39 {
    margin-bottom: 39px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml39 {
    margin-left: 39px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr40 {
    margin-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb40 {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml40 {
    margin-left: 40px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt41 {
    margin-top: 41px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr41 {
    margin-right: 41px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb41 {
    margin-bottom: 41px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml41 {
    margin-left: 41px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt42 {
    margin-top: 42px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr42 {
    margin-right: 42px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb42 {
    margin-bottom: 42px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml42 {
    margin-left: 42px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt43 {
    margin-top: 43px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr43 {
    margin-right: 43px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb43 {
    margin-bottom: 43px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml43 {
    margin-left: 43px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt44 {
    margin-top: 44px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr44 {
    margin-right: 44px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb44 {
    margin-bottom: 44px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml44 {
    margin-left: 44px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt45 {
    margin-top: 45px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr45 {
    margin-right: 45px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb45 {
    margin-bottom: 45px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml45 {
    margin-left: 45px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt46 {
    margin-top: 46px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr46 {
    margin-right: 46px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb46 {
    margin-bottom: 46px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml46 {
    margin-left: 46px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt47 {
    margin-top: 47px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr47 {
    margin-right: 47px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb47 {
    margin-bottom: 47px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml47 {
    margin-left: 47px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt48 {
    margin-top: 48px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr48 {
    margin-right: 48px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb48 {
    margin-bottom: 48px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml48 {
    margin-left: 48px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt49 {
    margin-top: 49px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr49 {
    margin-right: 49px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb49 {
    margin-bottom: 49px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml49 {
    margin-left: 49px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr50 {
    margin-right: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb50 {
    margin-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml50 {
    margin-left: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt51 {
    margin-top: 51px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr51 {
    margin-right: 51px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb51 {
    margin-bottom: 51px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml51 {
    margin-left: 51px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt52 {
    margin-top: 52px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr52 {
    margin-right: 52px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb52 {
    margin-bottom: 52px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml52 {
    margin-left: 52px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt53 {
    margin-top: 53px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr53 {
    margin-right: 53px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb53 {
    margin-bottom: 53px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml53 {
    margin-left: 53px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt54 {
    margin-top: 54px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr54 {
    margin-right: 54px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb54 {
    margin-bottom: 54px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml54 {
    margin-left: 54px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt55 {
    margin-top: 55px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr55 {
    margin-right: 55px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb55 {
    margin-bottom: 55px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml55 {
    margin-left: 55px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt56 {
    margin-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr56 {
    margin-right: 56px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb56 {
    margin-bottom: 56px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml56 {
    margin-left: 56px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt57 {
    margin-top: 57px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr57 {
    margin-right: 57px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb57 {
    margin-bottom: 57px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml57 {
    margin-left: 57px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt58 {
    margin-top: 58px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr58 {
    margin-right: 58px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb58 {
    margin-bottom: 58px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml58 {
    margin-left: 58px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt59 {
    margin-top: 59px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr59 {
    margin-right: 59px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb59 {
    margin-bottom: 59px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml59 {
    margin-left: 59px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr60 {
    margin-right: 60px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb60 {
    margin-bottom: 60px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml60 {
    margin-left: 60px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt61 {
    margin-top: 61px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr61 {
    margin-right: 61px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb61 {
    margin-bottom: 61px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml61 {
    margin-left: 61px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt62 {
    margin-top: 62px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr62 {
    margin-right: 62px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb62 {
    margin-bottom: 62px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml62 {
    margin-left: 62px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt63 {
    margin-top: 63px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr63 {
    margin-right: 63px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb63 {
    margin-bottom: 63px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml63 {
    margin-left: 63px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt64 {
    margin-top: 64px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr64 {
    margin-right: 64px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb64 {
    margin-bottom: 64px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml64 {
    margin-left: 64px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt65 {
    margin-top: 65px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr65 {
    margin-right: 65px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb65 {
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml65 {
    margin-left: 65px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt66 {
    margin-top: 66px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr66 {
    margin-right: 66px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb66 {
    margin-bottom: 66px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml66 {
    margin-left: 66px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt67 {
    margin-top: 67px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr67 {
    margin-right: 67px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb67 {
    margin-bottom: 67px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml67 {
    margin-left: 67px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt68 {
    margin-top: 68px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr68 {
    margin-right: 68px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb68 {
    margin-bottom: 68px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml68 {
    margin-left: 68px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt69 {
    margin-top: 69px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr69 {
    margin-right: 69px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb69 {
    margin-bottom: 69px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml69 {
    margin-left: 69px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr70 {
    margin-right: 70px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb70 {
    margin-bottom: 70px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml70 {
    margin-left: 70px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt71 {
    margin-top: 71px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr71 {
    margin-right: 71px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb71 {
    margin-bottom: 71px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml71 {
    margin-left: 71px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt72 {
    margin-top: 72px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr72 {
    margin-right: 72px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb72 {
    margin-bottom: 72px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml72 {
    margin-left: 72px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt73 {
    margin-top: 73px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr73 {
    margin-right: 73px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb73 {
    margin-bottom: 73px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml73 {
    margin-left: 73px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt74 {
    margin-top: 74px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr74 {
    margin-right: 74px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb74 {
    margin-bottom: 74px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml74 {
    margin-left: 74px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt75 {
    margin-top: 75px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr75 {
    margin-right: 75px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb75 {
    margin-bottom: 75px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml75 {
    margin-left: 75px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt76 {
    margin-top: 76px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr76 {
    margin-right: 76px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb76 {
    margin-bottom: 76px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml76 {
    margin-left: 76px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt77 {
    margin-top: 77px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr77 {
    margin-right: 77px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb77 {
    margin-bottom: 77px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml77 {
    margin-left: 77px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt78 {
    margin-top: 78px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr78 {
    margin-right: 78px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb78 {
    margin-bottom: 78px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml78 {
    margin-left: 78px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt79 {
    margin-top: 79px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr79 {
    margin-right: 79px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb79 {
    margin-bottom: 79px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml79 {
    margin-left: 79px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr80 {
    margin-right: 80px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb80 {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml80 {
    margin-left: 80px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt81 {
    margin-top: 81px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr81 {
    margin-right: 81px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb81 {
    margin-bottom: 81px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml81 {
    margin-left: 81px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt82 {
    margin-top: 82px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr82 {
    margin-right: 82px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb82 {
    margin-bottom: 82px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml82 {
    margin-left: 82px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt83 {
    margin-top: 83px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr83 {
    margin-right: 83px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb83 {
    margin-bottom: 83px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml83 {
    margin-left: 83px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt84 {
    margin-top: 84px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr84 {
    margin-right: 84px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb84 {
    margin-bottom: 84px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml84 {
    margin-left: 84px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt85 {
    margin-top: 85px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr85 {
    margin-right: 85px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb85 {
    margin-bottom: 85px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml85 {
    margin-left: 85px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt86 {
    margin-top: 86px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr86 {
    margin-right: 86px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb86 {
    margin-bottom: 86px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml86 {
    margin-left: 86px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt87 {
    margin-top: 87px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr87 {
    margin-right: 87px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb87 {
    margin-bottom: 87px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml87 {
    margin-left: 87px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt88 {
    margin-top: 88px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr88 {
    margin-right: 88px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb88 {
    margin-bottom: 88px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml88 {
    margin-left: 88px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt89 {
    margin-top: 89px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr89 {
    margin-right: 89px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb89 {
    margin-bottom: 89px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml89 {
    margin-left: 89px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr90 {
    margin-right: 90px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb90 {
    margin-bottom: 90px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml90 {
    margin-left: 90px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt91 {
    margin-top: 91px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr91 {
    margin-right: 91px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb91 {
    margin-bottom: 91px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml91 {
    margin-left: 91px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt92 {
    margin-top: 92px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr92 {
    margin-right: 92px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb92 {
    margin-bottom: 92px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml92 {
    margin-left: 92px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt93 {
    margin-top: 93px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr93 {
    margin-right: 93px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb93 {
    margin-bottom: 93px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml93 {
    margin-left: 93px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt94 {
    margin-top: 94px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr94 {
    margin-right: 94px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb94 {
    margin-bottom: 94px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml94 {
    margin-left: 94px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt95 {
    margin-top: 95px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr95 {
    margin-right: 95px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb95 {
    margin-bottom: 95px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml95 {
    margin-left: 95px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt96 {
    margin-top: 96px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr96 {
    margin-right: 96px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb96 {
    margin-bottom: 96px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml96 {
    margin-left: 96px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt97 {
    margin-top: 97px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr97 {
    margin-right: 97px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb97 {
    margin-bottom: 97px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml97 {
    margin-left: 97px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt98 {
    margin-top: 98px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr98 {
    margin-right: 98px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb98 {
    margin-bottom: 98px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml98 {
    margin-left: 98px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mt99 {
    margin-top: 99px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mr99 {
    margin-right: 99px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb99 {
    margin-bottom: 99px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml99 {
    margin-left: 99px;
  }
}

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

@media screen and (max-width: 768px) {
  .sp_mr100 {
    margin-right: 100px;
  }
}

@media screen and (max-width: 768px) {
  .sp_mb100 {
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 768px) {
  .sp_ml100 {
    margin-left: 100px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt0 {
    margin-top: 0px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr0 {
    margin-right: 0px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb0 {
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml0 {
    margin-left: 0px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt1 {
    margin-top: 1px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr1 {
    margin-right: 1px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb1 {
    margin-bottom: 1px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml1 {
    margin-left: 1px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt2 {
    margin-top: 2px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr2 {
    margin-right: 2px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb2 {
    margin-bottom: 2px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml2 {
    margin-left: 2px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt3 {
    margin-top: 3px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr3 {
    margin-right: 3px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb3 {
    margin-bottom: 3px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml3 {
    margin-left: 3px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt4 {
    margin-top: 4px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr4 {
    margin-right: 4px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb4 {
    margin-bottom: 4px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml4 {
    margin-left: 4px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt5 {
    margin-top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr5 {
    margin-right: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb5 {
    margin-bottom: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml5 {
    margin-left: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt6 {
    margin-top: 6px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr6 {
    margin-right: 6px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb6 {
    margin-bottom: 6px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml6 {
    margin-left: 6px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt7 {
    margin-top: 7px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr7 {
    margin-right: 7px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb7 {
    margin-bottom: 7px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml7 {
    margin-left: 7px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt8 {
    margin-top: 8px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr8 {
    margin-right: 8px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb8 {
    margin-bottom: 8px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml8 {
    margin-left: 8px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt9 {
    margin-top: 9px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr9 {
    margin-right: 9px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb9 {
    margin-bottom: 9px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml9 {
    margin-left: 9px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt10 {
    margin-top: 10px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr10 {
    margin-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb10 {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml10 {
    margin-left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt11 {
    margin-top: 11px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr11 {
    margin-right: 11px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb11 {
    margin-bottom: 11px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml11 {
    margin-left: 11px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt12 {
    margin-top: 12px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr12 {
    margin-right: 12px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb12 {
    margin-bottom: 12px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml12 {
    margin-left: 12px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt13 {
    margin-top: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr13 {
    margin-right: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb13 {
    margin-bottom: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml13 {
    margin-left: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt14 {
    margin-top: 14px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr14 {
    margin-right: 14px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb14 {
    margin-bottom: 14px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml14 {
    margin-left: 14px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt15 {
    margin-top: 15px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr15 {
    margin-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb15 {
    margin-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml15 {
    margin-left: 15px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt16 {
    margin-top: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr16 {
    margin-right: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb16 {
    margin-bottom: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml16 {
    margin-left: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt17 {
    margin-top: 17px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr17 {
    margin-right: 17px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb17 {
    margin-bottom: 17px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml17 {
    margin-left: 17px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt18 {
    margin-top: 18px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr18 {
    margin-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb18 {
    margin-bottom: 18px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml18 {
    margin-left: 18px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt19 {
    margin-top: 19px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr19 {
    margin-right: 19px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb19 {
    margin-bottom: 19px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml19 {
    margin-left: 19px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt20 {
    margin-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr20 {
    margin-right: 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb20 {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml20 {
    margin-left: 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt21 {
    margin-top: 21px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr21 {
    margin-right: 21px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb21 {
    margin-bottom: 21px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml21 {
    margin-left: 21px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt22 {
    margin-top: 22px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr22 {
    margin-right: 22px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb22 {
    margin-bottom: 22px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml22 {
    margin-left: 22px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt23 {
    margin-top: 23px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr23 {
    margin-right: 23px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb23 {
    margin-bottom: 23px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml23 {
    margin-left: 23px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt24 {
    margin-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr24 {
    margin-right: 24px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb24 {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml24 {
    margin-left: 24px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt25 {
    margin-top: 25px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr25 {
    margin-right: 25px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb25 {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml25 {
    margin-left: 25px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt26 {
    margin-top: 26px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr26 {
    margin-right: 26px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb26 {
    margin-bottom: 26px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml26 {
    margin-left: 26px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt27 {
    margin-top: 27px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr27 {
    margin-right: 27px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb27 {
    margin-bottom: 27px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml27 {
    margin-left: 27px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt28 {
    margin-top: 28px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr28 {
    margin-right: 28px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb28 {
    margin-bottom: 28px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml28 {
    margin-left: 28px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt29 {
    margin-top: 29px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr29 {
    margin-right: 29px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb29 {
    margin-bottom: 29px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml29 {
    margin-left: 29px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt30 {
    margin-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr30 {
    margin-right: 30px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb30 {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml30 {
    margin-left: 30px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt31 {
    margin-top: 31px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr31 {
    margin-right: 31px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb31 {
    margin-bottom: 31px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml31 {
    margin-left: 31px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt32 {
    margin-top: 32px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr32 {
    margin-right: 32px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb32 {
    margin-bottom: 32px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml32 {
    margin-left: 32px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt33 {
    margin-top: 33px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr33 {
    margin-right: 33px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb33 {
    margin-bottom: 33px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml33 {
    margin-left: 33px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt34 {
    margin-top: 34px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr34 {
    margin-right: 34px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb34 {
    margin-bottom: 34px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml34 {
    margin-left: 34px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt35 {
    margin-top: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr35 {
    margin-right: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb35 {
    margin-bottom: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml35 {
    margin-left: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt36 {
    margin-top: 36px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr36 {
    margin-right: 36px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb36 {
    margin-bottom: 36px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml36 {
    margin-left: 36px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt37 {
    margin-top: 37px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr37 {
    margin-right: 37px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb37 {
    margin-bottom: 37px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml37 {
    margin-left: 37px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt38 {
    margin-top: 38px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr38 {
    margin-right: 38px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb38 {
    margin-bottom: 38px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml38 {
    margin-left: 38px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt39 {
    margin-top: 39px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr39 {
    margin-right: 39px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb39 {
    margin-bottom: 39px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml39 {
    margin-left: 39px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt40 {
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr40 {
    margin-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb40 {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml40 {
    margin-left: 40px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt41 {
    margin-top: 41px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr41 {
    margin-right: 41px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb41 {
    margin-bottom: 41px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml41 {
    margin-left: 41px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt42 {
    margin-top: 42px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr42 {
    margin-right: 42px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb42 {
    margin-bottom: 42px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml42 {
    margin-left: 42px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt43 {
    margin-top: 43px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr43 {
    margin-right: 43px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb43 {
    margin-bottom: 43px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml43 {
    margin-left: 43px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt44 {
    margin-top: 44px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr44 {
    margin-right: 44px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb44 {
    margin-bottom: 44px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml44 {
    margin-left: 44px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt45 {
    margin-top: 45px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr45 {
    margin-right: 45px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb45 {
    margin-bottom: 45px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml45 {
    margin-left: 45px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt46 {
    margin-top: 46px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr46 {
    margin-right: 46px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb46 {
    margin-bottom: 46px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml46 {
    margin-left: 46px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt47 {
    margin-top: 47px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr47 {
    margin-right: 47px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb47 {
    margin-bottom: 47px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml47 {
    margin-left: 47px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt48 {
    margin-top: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr48 {
    margin-right: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb48 {
    margin-bottom: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml48 {
    margin-left: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt49 {
    margin-top: 49px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr49 {
    margin-right: 49px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb49 {
    margin-bottom: 49px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml49 {
    margin-left: 49px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt50 {
    margin-top: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr50 {
    margin-right: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb50 {
    margin-bottom: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml50 {
    margin-left: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt51 {
    margin-top: 51px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr51 {
    margin-right: 51px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb51 {
    margin-bottom: 51px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml51 {
    margin-left: 51px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt52 {
    margin-top: 52px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr52 {
    margin-right: 52px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb52 {
    margin-bottom: 52px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml52 {
    margin-left: 52px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt53 {
    margin-top: 53px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr53 {
    margin-right: 53px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb53 {
    margin-bottom: 53px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml53 {
    margin-left: 53px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt54 {
    margin-top: 54px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr54 {
    margin-right: 54px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb54 {
    margin-bottom: 54px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml54 {
    margin-left: 54px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt55 {
    margin-top: 55px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr55 {
    margin-right: 55px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb55 {
    margin-bottom: 55px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml55 {
    margin-left: 55px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt56 {
    margin-top: 56px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr56 {
    margin-right: 56px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb56 {
    margin-bottom: 56px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml56 {
    margin-left: 56px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt57 {
    margin-top: 57px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr57 {
    margin-right: 57px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb57 {
    margin-bottom: 57px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml57 {
    margin-left: 57px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt58 {
    margin-top: 58px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr58 {
    margin-right: 58px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb58 {
    margin-bottom: 58px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml58 {
    margin-left: 58px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt59 {
    margin-top: 59px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr59 {
    margin-right: 59px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb59 {
    margin-bottom: 59px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml59 {
    margin-left: 59px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt60 {
    margin-top: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr60 {
    margin-right: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb60 {
    margin-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml60 {
    margin-left: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt61 {
    margin-top: 61px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr61 {
    margin-right: 61px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb61 {
    margin-bottom: 61px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml61 {
    margin-left: 61px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt62 {
    margin-top: 62px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr62 {
    margin-right: 62px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb62 {
    margin-bottom: 62px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml62 {
    margin-left: 62px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt63 {
    margin-top: 63px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr63 {
    margin-right: 63px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb63 {
    margin-bottom: 63px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml63 {
    margin-left: 63px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt64 {
    margin-top: 64px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr64 {
    margin-right: 64px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb64 {
    margin-bottom: 64px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml64 {
    margin-left: 64px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt65 {
    margin-top: 65px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr65 {
    margin-right: 65px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb65 {
    margin-bottom: 65px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml65 {
    margin-left: 65px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt66 {
    margin-top: 66px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr66 {
    margin-right: 66px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb66 {
    margin-bottom: 66px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml66 {
    margin-left: 66px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt67 {
    margin-top: 67px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr67 {
    margin-right: 67px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb67 {
    margin-bottom: 67px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml67 {
    margin-left: 67px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt68 {
    margin-top: 68px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr68 {
    margin-right: 68px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb68 {
    margin-bottom: 68px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml68 {
    margin-left: 68px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt69 {
    margin-top: 69px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr69 {
    margin-right: 69px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb69 {
    margin-bottom: 69px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml69 {
    margin-left: 69px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt70 {
    margin-top: 70px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr70 {
    margin-right: 70px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb70 {
    margin-bottom: 70px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml70 {
    margin-left: 70px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt71 {
    margin-top: 71px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr71 {
    margin-right: 71px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb71 {
    margin-bottom: 71px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml71 {
    margin-left: 71px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt72 {
    margin-top: 72px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr72 {
    margin-right: 72px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb72 {
    margin-bottom: 72px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml72 {
    margin-left: 72px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt73 {
    margin-top: 73px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr73 {
    margin-right: 73px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb73 {
    margin-bottom: 73px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml73 {
    margin-left: 73px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt74 {
    margin-top: 74px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr74 {
    margin-right: 74px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb74 {
    margin-bottom: 74px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml74 {
    margin-left: 74px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt75 {
    margin-top: 75px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr75 {
    margin-right: 75px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb75 {
    margin-bottom: 75px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml75 {
    margin-left: 75px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt76 {
    margin-top: 76px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr76 {
    margin-right: 76px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb76 {
    margin-bottom: 76px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml76 {
    margin-left: 76px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt77 {
    margin-top: 77px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr77 {
    margin-right: 77px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb77 {
    margin-bottom: 77px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml77 {
    margin-left: 77px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt78 {
    margin-top: 78px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr78 {
    margin-right: 78px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb78 {
    margin-bottom: 78px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml78 {
    margin-left: 78px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt79 {
    margin-top: 79px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr79 {
    margin-right: 79px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb79 {
    margin-bottom: 79px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml79 {
    margin-left: 79px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt80 {
    margin-top: 80px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr80 {
    margin-right: 80px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb80 {
    margin-bottom: 80px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml80 {
    margin-left: 80px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt81 {
    margin-top: 81px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr81 {
    margin-right: 81px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb81 {
    margin-bottom: 81px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml81 {
    margin-left: 81px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt82 {
    margin-top: 82px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr82 {
    margin-right: 82px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb82 {
    margin-bottom: 82px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml82 {
    margin-left: 82px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt83 {
    margin-top: 83px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr83 {
    margin-right: 83px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb83 {
    margin-bottom: 83px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml83 {
    margin-left: 83px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt84 {
    margin-top: 84px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr84 {
    margin-right: 84px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb84 {
    margin-bottom: 84px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml84 {
    margin-left: 84px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt85 {
    margin-top: 85px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr85 {
    margin-right: 85px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb85 {
    margin-bottom: 85px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml85 {
    margin-left: 85px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt86 {
    margin-top: 86px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr86 {
    margin-right: 86px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb86 {
    margin-bottom: 86px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml86 {
    margin-left: 86px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt87 {
    margin-top: 87px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr87 {
    margin-right: 87px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb87 {
    margin-bottom: 87px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml87 {
    margin-left: 87px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt88 {
    margin-top: 88px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr88 {
    margin-right: 88px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb88 {
    margin-bottom: 88px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml88 {
    margin-left: 88px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt89 {
    margin-top: 89px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr89 {
    margin-right: 89px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb89 {
    margin-bottom: 89px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml89 {
    margin-left: 89px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt90 {
    margin-top: 90px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr90 {
    margin-right: 90px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb90 {
    margin-bottom: 90px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml90 {
    margin-left: 90px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt91 {
    margin-top: 91px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr91 {
    margin-right: 91px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb91 {
    margin-bottom: 91px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml91 {
    margin-left: 91px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt92 {
    margin-top: 92px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr92 {
    margin-right: 92px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb92 {
    margin-bottom: 92px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml92 {
    margin-left: 92px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt93 {
    margin-top: 93px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr93 {
    margin-right: 93px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb93 {
    margin-bottom: 93px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml93 {
    margin-left: 93px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt94 {
    margin-top: 94px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr94 {
    margin-right: 94px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb94 {
    margin-bottom: 94px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml94 {
    margin-left: 94px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt95 {
    margin-top: 95px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr95 {
    margin-right: 95px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb95 {
    margin-bottom: 95px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml95 {
    margin-left: 95px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt96 {
    margin-top: 96px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr96 {
    margin-right: 96px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb96 {
    margin-bottom: 96px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml96 {
    margin-left: 96px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt97 {
    margin-top: 97px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr97 {
    margin-right: 97px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb97 {
    margin-bottom: 97px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml97 {
    margin-left: 97px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt98 {
    margin-top: 98px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr98 {
    margin-right: 98px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb98 {
    margin-bottom: 98px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml98 {
    margin-left: 98px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt99 {
    margin-top: 99px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr99 {
    margin-right: 99px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb99 {
    margin-bottom: 99px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml99 {
    margin-left: 99px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mt100 {
    margin-top: 100px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mr100 {
    margin-right: 100px;
  }
}

@media screen and (min-width: 768px) {
  .pc_mb100 {
    margin-bottom: 100px;
  }
}

@media screen and (min-width: 768px) {
  .pc_ml100 {
    margin-left: 100px;
  }
}

.pt0 {
  padding-top: 0px;
}

.pr0 {
  padding-right: 0px;
}

.pb0 {
  padding-bottom: 0px;
}

.pl0 {
  padding-left: 0px;
}

.pt1 {
  padding-top: 1px;
}

.pr1 {
  padding-right: 1px;
}

.pb1 {
  padding-bottom: 1px;
}

.pl1 {
  padding-left: 1px;
}

.pt2 {
  padding-top: 2px;
}

.pr2 {
  padding-right: 2px;
}

.pb2 {
  padding-bottom: 2px;
}

.pl2 {
  padding-left: 2px;
}

.pt3 {
  padding-top: 3px;
}

.pr3 {
  padding-right: 3px;
}

.pb3 {
  padding-bottom: 3px;
}

.pl3 {
  padding-left: 3px;
}

.pt4 {
  padding-top: 4px;
}

.pr4 {
  padding-right: 4px;
}

.pb4 {
  padding-bottom: 4px;
}

.pl4 {
  padding-left: 4px;
}

.pt5 {
  padding-top: 5px;
}

.pr5 {
  padding-right: 5px;
}

.pb5 {
  padding-bottom: 5px;
}

.pl5 {
  padding-left: 5px;
}

.pt6 {
  padding-top: 6px;
}

.pr6 {
  padding-right: 6px;
}

.pb6 {
  padding-bottom: 6px;
}

.pl6 {
  padding-left: 6px;
}

.pt7 {
  padding-top: 7px;
}

.pr7 {
  padding-right: 7px;
}

.pb7 {
  padding-bottom: 7px;
}

.pl7 {
  padding-left: 7px;
}

.pt8 {
  padding-top: 8px;
}

.pr8 {
  padding-right: 8px;
}

.pb8 {
  padding-bottom: 8px;
}

.pl8 {
  padding-left: 8px;
}

.pt9 {
  padding-top: 9px;
}

.pr9 {
  padding-right: 9px;
}

.pb9 {
  padding-bottom: 9px;
}

.pl9 {
  padding-left: 9px;
}

.pt10 {
  padding-top: 10px;
}

.pr10 {
  padding-right: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pl10 {
  padding-left: 10px;
}

.pt11 {
  padding-top: 11px;
}

.pr11 {
  padding-right: 11px;
}

.pb11 {
  padding-bottom: 11px;
}

.pl11 {
  padding-left: 11px;
}

.pt12 {
  padding-top: 12px;
}

.pr12 {
  padding-right: 12px;
}

.pb12 {
  padding-bottom: 12px;
}

.pl12 {
  padding-left: 12px;
}

.pt13 {
  padding-top: 13px;
}

.pr13 {
  padding-right: 13px;
}

.pb13 {
  padding-bottom: 13px;
}

.pl13 {
  padding-left: 13px;
}

.pt14 {
  padding-top: 14px;
}

.pr14 {
  padding-right: 14px;
}

.pb14 {
  padding-bottom: 14px;
}

.pl14 {
  padding-left: 14px;
}

.pt15 {
  padding-top: 15px;
}

.pr15 {
  padding-right: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.pl15 {
  padding-left: 15px;
}

.pt16 {
  padding-top: 16px;
}

.pr16 {
  padding-right: 16px;
}

.pb16 {
  padding-bottom: 16px;
}

.pl16 {
  padding-left: 16px;
}

.pt17 {
  padding-top: 17px;
}

.pr17 {
  padding-right: 17px;
}

.pb17 {
  padding-bottom: 17px;
}

.pl17 {
  padding-left: 17px;
}

.pt18 {
  padding-top: 18px;
}

.pr18 {
  padding-right: 18px;
}

.pb18 {
  padding-bottom: 18px;
}

.pl18 {
  padding-left: 18px;
}

.pt19 {
  padding-top: 19px;
}

.pr19 {
  padding-right: 19px;
}

.pb19 {
  padding-bottom: 19px;
}

.pl19 {
  padding-left: 19px;
}

.pt20 {
  padding-top: 20px;
}

.pr20 {
  padding-right: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pl20 {
  padding-left: 20px;
}

.pt21 {
  padding-top: 21px;
}

.pr21 {
  padding-right: 21px;
}

.pb21 {
  padding-bottom: 21px;
}

.pl21 {
  padding-left: 21px;
}

.pt22 {
  padding-top: 22px;
}

.pr22 {
  padding-right: 22px;
}

.pb22 {
  padding-bottom: 22px;
}

.pl22 {
  padding-left: 22px;
}

.pt23 {
  padding-top: 23px;
}

.pr23 {
  padding-right: 23px;
}

.pb23 {
  padding-bottom: 23px;
}

.pl23 {
  padding-left: 23px;
}

.pt24 {
  padding-top: 24px;
}

.pr24 {
  padding-right: 24px;
}

.pb24 {
  padding-bottom: 24px;
}

.pl24 {
  padding-left: 24px;
}

.pt25 {
  padding-top: 25px;
}

.pr25 {
  padding-right: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.pl25 {
  padding-left: 25px;
}

.pt26 {
  padding-top: 26px;
}

.pr26 {
  padding-right: 26px;
}

.pb26 {
  padding-bottom: 26px;
}

.pl26 {
  padding-left: 26px;
}

.pt27 {
  padding-top: 27px;
}

.pr27 {
  padding-right: 27px;
}

.pb27 {
  padding-bottom: 27px;
}

.pl27 {
  padding-left: 27px;
}

.pt28 {
  padding-top: 28px;
}

.pr28 {
  padding-right: 28px;
}

.pb28 {
  padding-bottom: 28px;
}

.pl28 {
  padding-left: 28px;
}

.pt29 {
  padding-top: 29px;
}

.pr29 {
  padding-right: 29px;
}

.pb29 {
  padding-bottom: 29px;
}

.pl29 {
  padding-left: 29px;
}

.pt30 {
  padding-top: 30px;
}

.pr30 {
  padding-right: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pl30 {
  padding-left: 30px;
}

.pt31 {
  padding-top: 31px;
}

.pr31 {
  padding-right: 31px;
}

.pb31 {
  padding-bottom: 31px;
}

.pl31 {
  padding-left: 31px;
}

.pt32 {
  padding-top: 32px;
}

.pr32 {
  padding-right: 32px;
}

.pb32 {
  padding-bottom: 32px;
}

.pl32 {
  padding-left: 32px;
}

.pt33 {
  padding-top: 33px;
}

.pr33 {
  padding-right: 33px;
}

.pb33 {
  padding-bottom: 33px;
}

.pl33 {
  padding-left: 33px;
}

.pt34 {
  padding-top: 34px;
}

.pr34 {
  padding-right: 34px;
}

.pb34 {
  padding-bottom: 34px;
}

.pl34 {
  padding-left: 34px;
}

.pt35 {
  padding-top: 35px;
}

.pr35 {
  padding-right: 35px;
}

.pb35 {
  padding-bottom: 35px;
}

.pl35 {
  padding-left: 35px;
}

.pt36 {
  padding-top: 36px;
}

.pr36 {
  padding-right: 36px;
}

.pb36 {
  padding-bottom: 36px;
}

.pl36 {
  padding-left: 36px;
}

.pt37 {
  padding-top: 37px;
}

.pr37 {
  padding-right: 37px;
}

.pb37 {
  padding-bottom: 37px;
}

.pl37 {
  padding-left: 37px;
}

.pt38 {
  padding-top: 38px;
}

.pr38 {
  padding-right: 38px;
}

.pb38 {
  padding-bottom: 38px;
}

.pl38 {
  padding-left: 38px;
}

.pt39 {
  padding-top: 39px;
}

.pr39 {
  padding-right: 39px;
}

.pb39 {
  padding-bottom: 39px;
}

.pl39 {
  padding-left: 39px;
}

.pt40 {
  padding-top: 40px;
}

.pr40 {
  padding-right: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pl40 {
  padding-left: 40px;
}

.pt41 {
  padding-top: 41px;
}

.pr41 {
  padding-right: 41px;
}

.pb41 {
  padding-bottom: 41px;
}

.pl41 {
  padding-left: 41px;
}

.pt42 {
  padding-top: 42px;
}

.pr42 {
  padding-right: 42px;
}

.pb42 {
  padding-bottom: 42px;
}

.pl42 {
  padding-left: 42px;
}

.pt43 {
  padding-top: 43px;
}

.pr43 {
  padding-right: 43px;
}

.pb43 {
  padding-bottom: 43px;
}

.pl43 {
  padding-left: 43px;
}

.pt44 {
  padding-top: 44px;
}

.pr44 {
  padding-right: 44px;
}

.pb44 {
  padding-bottom: 44px;
}

.pl44 {
  padding-left: 44px;
}

.pt45 {
  padding-top: 45px;
}

.pr45 {
  padding-right: 45px;
}

.pb45 {
  padding-bottom: 45px;
}

.pl45 {
  padding-left: 45px;
}

.pt46 {
  padding-top: 46px;
}

.pr46 {
  padding-right: 46px;
}

.pb46 {
  padding-bottom: 46px;
}

.pl46 {
  padding-left: 46px;
}

.pt47 {
  padding-top: 47px;
}

.pr47 {
  padding-right: 47px;
}

.pb47 {
  padding-bottom: 47px;
}

.pl47 {
  padding-left: 47px;
}

.pt48 {
  padding-top: 48px;
}

.pr48 {
  padding-right: 48px;
}

.pb48 {
  padding-bottom: 48px;
}

.pl48 {
  padding-left: 48px;
}

.pt49 {
  padding-top: 49px;
}

.pr49 {
  padding-right: 49px;
}

.pb49 {
  padding-bottom: 49px;
}

.pl49 {
  padding-left: 49px;
}

.pt50 {
  padding-top: 50px;
}

.pr50 {
  padding-right: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl50 {
  padding-left: 50px;
}

.pt51 {
  padding-top: 51px;
}

.pr51 {
  padding-right: 51px;
}

.pb51 {
  padding-bottom: 51px;
}

.pl51 {
  padding-left: 51px;
}

.pt52 {
  padding-top: 52px;
}

.pr52 {
  padding-right: 52px;
}

.pb52 {
  padding-bottom: 52px;
}

.pl52 {
  padding-left: 52px;
}

.pt53 {
  padding-top: 53px;
}

.pr53 {
  padding-right: 53px;
}

.pb53 {
  padding-bottom: 53px;
}

.pl53 {
  padding-left: 53px;
}

.pt54 {
  padding-top: 54px;
}

.pr54 {
  padding-right: 54px;
}

.pb54 {
  padding-bottom: 54px;
}

.pl54 {
  padding-left: 54px;
}

.pt55 {
  padding-top: 55px;
}

.pr55 {
  padding-right: 55px;
}

.pb55 {
  padding-bottom: 55px;
}

.pl55 {
  padding-left: 55px;
}

.pt56 {
  padding-top: 56px;
}

.pr56 {
  padding-right: 56px;
}

.pb56 {
  padding-bottom: 56px;
}

.pl56 {
  padding-left: 56px;
}

.pt57 {
  padding-top: 57px;
}

.pr57 {
  padding-right: 57px;
}

.pb57 {
  padding-bottom: 57px;
}

.pl57 {
  padding-left: 57px;
}

.pt58 {
  padding-top: 58px;
}

.pr58 {
  padding-right: 58px;
}

.pb58 {
  padding-bottom: 58px;
}

.pl58 {
  padding-left: 58px;
}

.pt59 {
  padding-top: 59px;
}

.pr59 {
  padding-right: 59px;
}

.pb59 {
  padding-bottom: 59px;
}

.pl59 {
  padding-left: 59px;
}

.pt60 {
  padding-top: 60px;
}

.pr60 {
  padding-right: 60px;
}

.pb60 {
  padding-bottom: 60px;
}

.pl60 {
  padding-left: 60px;
}

.pt61 {
  padding-top: 61px;
}

.pr61 {
  padding-right: 61px;
}

.pb61 {
  padding-bottom: 61px;
}

.pl61 {
  padding-left: 61px;
}

.pt62 {
  padding-top: 62px;
}

.pr62 {
  padding-right: 62px;
}

.pb62 {
  padding-bottom: 62px;
}

.pl62 {
  padding-left: 62px;
}

.pt63 {
  padding-top: 63px;
}

.pr63 {
  padding-right: 63px;
}

.pb63 {
  padding-bottom: 63px;
}

.pl63 {
  padding-left: 63px;
}

.pt64 {
  padding-top: 64px;
}

.pr64 {
  padding-right: 64px;
}

.pb64 {
  padding-bottom: 64px;
}

.pl64 {
  padding-left: 64px;
}

.pt65 {
  padding-top: 65px;
}

.pr65 {
  padding-right: 65px;
}

.pb65 {
  padding-bottom: 65px;
}

.pl65 {
  padding-left: 65px;
}

.pt66 {
  padding-top: 66px;
}

.pr66 {
  padding-right: 66px;
}

.pb66 {
  padding-bottom: 66px;
}

.pl66 {
  padding-left: 66px;
}

.pt67 {
  padding-top: 67px;
}

.pr67 {
  padding-right: 67px;
}

.pb67 {
  padding-bottom: 67px;
}

.pl67 {
  padding-left: 67px;
}

.pt68 {
  padding-top: 68px;
}

.pr68 {
  padding-right: 68px;
}

.pb68 {
  padding-bottom: 68px;
}

.pl68 {
  padding-left: 68px;
}

.pt69 {
  padding-top: 69px;
}

.pr69 {
  padding-right: 69px;
}

.pb69 {
  padding-bottom: 69px;
}

.pl69 {
  padding-left: 69px;
}

.pt70 {
  padding-top: 70px;
}

.pr70 {
  padding-right: 70px;
}

.pb70 {
  padding-bottom: 70px;
}

.pl70 {
  padding-left: 70px;
}

.pt71 {
  padding-top: 71px;
}

.pr71 {
  padding-right: 71px;
}

.pb71 {
  padding-bottom: 71px;
}

.pl71 {
  padding-left: 71px;
}

.pt72 {
  padding-top: 72px;
}

.pr72 {
  padding-right: 72px;
}

.pb72 {
  padding-bottom: 72px;
}

.pl72 {
  padding-left: 72px;
}

.pt73 {
  padding-top: 73px;
}

.pr73 {
  padding-right: 73px;
}

.pb73 {
  padding-bottom: 73px;
}

.pl73 {
  padding-left: 73px;
}

.pt74 {
  padding-top: 74px;
}

.pr74 {
  padding-right: 74px;
}

.pb74 {
  padding-bottom: 74px;
}

.pl74 {
  padding-left: 74px;
}

.pt75 {
  padding-top: 75px;
}

.pr75 {
  padding-right: 75px;
}

.pb75 {
  padding-bottom: 75px;
}

.pl75 {
  padding-left: 75px;
}

.pt76 {
  padding-top: 76px;
}

.pr76 {
  padding-right: 76px;
}

.pb76 {
  padding-bottom: 76px;
}

.pl76 {
  padding-left: 76px;
}

.pt77 {
  padding-top: 77px;
}

.pr77 {
  padding-right: 77px;
}

.pb77 {
  padding-bottom: 77px;
}

.pl77 {
  padding-left: 77px;
}

.pt78 {
  padding-top: 78px;
}

.pr78 {
  padding-right: 78px;
}

.pb78 {
  padding-bottom: 78px;
}

.pl78 {
  padding-left: 78px;
}

.pt79 {
  padding-top: 79px;
}

.pr79 {
  padding-right: 79px;
}

.pb79 {
  padding-bottom: 79px;
}

.pl79 {
  padding-left: 79px;
}

.pt80 {
  padding-top: 80px;
}

.pr80 {
  padding-right: 80px;
}

.pb80 {
  padding-bottom: 80px;
}

.pl80 {
  padding-left: 80px;
}

.pt81 {
  padding-top: 81px;
}

.pr81 {
  padding-right: 81px;
}

.pb81 {
  padding-bottom: 81px;
}

.pl81 {
  padding-left: 81px;
}

.pt82 {
  padding-top: 82px;
}

.pr82 {
  padding-right: 82px;
}

.pb82 {
  padding-bottom: 82px;
}

.pl82 {
  padding-left: 82px;
}

.pt83 {
  padding-top: 83px;
}

.pr83 {
  padding-right: 83px;
}

.pb83 {
  padding-bottom: 83px;
}

.pl83 {
  padding-left: 83px;
}

.pt84 {
  padding-top: 84px;
}

.pr84 {
  padding-right: 84px;
}

.pb84 {
  padding-bottom: 84px;
}

.pl84 {
  padding-left: 84px;
}

.pt85 {
  padding-top: 85px;
}

.pr85 {
  padding-right: 85px;
}

.pb85 {
  padding-bottom: 85px;
}

.pl85 {
  padding-left: 85px;
}

.pt86 {
  padding-top: 86px;
}

.pr86 {
  padding-right: 86px;
}

.pb86 {
  padding-bottom: 86px;
}

.pl86 {
  padding-left: 86px;
}

.pt87 {
  padding-top: 87px;
}

.pr87 {
  padding-right: 87px;
}

.pb87 {
  padding-bottom: 87px;
}

.pl87 {
  padding-left: 87px;
}

.pt88 {
  padding-top: 88px;
}

.pr88 {
  padding-right: 88px;
}

.pb88 {
  padding-bottom: 88px;
}

.pl88 {
  padding-left: 88px;
}

.pt89 {
  padding-top: 89px;
}

.pr89 {
  padding-right: 89px;
}

.pb89 {
  padding-bottom: 89px;
}

.pl89 {
  padding-left: 89px;
}

.pt90 {
  padding-top: 90px;
}

.pr90 {
  padding-right: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.pl90 {
  padding-left: 90px;
}

.pt91 {
  padding-top: 91px;
}

.pr91 {
  padding-right: 91px;
}

.pb91 {
  padding-bottom: 91px;
}

.pl91 {
  padding-left: 91px;
}

.pt92 {
  padding-top: 92px;
}

.pr92 {
  padding-right: 92px;
}

.pb92 {
  padding-bottom: 92px;
}

.pl92 {
  padding-left: 92px;
}

.pt93 {
  padding-top: 93px;
}

.pr93 {
  padding-right: 93px;
}

.pb93 {
  padding-bottom: 93px;
}

.pl93 {
  padding-left: 93px;
}

.pt94 {
  padding-top: 94px;
}

.pr94 {
  padding-right: 94px;
}

.pb94 {
  padding-bottom: 94px;
}

.pl94 {
  padding-left: 94px;
}

.pt95 {
  padding-top: 95px;
}

.pr95 {
  padding-right: 95px;
}

.pb95 {
  padding-bottom: 95px;
}

.pl95 {
  padding-left: 95px;
}

.pt96 {
  padding-top: 96px;
}

.pr96 {
  padding-right: 96px;
}

.pb96 {
  padding-bottom: 96px;
}

.pl96 {
  padding-left: 96px;
}

.pt97 {
  padding-top: 97px;
}

.pr97 {
  padding-right: 97px;
}

.pb97 {
  padding-bottom: 97px;
}

.pl97 {
  padding-left: 97px;
}

.pt98 {
  padding-top: 98px;
}

.pr98 {
  padding-right: 98px;
}

.pb98 {
  padding-bottom: 98px;
}

.pl98 {
  padding-left: 98px;
}

.pt99 {
  padding-top: 99px;
}

.pr99 {
  padding-right: 99px;
}

.pb99 {
  padding-bottom: 99px;
}

.pl99 {
  padding-left: 99px;
}

.pt100 {
  padding-top: 100px;
}

.pr100 {
  padding-right: 100px;
}

.pb100 {
  padding-bottom: 100px;
}

.pl100 {
  padding-left: 100px;
}

@media screen and (max-width: 768px) {
  .sp_pt0 {
    padding-top: 0px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr0 {
    padding-right: 0px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb0 {
    padding-bottom: 0px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl0 {
    padding-left: 0px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt1 {
    padding-top: 1px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr1 {
    padding-right: 1px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb1 {
    padding-bottom: 1px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl1 {
    padding-left: 1px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt2 {
    padding-top: 2px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr2 {
    padding-right: 2px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb2 {
    padding-bottom: 2px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl2 {
    padding-left: 2px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt3 {
    padding-top: 3px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr3 {
    padding-right: 3px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb3 {
    padding-bottom: 3px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl3 {
    padding-left: 3px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt4 {
    padding-top: 4px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr4 {
    padding-right: 4px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb4 {
    padding-bottom: 4px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl4 {
    padding-left: 4px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt5 {
    padding-top: 5px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr5 {
    padding-right: 5px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb5 {
    padding-bottom: 5px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl5 {
    padding-left: 5px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt6 {
    padding-top: 6px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr6 {
    padding-right: 6px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb6 {
    padding-bottom: 6px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl6 {
    padding-left: 6px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt7 {
    padding-top: 7px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr7 {
    padding-right: 7px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb7 {
    padding-bottom: 7px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl7 {
    padding-left: 7px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt8 {
    padding-top: 8px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr8 {
    padding-right: 8px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb8 {
    padding-bottom: 8px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl8 {
    padding-left: 8px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt9 {
    padding-top: 9px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr9 {
    padding-right: 9px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb9 {
    padding-bottom: 9px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl9 {
    padding-left: 9px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt10 {
    padding-top: 10px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr10 {
    padding-right: 10px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb10 {
    padding-bottom: 10px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl10 {
    padding-left: 10px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt11 {
    padding-top: 11px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr11 {
    padding-right: 11px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb11 {
    padding-bottom: 11px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl11 {
    padding-left: 11px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt12 {
    padding-top: 12px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr12 {
    padding-right: 12px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb12 {
    padding-bottom: 12px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl12 {
    padding-left: 12px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt13 {
    padding-top: 13px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr13 {
    padding-right: 13px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb13 {
    padding-bottom: 13px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl13 {
    padding-left: 13px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt14 {
    padding-top: 14px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr14 {
    padding-right: 14px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb14 {
    padding-bottom: 14px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl14 {
    padding-left: 14px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt15 {
    padding-top: 15px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr15 {
    padding-right: 15px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb15 {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl15 {
    padding-left: 15px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt16 {
    padding-top: 16px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr16 {
    padding-right: 16px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb16 {
    padding-bottom: 16px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl16 {
    padding-left: 16px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt17 {
    padding-top: 17px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr17 {
    padding-right: 17px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb17 {
    padding-bottom: 17px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl17 {
    padding-left: 17px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt18 {
    padding-top: 18px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr18 {
    padding-right: 18px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb18 {
    padding-bottom: 18px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl18 {
    padding-left: 18px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt19 {
    padding-top: 19px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr19 {
    padding-right: 19px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb19 {
    padding-bottom: 19px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl19 {
    padding-left: 19px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt20 {
    padding-top: 20px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr20 {
    padding-right: 20px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb20 {
    padding-bottom: 20px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl20 {
    padding-left: 20px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt21 {
    padding-top: 21px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr21 {
    padding-right: 21px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb21 {
    padding-bottom: 21px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl21 {
    padding-left: 21px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt22 {
    padding-top: 22px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr22 {
    padding-right: 22px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb22 {
    padding-bottom: 22px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl22 {
    padding-left: 22px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt23 {
    padding-top: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr23 {
    padding-right: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb23 {
    padding-bottom: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl23 {
    padding-left: 23px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt24 {
    padding-top: 24px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr24 {
    padding-right: 24px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb24 {
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl24 {
    padding-left: 24px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt25 {
    padding-top: 25px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr25 {
    padding-right: 25px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb25 {
    padding-bottom: 25px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl25 {
    padding-left: 25px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt26 {
    padding-top: 26px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr26 {
    padding-right: 26px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb26 {
    padding-bottom: 26px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl26 {
    padding-left: 26px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt27 {
    padding-top: 27px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr27 {
    padding-right: 27px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb27 {
    padding-bottom: 27px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl27 {
    padding-left: 27px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt28 {
    padding-top: 28px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr28 {
    padding-right: 28px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb28 {
    padding-bottom: 28px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl28 {
    padding-left: 28px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt29 {
    padding-top: 29px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr29 {
    padding-right: 29px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb29 {
    padding-bottom: 29px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl29 {
    padding-left: 29px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt30 {
    padding-top: 30px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr30 {
    padding-right: 30px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb30 {
    padding-bottom: 30px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl30 {
    padding-left: 30px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt31 {
    padding-top: 31px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr31 {
    padding-right: 31px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb31 {
    padding-bottom: 31px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl31 {
    padding-left: 31px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt32 {
    padding-top: 32px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr32 {
    padding-right: 32px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb32 {
    padding-bottom: 32px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl32 {
    padding-left: 32px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt33 {
    padding-top: 33px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr33 {
    padding-right: 33px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb33 {
    padding-bottom: 33px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl33 {
    padding-left: 33px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt34 {
    padding-top: 34px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr34 {
    padding-right: 34px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb34 {
    padding-bottom: 34px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl34 {
    padding-left: 34px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt35 {
    padding-top: 35px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr35 {
    padding-right: 35px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb35 {
    padding-bottom: 35px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl35 {
    padding-left: 35px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt36 {
    padding-top: 36px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr36 {
    padding-right: 36px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb36 {
    padding-bottom: 36px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl36 {
    padding-left: 36px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt37 {
    padding-top: 37px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr37 {
    padding-right: 37px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb37 {
    padding-bottom: 37px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl37 {
    padding-left: 37px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt38 {
    padding-top: 38px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr38 {
    padding-right: 38px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb38 {
    padding-bottom: 38px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl38 {
    padding-left: 38px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt39 {
    padding-top: 39px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr39 {
    padding-right: 39px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb39 {
    padding-bottom: 39px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl39 {
    padding-left: 39px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt40 {
    padding-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr40 {
    padding-right: 40px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb40 {
    padding-bottom: 40px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl40 {
    padding-left: 40px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt41 {
    padding-top: 41px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr41 {
    padding-right: 41px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb41 {
    padding-bottom: 41px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl41 {
    padding-left: 41px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt42 {
    padding-top: 42px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr42 {
    padding-right: 42px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb42 {
    padding-bottom: 42px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl42 {
    padding-left: 42px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt43 {
    padding-top: 43px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr43 {
    padding-right: 43px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb43 {
    padding-bottom: 43px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl43 {
    padding-left: 43px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt44 {
    padding-top: 44px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr44 {
    padding-right: 44px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb44 {
    padding-bottom: 44px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl44 {
    padding-left: 44px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt45 {
    padding-top: 45px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr45 {
    padding-right: 45px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb45 {
    padding-bottom: 45px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl45 {
    padding-left: 45px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt46 {
    padding-top: 46px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr46 {
    padding-right: 46px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb46 {
    padding-bottom: 46px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl46 {
    padding-left: 46px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt47 {
    padding-top: 47px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr47 {
    padding-right: 47px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb47 {
    padding-bottom: 47px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl47 {
    padding-left: 47px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt48 {
    padding-top: 48px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr48 {
    padding-right: 48px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb48 {
    padding-bottom: 48px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl48 {
    padding-left: 48px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt49 {
    padding-top: 49px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr49 {
    padding-right: 49px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb49 {
    padding-bottom: 49px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl49 {
    padding-left: 49px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt50 {
    padding-top: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr50 {
    padding-right: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb50 {
    padding-bottom: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl50 {
    padding-left: 50px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt51 {
    padding-top: 51px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr51 {
    padding-right: 51px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb51 {
    padding-bottom: 51px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl51 {
    padding-left: 51px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt52 {
    padding-top: 52px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr52 {
    padding-right: 52px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb52 {
    padding-bottom: 52px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl52 {
    padding-left: 52px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt53 {
    padding-top: 53px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr53 {
    padding-right: 53px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb53 {
    padding-bottom: 53px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl53 {
    padding-left: 53px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt54 {
    padding-top: 54px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr54 {
    padding-right: 54px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb54 {
    padding-bottom: 54px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl54 {
    padding-left: 54px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt55 {
    padding-top: 55px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr55 {
    padding-right: 55px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb55 {
    padding-bottom: 55px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl55 {
    padding-left: 55px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt56 {
    padding-top: 56px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr56 {
    padding-right: 56px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb56 {
    padding-bottom: 56px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl56 {
    padding-left: 56px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt57 {
    padding-top: 57px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr57 {
    padding-right: 57px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb57 {
    padding-bottom: 57px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl57 {
    padding-left: 57px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt58 {
    padding-top: 58px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr58 {
    padding-right: 58px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb58 {
    padding-bottom: 58px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl58 {
    padding-left: 58px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt59 {
    padding-top: 59px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr59 {
    padding-right: 59px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb59 {
    padding-bottom: 59px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl59 {
    padding-left: 59px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt60 {
    padding-top: 60px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr60 {
    padding-right: 60px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb60 {
    padding-bottom: 60px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl60 {
    padding-left: 60px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt61 {
    padding-top: 61px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr61 {
    padding-right: 61px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb61 {
    padding-bottom: 61px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl61 {
    padding-left: 61px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt62 {
    padding-top: 62px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr62 {
    padding-right: 62px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb62 {
    padding-bottom: 62px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl62 {
    padding-left: 62px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt63 {
    padding-top: 63px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr63 {
    padding-right: 63px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb63 {
    padding-bottom: 63px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl63 {
    padding-left: 63px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt64 {
    padding-top: 64px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr64 {
    padding-right: 64px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb64 {
    padding-bottom: 64px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl64 {
    padding-left: 64px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt65 {
    padding-top: 65px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr65 {
    padding-right: 65px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb65 {
    padding-bottom: 65px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl65 {
    padding-left: 65px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt66 {
    padding-top: 66px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr66 {
    padding-right: 66px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb66 {
    padding-bottom: 66px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl66 {
    padding-left: 66px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt67 {
    padding-top: 67px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr67 {
    padding-right: 67px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb67 {
    padding-bottom: 67px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl67 {
    padding-left: 67px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt68 {
    padding-top: 68px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr68 {
    padding-right: 68px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb68 {
    padding-bottom: 68px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl68 {
    padding-left: 68px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt69 {
    padding-top: 69px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr69 {
    padding-right: 69px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb69 {
    padding-bottom: 69px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl69 {
    padding-left: 69px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt70 {
    padding-top: 70px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr70 {
    padding-right: 70px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb70 {
    padding-bottom: 70px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl70 {
    padding-left: 70px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt71 {
    padding-top: 71px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr71 {
    padding-right: 71px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb71 {
    padding-bottom: 71px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl71 {
    padding-left: 71px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt72 {
    padding-top: 72px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr72 {
    padding-right: 72px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb72 {
    padding-bottom: 72px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl72 {
    padding-left: 72px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt73 {
    padding-top: 73px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr73 {
    padding-right: 73px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb73 {
    padding-bottom: 73px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl73 {
    padding-left: 73px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt74 {
    padding-top: 74px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr74 {
    padding-right: 74px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb74 {
    padding-bottom: 74px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl74 {
    padding-left: 74px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt75 {
    padding-top: 75px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr75 {
    padding-right: 75px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb75 {
    padding-bottom: 75px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl75 {
    padding-left: 75px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt76 {
    padding-top: 76px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr76 {
    padding-right: 76px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb76 {
    padding-bottom: 76px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl76 {
    padding-left: 76px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt77 {
    padding-top: 77px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr77 {
    padding-right: 77px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb77 {
    padding-bottom: 77px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl77 {
    padding-left: 77px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt78 {
    padding-top: 78px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr78 {
    padding-right: 78px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb78 {
    padding-bottom: 78px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl78 {
    padding-left: 78px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt79 {
    padding-top: 79px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr79 {
    padding-right: 79px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb79 {
    padding-bottom: 79px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl79 {
    padding-left: 79px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt80 {
    padding-top: 80px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr80 {
    padding-right: 80px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb80 {
    padding-bottom: 80px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl80 {
    padding-left: 80px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt81 {
    padding-top: 81px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr81 {
    padding-right: 81px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb81 {
    padding-bottom: 81px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl81 {
    padding-left: 81px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt82 {
    padding-top: 82px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr82 {
    padding-right: 82px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb82 {
    padding-bottom: 82px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl82 {
    padding-left: 82px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt83 {
    padding-top: 83px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr83 {
    padding-right: 83px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb83 {
    padding-bottom: 83px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl83 {
    padding-left: 83px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt84 {
    padding-top: 84px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr84 {
    padding-right: 84px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb84 {
    padding-bottom: 84px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl84 {
    padding-left: 84px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt85 {
    padding-top: 85px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr85 {
    padding-right: 85px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb85 {
    padding-bottom: 85px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl85 {
    padding-left: 85px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt86 {
    padding-top: 86px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr86 {
    padding-right: 86px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb86 {
    padding-bottom: 86px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl86 {
    padding-left: 86px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt87 {
    padding-top: 87px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr87 {
    padding-right: 87px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb87 {
    padding-bottom: 87px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl87 {
    padding-left: 87px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt88 {
    padding-top: 88px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr88 {
    padding-right: 88px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb88 {
    padding-bottom: 88px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl88 {
    padding-left: 88px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt89 {
    padding-top: 89px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr89 {
    padding-right: 89px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb89 {
    padding-bottom: 89px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl89 {
    padding-left: 89px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt90 {
    padding-top: 90px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr90 {
    padding-right: 90px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb90 {
    padding-bottom: 90px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl90 {
    padding-left: 90px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt91 {
    padding-top: 91px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr91 {
    padding-right: 91px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb91 {
    padding-bottom: 91px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl91 {
    padding-left: 91px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt92 {
    padding-top: 92px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr92 {
    padding-right: 92px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb92 {
    padding-bottom: 92px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl92 {
    padding-left: 92px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt93 {
    padding-top: 93px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr93 {
    padding-right: 93px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb93 {
    padding-bottom: 93px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl93 {
    padding-left: 93px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt94 {
    padding-top: 94px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr94 {
    padding-right: 94px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb94 {
    padding-bottom: 94px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl94 {
    padding-left: 94px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt95 {
    padding-top: 95px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr95 {
    padding-right: 95px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb95 {
    padding-bottom: 95px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl95 {
    padding-left: 95px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt96 {
    padding-top: 96px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr96 {
    padding-right: 96px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb96 {
    padding-bottom: 96px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl96 {
    padding-left: 96px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt97 {
    padding-top: 97px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr97 {
    padding-right: 97px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb97 {
    padding-bottom: 97px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl97 {
    padding-left: 97px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt98 {
    padding-top: 98px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr98 {
    padding-right: 98px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb98 {
    padding-bottom: 98px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl98 {
    padding-left: 98px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt99 {
    padding-top: 99px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr99 {
    padding-right: 99px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb99 {
    padding-bottom: 99px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl99 {
    padding-left: 99px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pt100 {
    padding-top: 100px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pr100 {
    padding-right: 100px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pb100 {
    padding-bottom: 100px;
  }
}

@media screen and (max-width: 768px) {
  .sp_pl100 {
    padding-left: 100px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt0 {
    padding-top: 0px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr0 {
    padding-right: 0px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb0 {
    padding-bottom: 0px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl0 {
    padding-left: 0px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt1 {
    padding-top: 1px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr1 {
    padding-right: 1px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb1 {
    padding-bottom: 1px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl1 {
    padding-left: 1px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt2 {
    padding-top: 2px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr2 {
    padding-right: 2px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb2 {
    padding-bottom: 2px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl2 {
    padding-left: 2px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt3 {
    padding-top: 3px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr3 {
    padding-right: 3px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb3 {
    padding-bottom: 3px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl3 {
    padding-left: 3px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt4 {
    padding-top: 4px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr4 {
    padding-right: 4px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb4 {
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl4 {
    padding-left: 4px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt5 {
    padding-top: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr5 {
    padding-right: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb5 {
    padding-bottom: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl5 {
    padding-left: 5px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt6 {
    padding-top: 6px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr6 {
    padding-right: 6px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb6 {
    padding-bottom: 6px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl6 {
    padding-left: 6px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt7 {
    padding-top: 7px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr7 {
    padding-right: 7px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb7 {
    padding-bottom: 7px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl7 {
    padding-left: 7px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt8 {
    padding-top: 8px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr8 {
    padding-right: 8px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb8 {
    padding-bottom: 8px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl8 {
    padding-left: 8px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt9 {
    padding-top: 9px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr9 {
    padding-right: 9px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb9 {
    padding-bottom: 9px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl9 {
    padding-left: 9px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt10 {
    padding-top: 10px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr10 {
    padding-right: 10px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb10 {
    padding-bottom: 10px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl10 {
    padding-left: 10px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt11 {
    padding-top: 11px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr11 {
    padding-right: 11px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb11 {
    padding-bottom: 11px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl11 {
    padding-left: 11px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt12 {
    padding-top: 12px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr12 {
    padding-right: 12px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb12 {
    padding-bottom: 12px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl12 {
    padding-left: 12px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt13 {
    padding-top: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr13 {
    padding-right: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb13 {
    padding-bottom: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl13 {
    padding-left: 13px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt14 {
    padding-top: 14px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr14 {
    padding-right: 14px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb14 {
    padding-bottom: 14px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl14 {
    padding-left: 14px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt15 {
    padding-top: 15px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr15 {
    padding-right: 15px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb15 {
    padding-bottom: 15px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl15 {
    padding-left: 15px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt16 {
    padding-top: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr16 {
    padding-right: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb16 {
    padding-bottom: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl16 {
    padding-left: 16px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt17 {
    padding-top: 17px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr17 {
    padding-right: 17px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb17 {
    padding-bottom: 17px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl17 {
    padding-left: 17px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt18 {
    padding-top: 18px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr18 {
    padding-right: 18px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb18 {
    padding-bottom: 18px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl18 {
    padding-left: 18px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt19 {
    padding-top: 19px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr19 {
    padding-right: 19px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb19 {
    padding-bottom: 19px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl19 {
    padding-left: 19px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt20 {
    padding-top: 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr20 {
    padding-right: 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb20 {
    padding-bottom: 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl20 {
    padding-left: 20px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt21 {
    padding-top: 21px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr21 {
    padding-right: 21px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb21 {
    padding-bottom: 21px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl21 {
    padding-left: 21px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt22 {
    padding-top: 22px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr22 {
    padding-right: 22px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb22 {
    padding-bottom: 22px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl22 {
    padding-left: 22px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt23 {
    padding-top: 23px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr23 {
    padding-right: 23px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb23 {
    padding-bottom: 23px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl23 {
    padding-left: 23px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt24 {
    padding-top: 24px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr24 {
    padding-right: 24px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb24 {
    padding-bottom: 24px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl24 {
    padding-left: 24px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt25 {
    padding-top: 25px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr25 {
    padding-right: 25px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb25 {
    padding-bottom: 25px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl25 {
    padding-left: 25px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt26 {
    padding-top: 26px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr26 {
    padding-right: 26px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb26 {
    padding-bottom: 26px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl26 {
    padding-left: 26px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt27 {
    padding-top: 27px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr27 {
    padding-right: 27px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb27 {
    padding-bottom: 27px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl27 {
    padding-left: 27px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt28 {
    padding-top: 28px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr28 {
    padding-right: 28px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb28 {
    padding-bottom: 28px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl28 {
    padding-left: 28px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt29 {
    padding-top: 29px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr29 {
    padding-right: 29px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb29 {
    padding-bottom: 29px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl29 {
    padding-left: 29px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt30 {
    padding-top: 30px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr30 {
    padding-right: 30px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb30 {
    padding-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl30 {
    padding-left: 30px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt31 {
    padding-top: 31px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr31 {
    padding-right: 31px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb31 {
    padding-bottom: 31px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl31 {
    padding-left: 31px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt32 {
    padding-top: 32px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr32 {
    padding-right: 32px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb32 {
    padding-bottom: 32px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl32 {
    padding-left: 32px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt33 {
    padding-top: 33px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr33 {
    padding-right: 33px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb33 {
    padding-bottom: 33px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl33 {
    padding-left: 33px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt34 {
    padding-top: 34px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr34 {
    padding-right: 34px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb34 {
    padding-bottom: 34px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl34 {
    padding-left: 34px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt35 {
    padding-top: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr35 {
    padding-right: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb35 {
    padding-bottom: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl35 {
    padding-left: 35px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt36 {
    padding-top: 36px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr36 {
    padding-right: 36px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb36 {
    padding-bottom: 36px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl36 {
    padding-left: 36px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt37 {
    padding-top: 37px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr37 {
    padding-right: 37px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb37 {
    padding-bottom: 37px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl37 {
    padding-left: 37px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt38 {
    padding-top: 38px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr38 {
    padding-right: 38px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb38 {
    padding-bottom: 38px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl38 {
    padding-left: 38px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt39 {
    padding-top: 39px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr39 {
    padding-right: 39px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb39 {
    padding-bottom: 39px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl39 {
    padding-left: 39px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt40 {
    padding-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr40 {
    padding-right: 40px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb40 {
    padding-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl40 {
    padding-left: 40px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt41 {
    padding-top: 41px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr41 {
    padding-right: 41px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb41 {
    padding-bottom: 41px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl41 {
    padding-left: 41px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt42 {
    padding-top: 42px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr42 {
    padding-right: 42px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb42 {
    padding-bottom: 42px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl42 {
    padding-left: 42px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt43 {
    padding-top: 43px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr43 {
    padding-right: 43px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb43 {
    padding-bottom: 43px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl43 {
    padding-left: 43px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt44 {
    padding-top: 44px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr44 {
    padding-right: 44px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb44 {
    padding-bottom: 44px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl44 {
    padding-left: 44px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt45 {
    padding-top: 45px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr45 {
    padding-right: 45px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb45 {
    padding-bottom: 45px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl45 {
    padding-left: 45px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt46 {
    padding-top: 46px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr46 {
    padding-right: 46px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb46 {
    padding-bottom: 46px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl46 {
    padding-left: 46px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt47 {
    padding-top: 47px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr47 {
    padding-right: 47px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb47 {
    padding-bottom: 47px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl47 {
    padding-left: 47px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt48 {
    padding-top: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr48 {
    padding-right: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb48 {
    padding-bottom: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl48 {
    padding-left: 48px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt49 {
    padding-top: 49px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr49 {
    padding-right: 49px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb49 {
    padding-bottom: 49px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl49 {
    padding-left: 49px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt50 {
    padding-top: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr50 {
    padding-right: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb50 {
    padding-bottom: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl50 {
    padding-left: 50px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt51 {
    padding-top: 51px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr51 {
    padding-right: 51px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb51 {
    padding-bottom: 51px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl51 {
    padding-left: 51px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt52 {
    padding-top: 52px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr52 {
    padding-right: 52px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb52 {
    padding-bottom: 52px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl52 {
    padding-left: 52px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt53 {
    padding-top: 53px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr53 {
    padding-right: 53px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb53 {
    padding-bottom: 53px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl53 {
    padding-left: 53px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt54 {
    padding-top: 54px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr54 {
    padding-right: 54px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb54 {
    padding-bottom: 54px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl54 {
    padding-left: 54px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt55 {
    padding-top: 55px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr55 {
    padding-right: 55px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb55 {
    padding-bottom: 55px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl55 {
    padding-left: 55px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt56 {
    padding-top: 56px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr56 {
    padding-right: 56px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb56 {
    padding-bottom: 56px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl56 {
    padding-left: 56px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt57 {
    padding-top: 57px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr57 {
    padding-right: 57px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb57 {
    padding-bottom: 57px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl57 {
    padding-left: 57px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt58 {
    padding-top: 58px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr58 {
    padding-right: 58px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb58 {
    padding-bottom: 58px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl58 {
    padding-left: 58px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt59 {
    padding-top: 59px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr59 {
    padding-right: 59px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb59 {
    padding-bottom: 59px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl59 {
    padding-left: 59px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt60 {
    padding-top: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr60 {
    padding-right: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb60 {
    padding-bottom: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl60 {
    padding-left: 60px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt61 {
    padding-top: 61px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr61 {
    padding-right: 61px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb61 {
    padding-bottom: 61px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl61 {
    padding-left: 61px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt62 {
    padding-top: 62px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr62 {
    padding-right: 62px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb62 {
    padding-bottom: 62px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl62 {
    padding-left: 62px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt63 {
    padding-top: 63px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr63 {
    padding-right: 63px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb63 {
    padding-bottom: 63px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl63 {
    padding-left: 63px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt64 {
    padding-top: 64px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr64 {
    padding-right: 64px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb64 {
    padding-bottom: 64px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl64 {
    padding-left: 64px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt65 {
    padding-top: 65px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr65 {
    padding-right: 65px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb65 {
    padding-bottom: 65px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl65 {
    padding-left: 65px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt66 {
    padding-top: 66px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr66 {
    padding-right: 66px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb66 {
    padding-bottom: 66px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl66 {
    padding-left: 66px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt67 {
    padding-top: 67px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr67 {
    padding-right: 67px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb67 {
    padding-bottom: 67px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl67 {
    padding-left: 67px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt68 {
    padding-top: 68px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr68 {
    padding-right: 68px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb68 {
    padding-bottom: 68px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl68 {
    padding-left: 68px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt69 {
    padding-top: 69px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr69 {
    padding-right: 69px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb69 {
    padding-bottom: 69px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl69 {
    padding-left: 69px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt70 {
    padding-top: 70px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr70 {
    padding-right: 70px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb70 {
    padding-bottom: 70px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl70 {
    padding-left: 70px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt71 {
    padding-top: 71px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr71 {
    padding-right: 71px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb71 {
    padding-bottom: 71px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl71 {
    padding-left: 71px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt72 {
    padding-top: 72px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr72 {
    padding-right: 72px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb72 {
    padding-bottom: 72px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl72 {
    padding-left: 72px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt73 {
    padding-top: 73px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr73 {
    padding-right: 73px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb73 {
    padding-bottom: 73px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl73 {
    padding-left: 73px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt74 {
    padding-top: 74px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr74 {
    padding-right: 74px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb74 {
    padding-bottom: 74px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl74 {
    padding-left: 74px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt75 {
    padding-top: 75px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr75 {
    padding-right: 75px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb75 {
    padding-bottom: 75px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl75 {
    padding-left: 75px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt76 {
    padding-top: 76px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr76 {
    padding-right: 76px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb76 {
    padding-bottom: 76px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl76 {
    padding-left: 76px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt77 {
    padding-top: 77px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr77 {
    padding-right: 77px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb77 {
    padding-bottom: 77px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl77 {
    padding-left: 77px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt78 {
    padding-top: 78px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr78 {
    padding-right: 78px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb78 {
    padding-bottom: 78px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl78 {
    padding-left: 78px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt79 {
    padding-top: 79px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr79 {
    padding-right: 79px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb79 {
    padding-bottom: 79px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl79 {
    padding-left: 79px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt80 {
    padding-top: 80px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr80 {
    padding-right: 80px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb80 {
    padding-bottom: 80px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl80 {
    padding-left: 80px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt81 {
    padding-top: 81px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr81 {
    padding-right: 81px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb81 {
    padding-bottom: 81px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl81 {
    padding-left: 81px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt82 {
    padding-top: 82px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr82 {
    padding-right: 82px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb82 {
    padding-bottom: 82px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl82 {
    padding-left: 82px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt83 {
    padding-top: 83px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr83 {
    padding-right: 83px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb83 {
    padding-bottom: 83px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl83 {
    padding-left: 83px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt84 {
    padding-top: 84px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr84 {
    padding-right: 84px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb84 {
    padding-bottom: 84px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl84 {
    padding-left: 84px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt85 {
    padding-top: 85px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr85 {
    padding-right: 85px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb85 {
    padding-bottom: 85px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl85 {
    padding-left: 85px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt86 {
    padding-top: 86px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr86 {
    padding-right: 86px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb86 {
    padding-bottom: 86px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl86 {
    padding-left: 86px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt87 {
    padding-top: 87px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr87 {
    padding-right: 87px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb87 {
    padding-bottom: 87px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl87 {
    padding-left: 87px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt88 {
    padding-top: 88px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr88 {
    padding-right: 88px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb88 {
    padding-bottom: 88px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl88 {
    padding-left: 88px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt89 {
    padding-top: 89px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr89 {
    padding-right: 89px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb89 {
    padding-bottom: 89px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl89 {
    padding-left: 89px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt90 {
    padding-top: 90px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr90 {
    padding-right: 90px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb90 {
    padding-bottom: 90px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl90 {
    padding-left: 90px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt91 {
    padding-top: 91px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr91 {
    padding-right: 91px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb91 {
    padding-bottom: 91px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl91 {
    padding-left: 91px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt92 {
    padding-top: 92px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr92 {
    padding-right: 92px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb92 {
    padding-bottom: 92px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl92 {
    padding-left: 92px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt93 {
    padding-top: 93px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr93 {
    padding-right: 93px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb93 {
    padding-bottom: 93px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl93 {
    padding-left: 93px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt94 {
    padding-top: 94px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr94 {
    padding-right: 94px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb94 {
    padding-bottom: 94px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl94 {
    padding-left: 94px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt95 {
    padding-top: 95px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr95 {
    padding-right: 95px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb95 {
    padding-bottom: 95px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl95 {
    padding-left: 95px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt96 {
    padding-top: 96px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr96 {
    padding-right: 96px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb96 {
    padding-bottom: 96px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl96 {
    padding-left: 96px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt97 {
    padding-top: 97px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr97 {
    padding-right: 97px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb97 {
    padding-bottom: 97px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl97 {
    padding-left: 97px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt98 {
    padding-top: 98px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr98 {
    padding-right: 98px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb98 {
    padding-bottom: 98px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl98 {
    padding-left: 98px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt99 {
    padding-top: 99px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr99 {
    padding-right: 99px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb99 {
    padding-bottom: 99px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl99 {
    padding-left: 99px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pt100 {
    padding-top: 100px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pr100 {
    padding-right: 100px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pb100 {
    padding-bottom: 100px;
  }
}

@media screen and (min-width: 768px) {
  .pc_pl100 {
    padding-left: 100px;
  }
}

/* layout
---------------------------------------------------------------------------- */
#container {
  min-width: 1020px;
}
#container .inner {
  margin: 0 auto;
  padding: 0 30px;
  max-width: 960px;
}
#container .inner.related_info {
  padding-bottom: 50px;
}
#container .inner.related_info a.category {
  background-color: #ddd;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 2px 5px 0;
}

#contents {
  position: relative;
  line-height: 1.8em;
  border-bottom: 1px solid #fff;
}
#contents .topicpath {
  padding-top: 36px;
  clear: both;
  overflow: hidden;
}
#contents .topicpath .btn-lang-change {
  float: right;
}
#contents .topicpath .btn-lang-change .btn-blue {
  padding: 10px 15px;
  border-bottom: none !important;
}
#contents .topicpath .btn-lang-change .btn-blue .arrow {
  margin-top: 2px;
}
#contents .topicpath .rss {
  float: right;
}
#contents .topicpath .rss .feedHead,
#contents .topicpath .rss .feed {
  padding: 0 0 0 16px;
  background: url("/common/images/icon_feed.gif") no-repeat left 1px;
  background-size: auto auto;
}
#contents .topicpath .rss .feedHead {
  margin-right: 10px;
}
#contents .topicpath ul {
  float: left;
}
#contents .topicpath ul li {
  display: block;
  float: left;
}
#contents .topicpath ul li a {
  font-size: 12px;
  color: #000;
  padding: 3px 5px;
}
#contents .topicpath ul li span {
  margin-left: 5px;
  margin-right: 5px;
}
#contents .topicpath ul li span::after {
  content: "\f054";
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  vertical-align: top;
}
#contents .topicpath ul li:first-child a {
  padding-left: 0;
}
#contents .topicpath ul li.active a {
  font-weight: bold;
  background: #ccc;
}
#contents .topicpath ul li.active a:hover {
  opacity: 1;
  cursor: default;
}

.article.padding-large {
  padding: 50px 0;
}
@media screen and (max-width: 767px) {
  .article.padding-large {
    padding: 30px 0;
  }
}
.article.padding-medium {
  padding: 40px 0;
}
@media screen and (max-width: 767px) {
  .article.padding-medium {
    padding: 30px 0;
  }
}
.article.padding-bottom-non {
  padding-bottom: 0;
}

@media screen and (max-width: 767px) {
  .footer-wrap {
    border-top: solid 1px #E5E5E5;
    padding: 20px 15px;
    background-color: #F2F2F2;
  }
}

#footer {
  padding: 40px 0 20px;
  border-top: solid 1px #E5E5E5;
  background-color: #F2F2F2;
  clear: both;
}
@media screen and (max-width: 767px) {
  #footer {
    padding: 0;
    width: 100%;
    display: table;
    border: none;
  }
}
#footer a {
  color: #000;
  text-decoration: none;
}
#footer a:link {
  color: #000;
}
#footer a:visited {
  color: #000;
}
#footer a:hover {
  color: #000;
}
#footer a:active {
  color: #000;
}
@media screen and (max-width: 767px) {
  #footer .btn-pc-switch-wrap,
  #footer .inner {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
  }
}
#footer .btn-pc-switch-wrap {
  display: none;
}
@media screen and (max-width: 767px) {
  #footer .btn-pc-switch-wrap {
    display: table-cell;
    text-align: right;
  }
}
#footer .article .dfo {
  float: left;
}
@media screen and (max-width: 767px) {
  #footer .article .dfo {
    float: none;
  }
}
#footer .article .dfo a {
  display: block;
  width: 140px;
  height: 28px;
  background: url(../images/mg-df-log.svg) no-repeat left center;
  background-size: 140px 28px;
}
@media screen and (max-width: 767px) {
  #footer .article .dfo a {
    width: 126px;
    height: 25px;
    background: url(../images/mg-df-log.svg) no-repeat left center;
    background-size: 126px 25px;
  }
}
#footer .article .dfo img {
  display: none;
}
#footer .article #footer-menu {
  margin-top: -5px;
  float: right;
  width: 55.1%;
}
#footer .article #footer-menu li {
  padding-bottom: 3px;
  float: left;
}
#footer .article #footer-menu li.delimiter {
  padding: 0 5px;
}
#footer .copy {
  clear: both;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #footer .copy {
    padding-top: 10px;
    font-size: 10px;
  }
}

.btn-pc-switch {
  display: inline-block;
  padding: 15px;
  background-color: #5F5F5F;
  color: #FFF !important;
  font-size: 11px;
  cursor: pointer;
}
.btn-pc-switch .btn-pc-icon {
  margin-right: 6px;
  float: left;
  background: url(../images/icon-pc.png) no-repeat center 2px;
  background-size: 12px 12px;
  display: block;
  width: 12px;
  height: 14px;
}

.btn-sp-switch-wrap {
  display: none;
}
.btn-sp-switch-wrap.active {
  display: block;
}
.btn-sp-switch-wrap .btn-sp-switch {
  padding: 25px 0;
  display: block;
  background-color: #5F5F5F;
  color: #FFF !important;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
}
.btn-sp-switch-wrap .btn-sp-switch .btn-sp-icon {
  margin-right: 6px;
  background: url(../images/icon-sp.png) no-repeat center 4px;
  background-size: 26px 26px;
  display: inline-block;
  width: 26px;
  height: 30px;
  vertical-align: top;
}

.socialButtons {
  margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
  .socialButtons {
    margin-bottom: 30px;
  }
}
.socialButtons td {
  padding-right: 15px;
  vertical-align: bottom;
}
.socialButtons td .twitter-share-button,
.socialButtons td .fb-root {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 !important;
}
.socialButtons .category {
  display: block;
  margin-left: -15px;
}
.socialButtons .category a {
  display: block;
  float: left;
  margin-left: 15px;
}

/* page-layout
---------------------------------------------------------------------------- */
#old-layout #header {
  border-bottom: solid 1px #CCC;
}
#old-layout #contents {
  padding-bottom: 50px;
}
#old-layout #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 40px;
  overflow: hidden;
}

#template {
  margin: 50px 0;
}
@media screen and (max-width: 767px) {
  #template {
    margin: 30px 0;
  }
  #template figure img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}

#socialmedia h3 {
  font-size: 20px !important;
  margin-bottom: 30px !important;
}
#socialmedia h4 {
  margin-bottom: 5px;
}

#yokohama-30th h2 {
  font-size: 30px !important;
  margin-bottom: 30px !important;
}
@media screen and (max-width: 640px) {
  #yokohama-30th h2 {
    font-size: 20px !important;
  }
}
#yokohama-30th .bg-yellow {
  margin-top: 3px;
  padding: 3px;
  display: inline-block;
  float: left;
}
#yokohama-30th .block {
  background-color: #EEE;
  padding: 25px;
  margin-bottom: 10px;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .block {
    padding: 10px;
  }
}
#yokohama-30th .block h3 {
  font-weight: bold;
}
#yokohama-30th .block .fl-left {
  float: left;
  margin-bottom: 0;
}
#yokohama-30th .block .fl-left img {
  width: 234px;
  height: auto;
  vertical-align: bottom;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .block img {
    margin-top: 10px;
    width: 100%;
    max-width: 100%;
  }
}
#yokohama-30th .block .img-half {
  width: 50%;
  height: auto;
}
#yokohama-30th .block .txt {
  margin-left: 254px;
}
#yokohama-30th .block .txt h3 {
  overflow: hidden;
}
#yokohama-30th .block .txt.fl-non {
  margin-left: 0;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .block .txt {
    margin-left: 0;
  }
}
#yokohama-30th .table-history th, #yokohama-30th .table-history td {
  text-align: left;
  vertical-align: top;
}
#yokohama-30th .table-history th {
  padding-right: 20px;
}
#yokohama-30th .table-history th hr {
  border: none;
  border-left: solid 3px #666;
  margin-left: 30px;
  margin-bottom: 10px;
  min-height: 120px;
  max-height: 100%;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .table-history th hr {
    margin-left: 15px;
    min-height: 200px;
  }
  #yokohama-30th .table-history th hr.min-200 {
    min-height: 290px;
    margin-bottom: 0;
  }
}
#yokohama-30th .table-history th hr.min-140 {
  min-height: 140px;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .table-history th hr.min-140 {
    min-height: 240px;
  }
}
#yokohama-30th .table-history th hr.min-50 {
  min-height: 60px;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .table-history th hr.min-50 {
    min-height: 120px;
  }
}
#yokohama-30th .table-history th hr.min-30 {
  min-height: 40px;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .table-history th hr.min-30 {
    min-height: 45px;
  }
}
@media screen and (max-width: 640px) {
  #yokohama-30th .table-history th {
    padding-right: 10px;
  }
}
@media screen and (max-width: 640px) {
  #yokohama-30th .table-history td img {
    display: block;
  }
  #yokohama-30th .table-history td img.fl-left {
    margin: 0 0 5px !important;
  }
  #yokohama-30th .table-history td img.img-double {
    width: 100%;
    max-width: 100%;
  }
  #yokohama-30th .table-history td img.img-single {
    width: 50%;
  }
}
#yokohama-30th .table-history h3 {
  font-size: 18px !important;
  font-weight: bold;
  color: #666;
  margin-bottom: 10px !important;
  font-style: italic;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .table-history h3 {
    font-size: 13px !important;
  }
}
#yokohama-30th .table-history h4 {
  margin-bottom: 10px;
  font-size: 18px !important;
}
@media screen and (max-width: 640px) {
  #yokohama-30th .table-history h4 {
    font-size: 13px !important;
  }
}

#request #header {
  border-bottom: solid 1px #CCC;
}
#request #contents {
  padding-bottom: 50px;
}
#request #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 40px;
  overflow: hidden;
}
#request h1 {
  margin-bottom: 40px;
}
#request h2 {
  font-size: 24px;
  margin-bottom: 20px;
}
#request h3 {
  margin-bottom: 15px;
}
#request h4 {
  font-weight: bold;
  font-size: 14px;
}
#request .request .privacy {
  border-top: solid 1px #CCC;
  margin-top: 50px;
  padding-top: 50px;
}
#request .request .privacy h3 {
  font-weight: bold;
}
#request .request .info {
  margin-top: 20px;
}
#request .request .info .em {
  color: #0054ff;
}
#request .request h4 {
  margin-top: 20px;
  margin-bottom: 5px;
  text-align: left;
}
#request .request h4 .caption {
  padding-left: 20px;
  font-weight: normal;
}
#request .request .btn-blue {
  padding: 13px 20px;
  border: none;
  text-align: left;
  font-size: 18px;
}
#request .request .btn-blue .arrow {
  vertical-align: top;
  margin-top: 3px;
  margin-left: 10px;
}
#request .request .pamph {
  height: 276px;
}
#request .request .telemail-logo {
  height: 18px;
  vertical-align: top;
  margin-left: 5px;
  margin-top: 3px;
}
#request .request .left .block,
#request .request .right .block {
  background-color: #EFEFEF;
  padding: 30px;
  text-align: center;
}
#request .request .left {
  margin-right: 3.125%;
}
#request .request .right {
  margin-left: 3.125%;
}

#faq #header {
  border-bottom: solid 1px #CCC;
}
#faq #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 0;
  overflow: hidden;
}
#faq #contents .head {
  padding-top: 50px;
  padding-bottom: 30px;
  overflow: hidden;
  display: block;
}
#faq #contents .head h1 {
  float: left;
  margin-right: 40px;
  line-height: 1.1em;
}
#faq #contents .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#faq #contents .article {
  padding: 30px 0;
}
#faq #contents .message {
  margin-top: 10px;
  border-top: solid 1px #CCC;
  padding-top: 40px;
}
#faq #contents .message h2,
#faq #contents .message p {
  margin-bottom: 20px;
}
#faq #contents .faq_index {
  padding-bottom: 80px;
}
#faq #contents .faq_index .contact_form_link .btn-blue,
#faq #contents .faq_index .contact-tel .btn-blue {
  padding: 13px 20px;
  border: none;
  text-align: left;
  font-size: 18px;
}
#faq #contents .faq_index .contact_form_link .btn-blue .arrow,
#faq #contents .faq_index .contact-tel .btn-blue .arrow {
  vertical-align: top;
  margin-top: 3px;
  margin-left: 10px;
}
#faq #contents .faq_index .contact-tel {
  padding-top: 30px;
}
#faq #contents .faq_index .contact-tel h2 {
  margin-bottom: 20px;
}
#faq #contents .faq_index .contact-tel .btn-blue {
  text-align: center;
}
#faq #contents .faq_index .contact-tel .left a {
  margin-right: 3%;
}
#faq #contents .faq_index .contact-tel .right a {
  margin-left: 3%;
}
#faq #contents .faq_index .contact-tel p {
  margin-top: 20px;
}
#faq #contents .faq_index h2 {
  padding-right: 20px;
  font-size: 24px;
}
#faq #contents .faq_index .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#faq #contents .faq_index .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#faq #contents .faq_index .category_list li a {
  padding-right: 15px;
  background: url(/common/images/arrow-double-blue-right-16x16.gif) no-repeat right center;
  background-size: 8px 8px;
}
#faq #contents .faq_index .faq_list h3 {
  overflow: hidden;
  padding: 0;
}
#faq #contents .faq_index .faq_list h3 a {
  color: #333;
  font-size: 18px;
}
#faq #contents .faq_index .faq_list h3 .count {
  float: right;
  color: #999;
  font-size: 13px;
}
#faq #contents .faq_index .faq_list ul {
  margin: 10px 0 0;
  padding: 15px 15px 10px;
  background-color: #EFEFEF;
}
#faq #contents .faq_index .faq_list ul li {
  font-size: 14px;
  margin-bottom: 5px;
  overflow: hidden;
}
#faq #contents .faq_index .faq_list ul li a span {
  display: block;
}
#faq #contents .faq_index .faq_list ul li a .label_question {
  color: #666;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  float: left;
}
#faq #contents .faq_index .faq_list ul li a .question {
  margin-left: 25px;
}
#faq #contents .faq_index .faq_list .more {
  margin-bottom: 30px;
}
#faq #contents .faq_index .faq_list .more a.btn-blue {
  border-bottom: none;
}
#faq #contents .faq_index .faq_header {
  padding-top: 60px;
  overflow: hidden;
}
#faq #contents .faq_index .faq_header .faq_search_form p {
  margin-bottom: 20px;
}
#faq #contents .faq_index .faq_header .faq_search_form .search_header {
  overflow: hidden;
  margin-bottom: 20px;
}
#faq #contents .faq_index .faq_header .faq_search_form .search_header h2 {
  float: left;
}
#faq #contents .faq_index .faq_header .faq_search_form .search_header .rss_link {
  float: right;
}
#faq #contents .faq_index .faq_header .faq_search_form .search_header .rss_link .feed {
  padding: 0 0 0 16px;
  background: url("/common/images/icon_feed.gif") no-repeat left 1px;
  background-size: auto auto;
  font-size: 11px;
  margin-left: 10px;
}
#faq #contents .faq_index .faq_header .faq_search_form input {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  border: none;
  height: 31px;
  line-height: 2em;
  float: left;
}
#faq #contents .faq_index .faq_header .faq_search_form input.freeword {
  padding-left: 10px;
  width: 90%;
  border: solid 1px #CCC;
  background-color: #eee;
}
#faq #contents .faq_index .faq_header .faq_search_form input.search_button {
  border: none;
  background-color: #0054ff;
  width: 8%;
  color: #FFF;
  border: solid 1px #0054ff;
  height: 33px;
}
#faq #contents td {
  padding: 0 0 1em 0;
}
#faq #contents td input[type=text], #faq #contents td textarea {
  width: 100%;
}

#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 {
  width: 106px !important;
}
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .normal,
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .library,
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .volunteer {
  border-left: 1px solid #CCC;
}
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .normal a,
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .library a,
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .volunteer a {
  border-left: 1px solid #FFF;
  text-align: center;
  padding: 20px 0;
  display: block;
}
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .normal a:hover,
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .library a:hover,
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .volunteer a:hover {
  background-color: #CCC;
}
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9.volunteer {
  width: 111px !important;
}
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9.volunteer a {
  letter-spacing: -0.1em;
}
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .library {
  border-right: none;
}
#campuslife #sub-menu .inner .pure-g-r .pure-u-1-9 .library a {
  border-right: none;
}
#campuslife .top {
  padding-top: 60px;
  padding-bottom: 50px;
}
#campuslife .top.pd-non {
  padding: 0;
}
#campuslife .top .banner {
  margin-bottom: 20px;
  position: relative;
}
#campuslife .top .banner h1 {
  color: #FFF;
  position: absolute;
  top: 70px;
  left: 50px;
  line-height: 1.1em;
}
#campuslife .top .article {
  padding: 40px 0;
}
#campuslife .top .article h2 {
  margin-bottom: 10px;
}
#campuslife .top .article h2 a {
  color: #000;
}
#campuslife .top .article h2 .arrow-double {
  vertical-align: top;
  margin-top: 4px;
  margin-left: 10px;
}
#campuslife .top .article .thumbnail {
  margin-bottom: 15px;
}
#campuslife .top .pure-g-r {
  margin-left: -10px;
  margin-right: -10px;
}
@media screen and (max-width: 767px) {
  #campuslife .top .pure-g-r {
    margin-left: 0;
    margin-right: 0;
  }
}
#campuslife .top .pure-g-r .pure-u-1-3 .left-column,
#campuslife .top .pure-g-r .pure-u-1-3 .center-column,
#campuslife .top .pure-g-r .pure-u-1-3 .right-column {
  margin-left: 10px;
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  #campuslife .top .pure-g-r .pure-u-1-3 .left-column,
  #campuslife .top .pure-g-r .pure-u-1-3 .center-column,
  #campuslife .top .pure-g-r .pure-u-1-3 .right-column {
    margin-left: 0;
    margin-right: 0;
  }
}
#campuslife .index h1.title-large {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #campuslife .index h1.title-large {
    margin: 20px 0;
  }
}
#campuslife .index .head {
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
#campuslife .index .head h1 {
  float: left;
  margin-right: 40px;
}
#campuslife .index .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#campuslife .index .head-banner {
  padding-top: 30px;
  padding-bottom: 0;
  overflow: hidden;
}
#campuslife .index .head-banner h1 {
  font-weight: normal;
  margin: 0;
  width: 31.7708%;
  height: 185px;
  background-color: #FF0;
  line-height: 6em;
  text-align: center;
  float: left;
}
@media screen and (max-width: 767px) {
  #campuslife .index .head-banner h1 {
    padding-top: 0;
    height: auto;
  }
}
#campuslife .index .head-banner h1.txt-twoline {
  line-height: 1.5em;
  padding-top: 45px;
  height: 140px;
}
@media screen and (max-width: 767px) {
  #campuslife .index .head-banner h1.txt-twoline {
    padding-top: 0;
    height: auto;
  }
}
#campuslife .index .head-banner h1.txt-threeline {
  line-height: 1.45em;
  padding-top: 30px;
  min-height: 185px;
  box-sizing: border-box;
  height: auto;
}
#campuslife .index .head-banner h1.txt-threeline .subtitle {
  display: block;
}
@media screen and (max-width: 767px) {
  #campuslife .index .head-banner h1.txt-threeline {
    padding-top: 0;
    min-height: auto;
  }
}
#campuslife .index .head-banner h1.al-left {
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #campuslife .index .head-banner h1.al-left {
    padding: 0 15px;
  }
}
#campuslife .index .head-banner .banner {
  float: right;
  width: 68.2291%;
}
#campuslife .index .head-banner .banner img {
  max-width: 100%;
  width: 100%;
  height: 185px;
}
#campuslife .index .article {
  padding: 40px 0;
}
#campuslife .index .article.pad-large {
  padding: 80px 0;
}
#campuslife .index .article.pad-large.pad-top-non {
  padding-top: 0;
}
#campuslife .index .article .lead {
  margin-top: -20px;
  padding-bottom: 20px;
}
#campuslife .index .article h2 {
  margin-bottom: 25px;
  font-size: 22px;
  float: none;
}
#campuslife .index .article p {
  line-height: 1.6em;
}
#campuslife .index .article .bg-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
#campuslife .index .article .bg-title a h2 {
  position: absolute;
  float: left;
  top: 38%;
  left: 25px;
  color: #FFF !important;
  padding-right: 20px;
  background: url(../images/arrow-single-right-white-30x16.png) no-repeat right center;
  background-size: 8px 15px;
}
@media screen and (max-width: 767px) {
  #campuslife .index .article .bg-title a h2 {
    top: 33%;
    left: 20px;
  }
}
#campuslife .index .article .pure-g-r .pure-u-1-2 {
  float: left;
}
#campuslife .index .article .pure-g-r .pure-u-1-2 .arrow {
  margin-left: 10px;
  margin-top: 6px;
  vertical-align: top;
}
#campuslife .index .article .pure-g-r .pure-u-1-3 .left .thumbnail,
#campuslife .index .article .pure-g-r .pure-u-1-3 .center .thumbnail,
#campuslife .index .article .pure-g-r .pure-u-1-3 .right .thumbnail {
  max-width: 100%;
  width: 100%;
}
#campuslife .index .article .pure-g-r .pure-u-1-3 .left img {
  margin-right: 30px;
}
#campuslife .index .article .pure-g-r .pure-u-1-3 .center img {
  margin: 0 15px;
}
#campuslife .index .article .pure-g-r .pure-u-1-3 .right img {
  margin-left: 30px;
}
#campuslife .index .article .left,
#campuslife .index .article .right {
  overflow: hidden;
  width: 100%;
}
#campuslife .index .article .left .index-thumbnail,
#campuslife .index .article .right .index-thumbnail {
  margin-bottom: 30px;
}
#campuslife .index .article .left {
  float: left;
}
#campuslife .index .article .left .index-thumbnail {
  padding-right: 1.5%;
}
#campuslife .index .article .left .index-thumbnail img {
  max-width: 100%;
  width: 100%;
}
#campuslife .index .article .left h2,
#campuslife .index .article .left h3,
#campuslife .index .article .left .bg-title,
#campuslife .index .article .left .block {
  padding-right: 8%;
}
#campuslife .index .article .left .block {
  border-right: solid 1px #CCC;
}
#campuslife .index .article .right {
  float: right;
}
#campuslife .index .article .right h2,
#campuslife .index .article .right h3,
#campuslife .index .article .right .bg-title,
#campuslife .index .article .right .block {
  padding-left: 8%;
}
#campuslife .index .article .right h2 h2,
#campuslife .index .article .right h3 h2,
#campuslife .index .article .right .bg-title h2,
#campuslife .index .article .right .block h2 {
  padding-left: 0;
}
#campuslife .index .article .right .bg-title h2 {
  padding-left: 8%;
}
#campuslife.default.normal #contents .topicpath {
  padding-top: 25px;
  float: none;
}
#campuslife.default .contents-menu {
  padding-top: 30px;
  padding-top: 10px;
}
#campuslife.default .contents-menu a {
  border-left: solid 2px #FFF;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  line-height: 4.8em;
}
#campuslife.default .contents-menu a.border-non {
  border: none;
}
#campuslife.default .contents-menu a.txt-two-line {
  line-height: 1.4em;
  padding-top: 15px;
  height: 45px;
}
#campuslife.default .contents-menu a.active {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  #campuslife.default .contents-menu {
    display: none;
  }
}
#campuslife.default .headline_02, #campuslife.default #contents .article h2, #campus.default #contents .article #campuslife.default h2, #about.default #contents .article #campuslife.default h2, #about.ic #campuslife.default #contents .article h2, #about.default-ic #contents .article #campuslife.default h2, #default #contents .article #campuslife.default h2, #academics.default #contents .article #campuslife.default h2 {
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
#campuslife.default .headline_03, #campuslife.default #contents .article h3, #campuslife.default #contents .article .panel-menu .title, #campus.default #contents .article #campuslife.default h3, #campus.default #contents .article .panel-menu #campuslife.default .title, #about.default #contents .article #campuslife.default h3, #about.default #contents .article .panel-menu #campuslife.default .title, #about.ic #campuslife.default #contents .article h3, #about.ic #campuslife.default #contents .article .panel-menu .title, #about.default-ic #contents .article #campuslife.default h3, #about.default-ic #contents .article .panel-menu #campuslife.default .title, #default #contents .article #campuslife.default h3, #default #contents .article .panel-menu #campuslife.default .title, #academics.default #contents .article #campuslife.default h3, #academics.default #contents .article .panel-menu #campuslife.default .title {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}
#campuslife.default .headline_04, #campuslife.default #contents .article h4, #campuslife.default #contents #creed .article h3, #campus.default #contents .article #campuslife.default h4, #campus.default #contents #creed .article #campuslife.default h3, #about.default #contents .article #campuslife.default h4, #about.default #contents #creed .article #campuslife.default h3, #about.ic #campuslife.default #contents .article h4, #about.ic #campuslife.default #contents #creed .article h3, #about.default-ic #contents .article #campuslife.default h4, #about.default-ic #contents #creed .article #campuslife.default h3, #default #contents .article #campuslife.default h4, #default #contents #creed .article #campuslife.default h3, #academics.default #contents .article #campuslife.default h4, #academics.default #contents #creed .article #campuslife.default h3 {
  font-size: 14px;
  font-weight: bold;
}
#campuslife.default h2 {
  line-height: 1.4em;
}
#campuslife.default #header {
  border-bottom: solid 1px #CCC;
}
#campuslife.default #contents {
  /* 個別ページ */
  /* 建学の精神と教育理念 */
  /* 歴史的建造物 */
  /* 明治学院大学の歴史と現在 */
  /* 宗教部 */
  /* スポーツプロジェクト */
  /* 課外活動 */
  /* キャリア支援 */
}
#campuslife.default #contents .topicpath {
  padding-bottom: 0;
  overflow: hidden;
}
#campuslife.default #contents .head h1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
#campuslife.default #contents .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#campuslife.default #contents .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#campuslife.default #contents .list-inline_left li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
#campuslife.default #contents .list-inline_right li {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
#campuslife.default #contents .article {
  padding: 40px 0;
  /* table */
  /* panel-menu */
  /* with-image */
  /* single-figure */
  /* table_01 - ラインなし */
  /* 余白 */
}
@media screen and (max-width: 767px) {
  #campuslife.default #contents .article.sp-pt-non {
    padding-top: 0;
  }
}
#campuslife.default #contents .article .section {
  padding-top: 40px;
}
#campuslife.default #contents .article .section:first-child {
  padding-top: 0;
}
#campuslife.default #contents .article .section:last-child {
  padding-bottom: 40px;
}
#campuslife.default #contents .article .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#campuslife.default #contents .article .section-border:first-child {
  padding-top: 0;
}
#campuslife.default #contents .article .section-border:last-child {
  border-bottom: 0;
}
#campuslife.default #contents .article .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#campuslife.default #contents .article .main {
  width: 43%;
  float: left;
  overflow: hidden;
}
#campuslife.default #contents .article .side {
  margin-left: 50%;
  width: 50%;
}
#campuslife.default #contents .article .side .newsTopics {
  margin-bottom: 20px;
}
#campuslife.default #contents .article .side ul {
  font-size: 14px;
}
#campuslife.default #contents .article .side h3 a {
  font-size: 24px;
  padding: 12px 20px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
#campuslife.default #contents .article .side h3 a:link {
  color: #FFF;
}
#campuslife.default #contents .article .side h3 a:visited {
  color: #6190e5;
}
#campuslife.default #contents .article .side h3 a:hover {
  color: #FFF;
}
#campuslife.default #contents .article .side h3 a:active {
  color: #FFF;
}
#campuslife.default #contents .article .side h3 a .arrow,
#campuslife.default #contents .article .side h3 a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#campuslife.default #contents .article .side h3 a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#campuslife.default #contents .article h2 {
  margin-bottom: 20px;
}
#campuslife.default #contents .article h2 a {
  color: #000;
}
#campuslife.default #contents .article h2 a img {
  vertical-align: 0px;
  margin-left: 10px;
}
#campuslife.default #contents .article h2.blue a,
#campuslife.default #contents .article h2.link-color a {
  color: #0054ff;
}
#campuslife.default #contents .article h3 {
  margin-bottom: 20px;
}
#campuslife.default #contents .article h3.nonmargin {
  margin-bottom: 0;
}
#campuslife.default #contents .article h3.title-medium {
  font-size: 24px;
  line-height: 36px;
}
#campuslife.default #contents .article p, #campuslife.default #contents .article ul, #campuslife.default #contents .article ol {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
#campuslife.default #contents .article p:last-child, #campuslife.default #contents .article ul:last-child, #campuslife.default #contents .article ol:last-child {
  margin-bottom: 0;
}
#campuslife.default #contents .article ol {
  list-style: decimal;
  margin-left: 20px;
}
#campuslife.default #contents .article dl {
  margin-bottom: 30px;
}
#campuslife.default #contents .article dl dt, #campuslife.default #contents .article dl dd {
  font-size: 14px;
}
#campuslife.default #contents .article dl dt {
  font-weight: bold;
}
#campuslife.default #contents .article figure {
  margin: 0 0 20px 0;
}
#campuslife.default #contents .article .table-list {
  margin-bottom: 30px;
}
#campuslife.default #contents .article .table-list th, #campuslife.default #contents .article .table-list td {
  font-size: 14px;
}
#campuslife.default #contents .article .table-list .col_15per {
  width: 15%;
}
#campuslife.default #contents .article .table-list .col_18per {
  width: 18%;
}
#campuslife.default #contents .article .table-list .col_20per {
  width: 20%;
}
#campuslife.default #contents .article .table-list .col_25per {
  width: 25%;
}
#campuslife.default #contents .article .table-list .col_30per {
  width: 30%;
}
#campuslife.default #contents .article .panel-menu {
  margin: 0;
}
#campuslife.default #contents .article .panel-menu .title {
  display: block;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #FFF;
  background-color: #0054FF;
  border-bottom: 1px solid #000;
  padding: 14px 20px 13px;
  margin-bottom: 0;
  cursor: pointer;
}
#campuslife.default #contents .article .panel-menu .title .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#campuslife.default #contents .article .panel-menu .title.panel-title-wrap {
  padding: 20px 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  #campuslife.default #contents .article .panel-menu .title.panel-title-wrap {
    padding: 20px;
  }
}
#campuslife.default #contents .article .panel-menu .title.panel-title-wrap .panel-title,
#campuslife.default #contents .article .panel-menu .title.panel-title-wrap .panel-icon,
#campuslife.default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  vertical-align: middle;
}
#campuslife.default #contents .article .panel-menu .title.panel-title-wrap .panel-title {
  display: table-cell;
  font-size: 18px;
}
#campuslife.default #contents .article .panel-menu .title.panel-title-wrap .panel-icon {
  display: table-cell;
  font-size: 36px;
  width: 1%;
  white-space: nowrap;
  padding-right: 22px;
}
#campuslife.default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  font-size: 24px;
  text-align: right;
}
#campuslife.default #contents .article .panel {
  display: none;
}
#campuslife.default #contents .article .panel .table-list caption {
  text-align: right;
  font-size: 12px;
}
#campuslife.default #contents .article .panel .table-list th, #campuslife.default #contents .article .panel .table-list td {
  font-size: 13px;
}
#campuslife.default #contents .article .panel .table-list td {
  background: #fff;
  text-align: right;
}
#campuslife.default #contents .article .panel .table-list td.al-left {
  text-align: left;
}
#campuslife.default #contents .article .panel .table-list thead th {
  text-align: center;
}
#campuslife.default #contents .article .panel .table-list .total th, #campuslife.default #contents .article .panel .table-list .total td {
  background-color: #FF0;
}
#campuslife.default #contents .article .panel p, #campuslife.default #contents .article .panel ul {
  font-size: 13px;
}
#campuslife.default #contents .article .panel .section:first-child h5.headline_03, #campuslife.default #contents .article .panel .section:first-child .panel-menu h5.title, #campuslife.default #contents .article .panel-menu .panel .section:first-child h5.title {
  margin-top: 20px;
}
#campuslife.default #contents .article .with-image {
  display: table;
}
#campuslife.default #contents .article .with-image div {
  display: table-cell;
  vertical-align: top;
}
#campuslife.default #contents .article .with-image .figure {
  padding-left: 20px;
}
#campuslife.default #contents .article .with-image .figure span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
#campuslife.default #contents .article .with-image.left-image .figure {
  padding-left: 0;
  padding-right: 20px;
}
#campuslife.default #contents .article .single-figure {
  margin-bottom: 20px;
}
#campuslife.default #contents .article .single-figure img {
  max-width: 100%;
}
#campuslife.default #contents .article .single-figure .caption {
  display: block;
}
#campuslife.default #contents .article .table_01 dl {
  display: table;
  margin-bottom: 20px;
}
#campuslife.default #contents .article .table_01 dl dt, #campuslife.default #contents .article .table_01 dl dd {
  display: table-cell;
}
#campuslife.default #contents .article .table_01 dl dt {
  width: 160px;
}
#campuslife.default #contents .article .m-b-10 {
  margin-bottom: 10px;
}
#campuslife.default #contents .article .m-b-20 {
  margin-bottom: 20px;
}
#campuslife.default #contents .article .m-b-30 {
  margin-bottom: 30px;
}
#campuslife.default #contents .article .m-b-40 {
  margin-bottom: 40px;
}
#campuslife.default #contents .article .m-b-50 {
  margin-bottom: 50px;
}
#campuslife.default #contents .article .m-b-60 {
  margin-bottom: 60px;
}
#campuslife.default #contents #doforothers .article figure {
  margin-bottom: 30px;
}
#campuslife.default #contents #doforothers .article p {
  margin-bottom: 30px;
}
#campuslife.default #contents #doforothers .article .with-image .figure {
  padding-left: 60px;
}
#campuslife.default #contents #historical .article .with-image h3:first-child {
  margin-top: 0;
}
#campuslife.default #contents #history .category_list {
  margin-top: 10px;
  margin-bottom: 0px;
}
#campuslife.default #contents #history .article .with-image .figure {
  width: 25%;
}
#campuslife.default #contents #history .article .with-image .figure img {
  max-width: 100%;
  height: auto;
}
#campuslife.default #contents #sports .article .section-border:first-child {
  padding-top: 40px;
}
#campuslife.default #contents #activity-dl .article {
  padding-top: 0;
}
#campuslife.default #contents #career .block .sidebar,
#campuslife.default #contents #joho .block .sidebar,
#campuslife.default #contents #student .block .sidebar,
#campuslife.default #contents #office .block .sidebar {
  float: right;
  width: 36.4583%;
}
#campuslife.default #contents #career .block .sidebar h2,
#campuslife.default #contents #joho .block .sidebar h2,
#campuslife.default #contents #student .block .sidebar h2,
#campuslife.default #contents #office .block .sidebar h2 {
  margin-bottom: 10px;
}
#campuslife.default #contents #career .block .sidebar h2 a,
#campuslife.default #contents #joho .block .sidebar h2 a,
#campuslife.default #contents #student .block .sidebar h2 a,
#campuslife.default #contents #office .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#campuslife.default #contents #career .block .sidebar h2 a .arrow,
#campuslife.default #contents #joho .block .sidebar h2 a .arrow,
#campuslife.default #contents #student .block .sidebar h2 a .arrow,
#campuslife.default #contents #office .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#campuslife.default #contents #career .block .sidebar ul,
#campuslife.default #contents #joho .block .sidebar ul,
#campuslife.default #contents #student .block .sidebar ul,
#campuslife.default #contents #office .block .sidebar ul {
  margin-bottom: 30px;
}
#campuslife.default #contents #career .block .sidebar ul li,
#campuslife.default #contents #joho .block .sidebar ul li,
#campuslife.default #contents #student .block .sidebar ul li,
#campuslife.default #contents #office .block .sidebar ul li {
  margin-bottom: 5px;
}
#campuslife.default #contents #career .block .main,
#campuslife.default #contents #joho .block .main,
#campuslife.default #contents #student .block .main,
#campuslife.default #contents #office .block .main {
  float: left;
  width: 60.4166%;
}
#campuslife.default #contents #career .block .article,
#campuslife.default #contents #joho .block .article,
#campuslife.default #contents #student .block .article,
#campuslife.default #contents #office .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#campuslife.default #contents #career .block .article:last-child,
#campuslife.default #contents #joho .block .article:last-child,
#campuslife.default #contents #student .block .article:last-child,
#campuslife.default #contents #office .block .article:last-child {
  border-bottom: none;
}
#campuslife.default #contents #career .block .article:first-child,
#campuslife.default #contents #joho .block .article:first-child,
#campuslife.default #contents #student .block .article:first-child,
#campuslife.default #contents #office .block .article:first-child {
  padding-top: 10px;
}
#campuslife.default #contents #career .block .table-list th,
#campuslife.default #contents #joho .block .table-list th,
#campuslife.default #contents #student .block .table-list th,
#campuslife.default #contents #office .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#campuslife.default #contents #career h1,
#campuslife.default #contents #joho h1,
#campuslife.default #contents #student h1,
#campuslife.default #contents #office h1 {
  margin-bottom: 50px;
}
#campuslife.default #contents #career ul,
#campuslife.default #contents #joho ul,
#campuslife.default #contents #student ul,
#campuslife.default #contents #office ul {
  overflow: hidden;
}
#campuslife.default #contents #career ul .img,
#campuslife.default #contents #joho ul .img,
#campuslife.default #contents #student ul .img,
#campuslife.default #contents #office ul .img {
  float: left;
  padding-right: 20px;
}
#campuslife.default #contents #career .article,
#campuslife.default #contents #joho .article,
#campuslife.default #contents #student .article,
#campuslife.default #contents #office .article {
  clear: both;
}
#campuslife.default .challenge-detail .bg-box {
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #campuslife.default .challenge-detail .bg-box {
    padding: 10px;
    margin-bottom: 20px;
  }
}
#campuslife.default .challenge-detail .bg-box h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
#campuslife.default .challenge-detail .bg-box p {
  margin: 0 !important;
}
#campuslife.default .challenge-detail .fl-left {
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  #campuslife.default .challenge-detail .fl-left {
    margin-right: 0;
    text-align: center;
  }
}
#campuslife.default .challenge-detail .block p {
  margin-left: 240px;
}
@media screen and (max-width: 640px) {
  #campuslife.default .challenge-detail .block p {
    margin-left: 0;
  }
}
#campuslife.default .challenge-detail .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#campuslife.default .challenge-detail .section-border:first-child {
  padding-top: 0;
}
#campuslife.default .challenge-detail .section-border:last-child {
  border-bottom: 0;
}
#campuslife.default .challenge-detail .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#campuslife.default .news-block p,
#campuslife.default .news-block .date {
  line-height: 1.6em !important;
}
#campuslife.default .news-block p {
  font-size: 13px !important;
}
#campuslife.default .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #campuslife.default .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#campuslife.default .news-block .pure-u-1-3 a {
  color: #000;
}
#campuslife.default .news-block .pure-u-1-3 p,
#campuslife.default .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #campuslife.default .news-block .pure-u-1-3 p,
  #campuslife.default .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#campuslife.default .news-block .pure-u-1-3:first-child p,
#campuslife.default .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #campuslife.default .news-block .pure-u-1-3:first-child p,
  #campuslife.default .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#campuslife.default .news-block .pure-u-1-3:last-child p,
#campuslife.default .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #campuslife.default .news-block .pure-u-1-3:last-child p,
  #campuslife.default .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#campuslife.default .event-block {
  padding: 10px 0 60px;
}
#campuslife.default .event-block.ng-margin {
  margin-top: -40px;
}
#campuslife.default .event-block .pure-g-r {
  margin-left: -3.7%;
}
#campuslife.default .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#campuslife.default .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#campuslife.default .event-block .pure-g-r .pure-u-1-4 .date {
  height: 3em;
  margin-bottom: 10px;
  color: #000;
}
#campuslife.default .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#campuslife.default .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#campuslife.default .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#campuslife.default .list-margin-left {
  margin-left: 70px;
}
@media screen and (max-width: 767px) {
  #campuslife.default .list-margin-left {
    margin-left: 0;
  }
}
#campuslife.default #header {
  border-bottom: none;
}
#campuslife.default .pure-g-r {
  margin-top: 20px;
}
#campuslife.default h2 .title-icon {
  width: 62px;
  height: 62px;
  margin-right: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #campuslife.default h2 .title-icon {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  #campuslife.default .pure-u-1-3 {
    margin-top: 20px;
  }
}
#campuslife.default .pure-u-1-3 h2 {
  font-size: 20px !important;
}
#campuslife.default .pure-u-1-3 h3 {
  font-size: 14px !important;
  font-weight: bold;
  line-height: 1.8em;
  margin-bottom: 5px !important;
}
#campuslife.default .pure-u-1-3 .title-num {
  margin-right: 10px;
  background-color: #000;
  padding: 5px 10px;
  display: block;
  float: left;
  color: #FFF;
  line-height: 1.3em;
}
#campuslife.default .pure-u-1-3 .thumbnail {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #campuslife.default .pure-u-1-3 .thumbnail {
    width: 100%;
    max-width: 100%;
  }
}
#campuslife.default .pure-u-1-3 .left-column {
  padding-right: 14px;
}
@media screen and (max-width: 767px) {
  #campuslife.default .pure-u-1-3 .left-column {
    padding-right: 0;
  }
}
#campuslife.default .pure-u-1-3 .center-column {
  padding: 0 7px;
}
@media screen and (max-width: 767px) {
  #campuslife.default .pure-u-1-3 .center-column {
    padding-right: 0;
    padding-left: 0;
  }
}
#campuslife.default .pure-u-1-3 .right-column {
  padding-left: 14px;
}
@media screen and (max-width: 767px) {
  #campuslife.default .pure-u-1-3 .right-column {
    padding-left: 0;
  }
}
#campuslife.default .news-block p,
#campuslife.default .news-block .date {
  line-height: 1.6em !important;
}
#campuslife.default .news-block p {
  font-size: 13px !important;
}
#campuslife.default .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #campuslife.default .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#campuslife.default .news-block .pure-u-1-3 a {
  color: #000;
}
#campuslife.default .news-block .pure-u-1-3 p,
#campuslife.default .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #campuslife.default .news-block .pure-u-1-3 p,
  #campuslife.default .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#campuslife.default .news-block .pure-u-1-3:first-child p,
#campuslife.default .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #campuslife.default .news-block .pure-u-1-3:first-child p,
  #campuslife.default .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#campuslife.default .news-block .pure-u-1-3:last-child p,
#campuslife.default .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #campuslife.default .news-block .pure-u-1-3:last-child p,
  #campuslife.default .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#campuslife .detail {
  padding-bottom: 50px;
}
#campuslife .detail .block .sidebar {
  float: right;
  width: 36.4583%;
}
#campuslife .detail .block .sidebar h2 {
  margin-bottom: 10px;
}
#campuslife .detail .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#campuslife .detail .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#campuslife .detail .block .sidebar ul {
  margin-bottom: 30px;
}
#campuslife .detail .block .sidebar ul li {
  margin-bottom: 5px;
}
#campuslife .detail .block .main {
  float: left;
  width: 60.4166%;
}
#campuslife .detail .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#campuslife .detail .block .article:last-child {
  border-bottom: none;
}
#campuslife .detail .block .article:first-child {
  padding-top: 10px;
}
#campuslife .detail .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#campuslife .detail.normal #contents .topicpath {
  padding-top: 25px;
  float: none;
}
#campuslife .detail .contents-menu {
  padding-top: 30px;
  padding-top: 10px;
}
#campuslife .detail .contents-menu a {
  border-left: solid 2px #FFF;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  line-height: 4.8em;
}
#campuslife .detail .contents-menu a.border-non {
  border: none;
}
#campuslife .detail .contents-menu a.txt-two-line {
  line-height: 1.4em;
  padding-top: 15px;
  height: 45px;
}
#campuslife .detail .contents-menu a.active {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .contents-menu {
    display: none;
  }
}
#campuslife .detail .headline_02, #campuslife.default #contents .article .detail h2, #campuslife .detail #contents .article h2, #campus.default #contents .article #campuslife .detail h2, #about.default #contents .article #campuslife .detail h2, #campuslife .detail #about.ic .default #contents .article h2, #about.ic .default #contents .article #campuslife .detail h2, #about.default-ic #contents .article #campuslife .detail h2, #default #contents .article #campuslife .detail h2, #academics.default #contents .article #campuslife .detail h2 {
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
#campuslife .detail .headline_03, #campuslife.default #contents .article .detail h3, #campuslife.default #contents .article .panel-menu .detail .title, #campuslife .detail #contents .article h3, #campuslife .detail #contents .article .panel-menu .title, #campus.default #contents .article #campuslife .detail h3, #campus.default #contents .article .panel-menu #campuslife .detail .title, #about.default #contents .article #campuslife .detail h3, #about.default #contents .article .panel-menu #campuslife .detail .title, #campuslife .detail #about.ic .default #contents .article h3, #about.ic .default #contents .article #campuslife .detail h3, #campuslife .detail #about.ic .default #contents .article .panel-menu .title, #about.ic .default #contents .article .panel-menu #campuslife .detail .title, #about.default-ic #contents .article #campuslife .detail h3, #about.default-ic #contents .article .panel-menu #campuslife .detail .title, #default #contents .article #campuslife .detail h3, #default #contents .article .panel-menu #campuslife .detail .title, #academics.default #contents .article #campuslife .detail h3, #academics.default #contents .article .panel-menu #campuslife .detail .title {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}
#campuslife .detail .headline_04, #campuslife.default #contents .article .detail h4, #campuslife.default #contents #creed .article .detail h3, #campuslife .detail #contents .article h4, #campuslife .detail #contents #creed .article h3, #campus.default #contents .article #campuslife .detail h4, #campus.default #contents #creed .article #campuslife .detail h3, #about.default #contents .article #campuslife .detail h4, #about.default #contents #creed .article #campuslife .detail h3, #campuslife .detail #about.ic .default #contents .article h4, #about.ic .default #contents .article #campuslife .detail h4, #campuslife .detail #about.ic .default #contents #creed .article h3, #about.ic .default #contents #creed .article #campuslife .detail h3, #about.default-ic #contents .article #campuslife .detail h4, #about.default-ic #contents #creed .article #campuslife .detail h3, #default #contents .article #campuslife .detail h4, #default #contents #creed .article #campuslife .detail h3, #academics.default #contents .article #campuslife .detail h4, #academics.default #contents #creed .article #campuslife .detail h3 {
  font-size: 14px;
  font-weight: bold;
}
#campuslife .detail h2 {
  line-height: 1.4em;
}
#campuslife .detail #header {
  border-bottom: solid 1px #CCC;
}
#campuslife .detail #contents {
  /* 個別ページ */
  /* 建学の精神と教育理念 */
  /* 歴史的建造物 */
  /* 明治学院大学の歴史と現在 */
  /* 宗教部 */
  /* スポーツプロジェクト */
  /* 課外活動 */
  /* キャリア支援 */
}
#campuslife .detail #contents .topicpath {
  padding-bottom: 0;
  overflow: hidden;
}
#campuslife .detail #contents .head h1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
#campuslife .detail #contents .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#campuslife .detail #contents .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#campuslife .detail #contents .list-inline_left li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
#campuslife .detail #contents .list-inline_right li {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
#campuslife .detail #contents .article {
  padding: 40px 0;
  /* table */
  /* panel-menu */
  /* with-image */
  /* single-figure */
  /* table_01 - ラインなし */
  /* 余白 */
}
@media screen and (max-width: 767px) {
  #campuslife .detail #contents .article.sp-pt-non {
    padding-top: 0;
  }
}
#campuslife .detail #contents .article .section {
  padding-top: 40px;
}
#campuslife .detail #contents .article .section:first-child {
  padding-top: 0;
}
#campuslife .detail #contents .article .section:last-child {
  padding-bottom: 40px;
}
#campuslife .detail #contents .article .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#campuslife .detail #contents .article .section-border:first-child {
  padding-top: 0;
}
#campuslife .detail #contents .article .section-border:last-child {
  border-bottom: 0;
}
#campuslife .detail #contents .article .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#campuslife .detail #contents .article .main {
  width: 43%;
  float: left;
  overflow: hidden;
}
#campuslife .detail #contents .article .side {
  margin-left: 50%;
  width: 50%;
}
#campuslife .detail #contents .article .side .newsTopics {
  margin-bottom: 20px;
}
#campuslife .detail #contents .article .side ul {
  font-size: 14px;
}
#campuslife .detail #contents .article .side h3 a {
  font-size: 24px;
  padding: 12px 20px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
#campuslife .detail #contents .article .side h3 a:link {
  color: #FFF;
}
#campuslife .detail #contents .article .side h3 a:visited {
  color: #6190e5;
}
#campuslife .detail #contents .article .side h3 a:hover {
  color: #FFF;
}
#campuslife .detail #contents .article .side h3 a:active {
  color: #FFF;
}
#campuslife .detail #contents .article .side h3 a .arrow,
#campuslife .detail #contents .article .side h3 a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#campuslife .detail #contents .article .side h3 a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#campuslife .detail #contents .article h2 {
  margin-bottom: 20px;
}
#campuslife .detail #contents .article h2 a {
  color: #000;
}
#campuslife .detail #contents .article h2 a img {
  vertical-align: 0px;
  margin-left: 10px;
}
#campuslife .detail #contents .article h2.blue a,
#campuslife .detail #contents .article h2.link-color a {
  color: #0054ff;
}
#campuslife .detail #contents .article h3 {
  margin-bottom: 20px;
}
#campuslife .detail #contents .article h3.nonmargin {
  margin-bottom: 0;
}
#campuslife .detail #contents .article h3.title-medium {
  font-size: 24px;
  line-height: 36px;
}
#campuslife .detail #contents .article p, #campuslife .detail #contents .article ul, #campuslife .detail #contents .article ol {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
#campuslife .detail #contents .article p:last-child, #campuslife .detail #contents .article ul:last-child, #campuslife .detail #contents .article ol:last-child {
  margin-bottom: 0;
}
#campuslife .detail #contents .article ol {
  list-style: decimal;
  margin-left: 20px;
}
#campuslife .detail #contents .article dl {
  margin-bottom: 30px;
}
#campuslife .detail #contents .article dl dt, #campuslife .detail #contents .article dl dd {
  font-size: 14px;
}
#campuslife .detail #contents .article dl dt {
  font-weight: bold;
}
#campuslife .detail #contents .article figure {
  margin: 0 0 20px 0;
}
#campuslife .detail #contents .article .table-list {
  margin-bottom: 30px;
}
#campuslife .detail #contents .article .table-list th, #campuslife .detail #contents .article .table-list td {
  font-size: 14px;
}
#campuslife .detail #contents .article .table-list .col_15per {
  width: 15%;
}
#campuslife .detail #contents .article .table-list .col_18per {
  width: 18%;
}
#campuslife .detail #contents .article .table-list .col_20per {
  width: 20%;
}
#campuslife .detail #contents .article .table-list .col_25per {
  width: 25%;
}
#campuslife .detail #contents .article .table-list .col_30per {
  width: 30%;
}
#campuslife .detail #contents .article .panel-menu {
  margin: 0;
}
#campuslife .detail #contents .article .panel-menu .title {
  display: block;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #FFF;
  background-color: #0054FF;
  border-bottom: 1px solid #000;
  padding: 14px 20px 13px;
  margin-bottom: 0;
  cursor: pointer;
}
#campuslife .detail #contents .article .panel-menu .title .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#campuslife .detail #contents .article .panel-menu .title.panel-title-wrap {
  padding: 20px 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  #campuslife .detail #contents .article .panel-menu .title.panel-title-wrap {
    padding: 20px;
  }
}
#campuslife .detail #contents .article .panel-menu .title.panel-title-wrap .panel-title,
#campuslife .detail #contents .article .panel-menu .title.panel-title-wrap .panel-icon,
#campuslife .detail #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  vertical-align: middle;
}
#campuslife .detail #contents .article .panel-menu .title.panel-title-wrap .panel-title {
  display: table-cell;
  font-size: 18px;
}
#campuslife .detail #contents .article .panel-menu .title.panel-title-wrap .panel-icon {
  display: table-cell;
  font-size: 36px;
  width: 1%;
  white-space: nowrap;
  padding-right: 22px;
}
#campuslife .detail #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  font-size: 24px;
  text-align: right;
}
#campuslife .detail #contents .article .panel {
  display: none;
}
#campuslife .detail #contents .article .panel .table-list caption {
  text-align: right;
  font-size: 12px;
}
#campuslife .detail #contents .article .panel .table-list th, #campuslife .detail #contents .article .panel .table-list td {
  font-size: 13px;
}
#campuslife .detail #contents .article .panel .table-list td {
  background: #fff;
  text-align: right;
}
#campuslife .detail #contents .article .panel .table-list td.al-left {
  text-align: left;
}
#campuslife .detail #contents .article .panel .table-list thead th {
  text-align: center;
}
#campuslife .detail #contents .article .panel .table-list .total th, #campuslife .detail #contents .article .panel .table-list .total td {
  background-color: #FF0;
}
#campuslife .detail #contents .article .panel p, #campuslife .detail #contents .article .panel ul {
  font-size: 13px;
}
#campuslife .detail #contents .article .panel .section:first-child h5.headline_03, #campuslife .detail #contents .article .panel .section:first-child .panel-menu h5.title, #campuslife .detail #contents .article .panel-menu .panel .section:first-child h5.title {
  margin-top: 20px;
}
#campuslife .detail #contents .article .with-image {
  display: table;
}
#campuslife .detail #contents .article .with-image div {
  display: table-cell;
  vertical-align: top;
}
#campuslife .detail #contents .article .with-image .figure {
  padding-left: 20px;
}
#campuslife .detail #contents .article .with-image .figure span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
#campuslife .detail #contents .article .with-image.left-image .figure {
  padding-left: 0;
  padding-right: 20px;
}
#campuslife .detail #contents .article .single-figure {
  margin-bottom: 20px;
}
#campuslife .detail #contents .article .single-figure img {
  max-width: 100%;
}
#campuslife .detail #contents .article .single-figure .caption {
  display: block;
}
#campuslife .detail #contents .article .table_01 dl {
  display: table;
  margin-bottom: 20px;
}
#campuslife .detail #contents .article .table_01 dl dt, #campuslife .detail #contents .article .table_01 dl dd {
  display: table-cell;
}
#campuslife .detail #contents .article .table_01 dl dt {
  width: 160px;
}
#campuslife .detail #contents .article .m-b-10 {
  margin-bottom: 10px;
}
#campuslife .detail #contents .article .m-b-20 {
  margin-bottom: 20px;
}
#campuslife .detail #contents .article .m-b-30 {
  margin-bottom: 30px;
}
#campuslife .detail #contents .article .m-b-40 {
  margin-bottom: 40px;
}
#campuslife .detail #contents .article .m-b-50 {
  margin-bottom: 50px;
}
#campuslife .detail #contents .article .m-b-60 {
  margin-bottom: 60px;
}
#campuslife .detail #contents #doforothers .article figure {
  margin-bottom: 30px;
}
#campuslife .detail #contents #doforothers .article p {
  margin-bottom: 30px;
}
#campuslife .detail #contents #doforothers .article .with-image .figure {
  padding-left: 60px;
}
#campuslife .detail #contents #historical .article .with-image h3:first-child {
  margin-top: 0;
}
#campuslife .detail #contents #history .category_list {
  margin-top: 10px;
  margin-bottom: 0px;
}
#campuslife .detail #contents #history .article .with-image .figure {
  width: 25%;
}
#campuslife .detail #contents #history .article .with-image .figure img {
  max-width: 100%;
  height: auto;
}
#campuslife .detail #contents #sports .article .section-border:first-child {
  padding-top: 40px;
}
#campuslife .detail #contents #activity-dl .article {
  padding-top: 0;
}
#campuslife .detail #contents #career .block .sidebar,
#campuslife .detail #contents #joho .block .sidebar,
#campuslife .detail #contents #student .block .sidebar,
#campuslife .detail #contents #office .block .sidebar {
  float: right;
  width: 36.4583%;
}
#campuslife .detail #contents #career .block .sidebar h2,
#campuslife .detail #contents #joho .block .sidebar h2,
#campuslife .detail #contents #student .block .sidebar h2,
#campuslife .detail #contents #office .block .sidebar h2 {
  margin-bottom: 10px;
}
#campuslife .detail #contents #career .block .sidebar h2 a,
#campuslife .detail #contents #joho .block .sidebar h2 a,
#campuslife .detail #contents #student .block .sidebar h2 a,
#campuslife .detail #contents #office .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#campuslife .detail #contents #career .block .sidebar h2 a .arrow,
#campuslife .detail #contents #joho .block .sidebar h2 a .arrow,
#campuslife .detail #contents #student .block .sidebar h2 a .arrow,
#campuslife .detail #contents #office .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#campuslife .detail #contents #career .block .sidebar ul,
#campuslife .detail #contents #joho .block .sidebar ul,
#campuslife .detail #contents #student .block .sidebar ul,
#campuslife .detail #contents #office .block .sidebar ul {
  margin-bottom: 30px;
}
#campuslife .detail #contents #career .block .sidebar ul li,
#campuslife .detail #contents #joho .block .sidebar ul li,
#campuslife .detail #contents #student .block .sidebar ul li,
#campuslife .detail #contents #office .block .sidebar ul li {
  margin-bottom: 5px;
}
#campuslife .detail #contents #career .block .main,
#campuslife .detail #contents #joho .block .main,
#campuslife .detail #contents #student .block .main,
#campuslife .detail #contents #office .block .main {
  float: left;
  width: 60.4166%;
}
#campuslife .detail #contents #career .block .article,
#campuslife .detail #contents #joho .block .article,
#campuslife .detail #contents #student .block .article,
#campuslife .detail #contents #office .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#campuslife .detail #contents #career .block .article:last-child,
#campuslife .detail #contents #joho .block .article:last-child,
#campuslife .detail #contents #student .block .article:last-child,
#campuslife .detail #contents #office .block .article:last-child {
  border-bottom: none;
}
#campuslife .detail #contents #career .block .article:first-child,
#campuslife .detail #contents #joho .block .article:first-child,
#campuslife .detail #contents #student .block .article:first-child,
#campuslife .detail #contents #office .block .article:first-child {
  padding-top: 10px;
}
#campuslife .detail #contents #career .block .table-list th,
#campuslife .detail #contents #joho .block .table-list th,
#campuslife .detail #contents #student .block .table-list th,
#campuslife .detail #contents #office .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#campuslife .detail #contents #career h1,
#campuslife .detail #contents #joho h1,
#campuslife .detail #contents #student h1,
#campuslife .detail #contents #office h1 {
  margin-bottom: 50px;
}
#campuslife .detail #contents #career ul,
#campuslife .detail #contents #joho ul,
#campuslife .detail #contents #student ul,
#campuslife .detail #contents #office ul {
  overflow: hidden;
}
#campuslife .detail #contents #career ul .img,
#campuslife .detail #contents #joho ul .img,
#campuslife .detail #contents #student ul .img,
#campuslife .detail #contents #office ul .img {
  float: left;
  padding-right: 20px;
}
#campuslife .detail #contents #career .article,
#campuslife .detail #contents #joho .article,
#campuslife .detail #contents #student .article,
#campuslife .detail #contents #office .article {
  clear: both;
}
#campuslife .detail .challenge-detail .bg-box {
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #campuslife .detail .challenge-detail .bg-box {
    padding: 10px;
    margin-bottom: 20px;
  }
}
#campuslife .detail .challenge-detail .bg-box h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
#campuslife .detail .challenge-detail .bg-box p {
  margin: 0 !important;
}
#campuslife .detail .challenge-detail .fl-left {
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  #campuslife .detail .challenge-detail .fl-left {
    margin-right: 0;
    text-align: center;
  }
}
#campuslife .detail .challenge-detail .block p {
  margin-left: 240px;
}
@media screen and (max-width: 640px) {
  #campuslife .detail .challenge-detail .block p {
    margin-left: 0;
  }
}
#campuslife .detail .challenge-detail .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#campuslife .detail .challenge-detail .section-border:first-child {
  padding-top: 0;
}
#campuslife .detail .challenge-detail .section-border:last-child {
  border-bottom: 0;
}
#campuslife .detail .challenge-detail .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#campuslife .detail .news-block p,
#campuslife .detail .news-block .date {
  line-height: 1.6em !important;
}
#campuslife .detail .news-block p {
  font-size: 13px !important;
}
#campuslife .detail .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#campuslife .detail .news-block .pure-u-1-3 a {
  color: #000;
}
#campuslife .detail .news-block .pure-u-1-3 p,
#campuslife .detail .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .news-block .pure-u-1-3 p,
  #campuslife .detail .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#campuslife .detail .news-block .pure-u-1-3:first-child p,
#campuslife .detail .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .news-block .pure-u-1-3:first-child p,
  #campuslife .detail .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#campuslife .detail .news-block .pure-u-1-3:last-child p,
#campuslife .detail .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .news-block .pure-u-1-3:last-child p,
  #campuslife .detail .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#campuslife .detail .event-block {
  padding: 10px 0 60px;
}
#campuslife .detail .event-block.ng-margin {
  margin-top: -40px;
}
#campuslife .detail .event-block .pure-g-r {
  margin-left: -3.7%;
}
#campuslife .detail .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#campuslife .detail .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#campuslife .detail .event-block .pure-g-r .pure-u-1-4 .date {
  height: 3em;
  margin-bottom: 10px;
  color: #000;
}
#campuslife .detail .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#campuslife .detail .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#campuslife .detail .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#campuslife .detail h1 {
  margin: 50px 0;
  line-height: 1.1em;
}
#campuslife .detail h2 {
  margin: 40px 0 20px;
  font-size: 26px;
}
#campuslife .detail p,
#campuslife .detail ul,
#campuslife .detail ol {
  margin-bottom: 20px;
}
#campuslife .detail .ng-margin-top {
  margin-top: -30px;
}
#campuslife .detail .info-area {
  border: solid 1px #CCC;
  margin-bottom: 60px;
}
#campuslife .detail .info-area dl {
  display: table;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .info-area dl {
    display: block;
    padding: 20px 30px;
  }
}
#campuslife .detail .info-area dl dt, #campuslife .detail .info-area dl dd {
  padding: 20px;
  vertical-align: middle;
  display: table-cell;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .info-area dl dt, #campuslife .detail .info-area dl dd {
    display: block;
    padding: 0;
  }
}
#campuslife .detail .info-area dl dt {
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .info-area dl dt {
    padding-bottom: 10px;
  }
}
#campuslife .detail .btn-anchor {
  padding: 30px 0;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor {
    text-align: center;
  }
}
#campuslife .detail .btn-anchor a {
  display: block;
  width: 128px;
  height: 128px;
  margin-left: 10px;
  float: left;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor a {
    width: 66px;
    height: 66px;
    margin: 0;
    display: inline-block;
    float: none;
  }
}
#campuslife .detail .btn-anchor a:first-child {
  margin-left: 0;
}
#campuslife .detail .btn-anchor a.btn1 {
  background: url(/campuslife/campuslife/support/student_stuff/images/btn1.png) no-repeat left top;
  background-size: 128px 128px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor a.btn1 {
    background-size: 66px 66px;
  }
}
#campuslife .detail .btn-anchor a.btn2 {
  background: url(/campuslife/campuslife/support/student_stuff/images/btn2.png) no-repeat left top;
  background-size: 128px 128px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor a.btn2 {
    background-size: 66px 66px;
  }
}
#campuslife .detail .btn-anchor a.btn3 {
  background: url(/campuslife/campuslife/support/student_stuff/images/btn3.png) no-repeat left top;
  background-size: 128px 128px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor a.btn3 {
    background-size: 66px 66px;
  }
}
#campuslife .detail .btn-anchor a.btn4 {
  background: url(/campuslife/campuslife/support/student_stuff/images/btn4.png) no-repeat left top;
  background-size: 128px 128px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor a.btn4 {
    background-size: 66px 66px;
  }
}
#campuslife .detail .btn-anchor a.btn5 {
  background: url(/campuslife/campuslife/support/student_stuff/images/btn5.png) no-repeat left top;
  background-size: 128px 128px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor a.btn5 {
    background-size: 66px 66px;
  }
}
#campuslife .detail .btn-anchor a.btn6 {
  background: url(/campuslife/campuslife/support/student_stuff/images/btn6.png) no-repeat left top;
  background-size: 128px 128px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor a.btn6 {
    background-size: 66px 66px;
  }
}
#campuslife .detail .btn-anchor a.btn7 {
  background: url(/campuslife/campuslife/support/student_stuff/images/btn7.png) no-repeat left top;
  background-size: 128px 128px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .btn-anchor a.btn7 {
    background-size: 66px 66px;
  }
}
#campuslife .detail .half {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}
#campuslife .detail .half li {
  width: 50%;
  float: left;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .half li {
    width: 100%;
    float: none;
  }
}
#campuslife .detail .half li .left-col {
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .half li .left-col {
    padding-right: 0;
  }
}
#campuslife .detail .half li .right-col {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .half li .right-col {
    padding-left: 0;
  }
}
#campuslife .detail .half li .right-col.al-right {
  text-align: right;
}
#campuslife .detail .half li.list-col .left-col {
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .half li.list-col .left-col {
    padding-right: 0;
  }
}
#campuslife .detail .half li.list-col .right-col {
  padding-left: 20px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .half li.list-col .right-col {
    padding-left: 0;
  }
}
#campuslife .detail .half li.list-col .half {
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 0;
}
#campuslife .detail .half li.list-col .half li .left-col {
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .half li.list-col .half li .left-col {
    padding-right: 0;
  }
}
#campuslife .detail .half li.list-col .half li .right-col {
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  #campuslife .detail .half li.list-col .half li .right-col {
    padding-left: 0;
  }
}
#campuslife .detail .support .bg-box {
  text-align: center;
  padding: 20px;
}
#campuslife .detail .support .bg-box h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
#campuslife .detail .support .bg-box p {
  margin: 0;
}
#campuslife .detail .support .chart {
  width: 100%;
}
#campuslife .detail .support .chart td {
  text-align: center;
}
#campuslife .detail .support .chart td.arrow {
  width: 32%;
}
#campuslife .detail .support .chart td.line {
  vertical-align: middle;
}
#campuslife .detail .support .chart td .box {
  border: solid 2px #0054ff;
  padding: 15px 0;
}
#campuslife .detail .support .chart td .box h4 {
  font-size: 18px;
}
#campuslife .detail .support .chart td hr {
  border: solid 1px #0054ff;
}
#campuslife .detail .support h2 {
  font-size: 22px;
}
#campuslife .detail .support h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#campuslife .detail .support h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 5px;
}
#campuslife .detail .hcsc .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#campuslife .detail .hcsc .article h2 {
  margin-top: 15px;
}
#campuslife .detail .hcsc .article h3 {
  font-weight: bold;
  font-size: 14px;
}
#campuslife .detail .hcsc .article:last-child {
  border-bottom: none;
}
#campuslife .detail .hcsc .article .table-list .border-right-none {
  border-right: none;
}
#campuslife .detail .hcsc .article .table-list th {
  font-weight: bold;
}
#campuslife .detail .hcsc .article .table-list th, #campuslife .detail .hcsc .article .table-list td {
  padding-top: 15px;
  padding-bottom: 15px;
}
#campuslife .detail .hcsc .article.ex {
  padding-top: 10px;
}
#campuslife .detail .hcsc .article.ex p {
  margin: 0 0 10px;
}
#campuslife .detail .hcsc .article.ex .bg-box {
  margin-bottom: 20px;
  background-color: #EFEFEF;
  padding: 20px;
}
#campuslife .detail .hcsc .article.ex .bg-box ul {
  margin-bottom: 0;
  list-style: disc;
  padding-left: 20px;
}
#campuslife .detail .hcsc .article.conf .box {
  border: solid 2px #0054ff;
  padding: 15px;
  text-align: center;
}
#campuslife .detail .hcsc .article.conf .box h3 {
  margin-bottom: 10px;
}
#campuslife .detail .hcsc .article.conf .box p {
  margin: 0;
  text-align: left;
}
#campuslife .detail .hcsc .article.conf .box img {
  margin-bottom: 15px;
}
#campuslife .detail .hcsc .article.conf .block {
  overflow: hidden;
  margin-left: -2%;
}
#campuslife .detail .hcsc .article.conf .block li {
  float: left;
  width: 23%;
  margin-left: 2%;
}
#campuslife .detail .activity {
  margin-bottom: -50px;
}
#campuslife .detail .activity .head {
  padding: 30px 0 50px;
}
#campuslife .detail .activity .article {
  padding: 50px 0;
}
#campuslife .detail .activity .article h2 {
  margin-top: 0;
  margin-bottom: 40px;
}
#campuslife .detail .activity .article .circle-list {
  margin-left: -8px;
  overflow: hidden;
}
#campuslife .detail .activity .article .circle-list li {
  margin-left: 8px;
  width: 185px;
  float: left;
}
#campuslife .detail .activity .article .circle-list li .circle {
  background-color: transparent;
}
#campuslife .detail .activity .article .circle-list li img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
#campuslife .detail .activity .article.project #more-project {
  margin-top: -16px;
}
#campuslife .detail .activity .article .yellow-list {
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
  margin-bottom: 40px;
}
#campuslife .detail .activity .article .yellow-list th, #campuslife .detail .activity .article .yellow-list td {
  padding: 20px;
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  text-align: left;
}
#campuslife .detail .activity .article .yellow-list th {
  background-color: #FF0;
  font-weight: bold;
}
#campuslife .detail .activity .article .yellow-list th .time {
  display: block;
  font-size: 12px;
}
#campuslife .detail .activity .article .yellow-list td h3 {
  font-weight: bold;
  font-size: 14px;
  overflow: hidden;
}
#campuslife .detail .activity .article .yellow-list td h3 .venue {
  font-weight: normal;
  color: #FFF;
  background-color: #000;
  padding: 1px 2px 0;
  display: block;
  float: left;
  margin-right: 15px;
  line-height: 1.1em;
}
#campuslife .detail .activity .article .title-contact {
  font-size: 26px;
  margin-bottom: 20px;
}
#campuslife .detail .activity .box-layout .pure-g-r {
  margin-bottom: 30px;
}
#campuslife .detail .activity .box-layout .block {
  width: 96.875%;
}
#campuslife .detail .activity .box-layout .block h3 {
  font-weight: bold;
}
#campuslife .detail .activity .box-layout .block p {
  margin: 0;
}
#campuslife .detail .activity .box-layout .block img {
  max-width: 100%;
  width: 100%;
}
#campuslife .detail .activity .box-layout .block .box {
  background-color: #FFF;
  padding: 20px;
}
#campuslife .detail .activity .box-layout .block .box h4 {
  font-weight: bold;
}
#campuslife .detail .activity .box-layout .block.right {
  padding-left: 15px;
}
#campuslife.ol-pl {
  color: #000;
}
#campuslife.ol-pl .pc-only #sub-menu {
  border-top: solid 1px #CCC;
  background: none;
}
#campuslife.ol-pl .pc-only #sub-menu .inner {
  height: 0;
}
#campuslife.ol-pl .pc-only #sub-menu #sub-menu-renew {
  display: none;
}
#campuslife.ol-pl #header .article .pc-only #main-menu ul li.active {
  background: none;
}
#campuslife.ol-pl #contents .article {
  padding: 70px 0;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl #contents .article {
    padding: 30px 0;
  }
}
#campuslife.ol-pl #contents .article.p-half {
  padding: 30px 0;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl #contents .article.p-half {
    padding-top: 15px;
  }
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl #contents .article.p-half.slider1 {
    padding-bottom: 0;
  }
}
#campuslife.ol-pl #contents .ol-pl-detail .article.p-half {
  padding: 30px 0 0;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl #contents .ol-pl-detail .article.p-half {
    padding-top: 15px;
  }
}
#campuslife.ol-pl h2 {
  color: #000;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl h2 {
    margin-bottom: 20px;
  }
}
#campuslife.ol-pl .bg-menu {
  background-color: #000;
}
#campuslife.ol-pl .bg-menu ul {
  margin: 0;
  overflow: hidden;
  display: table;
  width: 100%;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .bg-menu ul {
    overflow: inherit;
    display: block;
  }
}
#campuslife.ol-pl .bg-menu ul li {
  display: table-cell;
  text-align: left;
  padding-right: 60px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .bg-menu ul li {
    display: block;
    width: 100%;
    float: none;
    text-align: left;
    position: relative;
  }
}
#campuslife.ol-pl .bg-menu ul li:last-child {
  text-align: right;
  padding-right: 0;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .bg-menu ul li:last-child {
    text-align: left;
  }
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .bg-menu ul.pc-only {
    display: none;
  }
}
#campuslife.ol-pl .bg-menu ul.sp-only {
  display: none;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .bg-menu ul.sp-only {
    display: block;
  }
}
#campuslife.ol-pl .bg-menu .bg-menu-sub {
  display: none;
  position: absolute;
  top: 43px;
  z-index: 9999;
  background-color: #000;
  width: 100%;
}
#campuslife.ol-pl .bg-menu a {
  padding: 15px 0;
  color: #FFF;
  font-size: 14px;
  display: block;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .bg-menu a {
    padding: 10px 0;
    margin: 0 15px;
  }
}
#campuslife.ol-pl .bg-menu a.active {
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .bg-menu a.active {
    display: block;
    font-weight: normal;
    background: url(../images/arrow-single-down-white-30x16.gif) no-repeat right center;
    background-size: 15px 8px;
  }
  #campuslife.ol-pl .bg-menu a.active.down {
    background: url(../images/arrow-single-up-white-30x16.gif) no-repeat right center;
    background-size: 15px 8px;
  }
}
#campuslife.ol-pl .btn-more {
  float: right;
  font-size: 14px;
  color: #FFF;
  padding: 5px 40px;
  font-weight: normal;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .btn-more {
    margin-top: 20px;
    display: block;
    float: none;
    text-align: center;
  }
  #campuslife.ol-pl .btn-more.pc-only {
    display: none;
  }
}
#campuslife.ol-pl .anchor-menu ul {
  margin: 0;
  overflow: hidden;
}
#campuslife.ol-pl .anchor-menu ul li {
  width: 50%;
  float: left;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .anchor-menu ul li {
    width: 100%;
    float: none;
  }
}
#campuslife.ol-pl .anchor-menu ul li a {
  color: #999;
  display: block;
  border-bottom: solid 1px #CCC;
  padding: 15px 0;
  background: url(../images/icon-plus.png) no-repeat right center;
  background-size: 20px 20px;
  font-weight: bold;
  font-size: 14px;
}
#campuslife.ol-pl .anchor-menu ul li:first-child a {
  margin-right: 30px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .anchor-menu ul li:first-child a {
    margin-right: 0;
  }
}
#campuslife.ol-pl .anchor-menu ul li:last-child a {
  margin-left: 30px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .anchor-menu ul li:last-child a {
    margin-left: 0;
  }
}
#campuslife.ol-pl .year-list {
  margin-top: 10px;
  display: table;
  width: 100%;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .year-list {
    display: block;
  }
}
#campuslife.ol-pl .year-list dt, #campuslife.ol-pl .year-list dd {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .year-list dt, #campuslife.ol-pl .year-list dd {
    display: block;
  }
}
#campuslife.ol-pl .year-list dt {
  padding: 45px;
  font-size: 48px;
  line-height: 1.2em;
  width: 20%;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .year-list dt {
    font-size: 27px;
    padding: 15px 20px;
    width: auto;
  }
}
#campuslife.ol-pl .year-list dd {
  padding: 30px;
  background-color: #EEE;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .year-list dd {
    padding: 15px 20px;
  }
}
#campuslife.ol-pl .year-list dd p {
  margin: 0;
  padding: 5px 0;
  border-bottom: solid 1px #CCC;
}
#campuslife.ol-pl .year-list dd .ff-futura {
  font-size: 18px;
}
#campuslife.ol-pl .list-link li {
  margin-top: 30px;
  padding-left: 50px;
  background: url(../../campuslife/mgolympicparalympic/event/images/icon-link.png) no-repeat left top;
}
#campuslife.ol-pl .list-link li a {
  color: #000;
}
#campuslife.ol-pl .event .pure-g-r {
  margin: 0 -30px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .event .pure-g-r {
    margin: 0;
  }
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .event .pure-g-r .pure-u-1-3 {
    width: 100%;
  }
}
#campuslife.ol-pl .event .pure-g-r .pure-u-1-3 .e-inner {
  padding: 0 30px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .event .pure-g-r .pure-u-1-3 .e-inner {
    padding: 0;
  }
}
#campuslife.ol-pl .event .pure-g-r .pure-u-1-3 .e-inner a {
  color: #000;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .event .pure-g-r .pure-u-1-3 .e-inner {
    padding: 15px 0 0;
  }
}
#campuslife.ol-pl .news .news-label {
  float: left;
  padding: 3px 5px;
}
#campuslife.ol-pl .news p {
  padding-top: 10px;
  overflow: hidden;
  clear: both;
}
#campuslife.ol-pl .news p a {
  color: #000;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .news .pure-g-r .pure-u-1-2 {
    width: 100%;
  }
}
#campuslife.ol-pl .news .pure-g-r .pure-u-1-2 .n-inner {
  padding-right: 30px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .news .pure-g-r .pure-u-1-2 .n-inner {
    padding: 0 0 15px;
    border: none;
    border-bottom: solid 1px #ccc;
  }
}
#campuslife.ol-pl .news .pure-g-r .pure-u-1-2 .e-inner {
  padding-left: 30px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .news .pure-g-r .pure-u-1-2 .e-inner {
    padding: 15px 0 0;
    border: none;
  }
}
#campuslife.ol-pl .cd {
  font-size: 24px;
}
#campuslife.ol-pl .cd h2 {
  text-align: center;
  margin: 0;
  font-size: bold;
}
#campuslife.ol-pl .cd .ol-day {
  padding: 20px 0 40px;
  font-size: 68px;
  line-height: 1.2em;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .cd .ol-day {
    padding: 10px 0 30px;
    font-size: 50px;
  }
}
#campuslife.ol-pl .cd .count {
  vertical-align: bottom;
  font-size: 24px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .cd .count {
    font-size: 14px;
  }
}
#campuslife.ol-pl .cd .inner-cd1 {
  border-right: solid 1px #000;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .cd .inner-cd1 {
    border-right: none;
    border-bottom: solid 1px #000;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
}
#campuslife.ol-pl .cd #timer1,
#campuslife.ol-pl .cd #timer2 {
  padding: 0 20px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .cd #timer1,
  #campuslife.ol-pl .cd #timer2 {
    padding: 0 10px;
  }
}
#campuslife.ol-pl .cd .yycountdown-box {
  display: inline-block;
  font-size: 60px;
  text-decoration: underline;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .cd .yycountdown-box {
    font-size: 33px;
  }
}
#campuslife.ol-pl .cd .yyc-day-text,
#campuslife.ol-pl .cd .yyc-hou,
#campuslife.ol-pl .cd .yyc-hou-text,
#campuslife.ol-pl .cd .yyc-min,
#campuslife.ol-pl .cd .yyc-min-text,
#campuslife.ol-pl .cd .yyc-sec,
#campuslife.ol-pl .cd .yyc-sec-text {
  display: none;
}
#campuslife.ol-pl .sns ul,
#campuslife.ol-pl .link ul {
  margin: 0 auto;
  display: table;
}
#campuslife.ol-pl .sns ul li,
#campuslife.ol-pl .link ul li {
  display: table-cell;
  padding: 0 30px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .sns ul li,
  #campuslife.ol-pl .link ul li {
    padding: 0 15px;
  }
}
#campuslife.ol-pl .sns ul li span,
#campuslife.ol-pl .link ul li span {
  padding-top: 20px;
  display: block;
  text-align: center;
  font-size: 24px;
  color: #3a5a98;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .sns ul li span,
  #campuslife.ol-pl .link ul li span {
    padding-top: 5px;
    font-size: 15px;
  }
}
#campuslife.ol-pl .sns ul li:first-child,
#campuslife.ol-pl .link ul li:first-child {
  text-align: right;
}
#campuslife.ol-pl .sns ul li:first-child span,
#campuslife.ol-pl .link ul li:first-child span {
  color: #55acee;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .sns ul li img,
  #campuslife.ol-pl .link ul li img {
    width: 90px;
    height: auto;
  }
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .link li {
    padding: 0 10px !important;
  }
}
#campuslife.ol-pl ul.half {
  display: block;
  list-style: none;
  margin: 0;
  overflow: hidden;
}
#campuslife.ol-pl ul.half li {
  width: 46.875%;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl ul.half li {
    width: 100%;
  }
}
#campuslife.ol-pl ul.half li.left {
  float: left;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl ul.half li.left {
    padding-top: 10px;
    float: none;
  }
}
#campuslife.ol-pl ul.half li.right {
  float: right;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl ul.half li.right {
    float: none;
  }
  #campuslife.ol-pl ul.half li.right h3, #campuslife.ol-pl ul.half li.right p {
    margin-bottom: 0;
  }
}
#campuslife.ol-pl ul.half.mt {
  margin-top: 40px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl ul.half.mt {
    margin-top: 0;
    margin-bottom: 30px;
  }
}
#campuslife.ol-pl .ol-pl-detail {
  font-size: 14px;
}
#campuslife.ol-pl .ol-pl-detail h2,
#campuslife.ol-pl .ol-pl-detail h3 {
  font-weight: bold;
  line-height: 1.2em;
}
#campuslife.ol-pl .ol-pl-detail h1 {
  margin-bottom: 60px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .ol-pl-detail h1 {
    margin-bottom: 20px;
  }
}
#campuslife.ol-pl .ol-pl-detail .gallery h1 {
  margin-bottom: 30px;
}
#campuslife.ol-pl .ol-pl-detail .gallery h2 {
  margin-bottom: 10px;
}
#campuslife.ol-pl .ol-pl-detail .gallery .date {
  font-weight: bold;
  color: #666;
}
#campuslife.ol-pl .ol-pl-detail .gallery .bg {
  padding: 40px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .ol-pl-detail .gallery .bg {
    padding: 20px;
  }
}
#campuslife.ol-pl .ol-pl-detail .gallery .pure-g-r {
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #campuslife.ol-pl .ol-pl-detail .gallery .pure-g-r .pure-u-1-4 {
    width: 50%;
  }
}

#access #header {
  border-bottom: solid 1px #CCC;
}
#access #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 0;
  overflow: hidden;
}
#access #contents .top {
  padding-top: 50px;
  padding-bottom: 30px;
}
#access #contents .top .route {
  padding-top: 60px;
}
#access #contents .top .route img {
  max-width: 100%;
  width: 100%;
}
#access #contents .top .article {
  padding-top: 50px;
  padding-bottom: 30px;
}
#access #contents .top .article h2 {
  margin-bottom: 50px;
  padding: 15px 25px;
  background-color: #0054ff;
  color: #FFF;
  font-size: 26px;
  overflow: hidden;
}
#access #contents .top .article h2 a {
  color: #FFF;
  float: left;
}
#access #contents .top .article h2 a .arrow {
  vertical-align: top;
  margin-top: 3px;
  margin-left: 10px;
}
#access #contents .top .article h2 .add {
  float: right;
  font-size: 14px;
}
#access #contents .top .article .block {
  overflow: hidden;
}
#access #contents .top .article .block .map {
  width: 39.5833%;
  float: left;
}
#access #contents .top .article .block h3,
#access #contents .top .article .block .access-sta,
#access #contents .top .article .block .info,
#access #contents .top .article .block .info-sub {
  width: 56.25%;
  float: right;
}
#access #contents .top .article .block h3 {
  margin: 0 0 20px;
}
#access #contents .top .article .block .access-sta {
  border-top: solid 1px #CCC;
}
#access #contents .top .article .block .access-sta th, #access #contents .top .article .block .access-sta td {
  padding: 10px 0;
  text-align: left;
  vertical-align: top;
  border-bottom: solid 1px #CCC;
}
#access #contents .top .article .block .access-sta .label {
  font-weight: bold;
}
#access #contents .top .article .block .access-sta .train {
  padding-left: 20px;
}
#access #contents .top .article .block .access-sta .exit {
  padding-left: 20px;
}
#access #contents .top .article .block .info {
  margin-bottom: 10px;
  background-color: #EFEFEF;
}
#access #contents .top .article .block .info ul {
  margin-bottom: 0;
  padding: 10px 25px;
  overflow: hidden;
}
#access #contents .top .article .block .info ul li {
  float: left;
  margin-right: 30px;
}
#access #contents .top .article h3 {
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 20px;
}
#access #contents .top .article .line {
  border-top: none;
  margin-bottom: -1px;
  width: 100%;
}
#access #contents .top .article .line th, #access #contents .top .article .line td {
  padding: 5px 0;
  text-align: left;
  vertical-align: top;
  border-bottom: solid 1px #CCC;
}
#access #contents .top .article .line .last {
  border-bottom: none;
}
#access #contents .top .article .line th {
  width: 10%;
  font-weight: bold;
}
#access #contents .top .article .line td {
  width: 90%;
}
#access #contents .top .article .line td .caption {
  color: #666;
  padding-left: 15px;
}
#access #contents .top .article.last {
  padding-top: 0;
  padding-bottom: 60px;
}

#campus.default.normal #contents .topicpath {
  padding-top: 25px;
  float: none;
}
#campus.default .contents-menu {
  padding-top: 30px;
  padding-top: 10px;
}
#campus.default .contents-menu a {
  border-left: solid 2px #FFF;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  line-height: 4.8em;
}
#campus.default .contents-menu a.border-non {
  border: none;
}
#campus.default .contents-menu a.txt-two-line {
  line-height: 1.4em;
  padding-top: 15px;
  height: 45px;
}
#campus.default .contents-menu a.active {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  #campus.default .contents-menu {
    display: none;
  }
}
#campus.default .headline_02, #campuslife.default #contents .article #campus.default h2, #campuslife .detail #contents .article #campus.default h2, #campus.default #contents .article h2, #about.default #contents .article #campus.default h2, #about.ic #campus.default #contents .article h2, #about.default-ic #contents .article #campus.default h2, #default #contents .article #campus.default h2, #academics.default #contents .article #campus.default h2 {
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
#campus.default .headline_03, #campuslife.default #contents .article #campus.default h3, #campuslife.default #contents .article .panel-menu #campus.default .title, #campuslife .detail #contents .article #campus.default h3, #campuslife .detail #contents .article .panel-menu #campus.default .title, #campus.default #contents .article h3, #campus.default #contents .article .panel-menu .title, #about.default #contents .article #campus.default h3, #about.default #contents .article .panel-menu #campus.default .title, #about.ic #campus.default #contents .article h3, #about.ic #campus.default #contents .article .panel-menu .title, #about.default-ic #contents .article #campus.default h3, #about.default-ic #contents .article .panel-menu #campus.default .title, #default #contents .article #campus.default h3, #default #contents .article .panel-menu #campus.default .title, #academics.default #contents .article #campus.default h3, #academics.default #contents .article .panel-menu #campus.default .title {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}
#campus.default .headline_04, #campuslife.default #contents .article #campus.default h4, #campuslife.default #contents #creed .article #campus.default h3, #campuslife .detail #contents .article #campus.default h4, #campuslife .detail #contents #creed .article #campus.default h3, #campus.default #contents .article h4, #campus.default #contents #creed .article h3, #about.default #contents .article #campus.default h4, #about.default #contents #creed .article #campus.default h3, #about.ic #campus.default #contents .article h4, #about.ic #campus.default #contents #creed .article h3, #about.default-ic #contents .article #campus.default h4, #about.default-ic #contents #creed .article #campus.default h3, #default #contents .article #campus.default h4, #default #contents #creed .article #campus.default h3, #academics.default #contents .article #campus.default h4, #academics.default #contents #creed .article #campus.default h3 {
  font-size: 14px;
  font-weight: bold;
}
#campus.default h2 {
  line-height: 1.4em;
}
#campus.default #header {
  border-bottom: solid 1px #CCC;
}
#campus.default #contents {
  /* 個別ページ */
  /* 建学の精神と教育理念 */
  /* 歴史的建造物 */
  /* 明治学院大学の歴史と現在 */
  /* 宗教部 */
  /* スポーツプロジェクト */
  /* 課外活動 */
  /* キャリア支援 */
}
#campus.default #contents .topicpath {
  padding-bottom: 0;
  overflow: hidden;
}
#campus.default #contents .head h1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
#campus.default #contents .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#campus.default #contents .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#campus.default #contents .list-inline_left li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
#campus.default #contents .list-inline_right li {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
#campus.default #contents .article {
  padding: 40px 0;
  /* table */
  /* panel-menu */
  /* with-image */
  /* single-figure */
  /* table_01 - ラインなし */
  /* 余白 */
}
@media screen and (max-width: 767px) {
  #campus.default #contents .article.sp-pt-non {
    padding-top: 0;
  }
}
#campus.default #contents .article .section {
  padding-top: 40px;
}
#campus.default #contents .article .section:first-child {
  padding-top: 0;
}
#campus.default #contents .article .section:last-child {
  padding-bottom: 40px;
}
#campus.default #contents .article .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#campus.default #contents .article .section-border:first-child {
  padding-top: 0;
}
#campus.default #contents .article .section-border:last-child {
  border-bottom: 0;
}
#campus.default #contents .article .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#campus.default #contents .article .main {
  width: 43%;
  float: left;
  overflow: hidden;
}
#campus.default #contents .article .side {
  margin-left: 50%;
  width: 50%;
}
#campus.default #contents .article .side .newsTopics {
  margin-bottom: 20px;
}
#campus.default #contents .article .side ul {
  font-size: 14px;
}
#campus.default #contents .article .side h3 a {
  font-size: 24px;
  padding: 12px 20px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
#campus.default #contents .article .side h3 a:link {
  color: #FFF;
}
#campus.default #contents .article .side h3 a:visited {
  color: #6190e5;
}
#campus.default #contents .article .side h3 a:hover {
  color: #FFF;
}
#campus.default #contents .article .side h3 a:active {
  color: #FFF;
}
#campus.default #contents .article .side h3 a .arrow,
#campus.default #contents .article .side h3 a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#campus.default #contents .article .side h3 a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#campus.default #contents .article h2 {
  margin-bottom: 20px;
}
#campus.default #contents .article h2 a {
  color: #000;
}
#campus.default #contents .article h2 a img {
  vertical-align: 0px;
  margin-left: 10px;
}
#campus.default #contents .article h2.blue a,
#campus.default #contents .article h2.link-color a {
  color: #0054ff;
}
#campus.default #contents .article h3 {
  margin-bottom: 20px;
}
#campus.default #contents .article h3.nonmargin {
  margin-bottom: 0;
}
#campus.default #contents .article h3.title-medium {
  font-size: 24px;
  line-height: 36px;
}
#campus.default #contents .article p, #campus.default #contents .article ul, #campus.default #contents .article ol {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
#campus.default #contents .article p:last-child, #campus.default #contents .article ul:last-child, #campus.default #contents .article ol:last-child {
  margin-bottom: 0;
}
#campus.default #contents .article ol {
  list-style: decimal;
  margin-left: 20px;
}
#campus.default #contents .article dl {
  margin-bottom: 30px;
}
#campus.default #contents .article dl dt, #campus.default #contents .article dl dd {
  font-size: 14px;
}
#campus.default #contents .article dl dt {
  font-weight: bold;
}
#campus.default #contents .article figure {
  margin: 0 0 20px 0;
}
#campus.default #contents .article .table-list {
  margin-bottom: 30px;
}
#campus.default #contents .article .table-list th, #campus.default #contents .article .table-list td {
  font-size: 14px;
}
#campus.default #contents .article .table-list .col_15per {
  width: 15%;
}
#campus.default #contents .article .table-list .col_18per {
  width: 18%;
}
#campus.default #contents .article .table-list .col_20per {
  width: 20%;
}
#campus.default #contents .article .table-list .col_25per {
  width: 25%;
}
#campus.default #contents .article .table-list .col_30per {
  width: 30%;
}
#campus.default #contents .article .panel-menu {
  margin: 0;
}
#campus.default #contents .article .panel-menu .title {
  display: block;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #FFF;
  background-color: #0054FF;
  border-bottom: 1px solid #000;
  padding: 14px 20px 13px;
  margin-bottom: 0;
  cursor: pointer;
}
#campus.default #contents .article .panel-menu .title .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#campus.default #contents .article .panel-menu .title.panel-title-wrap {
  padding: 20px 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  #campus.default #contents .article .panel-menu .title.panel-title-wrap {
    padding: 20px;
  }
}
#campus.default #contents .article .panel-menu .title.panel-title-wrap .panel-title,
#campus.default #contents .article .panel-menu .title.panel-title-wrap .panel-icon,
#campus.default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  vertical-align: middle;
}
#campus.default #contents .article .panel-menu .title.panel-title-wrap .panel-title {
  display: table-cell;
  font-size: 18px;
}
#campus.default #contents .article .panel-menu .title.panel-title-wrap .panel-icon {
  display: table-cell;
  font-size: 36px;
  width: 1%;
  white-space: nowrap;
  padding-right: 22px;
}
#campus.default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  font-size: 24px;
  text-align: right;
}
#campus.default #contents .article .panel {
  display: none;
}
#campus.default #contents .article .panel .table-list caption {
  text-align: right;
  font-size: 12px;
}
#campus.default #contents .article .panel .table-list th, #campus.default #contents .article .panel .table-list td {
  font-size: 13px;
}
#campus.default #contents .article .panel .table-list td {
  background: #fff;
  text-align: right;
}
#campus.default #contents .article .panel .table-list td.al-left {
  text-align: left;
}
#campus.default #contents .article .panel .table-list thead th {
  text-align: center;
}
#campus.default #contents .article .panel .table-list .total th, #campus.default #contents .article .panel .table-list .total td {
  background-color: #FF0;
}
#campus.default #contents .article .panel p, #campus.default #contents .article .panel ul {
  font-size: 13px;
}
#campus.default #contents .article .panel .section:first-child h5.headline_03, #campus.default #contents .article .panel .section:first-child .panel-menu h5.title, #campus.default #contents .article .panel-menu .panel .section:first-child h5.title {
  margin-top: 20px;
}
#campus.default #contents .article .with-image {
  display: table;
}
#campus.default #contents .article .with-image div {
  display: table-cell;
  vertical-align: top;
}
#campus.default #contents .article .with-image .figure {
  padding-left: 20px;
}
#campus.default #contents .article .with-image .figure span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
#campus.default #contents .article .with-image.left-image .figure {
  padding-left: 0;
  padding-right: 20px;
}
#campus.default #contents .article .single-figure {
  margin-bottom: 20px;
}
#campus.default #contents .article .single-figure img {
  max-width: 100%;
}
#campus.default #contents .article .single-figure .caption {
  display: block;
}
#campus.default #contents .article .table_01 dl {
  display: table;
  margin-bottom: 20px;
}
#campus.default #contents .article .table_01 dl dt, #campus.default #contents .article .table_01 dl dd {
  display: table-cell;
}
#campus.default #contents .article .table_01 dl dt {
  width: 160px;
}
#campus.default #contents .article .m-b-10 {
  margin-bottom: 10px;
}
#campus.default #contents .article .m-b-20 {
  margin-bottom: 20px;
}
#campus.default #contents .article .m-b-30 {
  margin-bottom: 30px;
}
#campus.default #contents .article .m-b-40 {
  margin-bottom: 40px;
}
#campus.default #contents .article .m-b-50 {
  margin-bottom: 50px;
}
#campus.default #contents .article .m-b-60 {
  margin-bottom: 60px;
}
#campus.default #contents #doforothers .article figure {
  margin-bottom: 30px;
}
#campus.default #contents #doforothers .article p {
  margin-bottom: 30px;
}
#campus.default #contents #doforothers .article .with-image .figure {
  padding-left: 60px;
}
#campus.default #contents #historical .article .with-image h3:first-child {
  margin-top: 0;
}
#campus.default #contents #history .category_list {
  margin-top: 10px;
  margin-bottom: 0px;
}
#campus.default #contents #history .article .with-image .figure {
  width: 25%;
}
#campus.default #contents #history .article .with-image .figure img {
  max-width: 100%;
  height: auto;
}
#campus.default #contents #sports .article .section-border:first-child {
  padding-top: 40px;
}
#campus.default #contents #activity-dl .article {
  padding-top: 0;
}
#campus.default #contents #career .block .sidebar,
#campus.default #contents #joho .block .sidebar,
#campus.default #contents #student .block .sidebar,
#campus.default #contents #office .block .sidebar {
  float: right;
  width: 36.4583%;
}
#campus.default #contents #career .block .sidebar h2,
#campus.default #contents #joho .block .sidebar h2,
#campus.default #contents #student .block .sidebar h2,
#campus.default #contents #office .block .sidebar h2 {
  margin-bottom: 10px;
}
#campus.default #contents #career .block .sidebar h2 a,
#campus.default #contents #joho .block .sidebar h2 a,
#campus.default #contents #student .block .sidebar h2 a,
#campus.default #contents #office .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#campus.default #contents #career .block .sidebar h2 a .arrow,
#campus.default #contents #joho .block .sidebar h2 a .arrow,
#campus.default #contents #student .block .sidebar h2 a .arrow,
#campus.default #contents #office .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#campus.default #contents #career .block .sidebar ul,
#campus.default #contents #joho .block .sidebar ul,
#campus.default #contents #student .block .sidebar ul,
#campus.default #contents #office .block .sidebar ul {
  margin-bottom: 30px;
}
#campus.default #contents #career .block .sidebar ul li,
#campus.default #contents #joho .block .sidebar ul li,
#campus.default #contents #student .block .sidebar ul li,
#campus.default #contents #office .block .sidebar ul li {
  margin-bottom: 5px;
}
#campus.default #contents #career .block .main,
#campus.default #contents #joho .block .main,
#campus.default #contents #student .block .main,
#campus.default #contents #office .block .main {
  float: left;
  width: 60.4166%;
}
#campus.default #contents #career .block .article,
#campus.default #contents #joho .block .article,
#campus.default #contents #student .block .article,
#campus.default #contents #office .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#campus.default #contents #career .block .article:last-child,
#campus.default #contents #joho .block .article:last-child,
#campus.default #contents #student .block .article:last-child,
#campus.default #contents #office .block .article:last-child {
  border-bottom: none;
}
#campus.default #contents #career .block .article:first-child,
#campus.default #contents #joho .block .article:first-child,
#campus.default #contents #student .block .article:first-child,
#campus.default #contents #office .block .article:first-child {
  padding-top: 10px;
}
#campus.default #contents #career .block .table-list th,
#campus.default #contents #joho .block .table-list th,
#campus.default #contents #student .block .table-list th,
#campus.default #contents #office .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#campus.default #contents #career h1,
#campus.default #contents #joho h1,
#campus.default #contents #student h1,
#campus.default #contents #office h1 {
  margin-bottom: 50px;
}
#campus.default #contents #career ul,
#campus.default #contents #joho ul,
#campus.default #contents #student ul,
#campus.default #contents #office ul {
  overflow: hidden;
}
#campus.default #contents #career ul .img,
#campus.default #contents #joho ul .img,
#campus.default #contents #student ul .img,
#campus.default #contents #office ul .img {
  float: left;
  padding-right: 20px;
}
#campus.default #contents #career .article,
#campus.default #contents #joho .article,
#campus.default #contents #student .article,
#campus.default #contents #office .article {
  clear: both;
}
#campus.default .challenge-detail .bg-box {
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #campus.default .challenge-detail .bg-box {
    padding: 10px;
    margin-bottom: 20px;
  }
}
#campus.default .challenge-detail .bg-box h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
#campus.default .challenge-detail .bg-box p {
  margin: 0 !important;
}
#campus.default .challenge-detail .fl-left {
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  #campus.default .challenge-detail .fl-left {
    margin-right: 0;
    text-align: center;
  }
}
#campus.default .challenge-detail .block p {
  margin-left: 240px;
}
@media screen and (max-width: 640px) {
  #campus.default .challenge-detail .block p {
    margin-left: 0;
  }
}
#campus.default .challenge-detail .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#campus.default .challenge-detail .section-border:first-child {
  padding-top: 0;
}
#campus.default .challenge-detail .section-border:last-child {
  border-bottom: 0;
}
#campus.default .challenge-detail .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#campus.default .news-block p,
#campus.default .news-block .date {
  line-height: 1.6em !important;
}
#campus.default .news-block p {
  font-size: 13px !important;
}
#campus.default .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #campus.default .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#campus.default .news-block .pure-u-1-3 a {
  color: #000;
}
#campus.default .news-block .pure-u-1-3 p,
#campus.default .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #campus.default .news-block .pure-u-1-3 p,
  #campus.default .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#campus.default .news-block .pure-u-1-3:first-child p,
#campus.default .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #campus.default .news-block .pure-u-1-3:first-child p,
  #campus.default .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#campus.default .news-block .pure-u-1-3:last-child p,
#campus.default .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #campus.default .news-block .pure-u-1-3:last-child p,
  #campus.default .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#campus.default .event-block {
  padding: 10px 0 60px;
}
#campus.default .event-block.ng-margin {
  margin-top: -40px;
}
#campus.default .event-block .pure-g-r {
  margin-left: -3.7%;
}
#campus.default .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#campus.default .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#campus.default .event-block .pure-g-r .pure-u-1-4 .date {
  height: 3em;
  margin-bottom: 10px;
  color: #000;
}
#campus.default .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#campus.default .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#campus.default .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#campus.default .pure-g-r {
  margin-top: 20px;
}
#campus.default h2 .title-icon {
  width: 62px;
  height: 62px;
  margin-right: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #campus.default h2 .title-icon {
    width: 36px;
    height: 36px;
  }
}
@media screen and (max-width: 767px) {
  #campus.default .pure-u-1-3 {
    margin-top: 20px;
  }
}
#campus.default .pure-u-1-3 h2 {
  font-size: 20px !important;
}
#campus.default .pure-u-1-3 h3 {
  font-size: 14px !important;
  font-weight: bold;
  line-height: 1.8em;
  margin-bottom: 5px !important;
}
#campus.default .pure-u-1-3 .title-num {
  margin-right: 10px;
  background-color: #000;
  padding: 5px 10px;
  display: block;
  float: left;
  color: #FFF;
  line-height: 1.3em;
}
#campus.default .pure-u-1-3 .thumbnail {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #campus.default .pure-u-1-3 .thumbnail {
    width: 100%;
    max-width: 100%;
  }
}
#campus.default .pure-u-1-3 .left-column {
  padding-right: 14px;
}
@media screen and (max-width: 767px) {
  #campus.default .pure-u-1-3 .left-column {
    padding-right: 0;
  }
}
#campus.default .pure-u-1-3 .center-column {
  padding: 0 7px;
}
@media screen and (max-width: 767px) {
  #campus.default .pure-u-1-3 .center-column {
    padding-right: 0;
    padding-left: 0;
  }
}
#campus.default .pure-u-1-3 .right-column {
  padding-left: 14px;
}
@media screen and (max-width: 767px) {
  #campus.default .pure-u-1-3 .right-column {
    padding-left: 0;
  }
}
#campus.default .map-icon-list {
  list-style: none;
  padding: 20px 0 0;
  margin: 0;
  overflow: hidden;
}
#campus.default .map-icon-list li {
  float: left;
  width: 12.5%;
  text-align: center;
  margin-top: 10px;
  min-height: 150px;
}
@media screen and (max-width: 767px) {
  #campus.default .map-icon-list li {
    width: 25%;
    min-height: 120px;
  }
}
#campus.default .map-icon-list li img {
  width: 70px;
  height: 70px;
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #campus.default .map-icon-list li img {
    width: 44px;
    height: 44px;
  }
}
#campus.default .map-icon-list li .caption {
  line-height: 1.4em;
  min-height: 50px;
}
@media screen and (max-width: 767px) {
  #campus.default .map-icon-list li .caption {
    font-size: 11px;
  }
}
#campus.default .map-icon-list.ng-margin-bottom {
  margin-bottom: -40px !important;
}
@media screen and (max-width: 767px) {
  #campus.default .map-icon-list.ng-margin-bottom {
    margin-bottom: -60px !important;
  }
}
#campus.default .news-block p,
#campus.default .news-block .date {
  line-height: 1.6em !important;
}
#campus.default .news-block p {
  font-size: 13px !important;
}
#campus.default .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #campus.default .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#campus.default .news-block .pure-u-1-3 a {
  color: #000;
}
#campus.default .news-block .pure-u-1-3 p,
#campus.default .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #campus.default .news-block .pure-u-1-3 p,
  #campus.default .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#campus.default .news-block .pure-u-1-3:first-child p,
#campus.default .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #campus.default .news-block .pure-u-1-3:first-child p,
  #campus.default .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#campus.default .news-block .pure-u-1-3:last-child p,
#campus.default .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #campus.default .news-block .pure-u-1-3:last-child p,
  #campus.default .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#campus #header {
  border-bottom: solid 1px #CCC;
}
#campus #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 0;
  overflow: hidden;
}
#campus #contents .head {
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
#campus #contents .head h1 {
  float: left;
  margin-right: 40px;
}
#campus #contents .head h1.fl-non {
  float: none;
  margin: 20px 0 50px;
}
@media screen and (max-width: 767px) {
  #campus #contents .head h1.fl-non {
    margin: 0 0 20px;
  }
}
#campus #contents .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#campus #contents .top {
  padding-bottom: 80px;
}
#campus #contents .top h2 {
  padding-right: 20px;
  font-size: 26px;
}
#campus #contents .top .bg-yellow {
  background-color: yellow;
  display: block;
  color: #000;
  padding: 20px 20px 15px;
}
#campus #contents .top .bg-yellow .title,
#campus #contents .top .bg-yellow .add {
  display: block;
}
#campus #contents .top .bg-yellow .title {
  margin-bottom: 5px;
}
#campus #contents .top .bg-yellow .title .arrow {
  margin-left: 10px;
  vertical-align: top;
  margin-top: 4px;
}
#campus #contents .top .bg-yellow .add {
  font-size: 14px;
}
#campus #contents .top h3 {
  margin-left: 10px;
  background-color: #EFEFEF;
  padding: 6px 10px 3px;
}
#campus #contents .top h3 a {
  color: #000;
}
#campus #contents .top h3 a .arrow {
  margin-left: 10px;
  vertical-align: top;
  margin-top: 3px;
}
#campus #contents .top .faculty-list {
  margin-left: 10px;
}
#campus #contents .top .faculty-list th,
#campus #contents .top .faculty-list td {
  text-align: left;
  vertical-align: top;
  padding: 3px 10px 0;
  border-bottom: solid 1px #CCC;
}
#campus #contents .top .faculty-list th.last,
#campus #contents .top .faculty-list td.last {
  border-bottom: none;
}
#campus #contents .top .faculty-list th {
  font-weight: bold;
  width: 20%;
}
#campus #contents .top .faculty-list td .caption {
  color: #666;
}
#campus #contents .top .shirokane {
  border-bottom: solid 1px #CCC;
  margin-bottom: 30px;
  padding-bottom: 30px;
}
#campus #contents .detail .head h1 {
  float: none;
  width: 100%;
  margin-bottom: 50px;
}
#campus #contents .detail .head .icon-pdf {
  margin-bottom: 20px;
  font-weight: bold;
}
#campus #contents .detail .head p {
  color: #666;
}
#campus #contents .detail .map {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
#campus #contents .detail .map img {
  max-width: 100%;
  width: 100%;
}
#campus #contents .detail .map .num1,
#campus #contents .detail .map .num2,
#campus #contents .detail .map .num3,
#campus #contents .detail .map .num4,
#campus #contents .detail .map .num5,
#campus #contents .detail .map .num6,
#campus #contents .detail .map .num7,
#campus #contents .detail .map .num8,
#campus #contents .detail .map .num9,
#campus #contents .detail .map .num10,
#campus #contents .detail .map .num11,
#campus #contents .detail .map .num12,
#campus #contents .detail .map .num13,
#campus #contents .detail .map .num14,
#campus #contents .detail .map .num15,
#campus #contents .detail .map .num16,
#campus #contents .detail .map .num17,
#campus #contents .detail .map .num18,
#campus #contents .detail .map .num19,
#campus #contents .detail .map .num20,
#campus #contents .detail .map .num21 {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
}
#campus #contents .detail .map .num1 span,
#campus #contents .detail .map .num2 span,
#campus #contents .detail .map .num3 span,
#campus #contents .detail .map .num4 span,
#campus #contents .detail .map .num5 span,
#campus #contents .detail .map .num6 span,
#campus #contents .detail .map .num7 span,
#campus #contents .detail .map .num8 span,
#campus #contents .detail .map .num9 span,
#campus #contents .detail .map .num10 span,
#campus #contents .detail .map .num11 span,
#campus #contents .detail .map .num12 span,
#campus #contents .detail .map .num13 span,
#campus #contents .detail .map .num14 span,
#campus #contents .detail .map .num15 span,
#campus #contents .detail .map .num16 span,
#campus #contents .detail .map .num17 span,
#campus #contents .detail .map .num18 span,
#campus #contents .detail .map .num19 span,
#campus #contents .detail .map .num20 span,
#campus #contents .detail .map .num21 span {
  display: none;
}
#campus #contents .detail .map .num1 {
  background: url(../images/campus/num1.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num2 {
  background: url(../images/campus/num2.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num3 {
  background: url(../images/campus/num3.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num4 {
  background: url(../images/campus/num4.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num5 {
  background: url(../images/campus/num5.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num6 {
  background: url(../images/campus/num6.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num7 {
  background: url(../images/campus/num7.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num8 {
  background: url(../images/campus/num8.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num9 {
  background: url(../images/campus/num9.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num10 {
  background: url(../images/campus/num10.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num11 {
  background: url(../images/campus/num11.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num12 {
  background: url(../images/campus/num12.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num13 {
  background: url(../images/campus/num13.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num14 {
  background: url(../images/campus/num14.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num15 {
  background: url(../images/campus/num15.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num16 {
  background: url(../images/campus/num16.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num17 {
  background: url(../images/campus/num17.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num18 {
  background: url(../images/campus/num18.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num19 {
  background: url(../images/campus/num19.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num20 {
  background: url(../images/campus/num20.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .map .num21 {
  background: url(../images/campus/num21.png) no-repeat left top;
  background-size: 26px 26px;
}
#campus #contents .detail .article {
  padding: 40px 0;
}
#campus #contents .detail .article h2 {
  font-size: 26px;
  margin-bottom: 25px;
}
#campus #contents .detail .pure-g-r .pure-u-1-3 .left .thumbnail,
#campus #contents .detail .pure-g-r .pure-u-1-3 .center .thumbnail,
#campus #contents .detail .pure-g-r .pure-u-1-3 .right .thumbnail {
  max-width: 100%;
  width: 100%;
}
#campus #contents .detail .pure-g-r .pure-u-1-3 .left {
  margin-right: 3.125%;
}
#campus #contents .detail .pure-g-r .pure-u-1-3 .center {
  margin: 0 3.125%;
}
#campus #contents .detail .pure-g-r .pure-u-1-3 .right {
  margin-left: 3.125%;
}
#campus #contents .detail .video iframe {
  width: 100%;
}
#campus #contents .detail .facilities .pure-g-r {
  margin-bottom: 20px;
}
#campus #contents .detail .facilities .pure-u-1-3 .left,
#campus #contents .detail .facilities .pure-u-1-3 .center,
#campus #contents .detail .facilities .pure-u-1-3 .right {
  background-color: #EFEFEF;
}
#campus #contents .detail .facilities .num-r {
  display: block;
  width: 24px;
  height: 24px;
  border: solid 1px #000;
  border-radius: 13px;
  text-align: center;
  background-color: #FFF;
  float: left;
  margin-right: 10px;
  line-height: 1.85em;
}
#campus #contents .detail .facilities .num-r span {
  padding-right: 1px;
  letter-spacing: -.05em;
  font-weight: normal;
}
#campus #contents .detail .facilities .txt {
  padding: 20px 15px;
}
#campus #contents .detail .facilities h3 {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  line-height: 1.8em;
}
#campus #contents .detail #shirokane .map .num1 {
  top: 205px;
  left: 605px;
}
#campus #contents .detail #shirokane .map .num2 {
  top: 70px;
  left: 580px;
}
#campus #contents .detail #shirokane .map .num3 {
  top: 258px;
  left: 408px;
}
#campus #contents .detail #shirokane .map .num4 {
  top: 358px;
  left: 482px;
}
#campus #contents .detail #shirokane .map .num5 {
  top: 154px;
  left: 830px;
}
#campus #contents .detail #shirokane .map .num6 {
  top: 152px;
  left: 296px;
}
#campus #contents .detail #shirokane .map .num7 {
  top: 610px;
  left: 290px;
}
#campus #contents .detail #shirokane .map .num8 {
  top: 168px;
  left: 538px;
}
#campus #contents .detail #shirokane .map .num9 {
  top: 84px;
  left: 733px;
}
#campus #contents .detail #shirokane .map .num10 {
  top: 312px;
  left: 330px;
}
#campus #contents .detail #shirokane .map .num11 {
  top: 345px;
  left: 412px;
}
#campus #contents .detail #shirokane .map .num12 {
  top: 362px;
  left: 368px;
}
#campus #contents .detail #shirokane .map .num13 {
  top: 598px;
  left: 128px;
}
#campus #contents .detail #yokohama .map .num1 {
  top: 460px;
  left: 310px;
}
#campus #contents .detail #yokohama .map .num2 {
  top: 466px;
  left: 420px;
}
#campus #contents .detail #yokohama .map .num3 {
  top: 515px;
  left: 390px;
}
#campus #contents .detail #yokohama .map .num4 {
  top: 475px;
  left: 351px;
}
#campus #contents .detail #yokohama .map .num5 {
  top: 558px;
  left: 192px;
}
#campus #contents .detail #yokohama .map .num6 {
  top: 550px;
  left: 94px;
}
#campus #contents .detail #yokohama .map .num7 {
  top: 615px;
  left: 100px;
}
#campus #contents .detail #yokohama .map .num8 {
  top: 615px;
  left: 145px;
}
#campus #contents .detail #yokohama .map .num9 {
  top: 590px;
  left: 201px;
}
#campus #contents .detail #yokohama .map .num10 {
  top: 563px;
  left: 310px;
}
#campus #contents .detail #yokohama .map .num11 {
  top: 232px;
  left: 555px;
}
#campus #contents .detail #yokohama .map .num12 {
  top: 266px;
  left: 527px;
}
#campus #contents .detail #yokohama .map .num13 {
  top: 342px;
  left: 470px;
}
#campus #contents .detail #yokohama .map .num14 {
  top: 423px;
  left: 440px;
}
#campus #contents .detail #yokohama .map .num15 {
  top: 401px;
  left: 529px;
}
#campus #contents .detail #yokohama .map .num16 {
  top: 421px;
  left: 549px;
}
#campus #contents .detail #yokohama .map .num17 {
  top: 453px;
  left: 460px;
}
#campus #contents .detail #yokohama .map .num18 {
  top: 383px;
  left: 560px;
}
#campus #contents .detail #yokohama .map .num19 {
  top: 383px;
  left: 375px;
}
#campus #contents .detail #yokohama .map .num20 {
  top: 273px;
  left: 390px;
}
#campus #contents .detail #yokohama .map .num21 {
  top: 183px;
  left: 455px;
}

#news #header,
#event #header {
  border-bottom: solid 1px #CCC;
}
#news .tab-nav-full,
#event .tab-nav-full {
  margin-top: -20px;
}
@media screen and (max-width: 767px) {
  #news .tab-nav-full,
  #event .tab-nav-full {
    margin-top: 0;
  }
}
#news .tab-line,
#event .tab-line {
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #news .tab-line,
  #event .tab-line {
    margin-bottom: 30px;
  }
}
#news #contents,
#event #contents {
  margin-bottom: 100px;
}
#news #contents .topicpath,
#event #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 0;
  overflow: hidden;
}
#news #contents .topicpath ul,
#event #contents .topicpath ul {
  float: left;
}
#news #contents .head,
#event #contents .head {
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
#news #contents .head h1, #news #contents .head h2,
#event #contents .head h1,
#event #contents .head h2 {
  float: left;
  margin-right: 40px;
}
#news #contents .head h2,
#event #contents .head h2 {
  -webkit-font-smoothing: antialiased;
  font-size: 32px;
  line-height: 1.1em;
}
#news #contents .head h2.txt-large,
#event #contents .head h2.txt-large {
  font-size: 36px !important;
}
#news #contents .head .lead,
#event #contents .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#news #contents .numberOfCase,
#event #contents .numberOfCase {
  font-size: 20px;
  color: #666;
  padding-bottom: 30px;
}
#news #contents .numberOfCase .switch,
#event #contents .numberOfCase .switch {
  margin-left: 16px;
  padding-left: 20px;
  background: url(/common/images/arrow-single-right-blue-14x26.gif) no-repeat left center;
}
#news #contents .categoryContainer,
#event #contents .categoryContainer {
  padding: 40px;
}
@media screen and (max-width: 767px) {
  #news #contents .categoryContainer,
  #event #contents .categoryContainer {
    margin: 0 15px;
    padding: 15px 0 5px;
  }
}
#news #contents .categoryContainer h2,
#event #contents .categoryContainer h2 {
  margin-bottom: 15px;
}
#news #contents .categoryContainer .block,
#event #contents .categoryContainer .block {
  overflow: hidden;
}
#news #contents .categoryContainer .block a,
#event #contents .categoryContainer .block a {
  display: block;
  background-color: #FFF;
  color: #0054ff;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 2px 5px 0;
}
#news #contents .categoryContainer .block a.on,
#event #contents .categoryContainer .block a.on {
  background-color: #0054ff;
  color: #FFF;
}
#news #contents .categoryContainer .block a span br,
#event #contents .categoryContainer .block a span br {
  display: none;
}
#news #contents .list,
#event #contents .list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
  border-top: solid 1px #CCC;
}
#news #contents .list li,
#event #contents .list li {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#news #contents .list li .info,
#event #contents .list li .info {
  padding-bottom: 10px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#news #contents .list li .info .date,
#event #contents .list li .info .date {
  padding-right: 10px;
  font-size: 14px;
}
#news #contents .list li .info .category a,
#event #contents .list li .info .category a {
  margin-right: 10px;
}
#news #contents .list li .block,
#event #contents .list li .block {
  overflow: hidden;
}
#news #contents .list li h2,
#event #contents .list li h2 {
  margin-bottom: 10px;
  font-size: 19.5px;
}
#news #contents .list li h2 a,
#event #contents .list li h2 a {
  color: #000;
}
#news #contents .list li h2 a:hover,
#event #contents .list li h2 a:hover {
  color: #666;
}
#news #contents .list li h2 a:active,
#event #contents .list li h2 a:active {
  color: #000;
}
#news #contents .list li h2 .expired,
#event #contents .list li h2 .expired {
  background-color: red;
  padding: 3px  5px;
  font-size: 14px;
  color: #FFF;
}
#news #contents .list li .left,
#event #contents .list li .left {
  float: left;
  margin-right: 15px;
}
#news #contents .list li .left img,
#event #contents .list li .left img {
  width: 140px;
}
#news #contents .list li p,
#news #contents .list li .eventDate,
#news #contents .list li .eventPlace,
#news #contents .list li .eventOrganizer,
#news #contents .list li .date,
#news #contents .list li .place,
#news #contents .list li .organizer,
#event #contents .list li p,
#event #contents .list li .eventDate,
#event #contents .list li .eventPlace,
#event #contents .list li .eventOrganizer,
#event #contents .list li .date,
#event #contents .list li .place,
#event #contents .list li .organizer {
  color: #666;
}
#news #contents .list li .eventDate,
#news #contents .list li .eventPlace,
#news #contents .list li .eventOrganizer,
#event #contents .list li .eventDate,
#event #contents .list li .eventPlace,
#event #contents .list li .eventOrganizer {
  border: solid 1px #CCC;
  padding: 3px  5px;
  font-weight: bold;
  margin-right: 5px;
}
#news #contents .list li .date,
#news #contents .list li .place,
#news #contents .list li .organizer,
#event #contents .list li .date,
#event #contents .list li .place,
#event #contents .list li .organizer {
  margin-right: 15px;
}
#news #contents .event-detail, #news #contents .news-detail, #news #contents #eventArchive,
#event #contents .event-detail,
#event #contents .news-detail,
#event #contents #eventArchive {
  padding-bottom: 50px;
}
#news #contents .event-detail h1, #news #contents .news-detail h1, #news #contents #eventArchive h1,
#event #contents .event-detail h1,
#event #contents .news-detail h1,
#event #contents #eventArchive h1 {
  margin: 50px 0 30px;
}
#news #contents .event-detail .socialButtons td, #news #contents .news-detail .socialButtons td, #news #contents #eventArchive .socialButtons td,
#event #contents .event-detail .socialButtons td,
#event #contents .news-detail .socialButtons td,
#event #contents #eventArchive .socialButtons td {
  padding-right: 15px;
  vertical-align: bottom;
}
#news #contents .event-detail .socialButtons td .twitter-share-button,
#news #contents .event-detail .socialButtons td .fb-root, #news #contents .news-detail .socialButtons td .twitter-share-button,
#news #contents .news-detail .socialButtons td .fb-root, #news #contents #eventArchive .socialButtons td .twitter-share-button,
#news #contents #eventArchive .socialButtons td .fb-root,
#event #contents .event-detail .socialButtons td .twitter-share-button,
#event #contents .event-detail .socialButtons td .fb-root,
#event #contents .news-detail .socialButtons td .twitter-share-button,
#event #contents .news-detail .socialButtons td .fb-root,
#event #contents #eventArchive .socialButtons td .twitter-share-button,
#event #contents #eventArchive .socialButtons td .fb-root {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 !important;
}
#news #contents .event-detail .socialButtons .category, #news #contents .news-detail .socialButtons .category, #news #contents #eventArchive .socialButtons .category,
#event #contents .event-detail .socialButtons .category,
#event #contents .news-detail .socialButtons .category,
#event #contents #eventArchive .socialButtons .category {
  display: block;
  margin-left: -15px;
}
#news #contents .event-detail .socialButtons .category a, #news #contents .news-detail .socialButtons .category a, #news #contents #eventArchive .socialButtons .category a,
#event #contents .event-detail .socialButtons .category a,
#event #contents .news-detail .socialButtons .category a,
#event #contents #eventArchive .socialButtons .category a {
  display: block;
  float: left;
  margin-left: 15px;
}
#news #contents .event-detail .aboutClub .portrait, #news #contents .event-detail .aboutClub .txt, #news #contents .news-detail .aboutClub .portrait, #news #contents .news-detail .aboutClub .txt, #news #contents #eventArchive .aboutClub .portrait, #news #contents #eventArchive .aboutClub .txt,
#event #contents .event-detail .aboutClub .portrait,
#event #contents .event-detail .aboutClub .txt,
#event #contents .news-detail .aboutClub .portrait,
#event #contents .news-detail .aboutClub .txt,
#event #contents #eventArchive .aboutClub .portrait,
#event #contents #eventArchive .aboutClub .txt {
  float: none;
}
#news #contents .event-detail .aboutClub .portrait, #news #contents .news-detail .aboutClub .portrait, #news #contents #eventArchive .aboutClub .portrait,
#event #contents .event-detail .aboutClub .portrait,
#event #contents .news-detail .aboutClub .portrait,
#event #contents #eventArchive .aboutClub .portrait {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 30px;
}
#news #contents .event-detail .aboutClub .txt, #news #contents .news-detail .aboutClub .txt, #news #contents #eventArchive .aboutClub .txt,
#event #contents .event-detail .aboutClub .txt,
#event #contents .news-detail .aboutClub .txt,
#event #contents #eventArchive .aboutClub .txt {
  margin-left: 0;
}
#news #contents .event-detail .aboutClub .txt .template, #news #contents .news-detail .aboutClub .txt .template, #news #contents #eventArchive .aboutClub .txt .template,
#event #contents .event-detail .aboutClub .txt .template,
#event #contents .news-detail .aboutClub .txt .template,
#event #contents #eventArchive .aboutClub .txt .template {
  width: 100% !important;
  margin-bottom: 30px;
}
#news #contents .event-detail .aboutClub .txt .template th, #news #contents .news-detail .aboutClub .txt .template th, #news #contents #eventArchive .aboutClub .txt .template th,
#event #contents .event-detail .aboutClub .txt .template th,
#event #contents .news-detail .aboutClub .txt .template th,
#event #contents #eventArchive .aboutClub .txt .template th {
  padding-right: 20px;
  text-align: left !important;
  white-space: nowrap !important;
}
#news #contents .event-detail .list, #news #contents .news-detail .list, #news #contents #eventArchive .list,
#event #contents .event-detail .list,
#event #contents .news-detail .list,
#event #contents #eventArchive .list {
  border: none;
}
#news #contents .event-detail .list th,
#news #contents .event-detail .list td, #news #contents .news-detail .list th,
#news #contents .news-detail .list td, #news #contents #eventArchive .list th,
#news #contents #eventArchive .list td,
#event #contents .event-detail .list th,
#event #contents .event-detail .list td,
#event #contents .news-detail .list th,
#event #contents .news-detail .list td,
#event #contents #eventArchive .list th,
#event #contents #eventArchive .list td {
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: solid 1px #CCC;
  color: #666;
}
#news #contents .event-detail .list th, #news #contents .news-detail .list th, #news #contents #eventArchive .list th,
#event #contents .event-detail .list th,
#event #contents .news-detail .list th,
#event #contents #eventArchive .list th {
  text-align: left;
  padding-right: 20px;
  width: 5%;
}
#news #contents .event-detail .list th .label, #news #contents .news-detail .list th .label, #news #contents #eventArchive .list th .label,
#event #contents .event-detail .list th .label,
#event #contents .news-detail .list th .label,
#event #contents #eventArchive .list th .label {
  border: solid 1px #CCC;
  padding: 2px  5px 0;
  display: block;
  float: left;
  font-weight: bold;
}
#news #contents .event-detail .list td h3, #news #contents .news-detail .list td h3, #news #contents #eventArchive .list td h3,
#event #contents .event-detail .list td h3,
#event #contents .news-detail .list td h3,
#event #contents #eventArchive .list td h3 {
  margin-bottom: 10px;
}
#news #contents .event-detail .list td p, #news #contents .news-detail .list td p, #news #contents #eventArchive .list td p,
#event #contents .event-detail .list td p,
#event #contents .news-detail .list td p,
#event #contents #eventArchive .list td p {
  margin-bottom: 20px;
}
#news #contents .event-detail .arrow-left, #news #contents .news-detail .arrow-left, #news #contents #eventArchive .arrow-left,
#event #contents .event-detail .arrow-left,
#event #contents .news-detail .arrow-left,
#event #contents #eventArchive .arrow-left {
  overflow: hidden;
}
#news #contents .event-detail .arrow-left a, #news #contents .news-detail .arrow-left a, #news #contents #eventArchive .arrow-left a,
#event #contents .event-detail .arrow-left a,
#event #contents .news-detail .arrow-left a,
#event #contents #eventArchive .arrow-left a {
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  font-size: 20px;
}
#news #contents .event-detail .arrow-left .arrow, #news #contents .news-detail .arrow-left .arrow, #news #contents #eventArchive .arrow-left .arrow,
#event #contents .event-detail .arrow-left .arrow,
#event #contents .news-detail .arrow-left .arrow,
#event #contents #eventArchive .arrow-left .arrow {
  background-color: #0054ff;
  color: #FFF;
  display: block;
  width: 28px;
  height: 28px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5em;
  float: left;
  margin-right: 10px;
}
#news #contents .event-detail .arrow-left .arrow:hover, #news #contents .news-detail .arrow-left .arrow:hover, #news #contents #eventArchive .arrow-left .arrow:hover,
#event #contents .event-detail .arrow-left .arrow:hover,
#event #contents .news-detail .arrow-left .arrow:hover,
#event #contents #eventArchive .arrow-left .arrow:hover {
  opacity: 0.6;
}

#news #contents .news-detail .date {
  margin-top: 50px;
  font-size: 14px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#news #contents .news-detail h1 {
  margin-top: 0;
}
#news #contents .news-detail .images {
  float: left;
  width: 192px;
  margin: 50px 25px 0 0;
}
#news #contents .news-detail .images figure {
  margin: 0 0 25px 0;
  padding: 0;
}
#news #contents .news-detail .images figure figcaption {
  margin: .5em 0 1em 0;
  font-size: 11px;
  line-height: 1.8em;
}
#news #contents .news-detail .body {
  margin: 50px 0 0 0;
  overflow: hidden;
}
#news #contents #eventArchive .aboutClub {
  margin-bottom: 40px;
  overflow: hidden;
}
#news #contents #eventArchive .aboutClub .portrait {
  float: left;
  margin-right: 20px;
}
#news #contents #eventArchive .oldLink,
#news #contents #eventArchive .navi {
  margin-top: 20px;
}

/**** /about, /guideサブメニュー *****/
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 {
  width: 137px !important;
}
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .why,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .voice,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .campuslife,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .history,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .approach,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .brief,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .about {
  border-left: 1px solid #CCC;
}
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .why a,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .voice a,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .campuslife a,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .history a,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .approach a,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .brief a,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .about a {
  border-left: 1px solid #FFF;
  text-align: center;
  padding: 20px 0;
  display: block;
}
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .why a:hover,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .voice a:hover,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .campuslife a:hover,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .history a:hover,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .approach a:hover,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .brief a:hover,
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .about a:hover {
  background-color: #CCC;
}
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .about {
  border-right: none;
}
.sub-menu-about #sub-menu .inner .pure-g-r .pure-u-1-7 .about a {
  border-right: none;
}

#about h2 {
  font-size: 32px;
  line-height: 1.3em;
}
#about .index h1.title-large {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #about .index h1.title-large {
    margin: 20px 0;
  }
}
#about .index .head {
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
#about .index .head h1 {
  float: left;
  margin-right: 40px;
}
#about .index .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#about .index .head-banner {
  padding-top: 30px;
  padding-bottom: 0;
  overflow: hidden;
}
#about .index .head-banner h1 {
  font-weight: normal;
  margin: 0;
  width: 31.7708%;
  height: 185px;
  background-color: #FF0;
  line-height: 6em;
  text-align: center;
  float: left;
}
@media screen and (max-width: 767px) {
  #about .index .head-banner h1 {
    padding-top: 0;
    height: auto;
  }
}
#about .index .head-banner h1.txt-twoline {
  line-height: 1.5em;
  padding-top: 45px;
  height: 140px;
}
@media screen and (max-width: 767px) {
  #about .index .head-banner h1.txt-twoline {
    padding-top: 0;
    height: auto;
  }
}
#about .index .head-banner h1.txt-threeline {
  line-height: 1.45em;
  padding-top: 30px;
  min-height: 185px;
  box-sizing: border-box;
  height: auto;
}
#about .index .head-banner h1.txt-threeline .subtitle {
  display: block;
}
@media screen and (max-width: 767px) {
  #about .index .head-banner h1.txt-threeline {
    padding-top: 0;
    min-height: auto;
  }
}
#about .index .head-banner h1.al-left {
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #about .index .head-banner h1.al-left {
    padding: 0 15px;
  }
}
#about .index .head-banner .banner {
  float: right;
  width: 68.2291%;
}
#about .index .head-banner .banner img {
  max-width: 100%;
  width: 100%;
  height: 185px;
}
#about .index .article {
  padding: 40px 0;
}
#about .index .article.pad-large {
  padding: 80px 0;
}
#about .index .article.pad-large.pad-top-non {
  padding-top: 0;
}
#about .index .article .lead {
  margin-top: -20px;
  padding-bottom: 20px;
}
#about .index .article h2 {
  margin-bottom: 25px;
  font-size: 22px;
  float: none;
}
#about .index .article p {
  line-height: 1.6em;
}
#about .index .article .bg-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
#about .index .article .bg-title a h2 {
  position: absolute;
  float: left;
  top: 38%;
  left: 25px;
  color: #FFF !important;
  padding-right: 20px;
  background: url(../images/arrow-single-right-white-30x16.png) no-repeat right center;
  background-size: 8px 15px;
}
@media screen and (max-width: 767px) {
  #about .index .article .bg-title a h2 {
    top: 33%;
    left: 20px;
  }
}
#about .index .article .pure-g-r .pure-u-1-2 {
  float: left;
}
#about .index .article .pure-g-r .pure-u-1-2 .arrow {
  margin-left: 10px;
  margin-top: 6px;
  vertical-align: top;
}
#about .index .article .pure-g-r .pure-u-1-3 .left .thumbnail,
#about .index .article .pure-g-r .pure-u-1-3 .center .thumbnail,
#about .index .article .pure-g-r .pure-u-1-3 .right .thumbnail {
  max-width: 100%;
  width: 100%;
}
#about .index .article .pure-g-r .pure-u-1-3 .left img {
  margin-right: 30px;
}
#about .index .article .pure-g-r .pure-u-1-3 .center img {
  margin: 0 15px;
}
#about .index .article .pure-g-r .pure-u-1-3 .right img {
  margin-left: 30px;
}
#about .index .article .left,
#about .index .article .right {
  overflow: hidden;
  width: 100%;
}
#about .index .article .left .index-thumbnail,
#about .index .article .right .index-thumbnail {
  margin-bottom: 30px;
}
#about .index .article .left {
  float: left;
}
#about .index .article .left .index-thumbnail {
  padding-right: 1.5%;
}
#about .index .article .left .index-thumbnail img {
  max-width: 100%;
  width: 100%;
}
#about .index .article .left h2,
#about .index .article .left h3,
#about .index .article .left .bg-title,
#about .index .article .left .block {
  padding-right: 8%;
}
#about .index .article .left .block {
  border-right: solid 1px #CCC;
}
#about .index .article .right {
  float: right;
}
#about .index .article .right h2,
#about .index .article .right h3,
#about .index .article .right .bg-title,
#about .index .article .right .block {
  padding-left: 8%;
}
#about .index .article .right h2 h2,
#about .index .article .right h3 h2,
#about .index .article .right .bg-title h2,
#about .index .article .right .block h2 {
  padding-left: 0;
}
#about .index .article .right .bg-title h2 {
  padding-left: 8%;
}
#about .index .blog {
  padding-bottom: 60px;
  font-size: 14px;
  overflow: hidden;
}
#about .index .blog .block1 {
  padding-bottom: 60px;
}
#about .index .blog .block1 .head {
  padding-top: 80px;
  padding-bottom: 0;
  display: table;
}
#about .index .blog .block1 .head h1,
#about .index .blog .block1 .head .lead {
  display: table-cell;
  vertical-align: middle;
}
#about .index .blog .block1 .head h1 {
  float: left;
  padding-right: 30px;
}
#about .index .blog .block1 .head .lead {
  color: #666;
}
#about .index .blog h2 {
  margin: 20px 0;
  font-size: 20px;
}
#about .index .blog p {
  color: #666;
}
#about .index .blog .bg {
  border-top: none;
}
#about .index .blog .btn-blue {
  padding: 8px 0 5px;
  display: block;
  text-align: center;
  background-color: #0054ff;
  color: #FFF;
  border-bottom: none;
}
#about .index .blog .btn-blue:hover {
  opacity: 0.6;
}
#about .index .blog .more {
  margin-top: 10px;
  font-size: 11px;
}
#about .index .blog .comment-block {
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  #about .index .blog .comment-block {
    padding: 0;
  }
}
#about .index .blog .comment-block .c-title {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 18px;
}
#about .index .blog .comment-block .c-name {
  display: block;
  margin-top: 15px;
  font-weight: bold;
}
#about .index .blog .comment-block .bg-gray {
  border: solid 1px #CCC;
  background-color: #EFEFEF;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  #about .index .blog .comment-block .bg-gray {
    padding: 15px;
  }
}
#about .index .blog .comment-block .c-table {
  display: table;
}
@media screen and (max-width: 767px) {
  #about .index .blog .comment-block .c-table {
    display: block;
  }
}
#about .index .blog .comment-block .c-table dt, #about .index .blog .comment-block .c-table dd {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #about .index .blog .comment-block .c-table dt, #about .index .blog .comment-block .c-table dd {
    display: block;
  }
}
#about .index .blog .comment-block .c-table dt {
  width: 32%;
}
@media screen and (max-width: 767px) {
  #about .index .blog .comment-block .c-table dt {
    width: auto;
    padding-bottom: 15px;
    text-align: center;
  }
}
#about .index .blog .socialButtons {
  margin-bottom: 50px;
}
#about .index .blog .socialButtons td {
  padding-right: 15px;
  vertical-align: bottom;
}
#about .index .blog .socialButtons td .twitter-share-button,
#about .index .blog .socialButtons td .fb-root {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 !important;
}
#about .index .blog .socialButtons .category {
  display: block;
  margin-left: -15px;
}
#about .index .blog .socialButtons .category a {
  display: block;
  float: left;
  margin-left: 15px;
}
#about .index .blog .contents .main {
  width: 75%;
  float: left;
  overflow: hidden;
}
#about .index .blog .contents .main .tag {
  background-color: #000;
  padding: 3px 4px 2px;
  color: #FFF !important;
  font-size: 14px !important;
  margin-right: 20px;
}
#about .index .blog .contents .main .article, #about .index .blog .contents .main .article-link {
  border-bottom: solid 1px #CCC;
  margin-bottom: 50px;
  padding-bottom: 50px !important;
}
#about .index .blog .contents .main .article.border-bottom-non, #about .index .blog .contents .main .article-link.border-bottom-non {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
#about .index .blog .contents .main .article .sub-block, #about .index .blog .contents .main .article-link .sub-block {
  color: #666;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#about .index .blog .contents .main .article .sub-block .delimiter, #about .index .blog .contents .main .article-link .sub-block .delimiter {
  padding: 0 5px;
}
#about .index .blog .contents .main .article .sub-block .category a, #about .index .blog .contents .main .article-link .sub-block .category a {
  margin-left: 10px;
}
#about .index .blog .contents .main .article .bg-box, #about .index .blog .contents .main .article-link .bg-box {
  margin-top: 40px;
}
#about .index .blog .contents .main .article .bg-box h3, #about .index .blog .contents .main .article-link .bg-box h3 {
  margin-top: 0;
  font-weight: bold;
}
#about .index .blog .contents .main .article .bg-box.padding20, #about .index .blog .contents .main .article-link .bg-box.padding20 {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #about .index .blog .contents .main .article .bg-box.padding20, #about .index .blog .contents .main .article-link .bg-box.padding20 {
    padding-bottom: 20px;
  }
}
#about .index .blog .contents .main .article .block h2, #about .index .blog .contents .main .article-link .block h2 {
  margin: 10px 0 30px;
  font-size: 24px;
  font-weight: normal;
}
#about .index .blog .contents .main .article .block h2 a, #about .index .blog .contents .main .article-link .block h2 a {
  color: #000;
}
#about .index .blog .contents .main .article .block h3, #about .index .blog .contents .main .article-link .block h3 {
  font-weight: bold;
}
#about .index .blog .contents .main .article .block p, #about .index .blog .contents .main .article-link .block p {
  margin-bottom: 30px;
}
#about .index .blog .contents .main .article .block img, #about .index .blog .contents .main .article-link .block img {
  max-width: 100%;
  height: auto;
}
#about .index .blog .contents .main .article .block .more, #about .index .blog .contents .main .article-link .block .more {
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#about .index .blog .contents .main .article .block .more .arrow, #about .index .blog .contents .main .article-link .block .more .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 5px;
}
#about .index .blog .contents .main .article-link {
  padding-bottom: 0;
}
#about .index .blog .contents .main .article-link.col-large, #about .index .blog .contents .main .article-link.col-medium, #about .index .blog .contents .main .article-link.col-small {
  background-color: #EEE;
  padding: 20px !important;
  margin: 0 0 20px;
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  #about .index .blog .contents .main .article-link.col-large, #about .index .blog .contents .main .article-link.col-medium, #about .index .blog .contents .main .article-link.col-small {
    padding: 10px !important;
    margin: 0 0 10px;
  }
}
#about .index .blog .contents .main .article-link.col-large .thumbnail, #about .index .blog .contents .main .article-link.col-medium .thumbnail, #about .index .blog .contents .main .article-link.col-small .thumbnail {
  max-width: 100%;
  width: 100%;
  margin-bottom: 20px;
}
#about .index .blog .contents .main .article-link.col-large h2, #about .index .blog .contents .main .article-link.col-medium h2, #about .index .blog .contents .main .article-link.col-small h2 {
  margin: 5px 0 0;
  font-size: 20px;
}
#about .index .blog .contents .main .article-link.col-large p, #about .index .blog .contents .main .article-link.col-medium p, #about .index .blog .contents .main .article-link.col-small p {
  margin: 20px 0 0;
}
#about .index .blog .contents .main .article-link.col-medium {
  width: 43%;
  float: left;
}
#about .index .blog .contents .main .article-link.col-medium:nth-child(odd) {
  margin-left: 2.892%;
}
@media screen and (max-width: 767px) {
  #about .index .blog .contents .main .article-link.col-medium {
    width: auto;
    float: none;
  }
  #about .index .blog .contents .main .article-link.col-medium:nth-child(odd) {
    margin-left: 0;
    margin-top: 10px;
  }
}
#about .index .blog .contents .main .article-link.col-small {
  margin-right: 1.446%;
  width: 25.85%;
  float: left;
}
#about .index .blog .contents .main .article-link.col-small:nth-child(3), #about .index .blog .contents .main .article-link.col-small:nth-child(6), #about .index .blog .contents .main .article-link.col-small:nth-child(9) {
  margin-left: 1.446%;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  #about .index .blog .contents .main .article-link.col-small:nth-child(3), #about .index .blog .contents .main .article-link.col-small:nth-child(6), #about .index .blog .contents .main .article-link.col-small:nth-child(9) {
    margin-left: 0;
    margin-right: 0;
  }
}
#about .index .blog .contents .main .article-link.col-small:nth-child(2), #about .index .blog .contents .main .article-link.col-small:nth-child(5), #about .index .blog .contents .main .article-link.col-small:nth-child(8) {
  margin-left: 1.446%;
}
@media screen and (max-width: 767px) {
  #about .index .blog .contents .main .article-link.col-small:nth-child(2), #about .index .blog .contents .main .article-link.col-small:nth-child(5), #about .index .blog .contents .main .article-link.col-small:nth-child(8) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #about .index .blog .contents .main .article-link.col-small {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}
#about .index .blog .contents .sidebar {
  width: 17.7083%;
  float: right;
}
#about .index .blog .contents .sidebar .block {
  margin-bottom: 40px;
  padding-bottom: 25px;
  border-bottom: solid 1px #CCC;
}
#about .index .blog .contents .sidebar .block.border-non {
  border-bottom: 0;
}
#about .index .blog .contents .sidebar .block.border-non h3 {
  margin-top: 0;
}
#about .index .blog .contents .sidebar .block h3 {
  margin-bottom: 20px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#about .index .blog .contents .sidebar .block ul {
  font-size: 12px;
}
#about .index .blog .contents .sidebar .block ul li {
  line-height: 1.5em;
  margin-bottom: 10px;
}
#about .index .blog .contents .sidebar {
  border-bottom: none;
}
#about .cs-detail h2 {
  font-size: 24px;
  font-weight: normal;
}
#about .cs-detail h3 {
  font-size: 18px;
}
#about .cs-detail .icon-title {
  width: 30px;
  height: auto;
  margin-right: 10px;
}
#about .cs-detail .block {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  #about .cs-detail .dl-table {
    display: block;
  }
}
#about .cs-detail .dl-table dt,
#about .cs-detail .dl-table dd {
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #about .cs-detail .dl-table dt,
  #about .cs-detail .dl-table dd {
    display: block;
  }
}
#about .cs-detail .dl-table dt {
  width: 317px;
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  #about .cs-detail .dl-table dt {
    width: auto;
    padding-right: 0;
    padding-bottom: 15px;
  }
}
#about .cs-detail .bg-box {
  margin-top: 20px;
}
#about .cs-detail .bg-box .dl-table dt {
  width: auto;
}
#about .news-block .pure-g-r {
  margin-left: -3.7%;
}
@media screen and (max-width: 767px) {
  #about .news-block .pure-g-r {
    margin-left: 0;
  }
}
#about .news-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
}
@media screen and (max-width: 767px) {
  #about .news-block .pure-g-r .pure-u-1-4 {
    margin-bottom: 20px;
    margin-left: 0;
    width: 100%;
  }
  #about .news-block .pure-g-r .pure-u-1-4 p {
    margin-bottom: 0;
  }
}
#about .news-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#about .slider1 {
  margin-top: 40px;
}
#about .christ-block .pure-g-r {
  margin-left: -30px;
}
@media screen and (max-width: 767px) {
  #about .christ-block .pure-g-r {
    margin-left: 0;
  }
}
#about .christ-block .pure-g-r .pure-u-1-2 {
  margin-left: 30px;
  margin-bottom: 30px;
  width: 46.9%;
}
@media screen and (max-width: 767px) {
  #about .christ-block .pure-g-r .pure-u-1-2 {
    margin-bottom: 10px;
    margin-left: 0;
    width: 100%;
  }
}
#about .ad-block {
  margin: 0 0 0 -8px;
  padding: 0;
  overflow: hidden;
  display: table;
}
@media screen and (max-width: 767px) {
  #about .ad-block {
    overflow: hidden;
    position: relative;
    margin-left: 0;
    display: block;
    height: 520px;
  }
}
#about .ad-block li {
  padding-left: 8px;
  display: table-cell;
}
@media screen and (max-width: 767px) {
  #about .ad-block li {
    padding-left: 0;
    position: absolute;
    float: none;
    display: block;
  }
}
#about .ad-block li a {
  width: 185px;
  height: 207px;
  display: block;
}
@media screen and (max-width: 767px) {
  #about .ad-block li a {
    width: 144px;
    height: 160px;
  }
}
#about .ad-block li a:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-1 {
    top: 0;
    left: 15px;
  }
}
#about .ad-block li.ad-1 a {
  background: url(../../about/christianity/images/ch-ad1.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-1 a {
    background-size: 144px 160px;
  }
}
#about .ad-block li.ad-1 a:hover {
  background: url(../../about/christianity/images/ch-ad1-on.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-1 a:hover {
    background-size: 144px 160px;
  }
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-2 {
    top: 85px;
    right: 15px;
  }
}
#about .ad-block li.ad-2 a {
  background: url(../../about/christianity/images/ch-ad2.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-2 a {
    background-size: 144px 160px;
  }
}
#about .ad-block li.ad-2 a:hover {
  background: url(../../about/christianity/images/ch-ad2-on.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-2 a:hover {
    background-size: 144px 160px;
  }
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-3 {
    top: 170px;
    left: 15px;
  }
}
#about .ad-block li.ad-3 a {
  background: url(../../about/christianity/images/ch-ad3.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-3 a {
    background-size: 144px 160px;
  }
}
#about .ad-block li.ad-3 a:hover {
  background: url(../../about/christianity/images/ch-ad3-on.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-3 a:hover {
    background-size: 144px 160px;
  }
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-4 {
    top: 255px;
    right: 15px;
  }
}
#about .ad-block li.ad-4 a {
  background: url(../../about/christianity/images/ch-ad4.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-4 a {
    background-size: 144px 160px;
  }
}
#about .ad-block li.ad-4 a:hover {
  background: url(../../about/christianity/images/ch-ad4-on.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-4 a:hover {
    background-size: 144px 160px;
  }
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-5 {
    top: 340px;
    left: 15px;
  }
}
#about .ad-block li.ad-5 a {
  background: url(../../about/christianity/images/ch-ad5.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-5 a {
    top: 340px;
    left: 15px;
    background-size: 144px 160px;
  }
}
#about .ad-block li.ad-5 a:hover {
  background: url(../../about/christianity/images/ch-ad5-on.png) no-repeat left top;
  background-size: 185px 207px;
}
@media screen and (max-width: 767px) {
  #about .ad-block li.ad-5 a:hover {
    background-size: 144px 160px;
  }
}
#about .ic-info .ic-title-icon {
  margin-right: 15px;
  vertical-align: middle;
}
#about .ic-info .ic-info-map-nav {
  margin-left: -8px;
  margin-bottom: 40px;
  margin-bottom: 40px;
  overflow: hidden;
}
#about .ic-info .ic-info-map-nav li {
  margin-left: 8px;
  margin-bottom: 8px;
  float: left;
}
#about.default.normal #contents .topicpath {
  padding-top: 25px;
  float: none;
}
#about.default .contents-menu {
  padding-top: 30px;
  padding-top: 10px;
}
#about.default .contents-menu a {
  border-left: solid 2px #FFF;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  line-height: 4.8em;
}
#about.default .contents-menu a.border-non {
  border: none;
}
#about.default .contents-menu a.txt-two-line {
  line-height: 1.4em;
  padding-top: 15px;
  height: 45px;
}
#about.default .contents-menu a.active {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  #about.default .contents-menu {
    display: none;
  }
}
#about.default .headline_02, #campuslife.default #contents .article #about.default h2, #campuslife .detail #contents .article #about.default h2, #campus.default #contents .article #about.default h2, #about.default #contents .article h2, #about.ic #about.default #contents .article h2, #default #contents .article #about.default h2, #academics.default #contents .article #about.default h2 {
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
#about.default .headline_03, #campuslife.default #contents .article #about.default h3, #campuslife.default #contents .article .panel-menu #about.default .title, #campuslife .detail #contents .article #about.default h3, #campuslife .detail #contents .article .panel-menu #about.default .title, #campus.default #contents .article #about.default h3, #campus.default #contents .article .panel-menu #about.default .title, #about.default #contents .article h3, #about.default #contents .article .panel-menu .title, #about.ic #about.default #contents .article h3, #about.ic #about.default #contents .article .panel-menu .title, #default #contents .article #about.default h3, #default #contents .article .panel-menu #about.default .title, #academics.default #contents .article #about.default h3, #academics.default #contents .article .panel-menu #about.default .title {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}
#about.default .headline_04, #campuslife.default #contents .article #about.default h4, #campuslife.default #contents #creed .article #about.default h3, #campuslife .detail #contents .article #about.default h4, #campuslife .detail #contents #creed .article #about.default h3, #campus.default #contents .article #about.default h4, #campus.default #contents #creed .article #about.default h3, #about.default #contents .article h4, #about.default #contents #creed .article h3, #about.ic #about.default #contents .article h4, #about.ic #about.default #contents #creed .article h3, #default #contents .article #about.default h4, #default #contents #creed .article #about.default h3, #academics.default #contents .article #about.default h4, #academics.default #contents #creed .article #about.default h3 {
  font-size: 14px;
  font-weight: bold;
}
#about.default h2 {
  line-height: 1.4em;
}
#about.default #header {
  border-bottom: solid 1px #CCC;
}
#about.default #contents {
  /* 個別ページ */
  /* 建学の精神と教育理念 */
  /* 歴史的建造物 */
  /* 明治学院大学の歴史と現在 */
  /* 宗教部 */
  /* スポーツプロジェクト */
  /* 課外活動 */
  /* キャリア支援 */
}
#about.default #contents .topicpath {
  padding-bottom: 0;
  overflow: hidden;
}
#about.default #contents .head h1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
#about.default #contents .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#about.default #contents .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#about.default #contents .list-inline_left li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
#about.default #contents .list-inline_right li {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
#about.default #contents .article {
  padding: 40px 0;
  /* table */
  /* panel-menu */
  /* with-image */
  /* single-figure */
  /* table_01 - ラインなし */
  /* 余白 */
}
@media screen and (max-width: 767px) {
  #about.default #contents .article.sp-pt-non {
    padding-top: 0;
  }
}
#about.default #contents .article .section {
  padding-top: 40px;
}
#about.default #contents .article .section:first-child {
  padding-top: 0;
}
#about.default #contents .article .section:last-child {
  padding-bottom: 40px;
}
#about.default #contents .article .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#about.default #contents .article .section-border:first-child {
  padding-top: 0;
}
#about.default #contents .article .section-border:last-child {
  border-bottom: 0;
}
#about.default #contents .article .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#about.default #contents .article .main {
  width: 43%;
  float: left;
  overflow: hidden;
}
#about.default #contents .article .side {
  margin-left: 50%;
  width: 50%;
}
#about.default #contents .article .side .newsTopics {
  margin-bottom: 20px;
}
#about.default #contents .article .side ul {
  font-size: 14px;
}
#about.default #contents .article .side h3 a {
  font-size: 24px;
  padding: 12px 20px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
#about.default #contents .article .side h3 a:link {
  color: #FFF;
}
#about.default #contents .article .side h3 a:visited {
  color: #6190e5;
}
#about.default #contents .article .side h3 a:hover {
  color: #FFF;
}
#about.default #contents .article .side h3 a:active {
  color: #FFF;
}
#about.default #contents .article .side h3 a .arrow,
#about.default #contents .article .side h3 a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#about.default #contents .article .side h3 a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#about.default #contents .article h2 {
  margin-bottom: 20px;
}
#about.default #contents .article h2 a {
  color: #000;
}
#about.default #contents .article h2 a img {
  vertical-align: 0px;
  margin-left: 10px;
}
#about.default #contents .article h2.blue a,
#about.default #contents .article h2.link-color a {
  color: #0054ff;
}
#about.default #contents .article h3 {
  margin-bottom: 20px;
}
#about.default #contents .article h3.nonmargin {
  margin-bottom: 0;
}
#about.default #contents .article h3.title-medium {
  font-size: 24px;
  line-height: 36px;
}
#about.default #contents .article p, #about.default #contents .article ul, #about.default #contents .article ol {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
#about.default #contents .article p:last-child, #about.default #contents .article ul:last-child, #about.default #contents .article ol:last-child {
  margin-bottom: 0;
}
#about.default #contents .article ol {
  list-style: decimal;
  margin-left: 20px;
}
#about.default #contents .article dl {
  margin-bottom: 30px;
}
#about.default #contents .article dl dt, #about.default #contents .article dl dd {
  font-size: 14px;
}
#about.default #contents .article dl dt {
  font-weight: bold;
}
#about.default #contents .article figure {
  margin: 0 0 20px 0;
}
#about.default #contents .article .table-list {
  margin-bottom: 30px;
}
#about.default #contents .article .table-list th, #about.default #contents .article .table-list td {
  font-size: 14px;
}
#about.default #contents .article .table-list .col_15per {
  width: 15%;
}
#about.default #contents .article .table-list .col_18per {
  width: 18%;
}
#about.default #contents .article .table-list .col_20per {
  width: 20%;
}
#about.default #contents .article .table-list .col_25per {
  width: 25%;
}
#about.default #contents .article .table-list .col_30per {
  width: 30%;
}
#about.default #contents .article .panel-menu {
  margin: 0;
}
#about.default #contents .article .panel-menu .title {
  display: block;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #FFF;
  background-color: #0054FF;
  border-bottom: 1px solid #000;
  padding: 14px 20px 13px;
  margin-bottom: 0;
  cursor: pointer;
}
#about.default #contents .article .panel-menu .title .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#about.default #contents .article .panel-menu .title.panel-title-wrap {
  padding: 20px 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  #about.default #contents .article .panel-menu .title.panel-title-wrap {
    padding: 20px;
  }
}
#about.default #contents .article .panel-menu .title.panel-title-wrap .panel-title,
#about.default #contents .article .panel-menu .title.panel-title-wrap .panel-icon,
#about.default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  vertical-align: middle;
}
#about.default #contents .article .panel-menu .title.panel-title-wrap .panel-title {
  display: table-cell;
  font-size: 18px;
}
#about.default #contents .article .panel-menu .title.panel-title-wrap .panel-icon {
  display: table-cell;
  font-size: 36px;
  width: 1%;
  white-space: nowrap;
  padding-right: 22px;
}
#about.default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  font-size: 24px;
  text-align: right;
}
#about.default #contents .article .panel {
  display: none;
}
#about.default #contents .article .panel .table-list caption {
  text-align: right;
  font-size: 12px;
}
#about.default #contents .article .panel .table-list th, #about.default #contents .article .panel .table-list td {
  font-size: 13px;
}
#about.default #contents .article .panel .table-list td {
  background: #fff;
  text-align: right;
}
#about.default #contents .article .panel .table-list td.al-left {
  text-align: left;
}
#about.default #contents .article .panel .table-list thead th {
  text-align: center;
}
#about.default #contents .article .panel .table-list .total th, #about.default #contents .article .panel .table-list .total td {
  background-color: #FF0;
}
#about.default #contents .article .panel p, #about.default #contents .article .panel ul {
  font-size: 13px;
}
#about.default #contents .article .panel .section:first-child h5.headline_03, #about.default #contents .article .panel .section:first-child .panel-menu h5.title, #about.default #contents .article .panel-menu .panel .section:first-child h5.title {
  margin-top: 20px;
}
#about.default #contents .article .with-image {
  display: table;
}
#about.default #contents .article .with-image div {
  display: table-cell;
  vertical-align: top;
}
#about.default #contents .article .with-image .figure {
  padding-left: 20px;
}
#about.default #contents .article .with-image .figure span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
#about.default #contents .article .with-image.left-image .figure {
  padding-left: 0;
  padding-right: 20px;
}
#about.default #contents .article .single-figure {
  margin-bottom: 20px;
}
#about.default #contents .article .single-figure img {
  max-width: 100%;
}
#about.default #contents .article .single-figure .caption {
  display: block;
}
#about.default #contents .article .table_01 dl {
  display: table;
  margin-bottom: 20px;
}
#about.default #contents .article .table_01 dl dt, #about.default #contents .article .table_01 dl dd {
  display: table-cell;
}
#about.default #contents .article .table_01 dl dt {
  width: 160px;
}
#about.default #contents .article .m-b-10 {
  margin-bottom: 10px;
}
#about.default #contents .article .m-b-20 {
  margin-bottom: 20px;
}
#about.default #contents .article .m-b-30 {
  margin-bottom: 30px;
}
#about.default #contents .article .m-b-40 {
  margin-bottom: 40px;
}
#about.default #contents .article .m-b-50 {
  margin-bottom: 50px;
}
#about.default #contents .article .m-b-60 {
  margin-bottom: 60px;
}
#about.default #contents #doforothers .article figure {
  margin-bottom: 30px;
}
#about.default #contents #doforothers .article p {
  margin-bottom: 30px;
}
#about.default #contents #doforothers .article .with-image .figure {
  padding-left: 60px;
}
#about.default #contents #historical .article .with-image h3:first-child {
  margin-top: 0;
}
#about.default #contents #history .category_list {
  margin-top: 10px;
  margin-bottom: 0px;
}
#about.default #contents #history .article .with-image .figure {
  width: 25%;
}
#about.default #contents #history .article .with-image .figure img {
  max-width: 100%;
  height: auto;
}
#about.default #contents #sports .article .section-border:first-child {
  padding-top: 40px;
}
#about.default #contents #activity-dl .article {
  padding-top: 0;
}
#about.default #contents #career .block .sidebar,
#about.default #contents #joho .block .sidebar,
#about.default #contents #student .block .sidebar,
#about.default #contents #office .block .sidebar {
  float: right;
  width: 36.4583%;
}
#about.default #contents #career .block .sidebar h2,
#about.default #contents #joho .block .sidebar h2,
#about.default #contents #student .block .sidebar h2,
#about.default #contents #office .block .sidebar h2 {
  margin-bottom: 10px;
}
#about.default #contents #career .block .sidebar h2 a,
#about.default #contents #joho .block .sidebar h2 a,
#about.default #contents #student .block .sidebar h2 a,
#about.default #contents #office .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#about.default #contents #career .block .sidebar h2 a .arrow,
#about.default #contents #joho .block .sidebar h2 a .arrow,
#about.default #contents #student .block .sidebar h2 a .arrow,
#about.default #contents #office .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#about.default #contents #career .block .sidebar ul,
#about.default #contents #joho .block .sidebar ul,
#about.default #contents #student .block .sidebar ul,
#about.default #contents #office .block .sidebar ul {
  margin-bottom: 30px;
}
#about.default #contents #career .block .sidebar ul li,
#about.default #contents #joho .block .sidebar ul li,
#about.default #contents #student .block .sidebar ul li,
#about.default #contents #office .block .sidebar ul li {
  margin-bottom: 5px;
}
#about.default #contents #career .block .main,
#about.default #contents #joho .block .main,
#about.default #contents #student .block .main,
#about.default #contents #office .block .main {
  float: left;
  width: 60.4166%;
}
#about.default #contents #career .block .article,
#about.default #contents #joho .block .article,
#about.default #contents #student .block .article,
#about.default #contents #office .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#about.default #contents #career .block .article:last-child,
#about.default #contents #joho .block .article:last-child,
#about.default #contents #student .block .article:last-child,
#about.default #contents #office .block .article:last-child {
  border-bottom: none;
}
#about.default #contents #career .block .article:first-child,
#about.default #contents #joho .block .article:first-child,
#about.default #contents #student .block .article:first-child,
#about.default #contents #office .block .article:first-child {
  padding-top: 10px;
}
#about.default #contents #career .block .table-list th,
#about.default #contents #joho .block .table-list th,
#about.default #contents #student .block .table-list th,
#about.default #contents #office .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#about.default #contents #career h1,
#about.default #contents #joho h1,
#about.default #contents #student h1,
#about.default #contents #office h1 {
  margin-bottom: 50px;
}
#about.default #contents #career ul,
#about.default #contents #joho ul,
#about.default #contents #student ul,
#about.default #contents #office ul {
  overflow: hidden;
}
#about.default #contents #career ul .img,
#about.default #contents #joho ul .img,
#about.default #contents #student ul .img,
#about.default #contents #office ul .img {
  float: left;
  padding-right: 20px;
}
#about.default #contents #career .article,
#about.default #contents #joho .article,
#about.default #contents #student .article,
#about.default #contents #office .article {
  clear: both;
}
#about.default .challenge-detail .bg-box {
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #about.default .challenge-detail .bg-box {
    padding: 10px;
    margin-bottom: 20px;
  }
}
#about.default .challenge-detail .bg-box h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
#about.default .challenge-detail .bg-box p {
  margin: 0 !important;
}
#about.default .challenge-detail .fl-left {
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  #about.default .challenge-detail .fl-left {
    margin-right: 0;
    text-align: center;
  }
}
#about.default .challenge-detail .block p {
  margin-left: 240px;
}
@media screen and (max-width: 640px) {
  #about.default .challenge-detail .block p {
    margin-left: 0;
  }
}
#about.default .challenge-detail .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#about.default .challenge-detail .section-border:first-child {
  padding-top: 0;
}
#about.default .challenge-detail .section-border:last-child {
  border-bottom: 0;
}
#about.default .challenge-detail .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#about.default .news-block p,
#about.default .news-block .date {
  line-height: 1.6em !important;
}
#about.default .news-block p {
  font-size: 13px !important;
}
#about.default .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #about.default .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#about.default .news-block .pure-u-1-3 a {
  color: #000;
}
#about.default .news-block .pure-u-1-3 p,
#about.default .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #about.default .news-block .pure-u-1-3 p,
  #about.default .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#about.default .news-block .pure-u-1-3:first-child p,
#about.default .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #about.default .news-block .pure-u-1-3:first-child p,
  #about.default .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#about.default .news-block .pure-u-1-3:last-child p,
#about.default .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #about.default .news-block .pure-u-1-3:last-child p,
  #about.default .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#about.default .event-block {
  padding: 10px 0 60px;
}
#about.default .event-block.ng-margin {
  margin-top: -40px;
}
#about.default .event-block .pure-g-r {
  margin-left: -3.7%;
}
#about.default .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#about.default .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#about.default .event-block .pure-g-r .pure-u-1-4 .date {
  height: 3em;
  margin-bottom: 10px;
  color: #000;
}
#about.default .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#about.default .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#about.default .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#about.default #header {
  border-bottom: none;
}
#about .gallery .lh-2 {
  padding-top: 50px;
  padding-left: 35px;
  line-height: 1.4em !important;
  text-align: left;
  display: block;
}
#about .gallery .more {
  display: none;
}
#about .gallery-head {
  margin: 60px 0;
}
#about .gallery-head dt, #about .gallery-head dd {
  display: table-cell;
  vertical-align: middle;
}
#about .gallery-head dt {
  width: 142px;
}
#about .gallery-head dt img {
  width: 100%;
  max-width: 100%;
}
#about .gallery-head dd {
  padding-left: 35px;
}
#about .gallery-head dd .gallery-head-info li {
  float: left;
  line-height: 1.1em;
}
#about .gallery-head dd .gallery-head-info li .btn {
  color: #FFF;
  display: block;
  float: left;
  padding: 10px 10px 10px 40px;
}
#about .gallery-head dd .gallery-head-info li .btn.icon-ig {
  background: url(../../about/campuslife/gallery/images/icon-ig.gif) no-repeat 10px center;
  background: url(../../about/campuslife/gallery/images/ie-icon-ig.gif) no-repeat 10px center \9;
  background-color: #0054ff;
  background-size: 20px 20px;
  border-radius: 2px;
}
#about .gallery-head dd .gallery-head-info li:first-child {
  padding-right: 20px;
  font-size: 32px;
  font-weight: 100;
}
#about .gallery-head dd .gallery-head-lead {
  padding-top: 15px;
  clear: both;
}
#about .gallery-tag {
  padding-bottom: 50px;
  overflow: hidden;
}
#about .gallery-tag p {
  margin: 0 0 5px;
  padding: 0;
  font-weight: bold;
  font-size: 18px;
}
#about .gallery-tag .gallery-tag-list a {
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px 5px;
  display: block;
  float: left;
  background-color: #FFF;
  color: #000;
}
#about .gallery-tag .gallery-tag-list a.active {
  background-color: #0054ff;
  color: #FFF;
}
#about .gallery-list {
  clear: both;
  overflow: hidden;
}
#about .gallery-list .gallery-list-block {
  margin: 0;
  padding: 0;
  margin-left: -1.3%;
}
#about .gallery-list .gallery-list-block .gallery-photo {
  margin-left: 1.3%;
  margin-bottom: 1.3%;
  float: left;
  width: 23.7%;
}
#about .gallery-list .gallery-list-block .gallery-photo img {
  width: 100%;
  max-width: 100%;
}
#about .gallery-list .gallery-list-block .btn-more {
  clear: both;
  margin-left: 1.3%;
  width: 100%;
}
#about .gallery-list .gallery-list-block .btn-more a {
  display: block;
  background-color: #0054ff;
  padding: 10px;
  color: #FFF;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #about .gallery .lh-2 {
    padding-top: 0;
    padding-left: 0;
    display: inline;
  }
  #about .gallery-head {
    margin: 0 0 30px 0;
  }
  #about .gallery-head dt {
    width: 90px;
  }
  #about .gallery-head dd {
    padding-left: 20px;
  }
  #about .gallery-head dd .gallery-head-info li {
    float: none;
  }
  #about .gallery-head dd .gallery-head-info li:first-child {
    padding-right: 0;
    padding-bottom: 10px;
    font-size: 24px;
  }
  #about .gallery-head-lead {
    margin: 0;
    padding-top: 0;
    padding-bottom: 20px;
    clear: both;
  }
  #about .sp-gallery-tag {
    margin-bottom: 30px;
    background-color: #0054ff;
    padding: 0 10px;
  }
  #about #gallery-tag {
    color: #FFF;
    background: url(../../about/campuslife/gallery/images/sp-tag-arrow.gif) no-repeat right center;
    background-repeat: no-repeat;
    background-size: 14px 7px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #0054ff;
    appearance: none;
    border-radius: 0;
    border: 0;
    display: block;
    margin: 0;
    padding: 10px 0 10px 0;
    vertical-align: middle;
    box-sizing: content-box;
    width: 100%;
  }
  #about .gallery-list {
    clear: both;
    overflow: hidden;
  }
  #about .gallery-list .gallery-list-block {
    margin: 0;
    padding: 30px 15px;
    margin-left: 0;
  }
  #about .gallery-list .gallery-list-block .gallery-photo {
    margin-left: 0;
    margin-bottom: 10px;
    float: none;
    width: 100%;
  }
  #about .gallery-list .gallery-list-block .gallery-photo img {
    width: 100%;
    max-width: 100%;
  }
  #about .gallery-list .gallery-list-block .gallery-photo.btn-more {
    margin: 0;
    width: 100%;
  }
  #about .gallery-list .gallery-list-block .gallery-photo.btn-more a {
    display: block;
    background-color: #0054ff;
    padding: 10px;
    color: #FFF;
    text-align: center;
  }
}
#about .top .banner {
  margin-top: 60px;
  margin-bottom: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  #about .top .banner {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
  }
  #about .top .banner img {
    max-width: 100%;
    width: 100%;
  }
}
#about .top .banner h1 {
  color: #FFF;
  position: absolute;
  top: 70px;
  left: 50px;
}
@media screen and (max-width: 767px) {
  #about .top .banner h1 {
    position: absolute;
    top: 40px;
    left: 15px;
  }
}
#about .top .head {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
#about .top .head h2 {
  float: left;
  margin-right: 40px;
  -webkit-font-smoothing: antialiased;
}
#about .top .head h2 .arrow-double {
  margin-top: 10px;
  margin-left: 18px;
  vertical-align: top;
  width: 17px;
  height: 17px;
}
#about .top .head h2 a {
  color: #000;
}
#about .top .head .lead {
  padding-top: 8px;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#about .top .head .more {
  margin-top: 10px;
  font-size: 11px;
  float: right;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#about .top a .head h2 {
  color: #000;
}
#about .top a:hover .head h2 {
  opacity: 0.6;
}
#about .top a:hover .head .lead {
  color: #999;
}
#about .top .pagination {
  display: none;
}
#about .top .dfo {
  padding: 40px 0 60px;
}
@media screen and (max-width: 767px) {
  #about .top .dfo {
    padding: 30px 0;
  }
}
#about .top .dfo .head {
  padding-bottom: 0;
}
#about .top .dfo dl {
  margin-left: 30px;
  display: table;
}
@media screen and (max-width: 767px) {
  #about .top .dfo dl {
    margin-left: 0;
    display: block;
  }
}
#about .top .dfo dl dt, #about .top .dfo dl dd {
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #about .top .dfo dl dt, #about .top .dfo dl dd {
    display: block;
  }
}
#about .top .dfo dl dt {
  padding-right: 50px;
  white-space: nowrap;
  width: 185px;
  font-size: 12px;
}
#about .top .dfo dl dt img {
  margin-bottom: 10px;
}
@media screen and (max-width: 767px) {
  #about .top .dfo dl dt {
    width: auto;
    padding-right: 0;
    padding-bottom: 20px;
  }
}
#about .top .dfo dl dd img {
  margin-bottom: 10px;
}
#about .top .why-block {
  padding: 45px 0 75px;
}
#about .top .why-block.bg {
  padding-bottom: 45px;
}
#about .top .why-block .head h2 {
  margin-top: 5px;
}
#about .top .why-block .head h2 .arrow-double {
  margin-left: 0;
}
#about .top .why-block .head .lead {
  padding-top: 0;
}
#about .top .why-block .pure-g-r .pure-u-1-4 {
  margin-right: 4.0625%;
  width: 21.875%;
}
#about .top .why-block .pure-g-r .pure-u-1-4.last {
  margin-right: 0;
}
#about .top .why-block .pure-g-r .pure-u-1-4 .icon {
  margin-bottom: 5px;
  display: block;
}
@media screen and (max-width: 767px) {
  #about .top .why-block .pure-g-r .pure-u-1-4 .icon {
    margin-right: 10px;
    display: inline-block;
  }
}
#about .top .why-block .pure-g-r .pure-u-1-4 .icon img {
  width: 30px;
  margin-bottom: -3px;
  vertical-align: bottom;
}
#about .top .why-block .pure-g-r .pure-u-1-4 h3 {
  padding: 20px 0 0;
  font-size: 20px;
  letter-spacing: -0.09em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #about .top .why-block .pure-g-r .pure-u-1-4 h3 {
    text-align: left;
  }
}
#about .top .why-block .pure-g-r .pure-u-1-4 .why-img {
  margin-bottom: 15px;
  max-width: 100%;
  width: 100%;
}
#about .top .why-block .pure-g-r .pure-u-1-4 p {
  color: #666;
  margin-bottom: 20px;
}
#about .top .why-block .pure-g-r .pure-u-1-4 .btn-yellow .arrow-double {
  margin-top: 7px;
}
#about .top .number-block {
  padding: 60px 0 90px;
}
#about .top .number-block .pure-g-r .pure-u-1-3 {
  width: 256px;
}
#about .top .number-block .pure-g-r .pure-u-1-3 .number {
  margin-bottom: 20px;
}
#about .top .number-block .pure-g-r .pure-u-1-3 .number img {
  height: 66px;
}
#about .top .number-block .pure-g-r .pure-u-1-3 h3 {
  margin-bottom: 5px;
  padding: 5px 0;
}
#about .top .number-block .pure-g-r .pure-u-1-3 p {
  margin-bottom: 5px;
}
#about .top .number-block .pure-g-r .pure-u-1-3.center-column {
  border-left: solid 1px #CCC;
  border-right: solid 1px #CCC;
  margin: 0 47px;
  padding: 0 47px;
}
#about .top .voice-block {
  padding: 30px 0 0;
}
#about .top .voice-block .film_roll_pager {
  display: none;
}
#about .top .campus-block {
  padding: 60px 0;
}
#about .top .campus-block .pure-g-r .pure-u-1-5 {
  margin-right: 1%;
  width: 19.1666%;
}
#about .top .campus-block .pure-g-r .pure-u-1-5 .icon {
  text-align: center;
}
#about .top .campus-block .pure-g-r .pure-u-1-5 h3 {
  padding: 20px 0;
  font-size: 24px;
  text-align: center;
}
#about .top .campus-block .pure-g-r .pure-u-1-5 p {
  margin-bottom: 25px;
}
#about .top .campus-block .pure-g-r .pure-u-1-5.last {
  margin-right: 0;
}
#about .whymeigaku #ytplayer1,
#about .whymeigaku #ytplayer2,
#about .whymeigaku #ytplayer3,
#about .whymeigaku #ytplayer4,
#about .whymeigaku #ytplayer5,
#about .whymeigaku #ytplayer6,
#about .whymeigaku #ytplayer7,
#about .whymeigaku .ytplayer-l {
  height: 481px;
  width: 100%;
}
#about .whymeigaku #ytplayer7,
#about .whymeigaku #ytplayer8,
#about .whymeigaku #ytplayer9,
#about .whymeigaku .ytplayer-s {
  height: 153px;
  width: 307px;
  vertical-align: bottom;
}
#about .whymeigaku .block1 {
  padding-bottom: 50px;
}
#about .whymeigaku .block1 .head {
  padding-top: 50px;
  padding-bottom: 60px;
}
#about .whymeigaku .block1 .head h1 {
  float: left;
  line-height: 1.2em;
}
#about .whymeigaku .block1 .head .lead {
  padding: 0;
  margin-left: 235px;
  color: #666;
}
#about .whymeigaku .block1 .head .img {
  max-width: 100%;
}
#about .whymeigaku .block1 .head .img img {
  width: 100%;
}
#about .whymeigaku .content-area {
  padding: 60px 0;
}
#about .whymeigaku .content-area h2 {
  font-size: 34px;
  line-height: 2em;
  display: table;
  vertical-align: middle;
}
#about .whymeigaku .content-area h2 .icon {
  width: 56px;
  height: 56px;
  margin-right: 20px;
  vertical-align: top;
  margin-top: 10px;
}
#about .whymeigaku .content-area p {
  font-size: 14px;
  color: #666;
}
#about .whymeigaku .content-area .btn-yellow {
  font-size: 20px;
  padding: 20px;
  color: #666;
}
#about .whymeigaku .content-area .btn-yellow .arrow {
  margin-top: 4px;
  margin-left: 10px;
  vertical-align: top;
}
#about .whymeigaku .content-area .txt {
  margin: 20px 0;
}
#about .whymeigaku .content-area .photo {
  margin-bottom: 20px;
  display: table;
}
#about .whymeigaku .content-area .photo dt, #about .whymeigaku .content-area .photo dd {
  display: table-cell;
}
#about .whymeigaku .content-area .photo dd.center {
  padding: 0 19px;
}
#about .whymeigaku .content-area .youtube {
  margin-bottom: 20px;
}
#about .whymeigaku .content-area .btn {
  display: table;
}
#about .whymeigaku .content-area .btn dt, #about .whymeigaku .content-area .btn dd {
  display: table-cell;
  width: 49%;
}
#about .whymeigaku .content-area .btn dt p, #about .whymeigaku .content-area .btn dd p {
  margin: 10px 0 0;
}
#about .whymeigaku .content-area .btn dt {
  padding-right: 10px;
}
#about .whymeigaku .content-area .btn dd {
  padding-left: 10px;
}
#about .voice {
  /* voice detail */
  /* voice detail */
}
#about .voice.renew h2 {
  background: none;
  color: #000;
  padding: 0;
  margin-bottom: 20px;
}
#about .voice.renew .pure-g-r .pure-u-1-4 {
  width: 22.88%;
  background-color: #FF0;
  position: relative;
  padding-bottom: 10px;
  min-height: 140px;
}
#about .voice.renew .pure-g-r .pure-u-1-4.bg-gray {
  background-color: #EFEFEF;
  font-size: 18px;
}
#about .voice.renew .pure-g-r .pure-u-1-4 .photo {
  background-color: #FFF;
}
#about .voice.renew .pure-g-r .pure-u-1-4 ul {
  border-bottom: dashed 1px #000;
  margin: 0 10px;
  padding: 10px 0;
  overflow: hidden;
}
#about .voice.renew .pure-g-r .pure-u-1-4 ul li.profile {
  margin: 0;
  line-height: 1.5em;
  width: auto;
}
#about .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 11px;
  display: block;
  color: #000;
}
#about .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .name-roman {
  display: block;
  font-size: 11px;
  color: #666;
}
#about .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .name {
  padding: 5px 0;
  font-size: 18px;
  color: #000;
  display: block;
}
#about .voice.renew .pure-g-r .pure-u-1-4.bg-gray {
  background-color: #EFEFEF;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #about .voice.renew .pure-g-r .pure-u-1-4.bg-gray {
    min-height: 270px !important;
  }
}
#about .voice.renew .pure-g-r .pure-u-1-4.bg-gray ul {
  border: none;
}
#about .voice.renew .pure-g-r .pure-u-1-4.bg-gray ul li .name {
  padding: 0;
  font-weight: bold;
}
#about .voice.renew .pure-g-r .pure-u-1-4.bg-gray ul li .name-normal {
  font-size: 14px;
}
#about .voice.renew .pure-g-r .pure-u-1-4 p {
  padding: 10px;
  line-height: 1.6em;
  color: #666;
}
#about .voice.renew .pure-g-r .pure-u-1-4 p span {
  padding-right: 5px;
}
#about .voice.renew .pure-g-r .pure-u-1-4 p span img {
  width: 10px;
  vertical-align: top;
}
#about .voice.renew.challenge {
  margin-top: -30px;
  margin-bottom: 30px;
}
#about .voice.renew.challenge .pure-g-r {
  margin-top: 30px;
}
#about .voice.renew.challenge .pure-g-r .pure-u-1-4 {
  background-color: #EFEFEF;
}
#about .voice.renew.challenge .pure-g-r .pure-u-1-4 ul {
  border-bottom: 0;
  margin: 0 20px;
  padding: 15px 0 0;
}
#about .voice.renew.challenge .pure-g-r .pure-u-1-4 ul li {
  width: 100%;
}
#about .voice.renew.challenge .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 13px;
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
  line-height: 1.4em;
  border-bottom: solid 1px #000;
}
#about .voice.renew.challenge .pure-g-r .pure-u-1-4 ul li.profile .name {
  padding: 5px 0;
  font-size: 18px;
  color: #000;
  display: block;
}
@media screen and (max-width: 767px) {
  #about .voice.renew.archives {
    padding-bottom: 30px;
  }
}
#about .voice.renew.archives .article {
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  #about .voice.renew.archives .article {
    padding-bottom: 0;
  }
}
#about .voice.renew.archives .article:first-child {
  padding: 0;
}
#about .voice.renew.archives h2 {
  margin-bottom: 50px;
  padding: 3px 5px;
  border: solid 1px #000;
  background: none;
  color: #000;
  display: inline-block;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  #about .voice.renew.archives h2 {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
#about .voice.renew.archives .voice-label {
  background-color: #000;
  padding: 5px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}
#about .voice.renew.archives .voice-more-wrap hr {
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  #about .voice.renew.archives .voice-more-wrap hr {
    margin-top: 35px;
  }
}
#about .voice.renew.archives .voice-more-btn {
  margin-top: 20px;
  padding: 10px;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #000;
  background-color: #EEE;
}
#about .voice.renew.archives .voice-sub {
  padding: 0 20px;
}
#about .voice.renew.archives .voice-sub .voice-update {
  font-size: 11px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  color: #666;
}
#about .voice.renew.archives .voice-sub .voice-tag-list {
  margin-top: 10px;
}
#about .voice.renew.archives .voice-sub .voice-tag-list .voice-tag {
  border: solid 1px #000;
  margin-right: 10px;
  padding: 5px 10px;
  display: block;
  float: left;
  font-size: 11px;
  color: #000;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 {
  margin-left: 2.0833%;
  margin-top: 2.0833%;
  width: 31.25%;
  background-color: #FF0;
  position: relative;
  padding-bottom: 10px;
  min-height: 460px;
}
@media screen and (max-width: 767px) {
  #about .voice.renew.archives .pure-g-r .pure-u-1-4 {
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
  }
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4.mh-adj {
  min-height: 350px;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray {
  background-color: #EFEFEF;
  font-size: 18px;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 .photo {
  background-color: #FFF;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 .photo a {
  display: block;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 .photo a img {
  margin-top: -1px;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 ul {
  border-bottom: dashed 1px #000;
  margin: 0 20px !important;
  padding: 10px 0;
  overflow: hidden;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 ul li.profile {
  margin: 0;
  line-height: 1.5em;
  width: auto;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 11px;
  display: block;
  color: #000;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 ul li.profile .name-roman {
  display: block;
  font-size: 11px;
  color: #666;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 ul li.profile .name {
  padding: 5px 0;
  font-size: 18px;
  color: #000;
  display: block;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray {
  background-color: #EFEFEF;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #about .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray {
    min-height: 270px !important;
  }
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray ul {
  border: none;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray ul li .name {
  padding: 0;
  font-weight: bold;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray ul li .name-normal {
  font-size: 14px;
}
#about .voice.renew.archives .pure-g-r .pure-u-1-4 p {
  margin-bottom: 0;
  padding: 10px 20px;
  line-height: 1.6em;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
#about .voice .article {
  padding: 70px;
  overflow: hidden;
}
#about .voice .article p.caption {
  padding: 20px 0;
  clear: both;
}
#about .voice .bg {
  border: none;
  overflow: hidden;
}
#about .voice .title {
  padding: 50px 0;
}
#about .voice .block1 {
  padding: 0;
}
#about .voice .block1 .head {
  padding-top: 50px;
  padding-bottom: 60px;
}
#about .voice .block1 .head h1 {
  float: left;
}
#about .voice .block1 .head .lead {
  padding-top: 10px;
  margin-left: 200px;
  color: #666;
}
#about .voice .block1 h2 {
  margin-bottom: 40px;
}
#about .voice .block1 .pagination {
  display: none;
}
#about .voice .pure-g-r {
  margin-top: -2.0833%;
  margin-left: -2.0833%;
}
#about .voice .pure-g-r .pure-u-1-4 {
  margin-top: 2.0833%;
  margin-left: 2.0833%;
  width: 22.88%;
  background-color: #FFF;
  position: relative;
  padding-bottom: 45px;
  min-height: 255px;
}
#about .voice .pure-g-r .pure-u-1-4 ul {
  border-bottom: dashed 1px #CCC;
  padding: 10px;
  overflow: hidden;
}
#about .voice .pure-g-r .pure-u-1-4 ul li.thumbnail {
  float: left;
  margin-right: 10px;
}
#about .voice .pure-g-r .pure-u-1-4 ul li.profile {
  margin-left: 0;
  line-height: 1.5em;
  width: auto;
}
#about .voice .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 11px;
  display: block;
  color: #666;
}
#about .voice .pure-g-r .pure-u-1-4 ul li.profile .name {
  font-size: 18px;
  color: #000;
}
#about .voice .pure-g-r .pure-u-1-4 ul li.profile .name .name-sub {
  font-size: 11px;
}
#about .voice .pure-g-r .pure-u-1-4 p {
  padding: 10px;
  line-height: 1.6em;
  color: #666;
}
#about .voice .pure-g-r .pure-u-1-4 p span {
  padding-right: 5px;
}
#about .voice .pure-g-r .pure-u-1-4 p span img {
  width: 10px;
  vertical-align: top;
}
#about .voice .pure-g-r .pure-u-1-4 .btn-blue {
  border-bottom: none;
  padding: 10px 0;
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#about .voice .voice-detail.renew {
  padding-top: 40px;
}
#about .voice .voice-detail.renew hr {
  margin: 20px 0;
}
#about .voice .voice-detail.renew hr.dotted {
  border: none;
  border-bottom: dotted 2px #000;
}
#about .voice .voice-detail.renew h2 {
  background: none;
  color: #000;
  padding: 0;
  margin-bottom: 40px;
}
#about .voice .voice-detail.renew h3 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}
#about .voice .voice-detail.renew p {
  margin-bottom: 20px;
}
#about .voice .voice-detail.renew .quotes {
  vertical-align: top;
  margin-right: 15px;
}
#about .voice .voice-detail.renew .arrow {
  margin-left: 5px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
}
#about .voice .voice-detail.renew .profile-list {
  display: table;
}
#about .voice .voice-detail.renew .profile-list dt, #about .voice .voice-detail.renew .profile-list dd {
  vertical-align: top;
  display: table-cell;
}
#about .voice .voice-detail.renew .profile-list dt.valign-middle, #about .voice .voice-detail.renew .profile-list dd.valign-middle {
  vertical-align: middle;
}
#about .voice .voice-detail.renew .profile-list dt {
  padding-right: 60px;
}
#about .voice .voice-detail.renew .profile-list dd .name-roman,
#about .voice .voice-detail.renew .profile-list dd .name,
#about .voice .voice-detail.renew .profile-list dd .profile-sub {
  display: block;
  line-height: 1.4em;
}
#about .voice .voice-detail.renew .profile-list dd .name-roman,
#about .voice .voice-detail.renew .profile-list dd .profile-sub {
  font-size: 20px;
}
#about .voice .voice-detail.renew .profile-list dd .name {
  font-size: 40px;
}
#about .voice .voice-detail.renew .box-gray {
  background-color: #EEE;
  padding: 40px;
  margin-bottom: 20px;
}
#about .voice .voice-detail.renew .box-gray p {
  margin-top: 10px;
  margin-bottom: 0;
}
#about .voice .voice-detail.renew .three-column {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#about .voice .voice-detail.renew .three-column li {
  margin-left: 3.125%;
  width: 31.25%;
  float: left;
  background-color: #FFF;
}
#about .voice .voice-detail.renew .three-column li:first-child {
  margin-left: 0;
}
#about .voice .voice-detail.renew .section {
  margin-bottom: 20px;
  overflow: hidden;
}
#about .voice .voice-detail .detail-banner {
  overflow: hidden;
  padding: 70px 0 0 0;
}
#about .voice .voice-detail .detail-banner .inner {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 6px 0;
  background: #EFEFEF url(../images/banner-under-shadow.png) repeat-x left bottom;
}
#about .voice .voice-detail h2.sub-title {
  font-size: 24px;
  color: #fff;
  font-weight: 100 !important;
  margin-bottom: 30px;
}
#about .voice .voice-detail h2.sub-title span {
  display: inline-block;
  padding: 5px 5px 5px 36px;
  background: #0054ff url(../../voice/images/double-quotes-white.png) no-repeat left 3px;
  width: auto;
}
#about .voice .voice-detail h3.shoulder {
  margin-bottom: 5px;
}
#about .voice .voice-detail h2.sub-title-plain {
  margin-bottom: 25px;
}
#about .voice .voice-detail .main-photo {
  width: 625px;
  float: left;
  padding: 8px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#about .voice .voice-detail .profile {
  width: 300px;
  float: right;
  background: #fff;
  border: 2px solid #0054ff;
}
#about .voice .voice-detail .profile .status {
  text-align: center;
}
#about .voice .voice-detail .profile .profile-photo {
  padding: 15px 0;
}
#about .voice .voice-detail .profile .faculty {
  font-size: 13px;
  display: block;
  color: #0054ff;
  padding: 25px 0 0 0;
}
#about .voice .voice-detail .profile .name {
  font-size: 28px;
  display: block;
  color: #0054ff;
}
#about .voice .voice-detail .profile .name .name-sub {
  font-size: 11px;
}
#about .voice .voice-detail .profile .from {
  font-size: 11px;
  display: block;
  margin-bottom: 20px;
}
#about .voice .voice-detail .profile .text {
  border-top: 2px dotted #0054ff;
  padding: 25px;
}
#about .voice .voice-detail .lead {
  font-size: 14px;
}
#about .voice .voice-detail .lead.right {
  width: 646px;
  float: right;
}
#about .voice .voice-detail .lead.left {
  width: 646px;
  float: left;
}
#about .voice .voice-detail .lead h4 {
  font-weight: bold;
  margin-bottom: 15px;
}
#about .voice .voice-detail .lead .main-lead {
  width: 532px;
  float: left;
}
#about .voice .voice-detail .lead .supplement {
  background: #FF0;
  width: 354px;
  padding: 10px 20px;
  float: right;
}
#about .voice .voice-detail .lead .supplement ol {
  display: list-item;
}
#about .voice .voice-detail .lead .supplement ol li {
  margin: 10px 0;
  color: #0054ff;
}
#about .voice .voice-detail .lead .supplement ol li.no1 {
  padding-left: 32px;
  background: url(../../voice/images/icon-no1.png) no-repeat left center;
}
#about .voice .voice-detail .lead .supplement ol li.no2 {
  padding-left: 32px;
  background: url(../../voice/images/icon-no2.png) no-repeat left center;
}
#about .voice .voice-detail .lead .supplement ol li.no3 {
  padding-left: 32px;
  background: url(../../voice/images/icon-no3.png) no-repeat left center;
}
#about .voice .voice-detail .lead .supplement ol li.no4 {
  padding-left: 32px;
  background: url(../../voice/images/icon-no4.png) no-repeat left center;
}
#about .voice .voice-detail .sub-photo-right {
  float: right;
  margin: 0 0 25px 0;
}
#about .voice .voice-detail .sub-photo-left {
  float: left;
  margin: 0 0 25px 0;
}
#about .voice .voice-detail .last-column {
  padding-top: 0;
}
#about .voice .voice-detail .photo-block {
  margin: 0 -6px;
}
#about .voice .voice-detail .photo-block li {
  width: 315px;
  padding: 3px;
  float: left;
}
#about .voice .voice-detail .photo-block li p {
  margin: 5px 0 10px;
}
#about .campuslife .anchor {
  overflow: hidden;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  padding: 10px;
}
#about .campuslife .anchor li {
  float: left;
  margin-right: 50px;
}
#about .campuslife .anchor li a {
  display: block;
  font-size: 16px;
}
#about .campuslife .anchor li a .arrow-double {
  margin-top: 7px;
  padding-left: 10px;
  vertical-align: top;
}
#about .campuslife .anchor-list {
  padding: 40px 0 0;
  overflow: hidden;
}
#about .campuslife .anchor-list ul {
  margin-left: -5px;
}
#about .campuslife .anchor-list ul li {
  margin-left: 5px;
  width: 477px;
  float: left;
}
#about .campuslife .anchor-list ul li a {
  background-color: #0054ff;
  padding: 30px 10px;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  display: block;
}
#about .campuslife .anchor-list ul li a .arrow {
  margin-left: 10px;
  vertical-align: middle;
}
#about .campuslife .top .head {
  padding-top: 50px;
  padding-bottom: 0;
  margin-bottom: 60px;
}
#about .campuslife .top .head h1 {
  float: left;
  line-height: 1.2em;
}
#about .campuslife .top .head .lead {
  padding-top: 10px;
  margin-left: 340px;
  color: #666;
}
#about .campuslife .top .list-block {
  padding: 60px 0;
  overflow: hidden;
}
#about .campuslife .top .list-block .pure-g-r {
  margin-left: -3.125%;
}
#about .campuslife .top .list-block .pure-g-r .pure-u-1-2 {
  margin-left: 3.125%;
  padding-bottom: 30px;
  width: 46.8%;
  float: left;
}
#about .campuslife .top .list-block .pure-g-r .pure-u-1-2 .box {
  border: none;
  background-color: #FFF;
  box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.15) inset;
}
#about .campuslife .top .list-block .pure-g-r .pure-u-1-2.last {
  margin-right: 0;
}
#about .campuslife .top .list-block .pure-g-r h2 {
  border-bottom: solid 1px #000;
  background-color: #0054ff;
  padding: 13px 25px;
  text-align: left;
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#about .campuslife .top .list-block .pure-g-r h2 .arrow-single {
  margin-top: -5px;
  float: right;
}
#about .campuslife .top .list-block .pure-g-r h2 a {
  color: #FFF;
  display: block;
}
#about .campuslife .top .list-block .pure-g-r p {
  padding: 20px 25px;
  color: #666;
}
#about .campuslife .top .list-block .pure-g-r .img {
  margin-top: 1px;
  border-top: none;
}
#about .campuslife .top .list-block .pure-g-r .sub-block {
  border-top: solid 1px #CCC;
  margin: 0 25px 20px;
  padding-top: 20px;
}
#about .campuslife .top .list-block .pure-g-r .sub-block h3 {
  font-size: 12px;
}
#about .campuslife .top .list-block .pure-g-r .sub-block h4 {
  margin-bottom: 20px;
  font-size: 18px;
}
#about .campuslife .top .list-block .pure-g-r .sub-block .btn-blue {
  border-bottom: none;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  display: block;
}
#about .campuslife .top .list-block .pure-g-r .sub-block .btn-blue img {
  margin-left: 10px;
  margin-top: 5px;
  vertical-align: top;
}
#about .campuslife .detail .head {
  padding-top: 40px;
  padding-bottom: 30px;
  overflow: hidden;
}
#about .campuslife .detail .head h1 {
  width: 305px;
  height: 185px;
  background-color: #FF0;
  line-height: 5.5em;
  text-align: center;
  float: left;
}
#about .campuslife .detail .head .banner {
  float: right;
}
#about .campuslife .detail .article {
  padding: 40px 0;
}
#about .campuslife .detail .article p {
  margin-bottom: 20px;
}
#about .campuslife .detail .article h2 {
  font-size: 24px;
  margin-bottom: 10px;
  margin-top: 20px;
}
#about .campuslife .detail .article h2 .sub {
  padding-left: 30px;
  font-size: 14px;
  color: #666;
}
#about .campuslife .detail .article h2 .sub.padding-left-non {
  padding-left: 0;
}
#about .campuslife .detail .article .line-table {
  width: 100%;
  border-top: solid 2px #0054ff;
  border-left: solid 2px #0054ff;
}
#about .campuslife .detail .article .line-table th, #about .campuslife .detail .article .line-table td {
  border-bottom: solid 2px #0054ff;
  border-right: solid 2px #0054ff;
  background-color: #FFF;
  padding: 10px 15px 8px;
}
#about .campuslife .detail .article .line-table th {
  color: #0054ff;
}
#about .campuslife .detail .lead {
  font-size: 14px;
  color: #666;
}
#about .campuslife .detail .lead h2 {
  color: #000;
}
#about .campuslife .detail .renta h3 {
  font-size: 18px;
  color: #0054ff;
}
#about .campuslife .detail .renta h3 .title {
  display: block;
  float: left;
}
#about .campuslife .detail .renta h3 .sub {
  display: block;
  font-weight: normal;
  color: #000;
  margin-left: 150px;
}
#about .campuslife .detail .renta ul {
  margin-top: 30px;
}
#about .campuslife .detail .renta ul li {
  margin-top: 10px;
}
#about .campuslife .detail .step ul {
  margin-top: 40px;
}
#about .campuslife .detail .step ul li {
  margin-top: 10px;
  border: solid 2px #0054ff;
  background-color: #FFF;
  padding: 10px 20px;
  overflow: hidden;
  display: table;
  width: 100%;
}
#about .campuslife .detail .step ul li .circle {
  background-color: #0054ff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  behavior: url(/admission/common/css/PIE.htc);
  width: 50px;
  height: 50px;
  display: table-cell;
  color: #FFF;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  line-height: 4em;
  float: left;
}
#about .campuslife .detail .step ul li .txt {
  display: table-cell;
  vertical-align: middle;
  width: 93%;
}
#about .campuslife .detail .btn-more {
  display: block;
  color: #FFF;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 20px;
  background-color: #0054FF;
  line-height: 2em;
  text-align: center;
}
#about .campuslife .detail .btn-more .icon {
  margin-right: 15px;
}
#about .campuslife .detail .btn-more .arrow {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 15px;
}
#about .campuslife .detail .contact {
  padding-bottom: 60px;
}
#about .campuslife .detail .contact p {
  margin: 0;
}
#about .campuslife .detail .calendar .head, #about .campuslife .detail .club .head {
  padding-top: 40px;
  padding-bottom: 30px;
  overflow: hidden;
}
#about .campuslife .detail .calendar .head h1, #about .campuslife .detail .club .head h1 {
  line-height: 1.2em;
  text-align: left;
}
#about .campuslife .detail .calendar .head h1 .txt, #about .campuslife .detail .club .head h1 .txt {
  padding-top: 55px;
  padding-left: 30px;
  display: block;
}
#about .campuslife .detail .calendar .block, #about .campuslife .detail .club .block {
  display: table;
}
#about .campuslife .detail .calendar .block .content, #about .campuslife .detail .club .block .content {
  display: table-cell;
  vertical-align: top;
  width: 342px;
  padding-right: 62px;
}
#about .campuslife .detail .calendar .block .content .monthly, #about .campuslife .detail .club .block .content .monthly {
  margin-top: 20px;
  padding: 20px 20px 0;
  background-color: #FFF;
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  overflow: hidden;
}
#about .campuslife .detail .calendar .block .content .monthly .line, #about .campuslife .detail .club .block .content .monthly .line {
  margin: -20px -20px 20px -20px;
  height: 10px;
  background-color: #0054ff;
}
#about .campuslife .detail .calendar .block .content .monthly h2, #about .campuslife .detail .club .block .content .monthly h2 {
  margin-top: -5px;
  font-size: 52px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  color: #0054ff;
  line-height: normal;
  float: left;
}
#about .campuslife .detail .calendar .block .content .monthly h2 .txt, #about .campuslife .detail .club .block .content .monthly h2 .txt {
  font-size: 15px;
  display: block;
  line-height: normal;
}
#about .campuslife .detail .calendar .block .content .monthly h2.double, #about .campuslife .detail .club .block .content .monthly h2.double {
  margin-left: -10px;
  padding-right: 10px;
}
#about .campuslife .detail .calendar .block .content .monthly h2.double .txt, #about .campuslife .detail .club .block .content .monthly h2.double .txt {
  padding-left: 8px;
}
#about .campuslife .detail .calendar .block .content .monthly ul, #about .campuslife .detail .club .block .content .monthly ul {
  margin-left: 70px;
  padding-bottom: 20px;
}
#about .campuslife .detail .calendar .block .content .monthly ul li .label, #about .campuslife .detail .club .block .content .monthly ul li .label {
  color: #0054ff;
}
#about .campuslife .detail .calendar .block .photo, #about .campuslife .detail .club .block .photo {
  display: table-cell;
  vertical-align: top;
}
#about .campuslife .detail .calendar .block .photo .frame, #about .campuslife .detail .club .block .photo .frame {
  margin-top: 20px;
  padding: 7px;
  background-color: #FFF;
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
}
#about .campuslife .detail .calendar .block .photo .frame .txt, #about .campuslife .detail .club .block .photo .frame .txt {
  padding: 10px 10px 5px;
}
#about .campuslife .detail .club .lead p {
  margin: 0;
}
#about .campuslife .detail .club .lead .btn-blue {
  border-bottom: none;
  margin-top: 10px;
  display: inline;
  padding: 5px 10px;
}
#about .campuslife .detail .club h2 {
  margin-bottom: 30px;
}
#about .campuslife .detail .club .anchor {
  margin-top: 40px;
}
#about .campuslife .detail .club .title {
  border: solid 2px #0054ff;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #FFF;
  display: table;
}
#about .campuslife .detail .club .title .img {
  float: left;
  border-right: solid 2px #0054ff;
}
#about .campuslife .detail .club .title .txt {
  margin-left: 280px;
  padding: 30px 40px 0;
}
#about .campuslife .detail .club .title .txt h3 {
  color: #0054ff;
  margin-bottom: 10px;
}
#about .campuslife .detail .club .block {
  font-size: 13px;
}
#about .campuslife .detail .club .block .list {
  display: table;
  width: 960px;
  border-left: solid 1px #CCC;
}
#about .campuslife .detail .club .block .list li {
  display: table-cell;
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  background-color: #FFF;
  width: 25%;
  padding: 2px 10px;
}
#about .campuslife .detail .club .block .pc-bg li {
  background-color: #EFEFEF;
}
#about .campuslife .detail .club .block-ext {
  font-size: 13px;
  display: table;
  width: 100%;
}
#about .campuslife .detail .club .block-ext .list-ext {
  display: table-cell;
  width: 25%;
}
#about .campuslife .detail .club .block-ext .list-ext li {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  background-color: #FFF;
  padding: 2px 10px;
}
#about .campuslife .detail .club .block-ext .list-ext li.pc-bg {
  background-color: #EFEFEF;
}
#about .campuslife .detail .club .block-ext .list-ext li.letter-small {
  letter-spacing: -0.1em;
}
#about .campuslife .detail .club .border-top {
  border-top: solid 1px #CCC;
}
#about .campuslife .detail .club .border-left {
  border-left: solid 1px #CCC;
}
#about .campuslife .detail .club .label {
  font-weight: bold;
}
#about .campuslife .detail .club .btn {
  margin-top: 40px;
}
#about .campuslife .detail .report .head {
  padding-top: 60px;
  padding-bottom: 20px;
  overflow: hidden;
}
#about .campuslife .detail .report .head h1 {
  width: auto;
  height: auto;
  background-color: #FFF;
  text-align: left;
  float: left;
}
#about .campuslife .detail .report .head .lead {
  margin-top: 3px;
  margin-left: 310px;
}
#about .campuslife .detail .report .anchor-list {
  margin-bottom: 30px;
}
#about .campuslife .detail .intro {
  padding: 60px 0;
}
#about .campuslife .detail .intro ul {
  display: table;
}
#about .campuslife .detail .intro ul li {
  display: table-cell;
  vertical-align: top;
}
#about .campuslife .detail .intro ul li.left {
  padding-right: 30px;
}
#about .campuslife .detail .intro h2 {
  margin-top: 20px;
  margin-bottom: 15px;
}
#about .campuslife .detail .intro p {
  margin-bottom: 30px;
}
#about .campuslife .detail .intro dl {
  display: table;
}
#about .campuslife .detail .intro dl dt, #about .campuslife .detail .intro dl dd {
  display: table-cell;
  vertical-align: middle;
}
#about .campuslife .detail .intro dl dt {
  padding-right: 25px;
}
#about .campuslife .detail .intro dl dd h3 {
  color: #0054ff;
  font-weight: bold;
  margin-bottom: 10px;
}
#about .campuslife .detail .intro dl dd p {
  margin-bottom: 0;
}
#about .campuslife .detail .spot-area {
  padding: 60px 0;
}
#about .campuslife .detail .spot-area .spot-list li {
  border-bottom: solid 2px #0054ff;
  margin-bottom: 40px;
  padding-bottom: 30px;
}
#about .campuslife .detail .spot-area .spot-list li .title {
  margin-bottom: 40px;
}
#about .campuslife .detail .spot-area .spot-list li .title dl {
  display: table;
}
#about .campuslife .detail .spot-area .spot-list li .title dl dt, #about .campuslife .detail .spot-area .spot-list li .title dl dd {
  display: table-cell;
  vertical-align: middle;
}
#about .campuslife .detail .spot-area .spot-list li .title dl dt {
  padding-right: 30px;
}
#about .campuslife .detail .spot-area .spot-list li .title dl dd .sub-title {
  font-size: 16px;
  color: #0054ff;
}
#about .campuslife .detail .spot-area .spot-list li .title dl dd h3 {
  padding: 5px 0;
  font-size: 27px;
}
#about .campuslife .detail .spot-area .spot-list li .title dl dd .address {
  color: #666;
  font-size: 14px;
}
#about .campuslife .detail .spot-area .spot-list li .txt {
  margin: 30px 0 0;
}
#about .campuslife .detail .spot-area .spot-list li.last {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
#about .campuslife .guide .article h2 {
  margin: 20px 0 20px;
  padding: 0;
  font-size: 28px;
}
#about .campuslife .guide .map {
  position: relative;
}
#about .campuslife .guide .map .btn-anchor {
  display: block;
  width: 46px;
  height: 46px;
  background-color: #0054ff;
  border-radius: 23px;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  behavior: url(/admission/common/css/PIE.htc);
  color: #FFF;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  font-size: 24px;
  line-height: 2em;
  position: absolute;
}
#about .campuslife .guide .block {
  display: table;
}
#about .campuslife .guide .block .list {
  width: 222px;
  padding-right: 20px;
  display: table-cell;
  vertical-align: top;
}
#about .campuslife .guide .block .list .num {
  display: block;
  width: 26px;
  height: 26px;
  background-color: #0054ff;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  behavior: url(/admission/common/css/PIE.htc);
  color: #FFF;
  line-height: 2.2em;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  text-align: center;
}
#about .campuslife .guide .block .list dl {
  margin-bottom: 10px;
  display: table;
}
#about .campuslife .guide .block .list dl dt, #about .campuslife .guide .block .list dl dd {
  display: table-cell;
}
#about .campuslife .guide .block .list dl dt {
  padding-right: 10px;
}
#about .campuslife .guide .block .list dl dd h3 {
  margin-bottom: 5px;
}
#about .campuslife .guide .block .list dl dd h3,
#about .campuslife .guide .block .list dl dd h4 {
  color: #0054ff;
  font-weight: bold;
}
#about .campuslife .guide .block .list dl dd h4,
#about .campuslife .guide .block .list dl dd li {
  font-size: 12px;
}
#about .campuslife .guide .block .list dl dd h4 {
  color: #0054ff;
}
#about .campuslife .guide .block .list dl dd ul li {
  line-height: 1em;
  margin-bottom: 5px;
}
#about .campuslife .guide .block .photo {
  padding-left: 26px;
  width: 454px;
  display: table-cell;
}
#about .campuslife .guide .block .photo ul {
  overflow: hidden;
  margin-left: -10px;
}
#about .campuslife .guide .block .photo ul li {
  margin-left: 10px;
  float: left;
}
#about .campuslife .guide .block .photo ul li .caption {
  display: block;
  padding: 5px 0;
  line-height: 1.4em;
  font-size: 12px;
}
#about .campuslife .guide .block .photo ul li.harf {
  width: 220px;
}
#about .campuslife .guide .spot {
  margin-top: 30px;
  border: solid 2px #0054ff;
  padding: 20px;
  background-color: #FFF;
}
#about .campuslife .guide .spot h3 {
  color: #0054ff;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 20px;
}
#about .campuslife .guide .spot .pure-g-r {
  overflow: hidden;
}
#about .campuslife .guide .spot .pure-g-r .pure-u-1-2 {
  float: left;
}
#about .campuslife .guide .spot .sub-content .img {
  float: left;
}
#about .campuslife .guide .spot .sub-content .txt {
  padding-right: 40px;
  margin-left: 115px;
}
#about .campuslife .guide .spot .sub-content .txt h4 {
  font-weight: bold;
}
#about .campuslife .guide .spot .sub-content .txt p {
  margin: 0;
  line-height: 1.6em;
}
#about .campuslife .guide #shirokane .map .num1 {
  top: 20px;
  left: 452px;
}
#about .campuslife .guide #shirokane .map .num2 {
  top: 265px;
  left: 218px;
}
#about .campuslife .guide #shirokane .map .num3 {
  top: 222px;
  left: 604px;
}
#about .campuslife .guide #shirokane .map .num4 {
  top: 100px;
  left: 646px;
}
#about .campuslife .guide #shirokane .map .num5 {
  top: 110px;
  left: 72px;
}
#about .campuslife .guide #shirokane .map .num6 {
  top: 124px;
  left: 740px;
}
#about .campuslife .guide #shirokane .map .num7 {
  top: 220px;
  left: 444px;
}
#about .campuslife .guide #shirokane .map .num8 {
  top: 124px;
  left: 688px;
}
#about .campuslife .guide #shirokane .map .num9 {
  top: 202px;
  left: 750px;
}
#about .campuslife .guide #shirokane .map .num10 {
  top: 110px;
  left: 154px;
}
#about .campuslife .guide #shirokane .map .num11 {
  top: 362px;
  left: 662px;
}
#about .campuslife .guide #shirokane .map .num12 {
  top: 220px;
  left: 314px;
}
#about .campuslife .guide #yokohama .map .num1 {
  top: 264px;
  left: 448px;
}
#about .campuslife .guide #yokohama .map .num2 {
  top: 196px;
  left: 580px;
}
#about .campuslife .guide #yokohama .map .num3 {
  top: 242px;
  left: 604px;
}
#about .campuslife .guide #yokohama .map .num4 {
  top: 280px;
  left: 548px;
}
#about .campuslife .guide #yokohama .map .num5 {
  top: 394px;
  left: 244px;
}
#about .campuslife .guide #yokohama .map .num6 {
  top: 472px;
  left: 164px;
}
#about .campuslife .guide #yokohama .map .num7 {
  top: 510px;
  left: 220px;
}
#about .campuslife .guide #yokohama .map .num8 {
  top: 554px;
  left: 348px;
}
#about .campuslife .guide #yokohama .map .num9 {
  top: 424px;
  left: 404px;
}
#about .campuslife .guide #yokohama .map .num10 {
  top: 326px;
  left: 520px;
}
#about .campuslife .guide #yokohama .map .num11 {
  top: 28px;
  left: 560px;
}
#about .campuslife .guide #yokohama .map .num12 {
  top: 82px;
  left: 304px;
}
#about .campuslife .guide #yokohama .map .num13 {
  top: 134px;
  left: 570px;
}
#about .campuslife .guide #yokohama .map .num14 {
  top: 126px;
  left: 632px;
}
#about .campuslife .guide #yokohama .map .num15 {
  top: 112px;
  left: 678px;
}
#about .campuslife .guide #yokohama .map .num16 {
  top: 126px;
  left: 732px;
}
#about .campuslife .guide #yokohama .map .num17 {
  top: 160px;
  left: 680px;
}
#about .campuslife .guide #yokohama .map .num18 {
  top: 22px;
  left: 756px;
}
#about .campuslife .guide #yokohama .map .num19 {
  top: 72px;
  left: 730px;
}
#about .campuslife .guide #yokohama .map .num20 {
  top: 196px;
  left: 476px;
}
#about .campuslife .guide #yokohama .map .num21 {
  top: 92px;
  left: 472px;
}
#about .campuslife .guide #yokohama .map .num22 {
  top: 46px;
  left: 498px;
}
#about .downloads h2 {
  font-size: 24px;
  margin-top: 0;
  margin-bottom: 15px;
}
#about .downloads h3 {
  font-size: 14px;
  font-weight: bold;
}
#about .downloads ul,
#about .downloads ol,
#about .downloads p,
#about .downloads .margin-bottom {
  margin-bottom: 30px;
}
#about .downloads .img-border {
  border: solid 1px #CCC;
  margin-bottom: 10px;
  max-width: 100%;
  width: 100%;
}
#about .downloads .img-full {
  max-width: 100%;
  width: 100%;
}
#about .downloads .head {
  padding: 40px 0 30px;
}
#about .downloads .icon-document a {
  background-position-y: top;
  padding: 5px 30px 5px 0;
}
#about .downloads .article {
  padding: 20px 0 30px;
  margin-bottom: 30px;
  border-bottom: solid 1px #CCC;
}
#about .downloads .article:last-child {
  border-bottom: none;
}
#about .downloads .article dl {
  display: table;
}
#about .downloads .article dl dt {
  padding-right: 20px;
}
#about .downloads .article dl dt,
#about .downloads .article dl dd {
  display: table-cell;
  vertical-align: middle;
}
#about .downloads .article dl.director-dl dt {
  padding-right: 40px;
}
#about .downloads .article .block {
  overflow: hidden;
  margin-left: -2%;
}
#about .downloads .article .block li {
  margin-left: 2%;
  width: 23%;
  float: left;
}
#about .downloads .trajectory .article dl {
  margin-top: 15px;
}
#about .downloads .trajectory .article dl dt, #about .downloads .trajectory .article dl dd {
  vertical-align: top;
}
#about .downloads .trajectory .article dl dt p, #about .downloads .trajectory .article dl dd p {
  margin: 0;
}
#about .downloads .trajectory .article dl dt .caption, #about .downloads .trajectory .article dl dd .caption {
  line-height: 1.5em;
}
#about .downloads .trajectory .article dl dt img, #about .downloads .trajectory .article dl dd img {
  margin-bottom: 5px;
}
#about .downloads .guide .form p {
  margin-bottom: 15px;
}
#about .downloads .guide .form dl {
  width: 100%;
  margin-bottom: 15px;
}
#about .downloads .guide .form dl dt {
  width: 24%;
  font-weight: bold;
}
#about .downloads .guide .form dl dd input[type="text"] {
  width: 97%;
  padding: 2px 10px;
}
#about .downloads .guide .form input[type="submit"] {
  margin-top: 20px;
  margin-left: 24%;
  background-color: #0054ff;
  color: #FFF;
  border: none;
  padding: 10px 20px 8px;
}
#about .downloads .screen .margin-top {
  margin-top: 30px;
}
#about .downloads .screen .padding-left {
  padding-left: 20px;
}
#about .downloads .screen .bg-gray {
  margin-bottom: 30px;
  background-color: #EFEFEF;
  padding: 40px;
}
#about .downloads .screen .bg-gray h2 {
  font-size: 18px;
}
#about .downloads .screen .bg-gray p {
  margin: 0;
}
#about .downloads .screen dl {
  margin-bottom: 20px;
}
#about .downloads .screen dl dt, #about .downloads .screen dl dd {
  vertical-align: top;
}
#about .downloads .screen dl dd li {
  margin-bottom: 5px;
}
#about .downloads .screen dl dd .ss-yellow,
#about .downloads .screen dl dd .ss-gray,
#about .downloads .screen dl dd .ss-navy,
#about .downloads .screen dl dd .ss-black {
  padding-left: 34px;
}
#about .downloads .screen dl dd .ss-yellow {
  background: url(../../about/history/downloads/screen/images/ss_sample_yellow.gif) no-repeat left center;
}
#about .downloads .screen dl dd .ss-gray {
  background: url(../../about/history/downloads/screen/images/ss_sample_gray.gif) no-repeat left center;
}
#about .downloads .screen dl dd .ss-navy {
  background: url(../../about/history/downloads/screen/images/ss_sample_navy.gif) no-repeat left center;
}
#about .downloads .screen dl dd .ss-black {
  background: url(../../about/history/downloads/screen/images/ss_sample_black.gif) no-repeat left center;
}
#about .downloads .dw .article {
  overflow: hidden;
}
#about .downloads .dw .article h3 {
  margin-bottom: 20px;
}
#about .downloads .dw ul {
  list-style: none;
  padding-left: 0;
}
#about .downloads .dw ul li {
  padding-left: 0;
  padding-top: 5px;
  padding-bottom: 0;
  margin-bottom: 0;
}
#about .downloads .dw .simbol {
  width: 48%;
  float: left;
}
#about .downloads .dw .anniversary {
  width: 48%;
  float: right;
}
#about .downloads .dw .group {
  overflow: hidden;
  margin-left: -22px;
}
#about .downloads .dw .group .cover {
  margin-left: 22px;
  margin-bottom: 20px;
  width: 118px;
  height: 220px;
  float: left;
  text-align: center;
  line-height: 1.5em;
}
#about .downloads .dw .group .cover .thumbnail {
  margin-bottom: 5px;
}
#about .img-full {
  max-width: 100%;
  width: 100%;
}
#about .ic h2 {
  font-size: 26px;
  margin-top: 0;
  margin-bottom: 20px;
}
#about .ic h2 .arrow-double {
  margin-top: 5px;
  vertical-align: top;
  width: 17px;
  height: 17px;
}
#about .ic h2 a {
  color: #000;
}
#about .ic h3 {
  font-size: 13px;
  font-weight: bold;
}
#about .ic .top .head {
  padding-top: 30px;
  padding-bottom: 0;
  overflow: hidden;
}
#about .ic .top .head h1 {
  font-weight: normal;
  margin: 0;
  width: 305px;
  height: 185px;
  background-color: #FF0;
  line-height: 5em;
  text-align: center;
  float: left;
}
#about .ic .top .head .banner {
  float: right;
}
#about .ic .top #newsTopics ul li {
  margin-top: 5px;
}
#about .ic .top .article {
  padding: 60px 0 40px;
}
#about .ic .top .bg-box {
  margin-top: 40px;
  background-color: #EFEFEF;
  padding: 40px;
}
#about .ic .top .bg-box h2 {
  margin-top: 0;
}
#about .ic .top .bg-box p {
  margin: 0;
}
#about .ic .top .bg-box.color-wh {
  background-color: #FFF;
}
#about .ic .top ul {
  list-style: none;
  padding-left: 0;
}
#about .ic .top .top-vision a {
  color: #000;
  display: block;
}
#about .ic .top .top-vision a:hover {
  opacity: .7;
}
#about .ic .top .top-vision h3 {
  font-size: 18px;
  margin: 0;
}
#about .ic .top .top-vision h3 .subtitle {
  font-size: 18px;
  font-weight: normal;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision h3 .subtitle {
    font-size: 13px;
  }
}
#about .ic .top .top-vision h3.fs-adj {
  font-size: 24px;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision h3.fs-adj {
    font-size: 18px;
  }
}
#about .ic .top .top-vision .pure-g-r {
  margin: 0 -10px;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision .pure-g-r {
    margin: 0 0 -10px;
  }
}
#about .ic .top .top-vision .pure-g-r .pure-u-1-2 .pure-inner {
  margin: 0 10px 20px;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision .pure-g-r .pure-u-1-2 .pure-inner {
    margin: 0 0 10px;
  }
}
#about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table {
  box-sizing: border-box;
  width: 100%;
  padding: 30px;
  background-color: #F3F3F3;
  border-right: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table {
    padding: 13px;
    min-height: 73px;
  }
}
#about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt {
  width: 60px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt img {
    width: 42px;
  }
}
#about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt.w-adj {
  width: auto;
  padding-right: 30px;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt.w-adj {
    width: 60px;
    padding-right: 25px;
  }
}
#about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt.w-adj.svg02 {
  width: 120px;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt.w-adj.svg02 {
    width: 60px;
  }
}
#about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt.w-adj img {
  height: 70px;
  width: auto;
}
#about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt.w-adj img.joho-teacher-icon {
  width: 120px;
  height: auto;
}
@media screen and (max-width: 767px) {
  #about .ic .top .top-vision .pure-g-r .pure-u-1-2 .dl-table dt.w-adj img {
    height: 50px;
  }
}
#about .ic .top .ic-top-ad {
  overflow: hidden;
  display: table;
  margin-left: -8px;
}
#about .ic .top .ic-top-ad li {
  padding-left: 8px;
  display: table-cell;
}
#about .ic .top .ic-top-ad li a {
  width: 185px;
  height: 207px;
  display: block;
}
#about .ic .top .ic-top-ad li a:hover {
  opacity: 1;
}
#about .ic .top .ic-top-ad li.ad-1 a {
  background: url(../images/ic-top-bl1.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-1 a:hover {
  background: url(../images/ic-top-bl1-on.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-2 a {
  background: url(../images/ic-top-bl2.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-2 a:hover {
  background: url(../images/ic-top-bl2-on.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-3 a {
  background: url(../images/ic-top-bl3.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-3 a:hover {
  background: url(../images/ic-top-bl3-on.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-4 a {
  background: url(../images/ic-top-bl4.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-4 a:hover {
  background: url(../images/ic-top-bl4-on.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-5 a {
  background: url(../images/ic-top-bl5.gif) no-repeat left top;
}
#about .ic .top .ic-top-ad li.ad-5 a:hover {
  background: url(../images/ic-top-bl5-on.gif) no-repeat left top;
}
#about .ic .detail {
  padding-top: 0;
  margin-top: 0;
}
#about .ic .detail .article {
  padding: 60px 0;
}
#about .ic .detail h1 {
  margin-bottom: 30px;
}
#about .ic .detail .lead {
  margin-bottom: 50px;
}
#about .ic .detail .ballon {
  padding: 60px 0;
}
#about .ic .detail .ballon ul {
  overflow: hidden;
  margin-left: -10px;
  margin-top: 0;
  margin-bottom: 0;
}
#about .ic .detail .ballon ul li {
  margin-left: 10px;
  float: left;
}
#about .ic .detail .talk h2 {
  background: url(../../about/international/ic/images/quotation.gif) no-repeat 8px 3px;
  background-color: #0054ff;
  padding: 5px 10px 5px 45px;
  color: #FFF;
  float: left;
}
#about .ic .detail .talk h3 {
  color: #0054ff;
  clear: both;
  padding-top: 10px;
}
#about .ic .detail .talk p {
  margin-top: 30px;
}
#about .ic .detail .voice-img {
  margin: 60px 0;
}
@media screen and (max-width: 767px) {
  #about .ic .detail .voice-img {
    margin: 40px 0;
  }
}
#about .ic .detail .student {
  padding: 40px 0;
}
#about .ic .detail .student dl {
  display: table;
  margin-bottom: 10px;
}
#about .ic .detail .student dl dt, #about .ic .detail .student dl dd {
  display: table-cell;
  padding-bottom: 10px;
  vertical-align: top;
}
#about .ic .detail .student dl dt {
  padding-right: 30px;
  border-bottom: dotted 2px transparent;
  vertical-align: middle;
}
#about .ic .detail .student dl dt img {
  border: solid 2px #0054ff;
}
#about .ic .detail .student dl dt img.border-non {
  border: none;
}
#about .ic .detail .student dl dd {
  border-bottom: dotted 2px #0054ff;
  vertical-align: middle;
}
#about .ic .detail .student dl:last-child {
  margin-bottom: 0;
}
#about .ic .detail .student dl:last-child dt, #about .ic .detail .student dl:last-child dd {
  padding-bottom: 0;
  border: none;
}
#about .ic .detail .student dl.student-renew dt,
#about .ic .detail .student dl.student-renew dd {
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #about .ic .detail .student dl.student-renew dt,
  #about .ic .detail .student dl.student-renew dd {
    display: block;
  }
}
#about .ic .detail .student dl.student-renew dt {
  width: 280px;
  padding-right: 40px;
}
#about .ic .detail .student dl.student-renew dt img {
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  #about .ic .detail .student dl.student-renew dt img {
    width: 187px;
  }
}
@media screen and (max-width: 767px) {
  #about .ic .detail .student dl.student-renew dt {
    padding-bottom: 0 !important;
    width: 100%;
    padding-right: 0;
    text-align: center;
  }
}
#about .ic .detail .student dl.student-renew dd {
  padding-bottom: 0 !important;
}
#about .ic .detail .student dl.student-renew dd strong {
  font-size: 28px;
  line-height: 42px;
  padding-bottom: 10px;
  font-weight: normal;
  display: block;
}
@media screen and (max-width: 767px) {
  #about .ic .detail .student dl.student-renew dd strong {
    padding-bottom: 0;
    font-size: 22px;
    text-align: center;
  }
}
#about .ic .detail .student dl.student-renew dd .faculty {
  font-size: 18px;
  line-height: 27px;
  color: #666;
  display: block;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #about .ic .detail .student dl.student-renew dd .faculty {
    display: block;
    text-align: center;
  }
}
#about .voice h2 {
  background-color: #0054ff;
  color: #FFF;
  padding: 10px 20px;
}
#about .voice ul {
  list-style: none;
  padding-left: 0;
  overflow: hidden;
  margin-left: -2.5%;
}
#about .voice ul li {
  padding-left: 0;
  float: left;
  width: 22.4%;
  margin-left: 2.5%;
  margin-top: 2.5%;
}
#about .voice ul li a img {
  border: solid 2px #0054ff;
  max-width: 100%;
  width: 100%;
  margin-bottom: 5px;
}
#about .voice ul li .num {
  display: block;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  font-size: 15px;
}
#about .voice ul li .title {
  font-weight: bold;
  font-size: 14px;
}
#about .voice ul li.active img {
  opacity: 0.6;
}
#about .block .sidebar {
  float: right;
  width: 36.4583%;
}
#about .block .sidebar h2 {
  margin-bottom: 10px;
}
#about .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#about .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#about .block .sidebar ul {
  margin-bottom: 30px;
}
#about .block .sidebar ul li {
  margin-bottom: 5px;
}
#about .block .main {
  float: left;
  width: 60.4166%;
}
#about .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#about .block .article:last-child {
  border-bottom: none;
}
#about .block .article:first-child {
  padding-top: 10px;
}
#about .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#about .detail {
  margin-top: 60px;
}
#about .detail h1 {
  margin-bottom: 30px;
}
#about .detail h2 {
  font-size: 22px;
}
#about .detail h3 {
  font-size: 13px;
}
#about .detail .head {
  margin-top: 30px;
  padding: 0;
}
#about .detail .article {
  padding: 40px 0;
  overflow: hidden;
}
#about .detail .article:last-child {
  border-bottom: none;
  padding-bottom: 80px;
}
#about .detail .article h2 {
  margin-bottom: 20px;
}
#about .detail .article p, #about .detail .article ul, #about .detail .article ol {
  margin-top: 15px;
}
#about .detail .article ul.list,
#about .detail .article ol.decimal {
  padding-left: 30px;
}
#about .detail .article ul.list {
  list-style: disc;
}
#about .detail .article ol.decimal {
  list-style: decimal;
}
#about .detail .article dl {
  display: table;
}
#about .detail .article dl dt, #about .detail .article dl dd {
  display: table-cell;
  vertical-align: top;
}
#about .detail .article dl dt {
  padding-right: 20px;
}
#about .detail .article dl dt img {
  margin-bottom: 10px;
}
#about .detail .article dl dt .caption {
  line-height: 1.5em;
}
#about .ic-detail {
  padding-top: 0;
}
#about .ic-detail .head {
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
#about .ic-detail .head h1 {
  margin-bottom: 0;
}
#about .ic-detail .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#about .ic-detail h1 {
  margin-bottom: 30px;
}
#about .ic-detail h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
#about .ic-detail h3 {
  font-size: 14px;
}
#about .ic-detail h3.title-small {
  font-size: 18px;
}
#about .ic-detail .article {
  border-bottom: solid 1px #CCC;
  padding: 40px 0;
  overflow: hidden;
}
#about .ic-detail .article:last-child {
  border-bottom: none;
  padding-bottom: 40px;
}
#about .ic-detail .article h2 {
  margin-bottom: 20px;
}
#about .ic-detail .article p,
#about .ic-detail .article .bg-gray {
  margin-top: 15px;
}
#about .ic-detail .article .bg-gray {
  background-color: #EFEFEF;
  padding: 15px;
}
#about .ic-detail .article .bg-gray h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
#about .ic-detail .article .bg-gray p {
  margin-top: 10px;
}
#about .ic-detail p,
#about .ic-detail ul,
#about .ic-detail ol,
#about .ic-detail table {
  margin-bottom: 20px;
}
#about .ic-detail ul {
  list-style: none;
  padding-left: 0;
}
#about .ic-detail ol {
  list-style: decimal;
  padding-left: 30px;
}
#about .ic-detail .chart {
  width: 100%;
}
#about .ic-detail .chart .td, #about .ic-detail .chart th {
  margin: 0;
  padding: 0 0 6px 0;
  text-align: center;
}
#about .ic-detail .chart .c-label, #about .ic-detail .chart .c-box {
  padding: 6px;
  display: block;
  height: 36px;
  line-height: 3em;
}
#about .ic-detail .chart .c-label {
  background-color: #E8E8E8;
}
#about .ic-detail .chart .c-box {
  border: solid 1px #CCC;
}
#about .ic-detail .chart .c-arrow {
  vertical-align: middle;
}
#about .ic-detail .chart .large {
  height: 150px;
  line-height: 12em;
}
#about .ic-detail .chart .middle {
  height: 92px;
  line-height: 7em;
}
@media screen and (max-width: 640px) {
  #about .ic-detail .bg {
    background-color: transparent;
    border: none;
    padding: 0 !important;
  }
}
#about .ic-detail .title-anchor {
  margin: 40px 0 !important;
}
#about .ic-detail .list-anchor {
  margin: 30px 0;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .list-anchor {
    margin: 0 0 30px;
  }
}
#about .ic-detail .partner-map {
  vertical-align: bottom;
  margin: 0 auto;
  max-width: 960px;
}
#about .ic-detail .partner-map .axgmap {
  width: 100%;
  height: 420px;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .partner-map .axgmap {
    height: 200px;
  }
}
#about .ic-detail .partner-ballon {
  display: table;
}
#about .ic-detail .partner-ballon .partner-ballon-dl {
  margin: 20px 0;
  width: 240px;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .partner-ballon .partner-ballon-dl {
    margin: 0;
    width: auto;
  }
}
#about .ic-detail .partner-ballon .partner-ballon-dl dt, #about .ic-detail .partner-ballon .partner-ballon-dl dd {
  display: table-cell;
  vertical-align: top;
}
#about .ic-detail .partner-ballon .partner-ballon-dl dt {
  padding-right: 15px;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .partner-ballon .partner-ballon-dl dt img {
    width: 84px;
    height: auto;
  }
}
#about .ic-detail .partner-ballon .partner-ballon-dl dd strong {
  display: block;
  font-size: 14px;
  margin-bottom: 13px;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .partner-ballon .partner-ballon-dl dd strong {
    margin-bottom: 0;
    line-height: 1.3em;
  }
}
#about .ic-detail .partner-ballon .partner-ballon-dl dd .ic-label {
  font-size: 12px;
  margin-right: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
#about .ic-detail .line-box {
  margin-bottom: 50px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .line-box {
    padding: 20px 20px 10px;
  }
}
#about .ic-detail .line-box .dl-table {
  margin-bottom: 10px;
}
#about .ic-detail .line-box .dl-table .ic-label {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .line-box .dl-table dt, #about .ic-detail .line-box .dl-table dd {
    display: block;
  }
}
#about .ic-detail .line-box .dl-table dt {
  width: 366px;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .line-box .dl-table dt {
    width: 100%;
    margin-bottom: 10px;
  }
}
#about .ic-detail .bg-box {
  margin-bottom: 20px;
  padding: 30px 30px;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .bg-box {
    padding: 20px;
  }
}
#about .ic-detail .bg-box .dl-table.vl-middle {
  margin-bottom: 20px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .bg-box .dl-table.vl-middle dt, #about .ic-detail .bg-box .dl-table.vl-middle dd {
    display: block;
  }
}
#about .ic-detail .bg-box .dl-table.vl-middle dt {
  width: 130px;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .bg-box .dl-table.vl-middle dt {
    float: left;
  }
}
#about .ic-detail .bg-box .dl-table.vl-middle dd .ic-label {
  margin: 0 0 10px 10px;
}
@media screen and (max-width: 767px) {
  #about .ic-detail .bg-box .dl-table.vl-middle dd .ic-label {
    margin: 0 10px 10px 0;
  }
}
@media screen and (max-width: 767px) {
  #about .ic-detail .bg-box .dl-table.vl-middle dd.title {
    line-height: 1.6em;
    min-height: 72px;
  }
  #about .ic-detail .bg-box .dl-table.vl-middle dd.title strong {
    display: table-cell;
    vertical-align: middle;
    height: 90px;
  }
}
@media screen and (max-width: 767px) {
  #about .ic-detail .bg-box .dl-table.vl-middle dd.txt-al-right {
    padding-top: 20px;
    text-align: left;
    width: 100%;
    clear: both;
  }
}
#about.default .blog {
  padding-bottom: 60px;
  font-size: 14px;
  overflow: hidden;
}
#about.default .blog .block1 {
  padding-bottom: 60px;
}
#about.default .blog .block1 .head {
  padding-top: 80px;
  padding-bottom: 0;
  display: table;
}
#about.default .blog .block1 .head h1,
#about.default .blog .block1 .head .lead {
  display: table-cell;
  vertical-align: middle;
}
#about.default .blog .block1 .head h1 {
  float: left;
  padding-right: 30px;
}
#about.default .blog .block1 .head .lead {
  color: #666;
}
#about.default .blog h2 {
  margin: 20px 0;
  font-size: 20px;
}
#about.default .blog p {
  color: #666;
}
#about.default .blog .bg {
  border-top: none;
}
#about.default .blog .btn-blue {
  padding: 8px 0 5px;
  display: block;
  text-align: center;
  background-color: #0054ff;
  color: #FFF;
  border-bottom: none;
}
#about.default .blog .btn-blue:hover {
  opacity: 0.6;
}
#about.default .blog .more {
  margin-top: 10px;
  font-size: 11px;
}
#about.default .blog .comment-block {
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  #about.default .blog .comment-block {
    padding: 0;
  }
}
#about.default .blog .comment-block .c-title {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 18px;
}
#about.default .blog .comment-block .c-name {
  display: block;
  margin-top: 15px;
  font-weight: bold;
}
#about.default .blog .comment-block .bg-gray {
  border: solid 1px #CCC;
  background-color: #EFEFEF;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  #about.default .blog .comment-block .bg-gray {
    padding: 15px;
  }
}
#about.default .blog .comment-block .c-table {
  display: table;
}
@media screen and (max-width: 767px) {
  #about.default .blog .comment-block .c-table {
    display: block;
  }
}
#about.default .blog .comment-block .c-table dt, #about.default .blog .comment-block .c-table dd {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #about.default .blog .comment-block .c-table dt, #about.default .blog .comment-block .c-table dd {
    display: block;
  }
}
#about.default .blog .comment-block .c-table dt {
  width: 32%;
}
@media screen and (max-width: 767px) {
  #about.default .blog .comment-block .c-table dt {
    width: auto;
    padding-bottom: 15px;
    text-align: center;
  }
}
#about.default .blog .socialButtons {
  margin-bottom: 50px;
}
#about.default .blog .socialButtons td {
  padding-right: 15px;
  vertical-align: bottom;
}
#about.default .blog .socialButtons td .twitter-share-button,
#about.default .blog .socialButtons td .fb-root {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 !important;
}
#about.default .blog .socialButtons .category {
  display: block;
  margin-left: -15px;
}
#about.default .blog .socialButtons .category a {
  display: block;
  float: left;
  margin-left: 15px;
}
#about.default .blog .contents .main {
  width: 75%;
  float: left;
  overflow: hidden;
}
#about.default .blog .contents .main .tag {
  background-color: #000;
  padding: 3px 4px 2px;
  color: #FFF !important;
  font-size: 14px !important;
  margin-right: 20px;
}
#about.default .blog .contents .main .article, #about.default .blog .contents .main .article-link {
  border-bottom: solid 1px #CCC;
  margin-bottom: 50px;
  padding-bottom: 50px !important;
}
#about.default .blog .contents .main .article.border-bottom-non, #about.default .blog .contents .main .article-link.border-bottom-non {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
#about.default .blog .contents .main .article .sub-block, #about.default .blog .contents .main .article-link .sub-block {
  color: #666;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#about.default .blog .contents .main .article .sub-block .delimiter, #about.default .blog .contents .main .article-link .sub-block .delimiter {
  padding: 0 5px;
}
#about.default .blog .contents .main .article .sub-block .category a, #about.default .blog .contents .main .article-link .sub-block .category a {
  margin-left: 10px;
}
#about.default .blog .contents .main .article .bg-box, #about.default .blog .contents .main .article-link .bg-box {
  margin-top: 40px;
}
#about.default .blog .contents .main .article .bg-box h3, #about.default .blog .contents .main .article-link .bg-box h3 {
  margin-top: 0;
  font-weight: bold;
}
#about.default .blog .contents .main .article .bg-box.padding20, #about.default .blog .contents .main .article-link .bg-box.padding20 {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #about.default .blog .contents .main .article .bg-box.padding20, #about.default .blog .contents .main .article-link .bg-box.padding20 {
    padding-bottom: 20px;
  }
}
#about.default .blog .contents .main .article .block h2, #about.default .blog .contents .main .article-link .block h2 {
  margin: 10px 0 30px;
  font-size: 24px;
  font-weight: normal;
}
#about.default .blog .contents .main .article .block h2 a, #about.default .blog .contents .main .article-link .block h2 a {
  color: #000;
}
#about.default .blog .contents .main .article .block h3, #about.default .blog .contents .main .article-link .block h3 {
  font-weight: bold;
}
#about.default .blog .contents .main .article .block p, #about.default .blog .contents .main .article-link .block p {
  margin-bottom: 30px;
}
#about.default .blog .contents .main .article .block img, #about.default .blog .contents .main .article-link .block img {
  max-width: 100%;
  height: auto;
}
#about.default .blog .contents .main .article .block .more, #about.default .blog .contents .main .article-link .block .more {
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#about.default .blog .contents .main .article .block .more .arrow, #about.default .blog .contents .main .article-link .block .more .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 5px;
}
#about.default .blog .contents .main .article-link {
  padding-bottom: 0;
}
#about.default .blog .contents .main .article-link.col-large, #about.default .blog .contents .main .article-link.col-medium, #about.default .blog .contents .main .article-link.col-small {
  background-color: #EEE;
  padding: 20px !important;
  margin: 0 0 20px;
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  #about.default .blog .contents .main .article-link.col-large, #about.default .blog .contents .main .article-link.col-medium, #about.default .blog .contents .main .article-link.col-small {
    padding: 10px !important;
    margin: 0 0 10px;
  }
}
#about.default .blog .contents .main .article-link.col-large .thumbnail, #about.default .blog .contents .main .article-link.col-medium .thumbnail, #about.default .blog .contents .main .article-link.col-small .thumbnail {
  max-width: 100%;
  width: 100%;
  margin-bottom: 20px;
}
#about.default .blog .contents .main .article-link.col-large h2, #about.default .blog .contents .main .article-link.col-medium h2, #about.default .blog .contents .main .article-link.col-small h2 {
  margin: 5px 0 0;
  font-size: 20px;
}
#about.default .blog .contents .main .article-link.col-large p, #about.default .blog .contents .main .article-link.col-medium p, #about.default .blog .contents .main .article-link.col-small p {
  margin: 20px 0 0;
}
#about.default .blog .contents .main .article-link.col-medium {
  width: 43%;
  float: left;
}
#about.default .blog .contents .main .article-link.col-medium:nth-child(odd) {
  margin-left: 2.892%;
}
@media screen and (max-width: 767px) {
  #about.default .blog .contents .main .article-link.col-medium {
    width: auto;
    float: none;
  }
  #about.default .blog .contents .main .article-link.col-medium:nth-child(odd) {
    margin-left: 0;
    margin-top: 10px;
  }
}
#about.default .blog .contents .main .article-link.col-small {
  margin-right: 1.446%;
  width: 25.85%;
  float: left;
}
#about.default .blog .contents .main .article-link.col-small:nth-child(3), #about.default .blog .contents .main .article-link.col-small:nth-child(6), #about.default .blog .contents .main .article-link.col-small:nth-child(9) {
  margin-left: 1.446%;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  #about.default .blog .contents .main .article-link.col-small:nth-child(3), #about.default .blog .contents .main .article-link.col-small:nth-child(6), #about.default .blog .contents .main .article-link.col-small:nth-child(9) {
    margin-left: 0;
    margin-right: 0;
  }
}
#about.default .blog .contents .main .article-link.col-small:nth-child(2), #about.default .blog .contents .main .article-link.col-small:nth-child(5), #about.default .blog .contents .main .article-link.col-small:nth-child(8) {
  margin-left: 1.446%;
}
@media screen and (max-width: 767px) {
  #about.default .blog .contents .main .article-link.col-small:nth-child(2), #about.default .blog .contents .main .article-link.col-small:nth-child(5), #about.default .blog .contents .main .article-link.col-small:nth-child(8) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #about.default .blog .contents .main .article-link.col-small {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}
#about.default .blog .contents .sidebar {
  width: 17.7083%;
  float: right;
}
#about.default .blog .contents .sidebar .block {
  margin-bottom: 40px;
  padding-bottom: 25px;
  border-bottom: solid 1px #CCC;
}
#about.default .blog .contents .sidebar .block.border-non {
  border-bottom: 0;
}
#about.default .blog .contents .sidebar .block.border-non h3 {
  margin-top: 0;
}
#about.default .blog .contents .sidebar .block h3 {
  margin-bottom: 20px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#about.default .blog .contents .sidebar .block ul {
  font-size: 12px;
}
#about.default .blog .contents .sidebar .block ul li {
  line-height: 1.5em;
  margin-bottom: 10px;
}
#about.default .blog .block1 .head {
  padding-top: 0;
}
#about.default .blog .block1 .head h1 {
  float: left;
  margin-right: 30px;
}
#about.default .blog .pagenation ul {
  padding: 0;
  list-style: none;
}
#about.default .topicpath ul {
  padding-left: 0;
}
#about.default .blog-lead {
  margin-bottom: 60px;
  padding: 60px 0 !important;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  #about.default .blog-lead {
    padding: 40px 0 !important;
  }
}
#about.default .blog-lead h2 {
  font-size: 24px;
}
@media screen and (max-width: 640px) {
  #about.default .blog-lead h2 {
    font-size: 18px;
  }
}
#about.default .blog-lead .lead-main {
  float: left;
  padding-right: 40px;
  width: 620px;
}
@media screen and (max-width: 640px) {
  #about.default .blog-lead .lead-main {
    float: none;
    width: 100%;
    padding: 0;
  }
}
#about.default .blog-lead .lead-side {
  border-left: solid 1px #CCC;
  padding-left: 40px;
  float: right;
  width: 258px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #about.default .blog-lead .lead-side {
    float: none;
    width: 100%;
    margin-top: 30px;
    padding: 0;
    border-left: none;
    border-top: solid 1px #CCC;
    padding-top: 20px;
  }
}
#about.default .blog-lead .lead-side p {
  margin: 0;
  font-size: 12px !important;
}
#about.default .blog-lead .lead-side h3 {
  font-size: 18px !important;
  margin: 10px 0 !important;
}
#about.default .blog-top {
  padding-top: 30px;
  padding-bottom: 50px;
}
@media screen and (max-width: 640px) {
  #about.default .blog-top {
    padding-top: 20px;
    padding-bottom: 0;
  }
}
#about.default .blog-top .banner {
  margin-bottom: 20px;
  position: relative;
}
@media screen and (max-width: 640px) {
  #about.default .blog-top .banner {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 640px) {
  #about.default .blog-top .banner img {
    max-width: 100%;
    width: 100%;
  }
}
#about.default .blog-top .banner h1 {
  color: #FFF;
  position: absolute;
  top: 70px;
  left: 50px;
  line-height: 1.1em;
}
@media screen and (max-width: 640px) {
  #about.default .blog-top .banner h1 {
    top: 50px;
    left: 15px;
  }
}
#about.ic #header {
  border-bottom: solid 1px #CCC;
}
#about.ic #contents {
  padding-bottom: 50px;
}
#about.ic #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 40px;
  overflow: hidden;
}
#about.ic .default.normal #contents .topicpath {
  padding-top: 25px;
  float: none;
}
#about.ic .default .contents-menu {
  padding-top: 30px;
  padding-top: 10px;
}
#about.ic .default .contents-menu a {
  border-left: solid 2px #FFF;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  line-height: 4.8em;
}
#about.ic .default .contents-menu a.border-non {
  border: none;
}
#about.ic .default .contents-menu a.txt-two-line {
  line-height: 1.4em;
  padding-top: 15px;
  height: 45px;
}
#about.ic .default .contents-menu a.active {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  #about.ic .default .contents-menu {
    display: none;
  }
}
#about.ic .default .headline_02, #campuslife .detail #contents .article #about.ic .default h2, #about.ic .default #contents .article h2, #about.default-ic.ic #contents .article .default h2, #default #contents .article #about.ic .default h2 {
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
#about.ic .default .headline_03, #campuslife .detail #contents .article #about.ic .default h3, #campuslife .detail #contents .article .panel-menu #about.ic .default .title, #about.ic .default #contents .article h3, #about.ic .default #contents .article .panel-menu .title, #about.default-ic.ic #contents .article .default h3, #about.default-ic.ic #contents .article .panel-menu .default .title, #default #contents .article #about.ic .default h3, #default #contents .article .panel-menu #about.ic .default .title {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}
#about.ic .default .headline_04, #campuslife .detail #contents .article #about.ic .default h4, #campuslife .detail #contents #creed .article #about.ic .default h3, #about.ic .default #contents .article h4, #about.ic .default #contents #creed .article h3, #about.default-ic.ic #contents .article .default h4, #about.default-ic.ic #contents #creed .article .default h3, #default #contents .article #about.ic .default h4, #default #contents #creed .article #about.ic .default h3 {
  font-size: 14px;
  font-weight: bold;
}
#about.ic .default h2 {
  line-height: 1.4em;
}
#about.ic .default #header {
  border-bottom: solid 1px #CCC;
}
#about.ic .default #contents {
  /* 個別ページ */
  /* 建学の精神と教育理念 */
  /* 歴史的建造物 */
  /* 明治学院大学の歴史と現在 */
  /* 宗教部 */
  /* スポーツプロジェクト */
  /* 課外活動 */
  /* キャリア支援 */
}
#about.ic .default #contents .topicpath {
  padding-bottom: 0;
  overflow: hidden;
}
#about.ic .default #contents .head h1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
#about.ic .default #contents .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#about.ic .default #contents .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#about.ic .default #contents .list-inline_left li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
#about.ic .default #contents .list-inline_right li {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
#about.ic .default #contents .article {
  padding: 40px 0;
  /* table */
  /* panel-menu */
  /* with-image */
  /* single-figure */
  /* table_01 - ラインなし */
  /* 余白 */
}
@media screen and (max-width: 767px) {
  #about.ic .default #contents .article.sp-pt-non {
    padding-top: 0;
  }
}
#about.ic .default #contents .article .section {
  padding-top: 40px;
}
#about.ic .default #contents .article .section:first-child {
  padding-top: 0;
}
#about.ic .default #contents .article .section:last-child {
  padding-bottom: 40px;
}
#about.ic .default #contents .article .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#about.ic .default #contents .article .section-border:first-child {
  padding-top: 0;
}
#about.ic .default #contents .article .section-border:last-child {
  border-bottom: 0;
}
#about.ic .default #contents .article .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#about.ic .default #contents .article .main {
  width: 43%;
  float: left;
  overflow: hidden;
}
#about.ic .default #contents .article .side {
  margin-left: 50%;
  width: 50%;
}
#about.ic .default #contents .article .side .newsTopics {
  margin-bottom: 20px;
}
#about.ic .default #contents .article .side ul {
  font-size: 14px;
}
#about.ic .default #contents .article .side h3 a {
  font-size: 24px;
  padding: 12px 20px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
#about.ic .default #contents .article .side h3 a:link {
  color: #FFF;
}
#about.ic .default #contents .article .side h3 a:visited {
  color: #6190e5;
}
#about.ic .default #contents .article .side h3 a:hover {
  color: #FFF;
}
#about.ic .default #contents .article .side h3 a:active {
  color: #FFF;
}
#about.ic .default #contents .article .side h3 a .arrow,
#about.ic .default #contents .article .side h3 a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#about.ic .default #contents .article .side h3 a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#about.ic .default #contents .article h2 {
  margin-bottom: 20px;
}
#about.ic .default #contents .article h2 a {
  color: #000;
}
#about.ic .default #contents .article h2 a img {
  vertical-align: 0px;
  margin-left: 10px;
}
#about.ic .default #contents .article h2.blue a,
#about.ic .default #contents .article h2.link-color a {
  color: #0054ff;
}
#about.ic .default #contents .article h3 {
  margin-bottom: 20px;
}
#about.ic .default #contents .article h3.nonmargin {
  margin-bottom: 0;
}
#about.ic .default #contents .article h3.title-medium {
  font-size: 24px;
  line-height: 36px;
}
#about.ic .default #contents .article p, #about.ic .default #contents .article ul, #about.ic .default #contents .article ol {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
#about.ic .default #contents .article p:last-child, #about.ic .default #contents .article ul:last-child, #about.ic .default #contents .article ol:last-child {
  margin-bottom: 0;
}
#about.ic .default #contents .article ol {
  list-style: decimal;
  margin-left: 20px;
}
#about.ic .default #contents .article dl {
  margin-bottom: 30px;
}
#about.ic .default #contents .article dl dt, #about.ic .default #contents .article dl dd {
  font-size: 14px;
}
#about.ic .default #contents .article dl dt {
  font-weight: bold;
}
#about.ic .default #contents .article figure {
  margin: 0 0 20px 0;
}
#about.ic .default #contents .article .table-list {
  margin-bottom: 30px;
}
#about.ic .default #contents .article .table-list th, #about.ic .default #contents .article .table-list td {
  font-size: 14px;
}
#about.ic .default #contents .article .table-list .col_15per {
  width: 15%;
}
#about.ic .default #contents .article .table-list .col_18per {
  width: 18%;
}
#about.ic .default #contents .article .table-list .col_20per {
  width: 20%;
}
#about.ic .default #contents .article .table-list .col_25per {
  width: 25%;
}
#about.ic .default #contents .article .table-list .col_30per {
  width: 30%;
}
#about.ic .default #contents .article .panel-menu {
  margin: 0;
}
#about.ic .default #contents .article .panel-menu .title {
  display: block;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #FFF;
  background-color: #0054FF;
  border-bottom: 1px solid #000;
  padding: 14px 20px 13px;
  margin-bottom: 0;
  cursor: pointer;
}
#about.ic .default #contents .article .panel-menu .title .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#about.ic .default #contents .article .panel-menu .title.panel-title-wrap {
  padding: 20px 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  #about.ic .default #contents .article .panel-menu .title.panel-title-wrap {
    padding: 20px;
  }
}
#about.ic .default #contents .article .panel-menu .title.panel-title-wrap .panel-title,
#about.ic .default #contents .article .panel-menu .title.panel-title-wrap .panel-icon,
#about.ic .default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  vertical-align: middle;
}
#about.ic .default #contents .article .panel-menu .title.panel-title-wrap .panel-title {
  display: table-cell;
  font-size: 18px;
}
#about.ic .default #contents .article .panel-menu .title.panel-title-wrap .panel-icon {
  display: table-cell;
  font-size: 36px;
  width: 1%;
  white-space: nowrap;
  padding-right: 22px;
}
#about.ic .default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  font-size: 24px;
  text-align: right;
}
#about.ic .default #contents .article .panel {
  display: none;
}
#about.ic .default #contents .article .panel .table-list caption {
  text-align: right;
  font-size: 12px;
}
#about.ic .default #contents .article .panel .table-list th, #about.ic .default #contents .article .panel .table-list td {
  font-size: 13px;
}
#about.ic .default #contents .article .panel .table-list td {
  background: #fff;
  text-align: right;
}
#about.ic .default #contents .article .panel .table-list td.al-left {
  text-align: left;
}
#about.ic .default #contents .article .panel .table-list thead th {
  text-align: center;
}
#about.ic .default #contents .article .panel .table-list .total th, #about.ic .default #contents .article .panel .table-list .total td {
  background-color: #FF0;
}
#about.ic .default #contents .article .panel p, #about.ic .default #contents .article .panel ul {
  font-size: 13px;
}
#about.ic .default #contents .article .panel .section:first-child h5.headline_03, #about.ic .default #contents .article .panel .section:first-child .panel-menu h5.title, #about.ic .default #contents .article .panel-menu .panel .section:first-child h5.title {
  margin-top: 20px;
}
#about.ic .default #contents .article .with-image {
  display: table;
}
#about.ic .default #contents .article .with-image div {
  display: table-cell;
  vertical-align: top;
}
#about.ic .default #contents .article .with-image .figure {
  padding-left: 20px;
}
#about.ic .default #contents .article .with-image .figure span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
#about.ic .default #contents .article .with-image.left-image .figure {
  padding-left: 0;
  padding-right: 20px;
}
#about.ic .default #contents .article .single-figure {
  margin-bottom: 20px;
}
#about.ic .default #contents .article .single-figure img {
  max-width: 100%;
}
#about.ic .default #contents .article .single-figure .caption {
  display: block;
}
#about.ic .default #contents .article .table_01 dl {
  display: table;
  margin-bottom: 20px;
}
#about.ic .default #contents .article .table_01 dl dt, #about.ic .default #contents .article .table_01 dl dd {
  display: table-cell;
}
#about.ic .default #contents .article .table_01 dl dt {
  width: 160px;
}
#about.ic .default #contents .article .m-b-10 {
  margin-bottom: 10px;
}
#about.ic .default #contents .article .m-b-20 {
  margin-bottom: 20px;
}
#about.ic .default #contents .article .m-b-30 {
  margin-bottom: 30px;
}
#about.ic .default #contents .article .m-b-40 {
  margin-bottom: 40px;
}
#about.ic .default #contents .article .m-b-50 {
  margin-bottom: 50px;
}
#about.ic .default #contents .article .m-b-60 {
  margin-bottom: 60px;
}
#about.ic .default #contents #doforothers .article figure {
  margin-bottom: 30px;
}
#about.ic .default #contents #doforothers .article p {
  margin-bottom: 30px;
}
#about.ic .default #contents #doforothers .article .with-image .figure {
  padding-left: 60px;
}
#about.ic .default #contents #historical .article .with-image h3:first-child {
  margin-top: 0;
}
#about.ic .default #contents #history .category_list {
  margin-top: 10px;
  margin-bottom: 0px;
}
#about.ic .default #contents #history .article .with-image .figure {
  width: 25%;
}
#about.ic .default #contents #history .article .with-image .figure img {
  max-width: 100%;
  height: auto;
}
#about.ic .default #contents #sports .article .section-border:first-child {
  padding-top: 40px;
}
#about.ic .default #contents #activity-dl .article {
  padding-top: 0;
}
#about.ic .default #contents #career .block .sidebar,
#about.ic .default #contents #joho .block .sidebar,
#about.ic .default #contents #student .block .sidebar,
#about.ic .default #contents #office .block .sidebar {
  float: right;
  width: 36.4583%;
}
#about.ic .default #contents #career .block .sidebar h2,
#about.ic .default #contents #joho .block .sidebar h2,
#about.ic .default #contents #student .block .sidebar h2,
#about.ic .default #contents #office .block .sidebar h2 {
  margin-bottom: 10px;
}
#about.ic .default #contents #career .block .sidebar h2 a,
#about.ic .default #contents #joho .block .sidebar h2 a,
#about.ic .default #contents #student .block .sidebar h2 a,
#about.ic .default #contents #office .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#about.ic .default #contents #career .block .sidebar h2 a .arrow,
#about.ic .default #contents #joho .block .sidebar h2 a .arrow,
#about.ic .default #contents #student .block .sidebar h2 a .arrow,
#about.ic .default #contents #office .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#about.ic .default #contents #career .block .sidebar ul,
#about.ic .default #contents #joho .block .sidebar ul,
#about.ic .default #contents #student .block .sidebar ul,
#about.ic .default #contents #office .block .sidebar ul {
  margin-bottom: 30px;
}
#about.ic .default #contents #career .block .sidebar ul li,
#about.ic .default #contents #joho .block .sidebar ul li,
#about.ic .default #contents #student .block .sidebar ul li,
#about.ic .default #contents #office .block .sidebar ul li {
  margin-bottom: 5px;
}
#about.ic .default #contents #career .block .main,
#about.ic .default #contents #joho .block .main,
#about.ic .default #contents #student .block .main,
#about.ic .default #contents #office .block .main {
  float: left;
  width: 60.4166%;
}
#about.ic .default #contents #career .block .article,
#about.ic .default #contents #joho .block .article,
#about.ic .default #contents #student .block .article,
#about.ic .default #contents #office .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#about.ic .default #contents #career .block .article:last-child,
#about.ic .default #contents #joho .block .article:last-child,
#about.ic .default #contents #student .block .article:last-child,
#about.ic .default #contents #office .block .article:last-child {
  border-bottom: none;
}
#about.ic .default #contents #career .block .article:first-child,
#about.ic .default #contents #joho .block .article:first-child,
#about.ic .default #contents #student .block .article:first-child,
#about.ic .default #contents #office .block .article:first-child {
  padding-top: 10px;
}
#about.ic .default #contents #career .block .table-list th,
#about.ic .default #contents #joho .block .table-list th,
#about.ic .default #contents #student .block .table-list th,
#about.ic .default #contents #office .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#about.ic .default #contents #career h1,
#about.ic .default #contents #joho h1,
#about.ic .default #contents #student h1,
#about.ic .default #contents #office h1 {
  margin-bottom: 50px;
}
#about.ic .default #contents #career ul,
#about.ic .default #contents #joho ul,
#about.ic .default #contents #student ul,
#about.ic .default #contents #office ul {
  overflow: hidden;
}
#about.ic .default #contents #career ul .img,
#about.ic .default #contents #joho ul .img,
#about.ic .default #contents #student ul .img,
#about.ic .default #contents #office ul .img {
  float: left;
  padding-right: 20px;
}
#about.ic .default #contents #career .article,
#about.ic .default #contents #joho .article,
#about.ic .default #contents #student .article,
#about.ic .default #contents #office .article {
  clear: both;
}
#about.ic .default .challenge-detail .bg-box {
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #about.ic .default .challenge-detail .bg-box {
    padding: 10px;
    margin-bottom: 20px;
  }
}
#about.ic .default .challenge-detail .bg-box h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
#about.ic .default .challenge-detail .bg-box p {
  margin: 0 !important;
}
#about.ic .default .challenge-detail .fl-left {
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  #about.ic .default .challenge-detail .fl-left {
    margin-right: 0;
    text-align: center;
  }
}
#about.ic .default .challenge-detail .block p {
  margin-left: 240px;
}
@media screen and (max-width: 640px) {
  #about.ic .default .challenge-detail .block p {
    margin-left: 0;
  }
}
#about.ic .default .challenge-detail .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#about.ic .default .challenge-detail .section-border:first-child {
  padding-top: 0;
}
#about.ic .default .challenge-detail .section-border:last-child {
  border-bottom: 0;
}
#about.ic .default .challenge-detail .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#about.ic .default .news-block p,
#about.ic .default .news-block .date {
  line-height: 1.6em !important;
}
#about.ic .default .news-block p {
  font-size: 13px !important;
}
#about.ic .default .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #about.ic .default .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#about.ic .default .news-block .pure-u-1-3 a {
  color: #000;
}
#about.ic .default .news-block .pure-u-1-3 p,
#about.ic .default .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #about.ic .default .news-block .pure-u-1-3 p,
  #about.ic .default .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#about.ic .default .news-block .pure-u-1-3:first-child p,
#about.ic .default .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #about.ic .default .news-block .pure-u-1-3:first-child p,
  #about.ic .default .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#about.ic .default .news-block .pure-u-1-3:last-child p,
#about.ic .default .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #about.ic .default .news-block .pure-u-1-3:last-child p,
  #about.ic .default .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#about.ic .default .event-block {
  padding: 10px 0 60px;
}
#about.ic .default .event-block.ng-margin {
  margin-top: -40px;
}
#about.ic .default .event-block .pure-g-r {
  margin-left: -3.7%;
}
#about.ic .default .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#about.ic .default .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#about.ic .default .event-block .pure-g-r .pure-u-1-4 .date {
  height: 3em;
  margin-bottom: 10px;
  color: #000;
}
#about.ic .default .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#about.ic .default .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#about.ic .default .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#about.header-normal #header {
  border-bottom: solid 1px #CCC;
}
#about.header-normal #contents {
  padding-bottom: 50px;
}
#about.header-normal #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 40px;
  overflow: hidden;
}
#about.default-ic.normal #contents .topicpath {
  padding-top: 25px;
  float: none;
}
#about.default-ic .contents-menu {
  padding-top: 30px;
  padding-top: 10px;
}
#about.default-ic .contents-menu a {
  border-left: solid 2px #FFF;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  line-height: 4.8em;
}
#about.default-ic .contents-menu a.border-non {
  border: none;
}
#about.default-ic .contents-menu a.txt-two-line {
  line-height: 1.4em;
  padding-top: 15px;
  height: 45px;
}
#about.default-ic .contents-menu a.active {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  #about.default-ic .contents-menu {
    display: none;
  }
}
#about.default-ic .headline_02, #campuslife.default #contents .article #about.default-ic h2, #campuslife .detail #contents .article #about.default-ic h2, #campus.default #contents .article #about.default-ic h2, #about.ic.default-ic .default #contents .article h2, #about.default-ic #contents .article h2, #default #contents .article #about.default-ic h2, #academics.default #contents .article #about.default-ic h2 {
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
#about.default-ic .headline_03, #campuslife.default #contents .article #about.default-ic h3, #campuslife.default #contents .article .panel-menu #about.default-ic .title, #campuslife .detail #contents .article #about.default-ic h3, #campuslife .detail #contents .article .panel-menu #about.default-ic .title, #campus.default #contents .article #about.default-ic h3, #campus.default #contents .article .panel-menu #about.default-ic .title, #about.ic.default-ic .default #contents .article h3, #about.ic.default-ic .default #contents .article .panel-menu .title, #about.default-ic #contents .article h3, #about.default-ic #contents .article .panel-menu .title, #default #contents .article #about.default-ic h3, #default #contents .article .panel-menu #about.default-ic .title, #academics.default #contents .article #about.default-ic h3, #academics.default #contents .article .panel-menu #about.default-ic .title {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}
#about.default-ic .headline_04, #campuslife.default #contents .article #about.default-ic h4, #campuslife.default #contents #creed .article #about.default-ic h3, #campuslife .detail #contents .article #about.default-ic h4, #campuslife .detail #contents #creed .article #about.default-ic h3, #campus.default #contents .article #about.default-ic h4, #campus.default #contents #creed .article #about.default-ic h3, #about.ic.default-ic .default #contents .article h4, #about.ic.default-ic .default #contents #creed .article h3, #about.default-ic #contents .article h4, #about.default-ic #contents #creed .article h3, #default #contents .article #about.default-ic h4, #default #contents #creed .article #about.default-ic h3, #academics.default #contents .article #about.default-ic h4, #academics.default #contents #creed .article #about.default-ic h3 {
  font-size: 14px;
  font-weight: bold;
}
#about.default-ic h2 {
  line-height: 1.4em;
}
#about.default-ic #header {
  border-bottom: solid 1px #CCC;
}
#about.default-ic #contents {
  /* 個別ページ */
  /* 建学の精神と教育理念 */
  /* 歴史的建造物 */
  /* 明治学院大学の歴史と現在 */
  /* 宗教部 */
  /* スポーツプロジェクト */
  /* 課外活動 */
  /* キャリア支援 */
}
#about.default-ic #contents .topicpath {
  padding-bottom: 0;
  overflow: hidden;
}
#about.default-ic #contents .head h1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
#about.default-ic #contents .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#about.default-ic #contents .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#about.default-ic #contents .list-inline_left li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
#about.default-ic #contents .list-inline_right li {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
#about.default-ic #contents .article {
  padding: 40px 0;
  /* table */
  /* panel-menu */
  /* with-image */
  /* single-figure */
  /* table_01 - ラインなし */
  /* 余白 */
}
@media screen and (max-width: 767px) {
  #about.default-ic #contents .article.sp-pt-non {
    padding-top: 0;
  }
}
#about.default-ic #contents .article .section {
  padding-top: 40px;
}
#about.default-ic #contents .article .section:first-child {
  padding-top: 0;
}
#about.default-ic #contents .article .section:last-child {
  padding-bottom: 40px;
}
#about.default-ic #contents .article .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#about.default-ic #contents .article .section-border:first-child {
  padding-top: 0;
}
#about.default-ic #contents .article .section-border:last-child {
  border-bottom: 0;
}
#about.default-ic #contents .article .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#about.default-ic #contents .article .main {
  width: 43%;
  float: left;
  overflow: hidden;
}
#about.default-ic #contents .article .side {
  margin-left: 50%;
  width: 50%;
}
#about.default-ic #contents .article .side .newsTopics {
  margin-bottom: 20px;
}
#about.default-ic #contents .article .side ul {
  font-size: 14px;
}
#about.default-ic #contents .article .side h3 a {
  font-size: 24px;
  padding: 12px 20px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
#about.default-ic #contents .article .side h3 a:link {
  color: #FFF;
}
#about.default-ic #contents .article .side h3 a:visited {
  color: #6190e5;
}
#about.default-ic #contents .article .side h3 a:hover {
  color: #FFF;
}
#about.default-ic #contents .article .side h3 a:active {
  color: #FFF;
}
#about.default-ic #contents .article .side h3 a .arrow,
#about.default-ic #contents .article .side h3 a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#about.default-ic #contents .article .side h3 a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#about.default-ic #contents .article h2 {
  margin-bottom: 20px;
}
#about.default-ic #contents .article h2 a {
  color: #000;
}
#about.default-ic #contents .article h2 a img {
  vertical-align: 0px;
  margin-left: 10px;
}
#about.default-ic #contents .article h2.blue a,
#about.default-ic #contents .article h2.link-color a {
  color: #0054ff;
}
#about.default-ic #contents .article h3 {
  margin-bottom: 20px;
}
#about.default-ic #contents .article h3.nonmargin {
  margin-bottom: 0;
}
#about.default-ic #contents .article h3.title-medium {
  font-size: 24px;
  line-height: 36px;
}
#about.default-ic #contents .article p, #about.default-ic #contents .article ul, #about.default-ic #contents .article ol {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
#about.default-ic #contents .article p:last-child, #about.default-ic #contents .article ul:last-child, #about.default-ic #contents .article ol:last-child {
  margin-bottom: 0;
}
#about.default-ic #contents .article ol {
  list-style: decimal;
  margin-left: 20px;
}
#about.default-ic #contents .article dl {
  margin-bottom: 30px;
}
#about.default-ic #contents .article dl dt, #about.default-ic #contents .article dl dd {
  font-size: 14px;
}
#about.default-ic #contents .article dl dt {
  font-weight: bold;
}
#about.default-ic #contents .article figure {
  margin: 0 0 20px 0;
}
#about.default-ic #contents .article .table-list {
  margin-bottom: 30px;
}
#about.default-ic #contents .article .table-list th, #about.default-ic #contents .article .table-list td {
  font-size: 14px;
}
#about.default-ic #contents .article .table-list .col_15per {
  width: 15%;
}
#about.default-ic #contents .article .table-list .col_18per {
  width: 18%;
}
#about.default-ic #contents .article .table-list .col_20per {
  width: 20%;
}
#about.default-ic #contents .article .table-list .col_25per {
  width: 25%;
}
#about.default-ic #contents .article .table-list .col_30per {
  width: 30%;
}
#about.default-ic #contents .article .panel-menu {
  margin: 0;
}
#about.default-ic #contents .article .panel-menu .title {
  display: block;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #FFF;
  background-color: #0054FF;
  border-bottom: 1px solid #000;
  padding: 14px 20px 13px;
  margin-bottom: 0;
  cursor: pointer;
}
#about.default-ic #contents .article .panel-menu .title .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#about.default-ic #contents .article .panel-menu .title.panel-title-wrap {
  padding: 20px 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  #about.default-ic #contents .article .panel-menu .title.panel-title-wrap {
    padding: 20px;
  }
}
#about.default-ic #contents .article .panel-menu .title.panel-title-wrap .panel-title,
#about.default-ic #contents .article .panel-menu .title.panel-title-wrap .panel-icon,
#about.default-ic #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  vertical-align: middle;
}
#about.default-ic #contents .article .panel-menu .title.panel-title-wrap .panel-title {
  display: table-cell;
  font-size: 18px;
}
#about.default-ic #contents .article .panel-menu .title.panel-title-wrap .panel-icon {
  display: table-cell;
  font-size: 36px;
  width: 1%;
  white-space: nowrap;
  padding-right: 22px;
}
#about.default-ic #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  font-size: 24px;
  text-align: right;
}
#about.default-ic #contents .article .panel {
  display: none;
}
#about.default-ic #contents .article .panel .table-list caption {
  text-align: right;
  font-size: 12px;
}
#about.default-ic #contents .article .panel .table-list th, #about.default-ic #contents .article .panel .table-list td {
  font-size: 13px;
}
#about.default-ic #contents .article .panel .table-list td {
  background: #fff;
  text-align: right;
}
#about.default-ic #contents .article .panel .table-list td.al-left {
  text-align: left;
}
#about.default-ic #contents .article .panel .table-list thead th {
  text-align: center;
}
#about.default-ic #contents .article .panel .table-list .total th, #about.default-ic #contents .article .panel .table-list .total td {
  background-color: #FF0;
}
#about.default-ic #contents .article .panel p, #about.default-ic #contents .article .panel ul {
  font-size: 13px;
}
#about.default-ic #contents .article .panel .section:first-child h5.headline_03, #about.default-ic #contents .article .panel .section:first-child .panel-menu h5.title, #about.default-ic #contents .article .panel-menu .panel .section:first-child h5.title {
  margin-top: 20px;
}
#about.default-ic #contents .article .with-image {
  display: table;
}
#about.default-ic #contents .article .with-image div {
  display: table-cell;
  vertical-align: top;
}
#about.default-ic #contents .article .with-image .figure {
  padding-left: 20px;
}
#about.default-ic #contents .article .with-image .figure span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
#about.default-ic #contents .article .with-image.left-image .figure {
  padding-left: 0;
  padding-right: 20px;
}
#about.default-ic #contents .article .single-figure {
  margin-bottom: 20px;
}
#about.default-ic #contents .article .single-figure img {
  max-width: 100%;
}
#about.default-ic #contents .article .single-figure .caption {
  display: block;
}
#about.default-ic #contents .article .table_01 dl {
  display: table;
  margin-bottom: 20px;
}
#about.default-ic #contents .article .table_01 dl dt, #about.default-ic #contents .article .table_01 dl dd {
  display: table-cell;
}
#about.default-ic #contents .article .table_01 dl dt {
  width: 160px;
}
#about.default-ic #contents .article .m-b-10 {
  margin-bottom: 10px;
}
#about.default-ic #contents .article .m-b-20 {
  margin-bottom: 20px;
}
#about.default-ic #contents .article .m-b-30 {
  margin-bottom: 30px;
}
#about.default-ic #contents .article .m-b-40 {
  margin-bottom: 40px;
}
#about.default-ic #contents .article .m-b-50 {
  margin-bottom: 50px;
}
#about.default-ic #contents .article .m-b-60 {
  margin-bottom: 60px;
}
#about.default-ic #contents #doforothers .article figure {
  margin-bottom: 30px;
}
#about.default-ic #contents #doforothers .article p {
  margin-bottom: 30px;
}
#about.default-ic #contents #doforothers .article .with-image .figure {
  padding-left: 60px;
}
#about.default-ic #contents #historical .article .with-image h3:first-child {
  margin-top: 0;
}
#about.default-ic #contents #history .category_list {
  margin-top: 10px;
  margin-bottom: 0px;
}
#about.default-ic #contents #history .article .with-image .figure {
  width: 25%;
}
#about.default-ic #contents #history .article .with-image .figure img {
  max-width: 100%;
  height: auto;
}
#about.default-ic #contents #sports .article .section-border:first-child {
  padding-top: 40px;
}
#about.default-ic #contents #activity-dl .article {
  padding-top: 0;
}
#about.default-ic #contents #career .block .sidebar,
#about.default-ic #contents #joho .block .sidebar,
#about.default-ic #contents #student .block .sidebar,
#about.default-ic #contents #office .block .sidebar {
  float: right;
  width: 36.4583%;
}
#about.default-ic #contents #career .block .sidebar h2,
#about.default-ic #contents #joho .block .sidebar h2,
#about.default-ic #contents #student .block .sidebar h2,
#about.default-ic #contents #office .block .sidebar h2 {
  margin-bottom: 10px;
}
#about.default-ic #contents #career .block .sidebar h2 a,
#about.default-ic #contents #joho .block .sidebar h2 a,
#about.default-ic #contents #student .block .sidebar h2 a,
#about.default-ic #contents #office .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#about.default-ic #contents #career .block .sidebar h2 a .arrow,
#about.default-ic #contents #joho .block .sidebar h2 a .arrow,
#about.default-ic #contents #student .block .sidebar h2 a .arrow,
#about.default-ic #contents #office .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#about.default-ic #contents #career .block .sidebar ul,
#about.default-ic #contents #joho .block .sidebar ul,
#about.default-ic #contents #student .block .sidebar ul,
#about.default-ic #contents #office .block .sidebar ul {
  margin-bottom: 30px;
}
#about.default-ic #contents #career .block .sidebar ul li,
#about.default-ic #contents #joho .block .sidebar ul li,
#about.default-ic #contents #student .block .sidebar ul li,
#about.default-ic #contents #office .block .sidebar ul li {
  margin-bottom: 5px;
}
#about.default-ic #contents #career .block .main,
#about.default-ic #contents #joho .block .main,
#about.default-ic #contents #student .block .main,
#about.default-ic #contents #office .block .main {
  float: left;
  width: 60.4166%;
}
#about.default-ic #contents #career .block .article,
#about.default-ic #contents #joho .block .article,
#about.default-ic #contents #student .block .article,
#about.default-ic #contents #office .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#about.default-ic #contents #career .block .article:last-child,
#about.default-ic #contents #joho .block .article:last-child,
#about.default-ic #contents #student .block .article:last-child,
#about.default-ic #contents #office .block .article:last-child {
  border-bottom: none;
}
#about.default-ic #contents #career .block .article:first-child,
#about.default-ic #contents #joho .block .article:first-child,
#about.default-ic #contents #student .block .article:first-child,
#about.default-ic #contents #office .block .article:first-child {
  padding-top: 10px;
}
#about.default-ic #contents #career .block .table-list th,
#about.default-ic #contents #joho .block .table-list th,
#about.default-ic #contents #student .block .table-list th,
#about.default-ic #contents #office .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#about.default-ic #contents #career h1,
#about.default-ic #contents #joho h1,
#about.default-ic #contents #student h1,
#about.default-ic #contents #office h1 {
  margin-bottom: 50px;
}
#about.default-ic #contents #career ul,
#about.default-ic #contents #joho ul,
#about.default-ic #contents #student ul,
#about.default-ic #contents #office ul {
  overflow: hidden;
}
#about.default-ic #contents #career ul .img,
#about.default-ic #contents #joho ul .img,
#about.default-ic #contents #student ul .img,
#about.default-ic #contents #office ul .img {
  float: left;
  padding-right: 20px;
}
#about.default-ic #contents #career .article,
#about.default-ic #contents #joho .article,
#about.default-ic #contents #student .article,
#about.default-ic #contents #office .article {
  clear: both;
}
#about.default-ic .challenge-detail .bg-box {
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #about.default-ic .challenge-detail .bg-box {
    padding: 10px;
    margin-bottom: 20px;
  }
}
#about.default-ic .challenge-detail .bg-box h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
#about.default-ic .challenge-detail .bg-box p {
  margin: 0 !important;
}
#about.default-ic .challenge-detail .fl-left {
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  #about.default-ic .challenge-detail .fl-left {
    margin-right: 0;
    text-align: center;
  }
}
#about.default-ic .challenge-detail .block p {
  margin-left: 240px;
}
@media screen and (max-width: 640px) {
  #about.default-ic .challenge-detail .block p {
    margin-left: 0;
  }
}
#about.default-ic .challenge-detail .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#about.default-ic .challenge-detail .section-border:first-child {
  padding-top: 0;
}
#about.default-ic .challenge-detail .section-border:last-child {
  border-bottom: 0;
}
#about.default-ic .challenge-detail .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#about.default-ic .news-block p,
#about.default-ic .news-block .date {
  line-height: 1.6em !important;
}
#about.default-ic .news-block p {
  font-size: 13px !important;
}
#about.default-ic .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #about.default-ic .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#about.default-ic .news-block .pure-u-1-3 a {
  color: #000;
}
#about.default-ic .news-block .pure-u-1-3 p,
#about.default-ic .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #about.default-ic .news-block .pure-u-1-3 p,
  #about.default-ic .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#about.default-ic .news-block .pure-u-1-3:first-child p,
#about.default-ic .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #about.default-ic .news-block .pure-u-1-3:first-child p,
  #about.default-ic .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#about.default-ic .news-block .pure-u-1-3:last-child p,
#about.default-ic .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #about.default-ic .news-block .pure-u-1-3:last-child p,
  #about.default-ic .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#about.default-ic .event-block {
  padding: 10px 0 60px;
}
#about.default-ic .event-block.ng-margin {
  margin-top: -40px;
}
#about.default-ic .event-block .pure-g-r {
  margin-left: -3.7%;
}
#about.default-ic .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#about.default-ic .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#about.default-ic .event-block .pure-g-r .pure-u-1-4 .date {
  height: 3em;
  margin-bottom: 10px;
  color: #000;
}
#about.default-ic .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#about.default-ic .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#about.default-ic .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#about.deprecated {
  /* アイコン */
  /* ページ内上部バナー */
  /* 表組み要素 START ----- */
  /* 表組み要素 END ----- */
  /* 画像回り込み */
  /* deprecated? */
  /* rss */
  /* 各コーナーのニュース欄 */
  /* 404エラーの時にサイトマップを表示します */
  /* キャンパス */
  /*blogEntry */
}
#about.deprecated .topicpath {
  padding-top: 25px;
  padding-bottom: 0;
  overflow: hidden;
}
#about.deprecated .topicpath ul {
  padding-left: 0;
}
#about.deprecated .topicpath ul li {
  margin-left: 0;
}
#about.deprecated h1 {
  margin: 0 0 24px;
}
#about.deprecated h1.none {
  display: none;
}
#about.deprecated h2 {
  color: #333333;
  font-size: small;
  font-weight: bold;
  margin: 0 0 16px;
}
#about.deprecated h2.border, #about.deprecated h2.borderB {
  border-bottom: 1px solid #999999;
  padding-bottom: 3px;
  margin-bottom: 8px;
}
#about.deprecated h3 {
  font-size: small;
  font-weight: bold;
  margin: 0 0 6px;
}
#about.deprecated p {
  line-height: 180%;
  margin: 0 0 24px;
}
#about.deprecated hr {
  border-style: solid;
  color: #cccccc;
}
#about.deprecated ul, #about.deprecated ol {
  margin: 0 0 24px;
  padding-left: 12px;
}
#about.deprecated ul li {
  margin: 0 0 3px 15px;
  padding: 0;
  list-style: disc;
}
#about.deprecated ol li {
  margin: 0 0 0 15px;
  padding: 0;
}
#about.deprecated ul.category {
  line-height: 180%;
  margin: 0 0 18px;
  padding: 0;
}
#about.deprecated ul.category li.top {
  background-color: #cccccc;
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0 0 0 3px;
}
#about.deprecated .caption {
  color: #333333;
  font-size: x-small;
  font-weight: normal;
  line-height: 160%;
}
#about.deprecated .date {
  color: #333333;
  font-size: x-small;
  padding-right: 6px;
}
#about.deprecated .category {
  background: #DDD;
  color: #0000FF;
  font-size: x-small;
  font-weight: normal;
  margin-right: 3px;
  padding: 2px 3px;
}
#about.deprecated .categoryContainer {
  font-size: x-small;
  letter-spacing: normal;
  margin-bottom: 24px;
  font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', 'Verdana';
}
#about.deprecated .categoryContainer .on {
  background: #CCCCCC;
  margin-right: 3px;
  padding: 2px 3px;
}
#about.deprecated .categoryContainer .off {
  background: #E8E8E8;
  margin-right: 3px;
  padding: 2px 3px;
}
#about.deprecated .numberOfCase {
  font-weight: normal;
  padding-left: 6px;
}
#about.deprecated .newsCaution {
  background: #FF99CC;
  color: #0000FF;
  font-size: x-small;
  margin-right: 2px;
  padding: 2px 3px;
}
#about.deprecated .new {
  color: #ff0000;
  font-size: x-small;
  margin-left: 6px;
}
#about.deprecated .caution {
  color: #ff0000;
}
#about.deprecated .err {
  color: #ff0000;
  margin: 12px 0;
}
#about.deprecated #content {
  clear: both;
}
#about.deprecated .image, #about.deprecated .movie, #about.deprecated .mp3, #about.deprecated .pdf, #about.deprecated .pdfL, #about.deprecated .external, #about.deprecated .externalL, #about.deprecated .label, #about.deprecated .labelL, #about.deprecated .document, #about.deprecated .documentL, #about.deprecated .arrow-down, #about.deprecated .arrow, #about.deprecated .arrowL, #about.deprecated .sp, #about.deprecated .excel, #about.deprecated .word {
  padding-left: 15px;
}
#about.deprecated .sp {
  background: url("/common/images/icon_sp.gif") no-repeat center left;
}
#about.deprecated .image {
  background: url("/common/images/icon_photo.gif") no-repeat center left;
}
#about.deprecated .movie {
  background: url("/common/images/icon_movie.gif") no-repeat center left;
}
#about.deprecated .mp3 {
  background: url("/common/images/icon_mp3.gif") no-repeat center left;
}
#about.deprecated .pdf::before,
#about.deprecated .pdfL::before {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f1c1";
  color: #f00;
}
#about.deprecated .excel::before,
#about.deprecated .word::before,
#about.deprecated .document::before,
#about.deprecated .documentL::before {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f15c";
  color: #333;
}
#about.deprecated .external::before,
#about.deprecated .externalL::before {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f14c";
  color: #0054ff;
}
#about.deprecated .label {
  background: url("/common/images/arrow-right.gif") no-repeat left center;
}
#about.deprecated .labelL {
  background: url("/common/images/arrow-right.gif") no-repeat left 6px;
}
#about.deprecated .document::before {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f15c";
  color: #333;
}
#about.deprecated .arrow-down {
  background: url("/common/images/arrow-down.gif") no-repeat center left;
}
#about.deprecated .arrow {
  background: url("/common/images/arrow-original.gif") no-repeat center left;
}
#about.deprecated .arrowL {
  background: url("/common/images/arrow-originalR.gif") no-repeat center left;
}
#about.deprecated .external-right, #about.deprecated .label-right, #about.deprecated .pageTop, #about.deprecated .arrow-right {
  padding-right: 15px;
}
#about.deprecated .external-right::after {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f14c";
  color: #0054ff;
}
#about.deprecated .label-right {
  background: url("/common/images/arrow-right.gif") no-repeat center right;
}
#about.deprecated .pageTop {
  background: url("/common/images/arrow-top.gif") no-repeat center right;
}
#about.deprecated .arrow-right {
  background: url("/common/images/arrow-original.gif") no-repeat center right;
}
#about.deprecated .feed, #about.deprecated .feedHead {
  padding-left: 18px;
  padding: 0 0 9px 16px;
  background: url("/common/images/icon_feed.gif") no-repeat left 1px;
  line-height: 100%;
  font-size: x-small;
}
#about.deprecated .feed {
  margin: 0;
}
#about.deprecated .feedHead {
  margin: 0 18px 0 0;
}
#about.deprecated .next {
  font-size: x-small;
  text-align: right;
}
#about.deprecated .nextLabelRight {
  background: url("/common/images/arrow-original.gif") no-repeat right 1px;
  line-height: 140%;
  padding-right: 12px;
}
#about.deprecated li.image, #about.deprecated li.movie, #about.deprecated li.mp3, #about.deprecated li.pdf, #about.deprecated li.label, #about.deprecated li.external, #about.deprecated li.arrow, #about.deprecated li.document, #about.deprecated li.dot {
  margin-left: 5px;
  padding-left: 0;
  line-height: 140%;
  list-style: none;
  background: none;
}
#about.deprecated li.image {
  list-style-image: url("/common/images/icon_photo.gif");
}
#about.deprecated li.movie {
  list-style-image: url("/common/images/icon_movie.gif");
}
#about.deprecated li.mp3 {
  list-style-image: url("/common/images/icon_mp3.gif");
}
#about.deprecated li.pdf {
  list-style-image: url("/common/images/icon_pdfL.gif");
}
#about.deprecated li.label {
  list-style-image: url("/common/images/arrow-rightLI.gif");
}
#about.deprecated li.external {
  list-style-image: url("/common/images/arrow-externalLI.gif");
}
#about.deprecated li.arrow {
  list-style-image: url("/common/images/arrow-originalLI.gif");
}
#about.deprecated li.document {
  list-style-image: url("/common/images/icon_document.gif");
}
#about.deprecated li.dot {
  padding-top: 3px;
  list-style-type: disc;
}
#about.deprecated li.none {
  margin-left: 5px;
  padding-left: 0;
  padding-top: 3px;
  line-height: 100%;
  list-style-type: none;
}
#about.deprecated .strong-bg {
  background-color: #FFFF99;
}
#about.deprecated .rss {
  font-size: x-small;
  text-align: right;
}
#about.deprecated #content .banner img {
  margin-bottom: 30px;
  width: 564px;
  height: 96px;
}
#about.deprecated #content .w726 .banner img,
#about.deprecated #content .wide-column .banner img {
  width: 726px;
}
#about.deprecated table.clip,
#about.deprecated table.frame,
#about.deprecated table.template {
  margin-bottom: 24px;
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
  width: 100%;
  text-align: left;
}
#about.deprecated table.clip th, #about.deprecated table.clip td,
#about.deprecated table.frame th,
#about.deprecated table.frame td,
#about.deprecated table.template th,
#about.deprecated table.template td {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 20px;
  vertical-align: middle;
}
#about.deprecated table.clip th,
#about.deprecated table.frame th,
#about.deprecated table.template th {
  background-color: #EFEFEF;
  color: #000;
}
#about.deprecated table.clip td,
#about.deprecated table.frame td,
#about.deprecated table.template td {
  color: #666;
}
#about.deprecated table.clip.center,
#about.deprecated table.frame.center,
#about.deprecated table.template.center {
  text-align: center;
}
#about.deprecated table.clip .right,
#about.deprecated table.frame .right,
#about.deprecated table.template .right {
  text-align: right;
}
#about.deprecated table.clip td.bg-whight,
#about.deprecated table.frame td.bg-whight,
#about.deprecated table.template td.bg-whight {
  background-color: #FFF;
  color: #000;
}
#about.deprecated table.clip th.bg-white,
#about.deprecated table.frame th.bg-white,
#about.deprecated table.template th.bg-white {
  background-color: #FFF;
  font-weight: bold;
}
#about.deprecated table.clip td.small,
#about.deprecated table.frame td.small,
#about.deprecated table.template td.small {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 5px;
  vertical-align: middle;
}
#about.deprecated table.clip th.small,
#about.deprecated table.frame th.small,
#about.deprecated table.template th.small {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 5px;
  vertical-align: middle;
}
#about.deprecated table.clip table.border-none,
#about.deprecated table.frame table.border-none,
#about.deprecated table.template table.border-none {
  border: none;
}
#about.deprecated table.clip table.border-none th, #about.deprecated table.clip table.border-none td,
#about.deprecated table.frame table.border-none th,
#about.deprecated table.frame table.border-none td,
#about.deprecated table.template table.border-none th,
#about.deprecated table.template table.border-none td {
  border: none;
}
#about.deprecated .w564 {
  width: 564px;
}
#about.deprecated .w726,
#about.deprecated .wide-column {
  width: 726px;
}
#about.deprecated .wide-column .left-column {
  width: 478px;
  overflow: hidden;
  clear: both;
  float: left;
}
#about.deprecated .wide-column .right-column {
  width: 230px;
  float: right;
}
#about.deprecated .wide-column .block {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  clear: both;
}
#about.deprecated .wide-column .block .left,
#about.deprecated .wide-column .block .right {
  width: 230px;
}
#about.deprecated .wide-column .block .left {
  float: left;
}
#about.deprecated .wide-column .block .right {
  float: right;
}
#about.deprecated .clear {
  width: 100%;
  clear: both;
  float: none;
}
#about.deprecated .titleArea {
  position: relative;
}
#about.deprecated .titleArea .en_link {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
#about.deprecated .place, #about.deprecated .organizer {
  color: #333333;
  font-size: x-small;
}
#about.deprecated .eventMargin {
  margin-top: 2px;
}
#about.deprecated .eventDate {
  border: 1px solid #666666;
  color: #333333;
  font-size: x-small;
  margin-right: 6px;
  padding: 1px 2px;
}
#about.deprecated .eventCategory {
  color: #333333;
  font-size: x-small;
  margin-right: 3px;
  padding: 2px 3px;
}
#about.deprecated .eventPlace, #about.deprecated .eventOrganizer, #about.deprecated .eventTarget {
  border: 1px solid #666666;
  color: #333333;
  font-size: x-small;
  margin-left: 12px;
  margin-right: 6px;
  padding: 1px 2px;
  white-space: nowrap;
}
#about.deprecated .imageArea {
  float: right;
  margin: 0 0 12px 12px;
}
#about.deprecated .title {
  font-size: medium;
  font-weight: bold;
}
#about.deprecated .caption-strong {
  color: #000000;
  font-size: x-small;
  font-weight: normal;
}
#about.deprecated .topic {
  border: 1px solid #999999;
  margin-bottom: 24px;
  padding: 6px;
  width: 560px;
}
#about.deprecated .topic ul {
  margin-bottom: 0;
}
#about.deprecated #contentNavi {
  letter-spacing: normal;
  line-height: 100%;
  overflow: hidden;
  width: 100%;
  _padding-bottom: 24px;
}
#about.deprecated *:first-child + html #contentNavi {
  padding-bottom: 24px;
}
#about.deprecated #contentNavi .right {
  float: right;
  width: 40%;
}
#about.deprecated #contentNavi .left {
  float: left;
  width: 60%;
}
#about.deprecated #videoNavi {
  letter-spacing: normal;
  line-height: 100%;
  width: 564px;
}
#about.deprecated #videoNavi .right {
  float: right;
  width: 164px;
}
#about.deprecated #videoNavi .left {
  float: left;
  width: 400px;
}
#about.deprecated #newsTopics, #about.deprecated #eventTopics {
  line-height: 140%;
}
#about.deprecated #newsTopics h2, #about.deprecated #eventTopics h2 {
  border-bottom: 1px solid #999;
  line-height: 160%;
}
#about.deprecated #newsTopics ul, #about.deprecated #eventTopics ul {
  list-style: none;
  margin: 6px 0 0;
  padding-left: 0;
}
#about.deprecated #newsTopics li, #about.deprecated #eventTopics li {
  margin: 0 0 12px;
  padding: 0;
}
#about.deprecated #newsTopics {
  margin: 0;
  padding: 0;
}
#about.deprecated li.lastArticle {
  margin: 0;
  padding: 0;
}
#about.deprecated #page {
  font-size: small;
  letter-spacing: normal;
  margin: 24px 0 12px;
}
#about.deprecated #page .arrow-right {
  background: url("/common/images/arrow-original.gif") no-repeat center right;
  padding-right: 15px;
}
#about.deprecated #page .arrow-left {
  background: url("/common/images/arrow-original-left.gif") no-repeat center left;
  padding-left: 15px;
}
#about.deprecated #sitemap td.head {
  font-weight: bold;
  background-color: #E8E8E8;
  border-bottom: 1px solid #999999;
}
#about.deprecated #sitemap h2, #about.deprecated #sitemap h3 {
  margin: 0;
}
#about.deprecated .campus {
  background-color: #fff;
  border: solid #666 1px;
  font-size: x-small;
  overflow: hidden;
  padding: 6px;
  text-align: center;
  vertical-align: top;
  width: 130px;
}
#about.deprecated #blogEntry .mgVideo {
  margin-bottom: 48px;
}
#about.deprecated #blogEntry .mgVideo .title {
  font-size: small;
}
#about.deprecated #blogEntry .properties {
  font-size: x-small;
}
#about.deprecated #blogEntry .tags {
  margin-bottom: 12px;
}
#about.deprecated #blogEntry .tags a {
  font-size: x-small;
  background-color: #DDDDDD;
  padding: 2px 3px;
}
#about.deprecated #blogEntry .tags a:hover {
  background-color: #FFFF00;
}
#about.deprecated .related-info {
  margin-left: -30px;
  margin-right: -30px;
}
#about.deprecated #contents {
  padding-bottom: 30px;
}

#event-hepborn .cover {
  margin-bottom: 40px;
}
#event-hepborn .cover img {
  width: 100%;
  max-width: 100%;
}
#event-hepborn .sp-inner {
  padding: 0 20px;
}
#event-hepborn .article {
  padding: 50px 0;
}
#event-hepborn h1, #event-hepborn h2, #event-hepborn h3, #event-hepborn h4, #event-hepborn h5, #event-hepborn p, #event-hepborn dl, #event-hepborn dd, #event-hepborn dt {
  text-align: left;
}
#event-hepborn h1 {
  margin-bottom: 50px;
}
#event-hepborn h2 {
  border-bottom: solid 4px #FF0;
  padding-bottom: 15px;
  margin-bottom: 20px;
  font-size: 24px;
}
#event-hepborn h2 .small {
  padding-left: 10px;
  font-size: 12px;
}
#event-hepborn h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
}
#event-hepborn h4 {
  margin-bottom: 20px;
}
#event-hepborn h4 img {
  height: 150px;
}
#event-hepborn h4 dl {
  display: table;
}
#event-hepborn h4 dl dt, #event-hepborn h4 dl dd {
  display: table-cell;
  vertical-align: middle;
}
#event-hepborn h4 dl dt {
  padding-right: 20px;
}
#event-hepborn h4 dl dd {
  font-size: 24px;
  font-weight: bold;
  color: #000;
  line-height: 1.3em;
}
#event-hepborn h4 dl dd p:first-child {
  margin-bottom: 12px;
}
#event-hepborn h4 dl dd p.small {
  font-size: 18px;
  line-height: 1.25em;
}
#event-hepborn h5 {
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6em;
}
#event-hepborn section {
  margin-bottom: 60px;
}
#event-hepborn .top-margin {
  margin-top: 50px;
}
#event-hepborn .profile {
  margin-bottom: 20px;
  overflow: hidden;
}
#event-hepborn .profile .thumbnail {
  float: left;
}
#event-hepborn .profile .thumbnail img {
  width: 120px;
}
#event-hepborn .profile .txt {
  margin-left: 140px;
  font-size: 12px;
  line-height: 1.8em;
}
#event-hepborn .profile .txt .name {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 10px;
}
#event-hepborn .profile.right .thumbnail {
  margin-left: 20px;
  float: right;
}
#event-hepborn .profile.right .txt {
  margin-left: 0;
}
#event-hepborn .half {
  overflow: hidden;
}
#event-hepborn .half li {
  width: 50%;
  float: left;
}
#event-hepborn .half li:last-child h3, #event-hepborn .half li:last-child h4, #event-hepborn .half li:last-child h5 {
  padding-left: 50px;
}
#event-hepborn .news-block {
  padding: 30px 0 50px;
}
#event-hepborn .news-block .head {
  margin-bottom: 20px;
  overflow: hidden;
}
#event-hepborn .news-block .head h2 {
  float: left;
  margin-right: 30px;
  font-size: 24px;
}
#event-hepborn .news-block .head h2 a {
  color: #000;
}
#event-hepborn .news-block .head .lead {
  padding-top: 5px;
  vertical-align: bottom;
  color: #666;
}
#event-hepborn .news-block .head .more {
  margin-top: 10px;
  font-size: 11px;
  float: right;
}
#event-hepborn .news-block h2 {
  border-bottom: none;
}
#event-hepborn .news-block .caution {
  margin-bottom: 5px;
  display: block;
  background-color: #F00;
  color: #FFF;
  text-align: center;
  font-size: 11px;
  line-height: 1.6em;
}
#event-hepborn .news-block .pure-g-r {
  margin-left: -3.7%;
}
#event-hepborn .news-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  padding-bottom: 30px;
  width: 21.25%;
  position: relative;
}
#event-hepborn .news-block .pure-g-r .pure-u-1-4 a {
  display: block;
  color: #000;
  font-size: 13px;
  line-height: 1.6em;
}
#event-hepborn .news-block .pure-g-r .pure-u-1-4 .date {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #666;
  font-size: 11px;
}
@media screen and (max-width: 640px) {
  #event-hepborn h1 {
    margin-bottom: 30px;
  }
  #event-hepborn h2 {
    font-size: 18px;
  }
  #event-hepborn h2 .small {
    padding-left: 10px;
    font-size: 13px;
  }
  #event-hepborn h3 {
    font-size: 14px;
    margin-bottom: 10px;
  }
  #event-hepborn h4 {
    margin-bottom: 10px;
  }
  #event-hepborn h4 img {
    height: 150px;
  }
  #event-hepborn h4 dl {
    display: block;
  }
  #event-hepborn h4 dl dt, #event-hepborn h4 dl dd {
    display: block;
    vertical-align: middle;
    text-align: center;
  }
  #event-hepborn h4 dl dt {
    padding-right: 0;
    padding-bottom: 20px;
  }
  #event-hepborn h4 dl dd {
    font-size: 18px;
  }
  #event-hepborn h4 dl dd p:first-child {
    margin-bottom: 12px;
  }
  #event-hepborn h4 dl dd p.small {
    font-size: 14px;
    line-height: 1.25em;
  }
  #event-hepborn h5 {
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6em;
  }
  #event-hepborn section {
    margin-bottom: 60px;
  }
  #event-hepborn .top-margin {
    margin-top: 50px;
  }
  #event-hepborn .profile {
    margin-bottom: 20px;
    overflow: hidden;
  }
  #event-hepborn .profile .thumbnail {
    margin-bottom: 10px;
    float: none;
    text-align: center;
  }
  #event-hepborn .profile .thumbnail img {
    width: 120px;
  }
  #event-hepborn .profile .txt {
    margin-left: 0;
    font-size: 12px;
  }
  #event-hepborn .profile .txt .name {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
  }
  #event-hepborn .profile.right .thumbnail {
    margin-left: 0;
    float: none;
  }
  #event-hepborn .profile.right .txt {
    margin-left: 0;
  }
  #event-hepborn .half {
    overflow: hidden;
  }
  #event-hepborn .half li {
    width: 100%;
    float: none;
  }
  #event-hepborn .half li img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  #event-hepborn .half li:last-child h3, #event-hepborn .half li:last-child h4, #event-hepborn .half li:last-child h5 {
    padding-left: 0;
  }
  #event-hepborn .news-block {
    padding: 0 0 0;
  }
  #event-hepborn .news-block .head {
    margin-bottom: 0;
  }
  #event-hepborn .news-block .more .btn-blue {
    letter-spacing: 0.1em;
  }
  #event-hepborn .news-block .more .btn-blue img {
    width: 8px;
    height: auto;
    vertical-align: middle;
  }
  #event-hepborn .news-block .caution {
    padding: 0 5px;
    margin-bottom: 5px;
    display: block;
    background-color: #00F;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 1.6em;
    float: left;
  }
  #event-hepborn .news-block .pure-g-r {
    margin-left: 0;
  }
  #event-hepborn .news-block .pure-g-r .pure-u-1-4 {
    margin-left: 0;
    padding-bottom: 15px;
    width: 100%;
    position: relative;
    line-height: 1.4em;
  }
  #event-hepborn .news-block .pure-g-r .pure-u-1-4 a {
    color: #000;
  }
  #event-hepborn .news-block .pure-g-r .pure-u-1-4 .date {
    position: inherit;
    color: #666;
    font-size: 11px;
    text-align: left;
  }
  #event-hepborn .news-block .pure-g-r .pure-u-1-4 p {
    clear: both;
  }
}

#hope .article {
  padding: 60px 0;
}
#hope .cover {
  margin-bottom: 60px;
}
#hope .cover img {
  width: 100%;
  max-width: 100%;
}
#hope .lead {
  font-size: 16px;
  line-height: 2em;
}
#hope h2 {
  margin-bottom: 25px;
}
#hope h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}
#hope .margin-bottom {
  margin-bottom: 15px;
}
#hope .margin-bottom2x {
  margin-bottom: 30px;
}
#hope .margin-bottom3x {
  margin-bottom: 45px;
}
#hope .bg-yellow {
  background-color: yellow;
}
#hope .caption {
  line-height: 1.4em;
}
#hope .block {
  border-bottom: solid 2px #DDD;
  margin-bottom: 20px;
  padding: 40px;
  background-color: #FFF;
}
#hope .block h4 {
  font-weight: bold;
  line-height: 1.2em;
}
#hope .btn-blue {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #FFF;
  font-size: 18px;
  font-weight: bold;
  display: block;
}
#hope .list-message li {
  border-bottom: solid 1px #CCC;
  margin-bottom: 40px;
  padding-bottom: 40px;
  overflow: hidden;
}
#hope .list-message li .profile {
  float: left;
  width: 615px;
}
#hope .list-message li .profile h4 {
  padding-top: 15px;
  font-size: 24px;
}
#hope .list-message li .profile h5 {
  font-weight: bold;
  margin-top: 10px;
  font-size: 14px;
}
#hope .list-message li .profile p {
  padding-top: 20px;
  clear: both;
}
#hope .list-message li .img {
  float: right;
  width: 230px;
}
#hope .list-message li .img img {
  margin-bottom: 5px;
  width: 100%;
  max-width: 100%;
}
#hope .list-message li .portrait {
  width: 90px;
  float: left;
  margin-right: 20px;
}
#hope .list-message li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#hope .list-1-4 {
  margin-left: -13px;
}
#hope .list-1-4 li {
  margin-left: 13px;
  width: 210px;
  float: left;
}
#hope .list-1-4 li img {
  margin-bottom: 5px;
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}
#hope .table-history {
  margin-bottom: 15px;
  border-top: solid 1px #CCC;
  width: 100%;
}
#hope .table-history th, #hope .table-history td {
  padding: 15px 0;
  border-bottom: solid 1px #CCC;
}
#hope .table-history th {
  font-weight: bold;
  padding-right: 30px;
}
#hope .table-history td strong {
  padding-right: 1em;
}
#hope .table-history td .txt {
  float: left;
  width: 680px;
}
#hope .table-history td .fl-right {
  margin: 0;
  width: 158px;
  vertical-align: bottom;
}
#hope .table-history td .fl-right img {
  width: 100%;
  max-width: 100%;
  vertical-align: bottom;
}

#default.normal #contents .topicpath {
  padding-top: 25px;
  float: none;
}
#default .contents-menu {
  padding-top: 30px;
  padding-top: 10px;
}
#default .contents-menu a {
  border-left: solid 2px #FFF;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  line-height: 4.8em;
}
#default .contents-menu a.border-non {
  border: none;
}
#default .contents-menu a.txt-two-line {
  line-height: 1.4em;
  padding-top: 15px;
  height: 45px;
}
#default .contents-menu a.active {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  #default .contents-menu {
    display: none;
  }
}
#default .headline_02, #default #campuslife.default #contents .article h2, #campuslife.default #contents .article #default h2, #default #campuslife .detail #contents .article h2, #campuslife .detail #contents .article #default h2, #default #campus.default #contents .article h2, #campus.default #contents .article #default h2, #default #about.default #contents .article h2, #about.default #contents .article #default h2, #default #about.ic .default #contents .article h2, #about.ic .default #contents .article #default h2, #default #about.default-ic #contents .article h2, #about.default-ic #contents .article #default h2, #default #contents .article h2, #default #academics.default #contents .article h2, #academics.default #contents .article #default h2 {
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
#default .headline_03, #default #campuslife.default #contents .article h3, #campuslife.default #contents .article #default h3, #default #campuslife.default #contents .article .panel-menu .title, #campuslife.default #contents .article .panel-menu #default .title, #default #campuslife .detail #contents .article h3, #campuslife .detail #contents .article #default h3, #default #campuslife .detail #contents .article .panel-menu .title, #campuslife .detail #contents .article .panel-menu #default .title, #default #campus.default #contents .article h3, #campus.default #contents .article #default h3, #default #campus.default #contents .article .panel-menu .title, #campus.default #contents .article .panel-menu #default .title, #default #about.default #contents .article h3, #about.default #contents .article #default h3, #default #about.default #contents .article .panel-menu .title, #about.default #contents .article .panel-menu #default .title, #default #about.ic .default #contents .article h3, #about.ic .default #contents .article #default h3, #default #about.ic .default #contents .article .panel-menu .title, #about.ic .default #contents .article .panel-menu #default .title, #default #about.default-ic #contents .article h3, #about.default-ic #contents .article #default h3, #default #about.default-ic #contents .article .panel-menu .title, #about.default-ic #contents .article .panel-menu #default .title, #default #contents .article h3, #default #contents .article .panel-menu .title, #default #academics.default #contents .article h3, #academics.default #contents .article #default h3, #default #academics.default #contents .article .panel-menu .title, #academics.default #contents .article .panel-menu #default .title {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}
#default .headline_04, #default #campuslife.default #contents .article h4, #campuslife.default #contents .article #default h4, #default #campuslife.default #contents #creed .article h3, #campuslife.default #contents #creed .article #default h3, #default #campuslife .detail #contents .article h4, #campuslife .detail #contents .article #default h4, #default #campuslife .detail #contents #creed .article h3, #campuslife .detail #contents #creed .article #default h3, #default #campus.default #contents .article h4, #campus.default #contents .article #default h4, #default #campus.default #contents #creed .article h3, #campus.default #contents #creed .article #default h3, #default #about.default #contents .article h4, #about.default #contents .article #default h4, #default #about.default #contents #creed .article h3, #about.default #contents #creed .article #default h3, #default #about.ic .default #contents .article h4, #about.ic .default #contents .article #default h4, #default #about.ic .default #contents #creed .article h3, #about.ic .default #contents #creed .article #default h3, #default #about.default-ic #contents .article h4, #about.default-ic #contents .article #default h4, #default #about.default-ic #contents #creed .article h3, #about.default-ic #contents #creed .article #default h3, #default #contents .article h4, #default #contents #creed .article h3, #default #academics.default #contents .article h4, #academics.default #contents .article #default h4, #default #academics.default #contents #creed .article h3, #academics.default #contents #creed .article #default h3 {
  font-size: 14px;
  font-weight: bold;
}
#default h2 {
  line-height: 1.4em;
}
#default #header {
  border-bottom: solid 1px #CCC;
}
#default #contents {
  /* 個別ページ */
  /* 建学の精神と教育理念 */
  /* 歴史的建造物 */
  /* 明治学院大学の歴史と現在 */
  /* 宗教部 */
  /* スポーツプロジェクト */
  /* 課外活動 */
  /* キャリア支援 */
}
#default #contents .topicpath {
  padding-bottom: 0;
  overflow: hidden;
}
#default #contents .head h1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
#default #contents .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#default #contents .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#default #contents .list-inline_left li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
#default #contents .list-inline_right li {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
#default #contents .article {
  padding: 40px 0;
  /* table */
  /* panel-menu */
  /* with-image */
  /* single-figure */
  /* table_01 - ラインなし */
  /* 余白 */
}
@media screen and (max-width: 767px) {
  #default #contents .article.sp-pt-non {
    padding-top: 0;
  }
}
#default #contents .article .section {
  padding-top: 40px;
}
#default #contents .article .section:first-child {
  padding-top: 0;
}
#default #contents .article .section:last-child {
  padding-bottom: 40px;
}
#default #contents .article .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#default #contents .article .section-border:first-child {
  padding-top: 0;
}
#default #contents .article .section-border:last-child {
  border-bottom: 0;
}
#default #contents .article .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#default #contents .article .main {
  width: 43%;
  float: left;
  overflow: hidden;
}
#default #contents .article .side {
  margin-left: 50%;
  width: 50%;
}
#default #contents .article .side .newsTopics {
  margin-bottom: 20px;
}
#default #contents .article .side ul {
  font-size: 14px;
}
#default #contents .article .side h3 a {
  font-size: 24px;
  padding: 12px 20px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
#default #contents .article .side h3 a:link {
  color: #FFF;
}
#default #contents .article .side h3 a:visited {
  color: #6190e5;
}
#default #contents .article .side h3 a:hover {
  color: #FFF;
}
#default #contents .article .side h3 a:active {
  color: #FFF;
}
#default #contents .article .side h3 a .arrow,
#default #contents .article .side h3 a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#default #contents .article .side h3 a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#default #contents .article h2 {
  margin-bottom: 20px;
}
#default #contents .article h2 a {
  color: #000;
}
#default #contents .article h2 a img {
  vertical-align: 0px;
  margin-left: 10px;
}
#default #contents .article h2.blue a,
#default #contents .article h2.link-color a {
  color: #0054ff;
}
#default #contents .article h3 {
  margin-bottom: 20px;
}
#default #contents .article h3.nonmargin {
  margin-bottom: 0;
}
#default #contents .article h3.title-medium {
  font-size: 24px;
  line-height: 36px;
}
#default #contents .article p, #default #contents .article ul, #default #contents .article ol {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
#default #contents .article p:last-child, #default #contents .article ul:last-child, #default #contents .article ol:last-child {
  margin-bottom: 0;
}
#default #contents .article ol {
  list-style: decimal;
  margin-left: 20px;
}
#default #contents .article dl {
  margin-bottom: 30px;
}
#default #contents .article dl dt, #default #contents .article dl dd {
  font-size: 14px;
}
#default #contents .article dl dt {
  font-weight: bold;
}
#default #contents .article figure {
  margin: 0 0 20px 0;
}
#default #contents .article .table-list {
  margin-bottom: 30px;
}
#default #contents .article .table-list th, #default #contents .article .table-list td {
  font-size: 14px;
}
#default #contents .article .table-list .col_15per {
  width: 15%;
}
#default #contents .article .table-list .col_18per {
  width: 18%;
}
#default #contents .article .table-list .col_20per {
  width: 20%;
}
#default #contents .article .table-list .col_25per {
  width: 25%;
}
#default #contents .article .table-list .col_30per {
  width: 30%;
}
#default #contents .article .panel-menu {
  margin: 0;
}
#default #contents .article .panel-menu .title {
  display: block;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #FFF;
  background-color: #0054FF;
  border-bottom: 1px solid #000;
  padding: 14px 20px 13px;
  margin-bottom: 0;
  cursor: pointer;
}
#default #contents .article .panel-menu .title .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#default #contents .article .panel-menu .title.panel-title-wrap {
  padding: 20px 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  #default #contents .article .panel-menu .title.panel-title-wrap {
    padding: 20px;
  }
}
#default #contents .article .panel-menu .title.panel-title-wrap .panel-title,
#default #contents .article .panel-menu .title.panel-title-wrap .panel-icon,
#default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  vertical-align: middle;
}
#default #contents .article .panel-menu .title.panel-title-wrap .panel-title {
  display: table-cell;
  font-size: 18px;
}
#default #contents .article .panel-menu .title.panel-title-wrap .panel-icon {
  display: table-cell;
  font-size: 36px;
  width: 1%;
  white-space: nowrap;
  padding-right: 22px;
}
#default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  font-size: 24px;
  text-align: right;
}
#default #contents .article .panel {
  display: none;
}
#default #contents .article .panel .table-list caption {
  text-align: right;
  font-size: 12px;
}
#default #contents .article .panel .table-list th, #default #contents .article .panel .table-list td {
  font-size: 13px;
}
#default #contents .article .panel .table-list td {
  background: #fff;
  text-align: right;
}
#default #contents .article .panel .table-list td.al-left {
  text-align: left;
}
#default #contents .article .panel .table-list thead th {
  text-align: center;
}
#default #contents .article .panel .table-list .total th, #default #contents .article .panel .table-list .total td {
  background-color: #FF0;
}
#default #contents .article .panel p, #default #contents .article .panel ul {
  font-size: 13px;
}
#default #contents .article .panel .section:first-child h5.headline_03, #default #contents .article .panel .section:first-child .panel-menu h5.title, #default #contents .article .panel-menu .panel .section:first-child h5.title {
  margin-top: 20px;
}
#default #contents .article .with-image {
  display: table;
}
#default #contents .article .with-image div {
  display: table-cell;
  vertical-align: top;
}
#default #contents .article .with-image .figure {
  padding-left: 20px;
}
#default #contents .article .with-image .figure span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
#default #contents .article .with-image.left-image .figure {
  padding-left: 0;
  padding-right: 20px;
}
#default #contents .article .single-figure {
  margin-bottom: 20px;
}
#default #contents .article .single-figure img {
  max-width: 100%;
}
#default #contents .article .single-figure .caption {
  display: block;
}
#default #contents .article .table_01 dl {
  display: table;
  margin-bottom: 20px;
}
#default #contents .article .table_01 dl dt, #default #contents .article .table_01 dl dd {
  display: table-cell;
}
#default #contents .article .table_01 dl dt {
  width: 160px;
}
#default #contents .article .m-b-10 {
  margin-bottom: 10px;
}
#default #contents .article .m-b-20 {
  margin-bottom: 20px;
}
#default #contents .article .m-b-30 {
  margin-bottom: 30px;
}
#default #contents .article .m-b-40 {
  margin-bottom: 40px;
}
#default #contents .article .m-b-50 {
  margin-bottom: 50px;
}
#default #contents .article .m-b-60 {
  margin-bottom: 60px;
}
#default #contents #doforothers .article figure {
  margin-bottom: 30px;
}
#default #contents #doforothers .article p {
  margin-bottom: 30px;
}
#default #contents #doforothers .article .with-image .figure {
  padding-left: 60px;
}
#default #contents #historical .article .with-image h3:first-child {
  margin-top: 0;
}
#default #contents #history .category_list {
  margin-top: 10px;
  margin-bottom: 0px;
}
#default #contents #history .article .with-image .figure {
  width: 25%;
}
#default #contents #history .article .with-image .figure img {
  max-width: 100%;
  height: auto;
}
#default #contents #sports .article .section-border:first-child {
  padding-top: 40px;
}
#default #contents #activity-dl .article {
  padding-top: 0;
}
#default #contents #career .block .sidebar,
#default #contents #joho .block .sidebar,
#default #contents #student .block .sidebar,
#default #contents #office .block .sidebar {
  float: right;
  width: 36.4583%;
}
#default #contents #career .block .sidebar h2,
#default #contents #joho .block .sidebar h2,
#default #contents #student .block .sidebar h2,
#default #contents #office .block .sidebar h2 {
  margin-bottom: 10px;
}
#default #contents #career .block .sidebar h2 a,
#default #contents #joho .block .sidebar h2 a,
#default #contents #student .block .sidebar h2 a,
#default #contents #office .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#default #contents #career .block .sidebar h2 a .arrow,
#default #contents #joho .block .sidebar h2 a .arrow,
#default #contents #student .block .sidebar h2 a .arrow,
#default #contents #office .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#default #contents #career .block .sidebar ul,
#default #contents #joho .block .sidebar ul,
#default #contents #student .block .sidebar ul,
#default #contents #office .block .sidebar ul {
  margin-bottom: 30px;
}
#default #contents #career .block .sidebar ul li,
#default #contents #joho .block .sidebar ul li,
#default #contents #student .block .sidebar ul li,
#default #contents #office .block .sidebar ul li {
  margin-bottom: 5px;
}
#default #contents #career .block .main,
#default #contents #joho .block .main,
#default #contents #student .block .main,
#default #contents #office .block .main {
  float: left;
  width: 60.4166%;
}
#default #contents #career .block .article,
#default #contents #joho .block .article,
#default #contents #student .block .article,
#default #contents #office .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#default #contents #career .block .article:last-child,
#default #contents #joho .block .article:last-child,
#default #contents #student .block .article:last-child,
#default #contents #office .block .article:last-child {
  border-bottom: none;
}
#default #contents #career .block .article:first-child,
#default #contents #joho .block .article:first-child,
#default #contents #student .block .article:first-child,
#default #contents #office .block .article:first-child {
  padding-top: 10px;
}
#default #contents #career .block .table-list th,
#default #contents #joho .block .table-list th,
#default #contents #student .block .table-list th,
#default #contents #office .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#default #contents #career h1,
#default #contents #joho h1,
#default #contents #student h1,
#default #contents #office h1 {
  margin-bottom: 50px;
}
#default #contents #career ul,
#default #contents #joho ul,
#default #contents #student ul,
#default #contents #office ul {
  overflow: hidden;
}
#default #contents #career ul .img,
#default #contents #joho ul .img,
#default #contents #student ul .img,
#default #contents #office ul .img {
  float: left;
  padding-right: 20px;
}
#default #contents #career .article,
#default #contents #joho .article,
#default #contents #student .article,
#default #contents #office .article {
  clear: both;
}
#default .challenge-detail .bg-box {
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #default .challenge-detail .bg-box {
    padding: 10px;
    margin-bottom: 20px;
  }
}
#default .challenge-detail .bg-box h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
#default .challenge-detail .bg-box p {
  margin: 0 !important;
}
#default .challenge-detail .fl-left {
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  #default .challenge-detail .fl-left {
    margin-right: 0;
    text-align: center;
  }
}
#default .challenge-detail .block p {
  margin-left: 240px;
}
@media screen and (max-width: 640px) {
  #default .challenge-detail .block p {
    margin-left: 0;
  }
}
#default .challenge-detail .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#default .challenge-detail .section-border:first-child {
  padding-top: 0;
}
#default .challenge-detail .section-border:last-child {
  border-bottom: 0;
}
#default .challenge-detail .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#default .news-block p,
#default .news-block .date {
  line-height: 1.6em !important;
}
#default .news-block p {
  font-size: 13px !important;
}
#default .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #default .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#default .news-block .pure-u-1-3 a {
  color: #000;
}
#default .news-block .pure-u-1-3 p,
#default .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #default .news-block .pure-u-1-3 p,
  #default .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#default .news-block .pure-u-1-3:first-child p,
#default .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #default .news-block .pure-u-1-3:first-child p,
  #default .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#default .news-block .pure-u-1-3:last-child p,
#default .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #default .news-block .pure-u-1-3:last-child p,
  #default .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#default .event-block {
  padding: 10px 0 60px;
}
#default .event-block.ng-margin {
  margin-top: -40px;
}
#default .event-block .pure-g-r {
  margin-left: -3.7%;
}
#default .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#default .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#default .event-block .pure-g-r .pure-u-1-4 .date {
  height: 3em;
  margin-bottom: 10px;
  color: #000;
}
#default .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#default .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#default .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#default .top .top {
  padding-top: 120px;
  padding-bottom: 50px;
}
#default .top .top .banner {
  margin-bottom: 20px;
  position: relative;
}
#default .top .top .banner h1 {
  color: #FFF;
  position: absolute;
  top: 70px;
  left: 50px;
  line-height: 1.1em;
}
#default .top .top .article {
  padding: 40px 0;
}
#default .top .top .article h2 {
  margin-bottom: 10px;
}
#default .top .top .article h2 a {
  color: #000;
}
#default .top .top .article h2 .arrow-double {
  vertical-align: top;
  margin-top: 2px;
  margin-left: 10px;
}
#default .top .top .article .thumbnail {
  margin-bottom: 15px;
}
#default .top .top .left-column {
  padding-right: 14px;
}
#default .top .top .center-column {
  padding: 0 7px;
}
#default .top .top .right-column {
  padding-left: 14px;
}
@media screen and (max-width: 767px) {
  #default .top .top {
    padding-top: 0;
    padding-bottom: 20px;
  }
  #default .top .top .pc-bg {
    border: none;
    background: transparent;
  }
  #default .top .top .sp-bg {
    background-color: #EFEFEF;
  }
  #default .top .top .banner {
    margin-bottom: 20px;
    position: relative;
  }
  #default .top .top .banner img {
    max-width: 100%;
    width: 100%;
  }
  #default .top .top .banner h1 {
    color: #FFF;
    position: absolute;
    top: 40px;
    left: 15px;
  }
  #default .top .top .article {
    padding: 0 !important;
  }
  #default .top .top .article h2 {
    margin-bottom: 10px;
  }
  #default .top .top .article h2 a {
    color: #000;
  }
  #default .top .top .article h2 .arrow-double {
    vertical-align: top;
    margin-top: 2px;
    margin-left: 10px;
  }
  #default .top .top .article .thumbnail {
    margin-bottom: 5px;
    width: 100%;
  }
  #default .top .top .article li {
    font-size: 16px;
    margin-top: 5px;
  }
  #default .top .top .article .label a {
    padding-right: 20px;
    background: url(../images/icon-label.gif) no-repeat right 4px;
    background-size: 13px 13px;
  }
  #default .top .top .article .external a {
    margin-left: 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f14c";
    color: #0054ff;
  }
  #default .top .top .left-column,
  #default .top .top .center-column,
  #default .top .top .right-column {
    padding: 20px 0;
  }
}
#default .index h1.title-large {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #default .index h1.title-large {
    margin: 20px 0;
  }
}
#default .index .head {
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
#default .index .head h1 {
  float: left;
  margin-right: 40px;
}
#default .index .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#default .index .head-banner {
  padding-top: 30px;
  padding-bottom: 0;
  overflow: hidden;
}
#default .index .head-banner h1 {
  font-weight: normal;
  margin: 0;
  width: 31.7708%;
  height: 185px;
  background-color: #FF0;
  line-height: 6em;
  text-align: center;
  float: left;
}
@media screen and (max-width: 767px) {
  #default .index .head-banner h1 {
    padding-top: 0;
    height: auto;
  }
}
#default .index .head-banner h1.txt-twoline {
  line-height: 1.5em;
  padding-top: 45px;
  height: 140px;
}
@media screen and (max-width: 767px) {
  #default .index .head-banner h1.txt-twoline {
    padding-top: 0;
    height: auto;
  }
}
#default .index .head-banner h1.txt-threeline {
  line-height: 1.45em;
  padding-top: 30px;
  min-height: 185px;
  box-sizing: border-box;
  height: auto;
}
#default .index .head-banner h1.txt-threeline .subtitle {
  display: block;
}
@media screen and (max-width: 767px) {
  #default .index .head-banner h1.txt-threeline {
    padding-top: 0;
    min-height: auto;
  }
}
#default .index .head-banner h1.al-left {
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #default .index .head-banner h1.al-left {
    padding: 0 15px;
  }
}
#default .index .head-banner .banner {
  float: right;
  width: 68.2291%;
}
#default .index .head-banner .banner img {
  max-width: 100%;
  width: 100%;
  height: 185px;
}
#default .index .article {
  padding: 40px 0;
}
#default .index .article.pad-large {
  padding: 80px 0;
}
#default .index .article.pad-large.pad-top-non {
  padding-top: 0;
}
#default .index .article .lead {
  margin-top: -20px;
  padding-bottom: 20px;
}
#default .index .article h2 {
  margin-bottom: 25px;
  font-size: 22px;
  float: none;
}
#default .index .article p {
  line-height: 1.6em;
}
#default .index .article .bg-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
#default .index .article .bg-title a h2 {
  position: absolute;
  float: left;
  top: 38%;
  left: 25px;
  color: #FFF !important;
  padding-right: 20px;
  background: url(../images/arrow-single-right-white-30x16.png) no-repeat right center;
  background-size: 8px 15px;
}
@media screen and (max-width: 767px) {
  #default .index .article .bg-title a h2 {
    top: 33%;
    left: 20px;
  }
}
#default .index .article .pure-g-r .pure-u-1-2 {
  float: left;
}
#default .index .article .pure-g-r .pure-u-1-2 .arrow {
  margin-left: 10px;
  margin-top: 6px;
  vertical-align: top;
}
#default .index .article .pure-g-r .pure-u-1-3 .left .thumbnail,
#default .index .article .pure-g-r .pure-u-1-3 .center .thumbnail,
#default .index .article .pure-g-r .pure-u-1-3 .right .thumbnail {
  max-width: 100%;
  width: 100%;
}
#default .index .article .pure-g-r .pure-u-1-3 .left img {
  margin-right: 30px;
}
#default .index .article .pure-g-r .pure-u-1-3 .center img {
  margin: 0 15px;
}
#default .index .article .pure-g-r .pure-u-1-3 .right img {
  margin-left: 30px;
}
#default .index .article .left,
#default .index .article .right {
  overflow: hidden;
  width: 100%;
}
#default .index .article .left .index-thumbnail,
#default .index .article .right .index-thumbnail {
  margin-bottom: 30px;
}
#default .index .article .left {
  float: left;
}
#default .index .article .left .index-thumbnail {
  padding-right: 1.5%;
}
#default .index .article .left .index-thumbnail img {
  max-width: 100%;
  width: 100%;
}
#default .index .article .left h2,
#default .index .article .left h3,
#default .index .article .left .bg-title,
#default .index .article .left .block {
  padding-right: 8%;
}
#default .index .article .left .block {
  border-right: solid 1px #CCC;
}
#default .index .article .right {
  float: right;
}
#default .index .article .right h2,
#default .index .article .right h3,
#default .index .article .right .bg-title,
#default .index .article .right .block {
  padding-left: 8%;
}
#default .index .article .right h2 h2,
#default .index .article .right h3 h2,
#default .index .article .right .bg-title h2,
#default .index .article .right .block h2 {
  padding-left: 0;
}
#default .index .article .right .bg-title h2 {
  padding-left: 8%;
}
@media screen and (max-width: 767px) {
  #default .index .bg {
    background-color: transparent;
  }
  #default .index .sp-bg {
    background-color: #EFEFEF;
  }
  #default .index .head {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    overflow: hidden;
    display: block;
  }
  #default .index .head h1 {
    float: none;
    margin-right: 0;
  }
  #default .index .head .lead {
    padding-top: 30px;
    padding-left: 0;
  }
  #default .index .head-banner {
    padding-bottom: 30px;
    overflow: hidden;
    clear: both;
  }
  #default .index .head-banner.sp-pad-top-non {
    padding-top: 0;
  }
  #default .index .head-banner h1 {
    float: none;
    width: auto;
    height: auto;
    background-color: transparent;
    text-align: left;
  }
  #default .index .head-banner h1.txt-twoline {
    padding-top: 0;
    height: auto;
  }
  #default .index .head-banner .banner {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  #default .index .head-banner .banner img {
    width: 100%;
    height: auto;
  }
  #default .index .article {
    padding: 0 !important;
  }
  #default .index .article.sp-pd {
    padding: 30px 0 !important;
  }
  #default .index .article.pad-large {
    padding: 40px 0 !important;
  }
  #default .index .article.sp-top-ng-margin {
    padding-top: 0  !important;
  }
  #default .index .article h2 {
    margin-bottom: 15px;
    font-size: 18px;
    float: none;
  }
  #default .index .article p {
    line-height: 1.6em;
  }
  #default .index .article .lead {
    margin-bottom: 30px;
  }
  #default .index .article .pure-g-r .pure-u-1-2 {
    float: none;
  }
  #default .index .article .pure-g-r .pure-u-1-2 .arrow {
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: top;
  }
  #default .index .article .pure-g-r .pure-u-1-3 .left,
  #default .index .article .pure-g-r .pure-u-1-3 .center,
  #default .index .article .pure-g-r .pure-u-1-3 .right {
    padding: 0;
  }
  #default .index .article .pure-g-r .pure-u-1-3 .left img,
  #default .index .article .pure-g-r .pure-u-1-3 .center img,
  #default .index .article .pure-g-r .pure-u-1-3 .right img {
    margin: 0 0 10px;
  }
  #default .index .article .left,
  #default .index .article .right {
    overflow: hidden;
    width: 100%;
    padding: 30px 0 30px 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #default .index .article .left,
  #default .index .article .right {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #default .index .article .left {
    float: none;
  }
  #default .index .article .left h2,
  #default .index .article .left h3,
  #default .index .article .left .bg-title,
  #default .index .article .left .block {
    padding-right: 0;
  }
  #default .index .article .left .block {
    border-right: none;
  }
  #default .index .article .right {
    float: none;
  }
  #default .index .article .right h2,
  #default .index .article .right h3,
  #default .index .article .right .bg-title,
  #default .index .article .right .block {
    padding-left: 0;
  }
  #default .index .article .right .bg-title h2 {
    padding-left: 0;
  }
}
#default.header-normal #header {
  border-bottom: none;
}
#default .voice.renew h2 {
  background: none;
  color: #000;
  padding: 0;
  margin-bottom: 20px;
}
#default .voice.renew .pure-g-r {
  margin-top: -2.0833%;
  margin-left: -2.0833%;
}
@media screen and (max-width: 767px) {
  #default .voice.renew .pure-g-r {
    margin-top: 0;
    margin-left: 0;
  }
}
#default .voice.renew .pure-g-r .pure-u-1-4 {
  width: 22.88%;
  background-color: #FF0;
  position: relative;
  padding-bottom: 10px;
  min-height: 140px;
  margin-top: 2.0833%;
  margin-left: 2.0833%;
}
@media screen and (max-width: 767px) {
  #default .voice.renew .pure-g-r .pure-u-1-4 {
    margin-bottom: 4.45%;
    margin-left: 4.45%;
    width: 43.75%;
  }
}
#default .voice.renew .pure-g-r .pure-u-1-4.mh-inherit {
  min-height: inherit !important;
}
#default .voice.renew .pure-g-r .pure-u-1-4.mh-career {
  min-height: 310px;
}
#default .voice.renew .pure-g-r .pure-u-1-4 .photo {
  background-color: #FFF;
}
#default .voice.renew .pure-g-r .pure-u-1-4 ul {
  margin: 0 10px;
  padding: 10px 0 0;
  overflow: hidden;
}
#default .voice.renew .pure-g-r .pure-u-1-4 ul.bb-non {
  border-bottom: none !important;
}
#default .voice.renew .pure-g-r .pure-u-1-4 ul li.profile {
  margin: 0;
  line-height: 1.5em;
  width: auto;
}
#default .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 11px;
  display: block;
  color: #000;
}
#default .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .name-roman {
  display: block;
  font-size: 13px;
  color: #000;
  font-weight: bold;
}
#default .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .name {
  padding: 5px 0;
  font-size: 18px;
  color: #000;
  display: block;
}
#default .voice.renew .pure-g-r .pure-u-1-4 p {
  padding: 10px;
  line-height: 1.6em;
  color: #666;
}
#default .voice.renew .pure-g-r .pure-u-1-4 p span {
  padding-right: 5px;
}
#default .voice.renew .pure-g-r .pure-u-1-4 p span img {
  width: 10px;
  vertical-align: top;
}

/* academics
---------------------------------------------------------------------------- */
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 {
  width: 319px !important;
}
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-faculty,
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-graduate,
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-lawyers {
  border-left: 1px solid #CCC;
}
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-faculty a,
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-graduate a,
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-lawyers a {
  border-left: 1px solid #FFF;
  text-align: center;
  padding: 20px 0;
  display: block;
}
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-faculty a:hover,
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-graduate a:hover,
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-lawyers a:hover {
  background-color: #CCC;
}
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-lawyers {
  border-right: none;
}
#academics #sub-menu .inner .pure-g-r .pure-u-1-3 .academics-lawyers a {
  border-right: none;
}
#academics .header-main-banner {
  padding: 60px 0 0 0;
  position: relative;
}
#academics .header-main-banner .content-title {
  position: absolute;
  left: 45px;
  bottom: 45px;
  font-size: 32px;
  font-weight: normal;
  color: #fff;
  -webkit-font-smoothing: antialiased;
}
#academics .voice {
  /* voice detail */
  /* voice detail */
}
#academics .voice.renew h2 {
  background: none;
  color: #000;
  padding: 0;
  margin-bottom: 20px;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 {
  width: 22.88%;
  background-color: #FF0;
  position: relative;
  padding-bottom: 10px;
  min-height: 140px;
}
#academics .voice.renew .pure-g-r .pure-u-1-4.bg-gray {
  background-color: #EFEFEF;
  font-size: 18px;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 .photo {
  background-color: #FFF;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 ul {
  border-bottom: dashed 1px #000;
  margin: 0 10px;
  padding: 10px 0;
  overflow: hidden;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 ul li.profile {
  margin: 0;
  line-height: 1.5em;
  width: auto;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 11px;
  display: block;
  color: #000;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .name-roman {
  display: block;
  font-size: 11px;
  color: #666;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 ul li.profile .name {
  padding: 5px 0;
  font-size: 18px;
  color: #000;
  display: block;
}
#academics .voice.renew .pure-g-r .pure-u-1-4.bg-gray {
  background-color: #EFEFEF;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #academics .voice.renew .pure-g-r .pure-u-1-4.bg-gray {
    min-height: 270px !important;
  }
}
#academics .voice.renew .pure-g-r .pure-u-1-4.bg-gray ul {
  border: none;
}
#academics .voice.renew .pure-g-r .pure-u-1-4.bg-gray ul li .name {
  padding: 0;
  font-weight: bold;
}
#academics .voice.renew .pure-g-r .pure-u-1-4.bg-gray ul li .name-normal {
  font-size: 14px;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 p {
  padding: 10px;
  line-height: 1.6em;
  color: #666;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 p span {
  padding-right: 5px;
}
#academics .voice.renew .pure-g-r .pure-u-1-4 p span img {
  width: 10px;
  vertical-align: top;
}
#academics .voice.renew.challenge {
  margin-top: -30px;
  margin-bottom: 30px;
}
#academics .voice.renew.challenge .pure-g-r {
  margin-top: 30px;
}
#academics .voice.renew.challenge .pure-g-r .pure-u-1-4 {
  background-color: #EFEFEF;
}
#academics .voice.renew.challenge .pure-g-r .pure-u-1-4 ul {
  border-bottom: 0;
  margin: 0 20px;
  padding: 15px 0 0;
}
#academics .voice.renew.challenge .pure-g-r .pure-u-1-4 ul li {
  width: 100%;
}
#academics .voice.renew.challenge .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 13px;
  font-weight: bold;
  display: block;
  padding-bottom: 5px;
  margin-bottom: 5px;
  line-height: 1.4em;
  border-bottom: solid 1px #000;
}
#academics .voice.renew.challenge .pure-g-r .pure-u-1-4 ul li.profile .name {
  padding: 5px 0;
  font-size: 18px;
  color: #000;
  display: block;
}
@media screen and (max-width: 767px) {
  #academics .voice.renew.archives {
    padding-bottom: 30px;
  }
}
#academics .voice.renew.archives .article {
  padding: 30px 0;
}
@media screen and (max-width: 767px) {
  #academics .voice.renew.archives .article {
    padding-bottom: 0;
  }
}
#academics .voice.renew.archives .article:first-child {
  padding: 0;
}
#academics .voice.renew.archives h2 {
  margin-bottom: 50px;
  padding: 3px 5px;
  border: solid 1px #000;
  background: none;
  color: #000;
  display: inline-block;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  #academics .voice.renew.archives h2 {
    margin-bottom: 20px;
    font-size: 18px;
  }
}
#academics .voice.renew.archives .voice-label {
  background-color: #000;
  padding: 5px;
  color: #FFF;
  text-align: center;
  font-weight: bold;
}
#academics .voice.renew.archives .voice-more-wrap hr {
  margin-top: 65px;
}
@media screen and (max-width: 767px) {
  #academics .voice.renew.archives .voice-more-wrap hr {
    margin-top: 35px;
  }
}
#academics .voice.renew.archives .voice-more-btn {
  margin-top: 20px;
  padding: 10px;
  display: block;
  font-weight: bold;
  text-align: center;
  color: #000;
  background-color: #EEE;
}
#academics .voice.renew.archives .voice-sub {
  padding: 0 20px;
}
#academics .voice.renew.archives .voice-sub .voice-update {
  font-size: 11px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  color: #666;
}
#academics .voice.renew.archives .voice-sub .voice-tag-list {
  margin-top: 10px;
}
#academics .voice.renew.archives .voice-sub .voice-tag-list .voice-tag {
  border: solid 1px #000;
  margin-right: 10px;
  padding: 5px 10px;
  display: block;
  float: left;
  font-size: 11px;
  color: #000;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 {
  margin-left: 2.0833%;
  margin-top: 2.0833%;
  width: 31.25%;
  background-color: #FF0;
  position: relative;
  padding-bottom: 10px;
  min-height: 460px;
}
@media screen and (max-width: 767px) {
  #academics .voice.renew.archives .pure-g-r .pure-u-1-4 {
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 0;
    width: 100%;
  }
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4.mh-adj {
  min-height: 350px;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray {
  background-color: #EFEFEF;
  font-size: 18px;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 .photo {
  background-color: #FFF;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 .photo a {
  display: block;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 .photo a img {
  margin-top: -1px;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 ul {
  border-bottom: dashed 1px #000;
  margin: 0 20px !important;
  padding: 10px 0;
  overflow: hidden;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 ul li.profile {
  margin: 0;
  line-height: 1.5em;
  width: auto;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 11px;
  display: block;
  color: #000;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 ul li.profile .name-roman {
  display: block;
  font-size: 11px;
  color: #666;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 ul li.profile .name {
  padding: 5px 0;
  font-size: 18px;
  color: #000;
  display: block;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray {
  background-color: #EFEFEF;
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #academics .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray {
    min-height: 270px !important;
  }
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray ul {
  border: none;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray ul li .name {
  padding: 0;
  font-weight: bold;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4.bg-gray ul li .name-normal {
  font-size: 14px;
}
#academics .voice.renew.archives .pure-g-r .pure-u-1-4 p {
  margin-bottom: 0;
  padding: 10px 20px;
  line-height: 1.6em;
  font-size: 16px;
  font-weight: bold;
  color: #000;
}
#academics .voice .article {
  padding: 70px;
  overflow: hidden;
}
#academics .voice .article p.caption {
  padding: 20px 0;
  clear: both;
}
#academics .voice .bg {
  border: none;
  overflow: hidden;
}
#academics .voice .title {
  padding: 50px 0;
}
#academics .voice .block1 {
  padding: 0;
}
#academics .voice .block1 .head {
  padding-top: 50px;
  padding-bottom: 60px;
}
#academics .voice .block1 .head h1 {
  float: left;
}
#academics .voice .block1 .head .lead {
  padding-top: 10px;
  margin-left: 200px;
  color: #666;
}
#academics .voice .block1 h2 {
  margin-bottom: 40px;
}
#academics .voice .block1 .pagination {
  display: none;
}
#academics .voice .pure-g-r {
  margin-top: -2.0833%;
  margin-left: -2.0833%;
}
#academics .voice .pure-g-r .pure-u-1-4 {
  margin-top: 2.0833%;
  margin-left: 2.0833%;
  width: 22.88%;
  background-color: #FFF;
  position: relative;
  padding-bottom: 45px;
  min-height: 255px;
}
#academics .voice .pure-g-r .pure-u-1-4 ul {
  border-bottom: dashed 1px #CCC;
  padding: 10px;
  overflow: hidden;
}
#academics .voice .pure-g-r .pure-u-1-4 ul li.thumbnail {
  float: left;
  margin-right: 10px;
}
#academics .voice .pure-g-r .pure-u-1-4 ul li.profile {
  margin-left: 0;
  line-height: 1.5em;
  width: auto;
}
#academics .voice .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 11px;
  display: block;
  color: #666;
}
#academics .voice .pure-g-r .pure-u-1-4 ul li.profile .name {
  font-size: 18px;
  color: #000;
}
#academics .voice .pure-g-r .pure-u-1-4 ul li.profile .name .name-sub {
  font-size: 11px;
}
#academics .voice .pure-g-r .pure-u-1-4 p {
  padding: 10px;
  line-height: 1.6em;
  color: #666;
}
#academics .voice .pure-g-r .pure-u-1-4 p span {
  padding-right: 5px;
}
#academics .voice .pure-g-r .pure-u-1-4 p span img {
  width: 10px;
  vertical-align: top;
}
#academics .voice .pure-g-r .pure-u-1-4 .btn-blue {
  border-bottom: none;
  padding: 10px 0;
  text-align: center;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
#academics .voice .voice-detail.renew {
  padding-top: 40px;
}
#academics .voice .voice-detail.renew hr {
  margin: 20px 0;
}
#academics .voice .voice-detail.renew hr.dotted {
  border: none;
  border-bottom: dotted 2px #000;
}
#academics .voice .voice-detail.renew h2 {
  background: none;
  color: #000;
  padding: 0;
  margin-bottom: 40px;
}
#academics .voice .voice-detail.renew h3 {
  font-size: 18px;
  margin-bottom: 10px;
  font-weight: bold;
}
#academics .voice .voice-detail.renew p {
  margin-bottom: 20px;
}
#academics .voice .voice-detail.renew .quotes {
  vertical-align: top;
  margin-right: 15px;
}
#academics .voice .voice-detail.renew .arrow {
  margin-left: 5px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
}
#academics .voice .voice-detail.renew .profile-list {
  display: table;
}
#academics .voice .voice-detail.renew .profile-list dt, #academics .voice .voice-detail.renew .profile-list dd {
  vertical-align: top;
  display: table-cell;
}
#academics .voice .voice-detail.renew .profile-list dt.valign-middle, #academics .voice .voice-detail.renew .profile-list dd.valign-middle {
  vertical-align: middle;
}
#academics .voice .voice-detail.renew .profile-list dt {
  padding-right: 60px;
}
#academics .voice .voice-detail.renew .profile-list dd .name-roman,
#academics .voice .voice-detail.renew .profile-list dd .name,
#academics .voice .voice-detail.renew .profile-list dd .profile-sub {
  display: block;
  line-height: 1.4em;
}
#academics .voice .voice-detail.renew .profile-list dd .name-roman,
#academics .voice .voice-detail.renew .profile-list dd .profile-sub {
  font-size: 20px;
}
#academics .voice .voice-detail.renew .profile-list dd .name {
  font-size: 40px;
}
#academics .voice .voice-detail.renew .box-gray {
  background-color: #EEE;
  padding: 40px;
  margin-bottom: 20px;
}
#academics .voice .voice-detail.renew .box-gray p {
  margin-top: 10px;
  margin-bottom: 0;
}
#academics .voice .voice-detail.renew .three-column {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#academics .voice .voice-detail.renew .three-column li {
  margin-left: 3.125%;
  width: 31.25%;
  float: left;
  background-color: #FFF;
}
#academics .voice .voice-detail.renew .three-column li:first-child {
  margin-left: 0;
}
#academics .voice .voice-detail.renew .section {
  margin-bottom: 20px;
  overflow: hidden;
}
#academics .voice .voice-detail .detail-banner {
  overflow: hidden;
  padding: 70px 0 0 0;
}
#academics .voice .voice-detail .detail-banner .inner {
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0 0 6px 0;
  background: #EFEFEF url(../images/banner-under-shadow.png) repeat-x left bottom;
}
#academics .voice .voice-detail h2.sub-title {
  font-size: 24px;
  color: #fff;
  font-weight: 100 !important;
  margin-bottom: 30px;
}
#academics .voice .voice-detail h2.sub-title span {
  display: inline-block;
  padding: 5px 5px 5px 36px;
  background: #0054ff url(../../voice/images/double-quotes-white.png) no-repeat left 3px;
  width: auto;
}
#academics .voice .voice-detail h3.shoulder {
  margin-bottom: 5px;
}
#academics .voice .voice-detail h2.sub-title-plain {
  margin-bottom: 25px;
}
#academics .voice .voice-detail .main-photo {
  width: 625px;
  float: left;
  padding: 8px;
  background: #fff;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#academics .voice .voice-detail .profile {
  width: 300px;
  float: right;
  background: #fff;
  border: 2px solid #0054ff;
}
#academics .voice .voice-detail .profile .status {
  text-align: center;
}
#academics .voice .voice-detail .profile .profile-photo {
  padding: 15px 0;
}
#academics .voice .voice-detail .profile .faculty {
  font-size: 13px;
  display: block;
  color: #0054ff;
  padding: 25px 0 0 0;
}
#academics .voice .voice-detail .profile .name {
  font-size: 28px;
  display: block;
  color: #0054ff;
}
#academics .voice .voice-detail .profile .name .name-sub {
  font-size: 11px;
}
#academics .voice .voice-detail .profile .from {
  font-size: 11px;
  display: block;
  margin-bottom: 20px;
}
#academics .voice .voice-detail .profile .text {
  border-top: 2px dotted #0054ff;
  padding: 25px;
}
#academics .voice .voice-detail .lead {
  font-size: 14px;
}
#academics .voice .voice-detail .lead.right {
  width: 646px;
  float: right;
}
#academics .voice .voice-detail .lead.left {
  width: 646px;
  float: left;
}
#academics .voice .voice-detail .lead h4 {
  font-weight: bold;
  margin-bottom: 15px;
}
#academics .voice .voice-detail .lead .main-lead {
  width: 532px;
  float: left;
}
#academics .voice .voice-detail .lead .supplement {
  background: #FF0;
  width: 354px;
  padding: 10px 20px;
  float: right;
}
#academics .voice .voice-detail .lead .supplement ol {
  display: list-item;
}
#academics .voice .voice-detail .lead .supplement ol li {
  margin: 10px 0;
  color: #0054ff;
}
#academics .voice .voice-detail .lead .supplement ol li.no1 {
  padding-left: 32px;
  background: url(../../voice/images/icon-no1.png) no-repeat left center;
}
#academics .voice .voice-detail .lead .supplement ol li.no2 {
  padding-left: 32px;
  background: url(../../voice/images/icon-no2.png) no-repeat left center;
}
#academics .voice .voice-detail .lead .supplement ol li.no3 {
  padding-left: 32px;
  background: url(../../voice/images/icon-no3.png) no-repeat left center;
}
#academics .voice .voice-detail .lead .supplement ol li.no4 {
  padding-left: 32px;
  background: url(../../voice/images/icon-no4.png) no-repeat left center;
}
#academics .voice .voice-detail .sub-photo-right {
  float: right;
  margin: 0 0 25px 0;
}
#academics .voice .voice-detail .sub-photo-left {
  float: left;
  margin: 0 0 25px 0;
}
#academics .voice .voice-detail .last-column {
  padding-top: 0;
}
#academics .voice .voice-detail .photo-block {
  margin: 0 -6px;
}
#academics .voice .voice-detail .photo-block li {
  width: 315px;
  padding: 3px;
  float: left;
}
#academics .voice .voice-detail .photo-block li p {
  margin: 5px 0 10px;
}
#academics .top a.black {
  color: #000;
}
#academics .top hr {
  border-bottom: solid 1px #CCC;
  margin-top: 50px;
}
#academics .top ul {
  margin-bottom: 0;
}
#academics .top .head {
  padding-top: 30px;
  padding-bottom: 0;
}
#academics .top .head h2 {
  font-size: 22px;
  margin-right: 20px;
  margin-bottom: 0;
  -webkit-font-smoothing: antialiased;
}
#academics .top .head h2 .arrow-double {
  margin-top: 3px;
  margin-left: 18px;
  vertical-align: top;
  width: 17px;
  height: 17px;
}
#academics .top .pure-g-r {
  margin: 80px -15px 120px;
}
@media screen and (max-width: 640px) {
  #academics .top .pure-g-r {
    margin: 0 0 40px;
  }
}
@media screen and (max-width: 640px) {
  #academics .top .pure-g-r .pure-u-1-2 {
    margin-top: 40px;
  }
}
#academics .top .pure-g-r .pure-u-1-2 figure {
  margin: 0 15px;
}
@media screen and (max-width: 640px) {
  #academics .top .pure-g-r .pure-u-1-2 figure {
    margin: 0;
  }
}
#academics .top .pure-g-r .pure-u-1-2 figure img {
  margin-bottom: 15px;
}
@media screen and (max-width: 640px) {
  #academics .top .pure-g-r .pure-u-1-2 figure img {
    margin-bottom: 10px;
  }
}
#academics .top .pure-g-r .pure-u-1-2 figure figcaption {
  font-size: 14px;
}
#academics .detail .head {
  padding-top: 60px;
  padding-bottom: 0;
  overflow: hidden;
}
#academics .detail .head h1 {
  float: left;
  margin-right: 40px;
  line-height: 1.1em;
}
#academics .detail .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#academics .detail h2 {
  font-size: 22px;
}
#academics .detail h3 {
  font-size: 14px;
}
#academics .detail .txt-right {
  text-align: right;
}
#academics .detail .img-full {
  max-width: 100%;
  width: 100%;
}
#academics .detail.pdf-info {
  padding-bottom: 60px;
}
#academics .detail.pdf-info .col-3-7 .pure-u-1-2 {
  width: 32.5%;
}
@media screen and (max-width: 767px) {
  #academics .detail.pdf-info .col-3-7 .pure-u-1-2 {
    width: 100%;
    text-align: center;
  }
  #academics .detail.pdf-info .col-3-7 .pure-u-1-2 img {
    width: 50%;
    margin-bottom: 30px;
  }
}
#academics .detail.pdf-info .col-3-7 .pure-u-1-2:last-child {
  width: 62.5%;
  float: right;
}
@media screen and (max-width: 767px) {
  #academics .detail.pdf-info .col-3-7 .pure-u-1-2:last-child {
    width: 100%;
    float: none;
  }
}
#academics .detail.pdf-info .table-list {
  border-left: none;
}
#academics .detail.pdf-info .table-list td {
  color: #333;
}
#academics .detail.pdf-info .table-list td.first-col {
  padding-left: 5px;
}
#academics .detail.pdf-info .table-list td:last-child {
  padding: 5px;
  border-right: none;
  white-space: nowrap;
  text-align: right;
  font-size: 12px;
}
#academics .detail .caution {
  padding: 3px;
  margin-left: 5px;
  background-color: #F00;
  color: #FFF;
  text-align: center;
  font-size: 11px;
  line-height: 1.6em;
}
#academics .with-voice {
  max-width: 624px;
  width: 624px;
  float: right;
}
@media screen and (max-width: 767px) {
  #academics .with-voice {
    width: auto;
    float: none;
  }
}
#academics .with-voice h3 {
  padding-top: 15px;
}
#academics .voice-left {
  max-width: 306px;
  float: left;
}
@media screen and (max-width: 767px) {
  #academics .voice-left {
    max-width: inherit;
    float: none;
  }
}
#academics .voice-left .voice.renew.archives .pure-g-r {
  margin-top: 0 !important;
}
#academics .voice-left .voice.renew.archives .pure-g-r .pure-u-1-4 {
  width: 100%;
  margin-left: 0;
  margin-top: 0;
}
#academics .faculty-top,
#academics .faculty-detail,
#academics .faculty-teacher,
#academics .faculty-graduate {
  margin-top: 60px;
}
#academics .faculty-top #newsTopics h2 a,
#academics .faculty-detail #newsTopics h2 a,
#academics .faculty-teacher #newsTopics h2 a,
#academics .faculty-graduate #newsTopics h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#academics .faculty-top #newsTopics h2 a .arrow,
#academics .faculty-detail #newsTopics h2 a .arrow,
#academics .faculty-teacher #newsTopics h2 a .arrow,
#academics .faculty-graduate #newsTopics h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 5px;
}
#academics .faculty-top.graduate-border,
#academics .faculty-detail.graduate-border,
#academics .faculty-teacher.graduate-border,
#academics .faculty-graduate.graduate-border {
  border-top: solid 5px yellow;
}
#academics .faculty-top.literature,
#academics .faculty-detail.literature,
#academics .faculty-teacher.literature,
#academics .faculty-graduate.literature {
  border-top: solid 5px #F00;
}
#academics .faculty-top.economics,
#academics .faculty-detail.economics,
#academics .faculty-teacher.economics,
#academics .faculty-graduate.economics {
  border-top: solid 5px #00A2E4;
}
#academics .faculty-top.sociology,
#academics .faculty-detail.sociology,
#academics .faculty-teacher.sociology,
#academics .faculty-graduate.sociology {
  border-top: solid 5px #C0D53A;
}
#academics .faculty-top.law,
#academics .faculty-detail.law,
#academics .faculty-teacher.law,
#academics .faculty-graduate.law {
  border-top: solid 5px #ED7E1C;
}
#academics .faculty-top.international,
#academics .faculty-detail.international,
#academics .faculty-teacher.international,
#academics .faculty-graduate.international {
  border-top: solid 5px #0DA54E;
}
#academics .faculty-top.psychology,
#academics .faculty-detail.psychology,
#academics .faculty-teacher.psychology,
#academics .faculty-graduate.psychology {
  border-top: solid 5px #4F1F84;
}
#academics .faculty-top.liberal_arts,
#academics .faculty-detail.liberal_arts,
#academics .faculty-teacher.liberal_arts,
#academics .faculty-graduate.liberal_arts {
  border-top: solid 5px #A2A2A2;
}
#academics .faculty-top .head,
#academics .faculty-detail .head,
#academics .faculty-teacher .head,
#academics .faculty-graduate .head {
  margin-top: 30px;
  padding: 0;
}
#academics .faculty-top .head p,
#academics .faculty-detail .head p,
#academics .faculty-teacher .head p,
#academics .faculty-graduate .head p {
  float: right;
}
#academics .faculty-top .article,
#academics .faculty-detail .article,
#academics .faculty-teacher .article,
#academics .faculty-graduate .article {
  border-bottom: solid 1px #CCC;
  padding: 40px 0;
  overflow: hidden;
}
#academics .faculty-top .article:last-child,
#academics .faculty-detail .article:last-child,
#academics .faculty-teacher .article:last-child,
#academics .faculty-graduate .article:last-child {
  border-bottom: none;
  padding-bottom: 80px;
}
#academics .faculty-top .article h2,
#academics .faculty-detail .article h2,
#academics .faculty-teacher .article h2,
#academics .faculty-graduate .article h2 {
  margin-bottom: 20px;
}
#academics .faculty-top .article p,
#academics .faculty-top .article .bg-gray,
#academics .faculty-detail .article p,
#academics .faculty-detail .article .bg-gray,
#academics .faculty-teacher .article p,
#academics .faculty-teacher .article .bg-gray,
#academics .faculty-graduate .article p,
#academics .faculty-graduate .article .bg-gray {
  margin-top: 15px;
}
#academics .faculty-top .article .bg-gray,
#academics .faculty-detail .article .bg-gray,
#academics .faculty-teacher .article .bg-gray,
#academics .faculty-graduate .article .bg-gray {
  background-color: #EFEFEF;
  padding: 15px;
}
#academics .faculty-top .article .bg-gray h3,
#academics .faculty-detail .article .bg-gray h3,
#academics .faculty-teacher .article .bg-gray h3,
#academics .faculty-graduate .article .bg-gray h3 {
  font-weight: bold;
  margin-bottom: 10px;
}
#academics .faculty-top .article .bg-gray p,
#academics .faculty-detail .article .bg-gray p,
#academics .faculty-teacher .article .bg-gray p,
#academics .faculty-graduate .article .bg-gray p {
  margin-top: 10px;
}
#academics .faculty-top .article .video-list,
#academics .faculty-detail .article .video-list,
#academics .faculty-teacher .article .video-list,
#academics .faculty-graduate .article .video-list {
  overflow: hidden;
  margin-left: -3%;
  padding-left: 0;
}
#academics .faculty-top .article .video-list li,
#academics .faculty-detail .article .video-list li,
#academics .faculty-teacher .article .video-list li,
#academics .faculty-graduate .article .video-list li {
  float: left;
  width: 30%;
  margin-left: 3%;
}
#academics .faculty-top .article .video-list li iframe,
#academics .faculty-detail .article .video-list li iframe,
#academics .faculty-teacher .article .video-list li iframe,
#academics .faculty-graduate .article .video-list li iframe {
  width: 100%;
}
#academics .faculty-top .article .portrait,
#academics .faculty-detail .article .portrait,
#academics .faculty-teacher .article .portrait,
#academics .faculty-graduate .article .portrait {
  float: left;
  margin: 0 40px 20px 0;
}
#academics .faculty-top .article dl,
#academics .faculty-detail .article dl,
#academics .faculty-teacher .article dl,
#academics .faculty-graduate .article dl {
  display: table;
}
#academics .faculty-top .article dl dt, #academics .faculty-top .article dl dd,
#academics .faculty-detail .article dl dt,
#academics .faculty-detail .article dl dd,
#academics .faculty-teacher .article dl dt,
#academics .faculty-teacher .article dl dd,
#academics .faculty-graduate .article dl dt,
#academics .faculty-graduate .article dl dd {
  display: table-cell;
  vertical-align: top;
}
#academics .faculty-top .article dl dt,
#academics .faculty-detail .article dl dt,
#academics .faculty-teacher .article dl dt,
#academics .faculty-graduate .article dl dt {
  padding-right: 20px;
}
#academics .faculty-top .article dl dt img,
#academics .faculty-detail .article dl dt img,
#academics .faculty-teacher .article dl dt img,
#academics .faculty-graduate .article dl dt img {
  margin-bottom: 10px;
}
#academics .faculty-top .article dl dt .caption,
#academics .faculty-detail .article dl dt .caption,
#academics .faculty-teacher .article dl dt .caption,
#academics .faculty-graduate .article dl dt .caption {
  line-height: 1.5em;
}
#academics .faculty-graduate {
  margin-top: 30px;
}
#academics .faculty-graduate .head h1 {
  float: none;
}
#academics .faculty-graduate .head .deptNavi {
  margin-top: -30px;
  float: right;
}
#academics .faculty-graduate .en {
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 18px;
}
#academics .faculty-graduate p, #academics .faculty-graduate ul, #academics .faculty-graduate ol, #academics .faculty-graduate table, #academics .faculty-graduate h3 {
  margin-top: 20px;
}
#academics .faculty-graduate p:first-child, #academics .faculty-graduate ul:first-child, #academics .faculty-graduate ol:first-child, #academics .faculty-graduate table:first-child, #academics .faculty-graduate h3:first-child {
  margin-top: 0;
}
#academics .faculty-graduate h3 {
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: bold;
}
#academics .faculty-graduate ol {
  list-style-type: decimal;
  padding-left: 30px;
}
#academics .faculty-graduate ul.list {
  list-style-type: disc;
  padding-left: 30px;
}
#academics .faculty-graduate .bg-gray h4 {
  margin: 30px 0 0;
  font-size: 13px;
  font-weight: bold;
}
#academics .faculty-graduate .bg-gray h4:first-child {
  margin-top: 0;
}
#academics .faculty-graduate .bg-gray strong {
  margin-top: 15px;
}
#academics .faculty-detail .main-banner {
  margin: 50px 0 30px;
}
#academics .faculty-detail .article h3 {
  margin: 0;
  font-weight: bold;
}
#academics .faculty-detail .article p {
  margin-top: 0;
  margin-bottom: 20px;
}
#academics .faculty-detail .article ul.list {
  padding-left: 30px;
  list-style: disc;
  margin-bottom: 20px;
}
#academics .faculty-detail .article ol.decimel {
  padding-left: 30px;
  list-style: decimal;
  margin-bottom: 20px;
}
#academics .faculty-detail .article .txt-color-economics {
  color: #00a2e4;
}
#academics .faculty-teacher .article h2 {
  font-size: 18px;
}
#academics .faculty-teacher .article h3, #academics .faculty-teacher .article h4 {
  margin: 0;
  font-weight: bold;
  font-size: 13px;
}
#academics .faculty-teacher .article ul.list {
  list-style: none;
  padding-left: 0;
}
#academics .faculty-teacher .article ul.list li {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#academics .faculty-teacher .article ul.list li p {
  margin-top: 0;
  margin-bottom: 0;
}
#academics .policy h3 {
  margin-top: 30px;
  font-weight: bold;
}
#academics .policy .bg-gray {
  margin-bottom: 30px;
}
#academics .policy .bg-gray ul {
  list-style: disc;
  padding-left: 30px;
}
#academics .policy .bg-gray ol {
  list-style-type: decimal;
  padding-left: 30px;
}
#academics .graduate-detail {
  padding-top: 40px;
}
#academics .graduate-detail h1 {
  margin-bottom: 30px;
}
#academics .graduate-detail h2 {
  margin-bottom: 20px;
}
#academics .graduate-detail .article {
  padding: 30px 0;
}
#academics .graduate-detail p,
#academics .graduate-detail ul,
#academics .graduate-detail ol,
#academics .graduate-detail table {
  margin-bottom: 20px;
}
#academics .faculty-block {
  clear: both;
  padding: 40px 0;
  overflow: hidden;
}
#academics .faculty-block .pure-g-r {
  margin-left: -3.125%;
}
#academics .faculty-block .pure-g-r .pure-u-1-2 {
  margin-left: 3.125%;
  padding-bottom: 30px;
  width: 46.8%;
  float: left;
}
#academics .faculty-block .pure-g-r .pure-u-1-2 .box {
  background: #f3f3f3;
}
#academics .faculty-block .pure-g-r .pure-u-1-2.last {
  margin-right: 0;
}
#academics .faculty-block .pure-g-r .pure-u-1 {
  margin-left: 3.125%;
  width: 96.8%;
  clear: both;
}
#academics .faculty-block .pure-g-r .pure-u-1 .box {
  background: #f3f3f3;
}
#academics .faculty-block .pure-g-r .pure-u-1.last {
  margin-right: 0;
}
#academics .faculty-block .pure-g-r h2 {
  padding: 16px 25px;
  text-align: left;
  font-size: 20px;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
#academics .faculty-block .pure-g-r h2.literature {
  background-color: #e4002a;
}
#academics .faculty-block .pure-g-r h2.economics {
  background-color: #00a2e4;
}
#academics .faculty-block .pure-g-r h2.sociology {
  background-color: #c0d53a;
}
#academics .faculty-block .pure-g-r h2.law {
  background-color: #ed7e1c;
}
#academics .faculty-block .pure-g-r h2.international {
  background-color: #0da54e;
}
#academics .faculty-block .pure-g-r h2.psychology {
  background-color: #4f1f84;
}
#academics .faculty-block .pure-g-r h2.liberal-arts {
  background-color: #a2a2a2;
}
#academics .faculty-block .pure-g-r h2 .arrow-single {
  padding: 0 0 0 10px;
  display: inline-block;
  position: absolute;
  top: 14px;
}
#academics .faculty-block .pure-g-r h2 a {
  color: #fff;
  display: block;
}
#academics .faculty-block .pure-g-r h2 .origin-site-link {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 14px;
  border-left: 1px solid #fff;
  padding: 0 15px 0 15px;
}
#academics .faculty-block .pure-g-r h2 .origin-site-link .blank-icon img {
  vertical-align: middle;
}
#academics .faculty-block .pure-g-r h2.lecture {
  padding: 30px 0 0;
}
@media screen and (max-width: 767px) {
  #academics .faculty-block .pure-g-r h2.lecture {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#academics .faculty-block .pure-g-r h2.lecture a {
  color: #0054ff;
  display: inline-block;
}
#academics .faculty-block .pure-g-r h2.lecture .icon-external {
  padding-left: 10px;
}
#academics .faculty-block .pure-g-r h2.lecture .caption {
  padding-left: 20px;
  font-size: 14px;
}
#academics .faculty-block .pure-g-r ul.faculty-list {
  padding: 20px 25px;
  color: #666;
}
#academics .faculty-block .pure-g-r ul.faculty-list li {
  margin: 0;
  padding: 0;
  line-height: 2.4em;
  position: relative;
}
#academics .faculty-block .pure-g-r ul.faculty-list li .origin-site-link {
  float: right;
  padding: 0 15px 0 0;
}
#academics .faculty-block .pure-g-r ul.faculty-list li .icon-jp {
  float: right;
  margin-top: 7px;
  margin-left: 10px;
}
#academics .faculty-block .pure-g-r ul.faculty-list .blank-icon img {
  vertical-align: middle;
}
#academics .faculty-block .pure-g-r ul.faculty-list .arrow-list-single {
  line-height: 2.4em;
  padding: 0 0 0 5px;
  display: inline-block;
  position: absolute;
  bottom: 12px;
}
#academics .graduate-block {
  padding: 40px 0;
}
#academics .graduate-block .table-list {
  border: none;
  border-top: solid 1px #CCC;
  width: 100%;
  text-align: left;
}
#academics .graduate-block .table-list th, #academics .graduate-block .table-list td {
  border-bottom: solid 1px #CCC;
  padding: 15px;
  vertical-align: top;
}
#academics .graduate-block .table-list th {
  background-color: #EFEFEF;
  color: #000;
  line-height: 2.4em;
}
#academics .graduate-block .table-list td {
  color: #666;
  line-height: 2.4em;
}
#academics .graduate-block .table-list.center {
  text-align: center;
}
#academics .graduate-block .table-list .border-right-none {
  border: none;
  border-bottom: solid 1px #CCC;
}
#academics .graduate-block ul.graduate-list {
  color: #666;
}
#academics .graduate-block ul.graduate-list li {
  margin: 0;
  padding: 0;
  position: relative;
}
#academics .graduate-block ul.graduate-list li .origin-site-link {
  float: right;
  padding: 0 15px 0 0;
}
#academics .graduate-block ul.graduate-list .blank-icon img {
  vertical-align: middle;
}
#academics .graduate-block ul.graduate-list .icon-jp {
  float: right;
  margin-top: 7px;
  margin-left: 10px;
}
#academics .graduate-block ul.graduate-list .arrow-list-single {
  line-height: 2.4em;
  padding: 0 0 0 5px;
  display: inline-block;
  position: absolute;
  bottom: 12px;
}
#academics .lawyers-block {
  padding: 40px 0 80px 0;
}
#academics #graduate {
  padding-bottom: 50px;
}
#academics #graduate .head {
  padding-top: 60px;
  padding-bottom: 30px;
}
#academics #graduate .head .lead {
  padding-top: 10px;
  padding-left: 20px;
}
#academics #graduate .article {
  padding: 30px 0;
  overflow: hidden;
}
#academics #graduate .article h2 {
  font-size: 22px;
  margin-bottom: 20px;
}
#academics #graduate .article .main {
  width: 60.4166%;
  float: left;
}
#academics #graduate .article .sidebar {
  width: 36.4583%;
  float: right;
}
#academics #graduate .article.news-block h2.bg-blue {
  margin: 0;
  padding: 10px 20px;
  background-color: #0054ff;
  color: #FFF;
}
#academics #graduate .article.news-block h2.bg-blue .arrow {
  vertical-align: top;
  margin-top: 3px;
  margin-left: 10px;
}
#academics #graduate .article.news-block h2.bg-blue a {
  color: #FFF;
}
#academics #graduate .article.news-block ul {
  margin-top: 10px;
}
#academics #graduate .article.news-block ul.bottom-margin {
  margin-bottom: 40px;
}
#academics #graduate .article.news-block ul li {
  margin-top: 2px;
}
#academics #graduate .article .list {
  border-top: solid 1px #CCC;
  width: 100%;
}
#academics #graduate .article .list th,
#academics #graduate .article .list td {
  padding: 5px 20px;
  border-bottom: solid 1px #CCC;
}
#academics #graduate .article .list th {
  text-align: left;
  border-right: solid 1px #CCC;
  background-color: #EFEFEF;
}
#academics #graduate .article .list th.right-none {
  border-right: none;
}
#academics #graduate .article .list td {
  border-right: solid 1px #CCC;
}
#academics #graduate .article .list td.bottom-none {
  border-bottom: none;
  padding-bottom: 0;
}
#academics #graduate .article .list td.right-none {
  border-right: none;
}
#academics #graduate .article .list td ul {
  overflow: hidden;
}
#academics #graduate .article .list td ul li {
  width: 50%;
}
#academics #graduate .article .list td ul .left {
  float: left;
}
#academics #graduate .article .list td ul .right {
  float: right;
  text-align: right;
}
#academics #graduate .article .box {
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
  width: 100%;
}
#academics #graduate .article .box th,
#academics #graduate .article .box td {
  padding: 5px 20px;
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
}
#academics #graduate .article .box th {
  text-align: left;
  background-color: #EFEFEF;
}
#academics #graduate .article .box .border_none th,
#academics #graduate .article .box .border_none td {
  border: none;
  padding: 0;
  text-align: left;
}
#academics #graduate .article .box .border_none th {
  background-color: transparent;
  padding-right: 20px;
}
#academics.default.normal #contents .topicpath {
  padding-top: 25px;
  float: none;
}
#academics.default .contents-menu {
  padding-top: 30px;
  padding-top: 10px;
}
#academics.default .contents-menu a {
  border-left: solid 2px #FFF;
  display: block;
  width: 100%;
  height: 60px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  line-height: 4.8em;
}
#academics.default .contents-menu a.border-non {
  border: none;
}
#academics.default .contents-menu a.txt-two-line {
  line-height: 1.4em;
  padding-top: 15px;
  height: 45px;
}
#academics.default .contents-menu a.active {
  background-color: #CCC;
}
@media screen and (max-width: 767px) {
  #academics.default .contents-menu {
    display: none;
  }
}
#academics.default .headline_02, #campuslife.default #contents .article #academics.default h2, #campuslife .detail #contents .article #academics.default h2, #campus.default #contents .article #academics.default h2, #about.default #contents .article #academics.default h2, #about.ic #academics.default #contents .article h2, #about.default-ic #contents .article #academics.default h2, #default #contents .article #academics.default h2, #academics.default #contents .article h2 {
  font-size: 24px;
  -webkit-font-smoothing: antialiased;
}
#academics.default .headline_03, #campuslife.default #contents .article #academics.default h3, #campuslife.default #contents .article .panel-menu #academics.default .title, #campuslife .detail #contents .article #academics.default h3, #campuslife .detail #contents .article .panel-menu #academics.default .title, #campus.default #contents .article #academics.default h3, #campus.default #contents .article .panel-menu #academics.default .title, #about.default #contents .article #academics.default h3, #about.default #contents .article .panel-menu #academics.default .title, #about.ic #academics.default #contents .article h3, #about.ic #academics.default #contents .article .panel-menu .title, #about.default-ic #contents .article #academics.default h3, #about.default-ic #contents .article .panel-menu #academics.default .title, #default #contents .article #academics.default h3, #default #contents .article .panel-menu #academics.default .title, #academics.default #contents .article h3, #academics.default #contents .article .panel-menu .title {
  font-size: 18px;
  -webkit-font-smoothing: antialiased;
}
#academics.default .headline_04, #campuslife.default #contents .article #academics.default h4, #campuslife.default #contents #creed .article #academics.default h3, #campuslife .detail #contents .article #academics.default h4, #campuslife .detail #contents #creed .article #academics.default h3, #campus.default #contents .article #academics.default h4, #campus.default #contents #creed .article #academics.default h3, #about.default #contents .article #academics.default h4, #about.default #contents #creed .article #academics.default h3, #about.ic #academics.default #contents .article h4, #about.ic #academics.default #contents #creed .article h3, #about.default-ic #contents .article #academics.default h4, #about.default-ic #contents #creed .article #academics.default h3, #default #contents .article #academics.default h4, #default #contents #creed .article #academics.default h3, #academics.default #contents .article h4, #academics.default #contents #creed .article h3 {
  font-size: 14px;
  font-weight: bold;
}
#academics.default h2 {
  line-height: 1.4em;
}
#academics.default #header {
  border-bottom: solid 1px #CCC;
}
#academics.default #contents {
  /* 個別ページ */
  /* 建学の精神と教育理念 */
  /* 歴史的建造物 */
  /* 明治学院大学の歴史と現在 */
  /* 宗教部 */
  /* スポーツプロジェクト */
  /* 課外活動 */
  /* キャリア支援 */
}
#academics.default #contents .topicpath {
  padding-bottom: 0;
  overflow: hidden;
}
#academics.default #contents .head h1 {
  margin-top: 50px;
  margin-bottom: 20px;
}
#academics.default #contents .category_list {
  padding: 10px 0 0 10px;
  margin: 40px 0;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  overflow: hidden;
}
#academics.default #contents .category_list li {
  font-size: 16px;
  float: left;
  margin-right: 30px;
  margin-bottom: 10px;
}
#academics.default #contents .list-inline_left li {
  display: inline-block;
  float: left;
  margin-right: 20px;
}
#academics.default #contents .list-inline_right li {
  display: inline-block;
  float: right;
  margin-right: 20px;
}
#academics.default #contents .article {
  padding: 40px 0;
  /* table */
  /* panel-menu */
  /* with-image */
  /* single-figure */
  /* table_01 - ラインなし */
  /* 余白 */
}
@media screen and (max-width: 767px) {
  #academics.default #contents .article.sp-pt-non {
    padding-top: 0;
  }
}
#academics.default #contents .article .section {
  padding-top: 40px;
}
#academics.default #contents .article .section:first-child {
  padding-top: 0;
}
#academics.default #contents .article .section:last-child {
  padding-bottom: 40px;
}
#academics.default #contents .article .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#academics.default #contents .article .section-border:first-child {
  padding-top: 0;
}
#academics.default #contents .article .section-border:last-child {
  border-bottom: 0;
}
#academics.default #contents .article .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#academics.default #contents .article .main {
  width: 43%;
  float: left;
  overflow: hidden;
}
#academics.default #contents .article .side {
  margin-left: 50%;
  width: 50%;
}
#academics.default #contents .article .side .newsTopics {
  margin-bottom: 20px;
}
#academics.default #contents .article .side ul {
  font-size: 14px;
}
#academics.default #contents .article .side h3 a {
  font-size: 24px;
  padding: 12px 20px;
  display: block;
  background-color: #0054ff;
  color: #FFF;
}
#academics.default #contents .article .side h3 a:link {
  color: #FFF;
}
#academics.default #contents .article .side h3 a:visited {
  color: #6190e5;
}
#academics.default #contents .article .side h3 a:hover {
  color: #FFF;
}
#academics.default #contents .article .side h3 a:active {
  color: #FFF;
}
#academics.default #contents .article .side h3 a .arrow,
#academics.default #contents .article .side h3 a .arrow-double {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#academics.default #contents .article .side h3 a .arrow-single {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 5px;
}
#academics.default #contents .article h2 {
  margin-bottom: 20px;
}
#academics.default #contents .article h2 a {
  color: #000;
}
#academics.default #contents .article h2 a img {
  vertical-align: 0px;
  margin-left: 10px;
}
#academics.default #contents .article h2.blue a,
#academics.default #contents .article h2.link-color a {
  color: #0054ff;
}
#academics.default #contents .article h3 {
  margin-bottom: 20px;
}
#academics.default #contents .article h3.nonmargin {
  margin-bottom: 0;
}
#academics.default #contents .article h3.title-medium {
  font-size: 24px;
  line-height: 36px;
}
#academics.default #contents .article p, #academics.default #contents .article ul, #academics.default #contents .article ol {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.8em;
}
#academics.default #contents .article p:last-child, #academics.default #contents .article ul:last-child, #academics.default #contents .article ol:last-child {
  margin-bottom: 0;
}
#academics.default #contents .article ol {
  list-style: decimal;
  margin-left: 20px;
}
#academics.default #contents .article dl {
  margin-bottom: 30px;
}
#academics.default #contents .article dl dt, #academics.default #contents .article dl dd {
  font-size: 14px;
}
#academics.default #contents .article dl dt {
  font-weight: bold;
}
#academics.default #contents .article figure {
  margin: 0 0 20px 0;
}
#academics.default #contents .article .table-list {
  margin-bottom: 30px;
}
#academics.default #contents .article .table-list th, #academics.default #contents .article .table-list td {
  font-size: 14px;
}
#academics.default #contents .article .table-list .col_15per {
  width: 15%;
}
#academics.default #contents .article .table-list .col_18per {
  width: 18%;
}
#academics.default #contents .article .table-list .col_20per {
  width: 20%;
}
#academics.default #contents .article .table-list .col_25per {
  width: 25%;
}
#academics.default #contents .article .table-list .col_30per {
  width: 30%;
}
#academics.default #contents .article .panel-menu {
  margin: 0;
}
#academics.default #contents .article .panel-menu .title {
  display: block;
  font-weight: bold;
  line-height: 1em;
  letter-spacing: 0.15em;
  color: #FFF;
  background-color: #0054FF;
  border-bottom: 1px solid #000;
  padding: 14px 20px 13px;
  margin-bottom: 0;
  cursor: pointer;
}
#academics.default #contents .article .panel-menu .title .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#academics.default #contents .article .panel-menu .title.panel-title-wrap {
  padding: 20px 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  border-bottom: 1px solid #FFF;
}
@media screen and (max-width: 767px) {
  #academics.default #contents .article .panel-menu .title.panel-title-wrap {
    padding: 20px;
  }
}
#academics.default #contents .article .panel-menu .title.panel-title-wrap .panel-title,
#academics.default #contents .article .panel-menu .title.panel-title-wrap .panel-icon,
#academics.default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  vertical-align: middle;
}
#academics.default #contents .article .panel-menu .title.panel-title-wrap .panel-title {
  display: table-cell;
  font-size: 18px;
}
#academics.default #contents .article .panel-menu .title.panel-title-wrap .panel-icon {
  display: table-cell;
  font-size: 36px;
  width: 1%;
  white-space: nowrap;
  padding-right: 22px;
}
#academics.default #contents .article .panel-menu .title.panel-title-wrap .panel-arrow {
  display: table-cell;
  font-size: 24px;
  text-align: right;
}
#academics.default #contents .article .panel {
  display: none;
}
#academics.default #contents .article .panel .table-list caption {
  text-align: right;
  font-size: 12px;
}
#academics.default #contents .article .panel .table-list th, #academics.default #contents .article .panel .table-list td {
  font-size: 13px;
}
#academics.default #contents .article .panel .table-list td {
  background: #fff;
  text-align: right;
}
#academics.default #contents .article .panel .table-list td.al-left {
  text-align: left;
}
#academics.default #contents .article .panel .table-list thead th {
  text-align: center;
}
#academics.default #contents .article .panel .table-list .total th, #academics.default #contents .article .panel .table-list .total td {
  background-color: #FF0;
}
#academics.default #contents .article .panel p, #academics.default #contents .article .panel ul {
  font-size: 13px;
}
#academics.default #contents .article .panel .section:first-child h5.headline_03, #academics.default #contents .article .panel .section:first-child .panel-menu h5.title, #academics.default #contents .article .panel-menu .panel .section:first-child h5.title {
  margin-top: 20px;
}
#academics.default #contents .article .with-image {
  display: table;
}
#academics.default #contents .article .with-image div {
  display: table-cell;
  vertical-align: top;
}
#academics.default #contents .article .with-image .figure {
  padding-left: 20px;
}
#academics.default #contents .article .with-image .figure span {
  display: block;
  margin-top: 5px;
  font-size: 12px;
}
#academics.default #contents .article .with-image.left-image .figure {
  padding-left: 0;
  padding-right: 20px;
}
#academics.default #contents .article .single-figure {
  margin-bottom: 20px;
}
#academics.default #contents .article .single-figure img {
  max-width: 100%;
}
#academics.default #contents .article .single-figure .caption {
  display: block;
}
#academics.default #contents .article .table_01 dl {
  display: table;
  margin-bottom: 20px;
}
#academics.default #contents .article .table_01 dl dt, #academics.default #contents .article .table_01 dl dd {
  display: table-cell;
}
#academics.default #contents .article .table_01 dl dt {
  width: 160px;
}
#academics.default #contents .article .m-b-10 {
  margin-bottom: 10px;
}
#academics.default #contents .article .m-b-20 {
  margin-bottom: 20px;
}
#academics.default #contents .article .m-b-30 {
  margin-bottom: 30px;
}
#academics.default #contents .article .m-b-40 {
  margin-bottom: 40px;
}
#academics.default #contents .article .m-b-50 {
  margin-bottom: 50px;
}
#academics.default #contents .article .m-b-60 {
  margin-bottom: 60px;
}
#academics.default #contents #doforothers .article figure {
  margin-bottom: 30px;
}
#academics.default #contents #doforothers .article p {
  margin-bottom: 30px;
}
#academics.default #contents #doforothers .article .with-image .figure {
  padding-left: 60px;
}
#academics.default #contents #historical .article .with-image h3:first-child {
  margin-top: 0;
}
#academics.default #contents #history .category_list {
  margin-top: 10px;
  margin-bottom: 0px;
}
#academics.default #contents #history .article .with-image .figure {
  width: 25%;
}
#academics.default #contents #history .article .with-image .figure img {
  max-width: 100%;
  height: auto;
}
#academics.default #contents #sports .article .section-border:first-child {
  padding-top: 40px;
}
#academics.default #contents #activity-dl .article {
  padding-top: 0;
}
#academics.default #contents #career .block .sidebar,
#academics.default #contents #joho .block .sidebar,
#academics.default #contents #student .block .sidebar,
#academics.default #contents #office .block .sidebar {
  float: right;
  width: 36.4583%;
}
#academics.default #contents #career .block .sidebar h2,
#academics.default #contents #joho .block .sidebar h2,
#academics.default #contents #student .block .sidebar h2,
#academics.default #contents #office .block .sidebar h2 {
  margin-bottom: 10px;
}
#academics.default #contents #career .block .sidebar h2 a,
#academics.default #contents #joho .block .sidebar h2 a,
#academics.default #contents #student .block .sidebar h2 a,
#academics.default #contents #office .block .sidebar h2 a {
  padding: 10px 20px;
  display: block;
  color: #FFF;
  background-color: #0054ff;
}
#academics.default #contents #career .block .sidebar h2 a .arrow,
#academics.default #contents #joho .block .sidebar h2 a .arrow,
#academics.default #contents #student .block .sidebar h2 a .arrow,
#academics.default #contents #office .block .sidebar h2 a .arrow {
  vertical-align: top;
  margin-left: 10px;
  margin-top: 10px;
}
#academics.default #contents #career .block .sidebar ul,
#academics.default #contents #joho .block .sidebar ul,
#academics.default #contents #student .block .sidebar ul,
#academics.default #contents #office .block .sidebar ul {
  margin-bottom: 30px;
}
#academics.default #contents #career .block .sidebar ul li,
#academics.default #contents #joho .block .sidebar ul li,
#academics.default #contents #student .block .sidebar ul li,
#academics.default #contents #office .block .sidebar ul li {
  margin-bottom: 5px;
}
#academics.default #contents #career .block .main,
#academics.default #contents #joho .block .main,
#academics.default #contents #student .block .main,
#academics.default #contents #office .block .main {
  float: left;
  width: 60.4166%;
}
#academics.default #contents #career .block .article,
#academics.default #contents #joho .block .article,
#academics.default #contents #student .block .article,
#academics.default #contents #office .block .article {
  padding: 30px 0;
  border-bottom: solid 1px #CCC;
}
#academics.default #contents #career .block .article:last-child,
#academics.default #contents #joho .block .article:last-child,
#academics.default #contents #student .block .article:last-child,
#academics.default #contents #office .block .article:last-child {
  border-bottom: none;
}
#academics.default #contents #career .block .article:first-child,
#academics.default #contents #joho .block .article:first-child,
#academics.default #contents #student .block .article:first-child,
#academics.default #contents #office .block .article:first-child {
  padding-top: 10px;
}
#academics.default #contents #career .block .table-list th,
#academics.default #contents #joho .block .table-list th,
#academics.default #contents #student .block .table-list th,
#academics.default #contents #office .block .table-list th {
  vertical-align: top;
  font-weight: normal;
}
#academics.default #contents #career h1,
#academics.default #contents #joho h1,
#academics.default #contents #student h1,
#academics.default #contents #office h1 {
  margin-bottom: 50px;
}
#academics.default #contents #career ul,
#academics.default #contents #joho ul,
#academics.default #contents #student ul,
#academics.default #contents #office ul {
  overflow: hidden;
}
#academics.default #contents #career ul .img,
#academics.default #contents #joho ul .img,
#academics.default #contents #student ul .img,
#academics.default #contents #office ul .img {
  float: left;
  padding-right: 20px;
}
#academics.default #contents #career .article,
#academics.default #contents #joho .article,
#academics.default #contents #student .article,
#academics.default #contents #office .article {
  clear: both;
}
#academics.default .challenge-detail .bg-box {
  padding: 30px 20px;
  margin-bottom: 40px;
}
@media screen and (max-width: 640px) {
  #academics.default .challenge-detail .bg-box {
    padding: 10px;
    margin-bottom: 20px;
  }
}
#academics.default .challenge-detail .bg-box h2 {
  font-size: 24px !important;
  margin: 0 !important;
}
#academics.default .challenge-detail .bg-box p {
  margin: 0 !important;
}
#academics.default .challenge-detail .fl-left {
  margin-right: 40px;
}
@media screen and (max-width: 640px) {
  #academics.default .challenge-detail .fl-left {
    margin-right: 0;
    text-align: center;
  }
}
#academics.default .challenge-detail .block p {
  margin-left: 240px;
}
@media screen and (max-width: 640px) {
  #academics.default .challenge-detail .block p {
    margin-left: 0;
  }
}
#academics.default .challenge-detail .section-border {
  border-bottom: 1px solid #ccc;
  padding: 40px 0;
}
#academics.default .challenge-detail .section-border:first-child {
  padding-top: 0;
}
#academics.default .challenge-detail .section-border:last-child {
  border-bottom: 0;
}
#academics.default .challenge-detail .section-border:last-child.bottom-border {
  border-bottom: 1px solid #ccc;
}
#academics.default .news-block p,
#academics.default .news-block .date {
  line-height: 1.6em !important;
}
#academics.default .news-block p {
  font-size: 13px !important;
}
#academics.default .news-block .date {
  color: #666;
}
@media screen and (max-width: 767px) {
  #academics.default .news-block .pure-u-1-3 {
    width: 100%;
    float: none;
    padding-bottom: 20px;
  }
}
#academics.default .news-block .pure-u-1-3 a {
  color: #000;
}
#academics.default .news-block .pure-u-1-3 p,
#academics.default .news-block .pure-u-1-3 .date {
  padding: 0 18px;
}
@media screen and (max-width: 767px) {
  #academics.default .news-block .pure-u-1-3 p,
  #academics.default .news-block .pure-u-1-3 .date {
    padding: 0;
  }
}
#academics.default .news-block .pure-u-1-3:first-child p,
#academics.default .news-block .pure-u-1-3:first-child .date {
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #academics.default .news-block .pure-u-1-3:first-child p,
  #academics.default .news-block .pure-u-1-3:first-child .date {
    padding: 0;
  }
}
#academics.default .news-block .pure-u-1-3:last-child p,
#academics.default .news-block .pure-u-1-3:last-child .date {
  padding-right: 0;
}
@media screen and (max-width: 767px) {
  #academics.default .news-block .pure-u-1-3:last-child p,
  #academics.default .news-block .pure-u-1-3:last-child .date {
    padding: 0;
  }
}
#academics.default .event-block {
  padding: 10px 0 60px;
}
#academics.default .event-block.ng-margin {
  margin-top: -40px;
}
#academics.default .event-block .pure-g-r {
  margin-left: -3.7%;
}
#academics.default .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#academics.default .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#academics.default .event-block .pure-g-r .pure-u-1-4 .date {
  height: 3em;
  margin-bottom: 10px;
  color: #000;
}
#academics.default .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#academics.default .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#academics.default .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#academics.default .article .panel-menu {
  margin: 0 !important;
  padding: 0 !important;
}
#academics.default .article .panel-menu h3 {
  display: block;
  color: #FFF;
  padding-top: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid #000;
  font-size: 18px;
  background-color: #0054FF;
  line-height: 1em;
  margin-bottom: 0 !important;
  cursor: pointer;
}
#academics.default .article .panel-menu h3 .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#academics.default .article .panel-menu h3 .open-title {
  display: inline-block;
}
#academics.default .article .panel-menu h3 .close-title {
  display: none;
}
#academics.default .article .panel-menu.open h3 .open-title {
  display: none;
}
#academics.default .article .panel-menu.open h3 .close-title {
  display: inline-block;
}
#academics.default .article .panel-menu.open h3 .arrow {
  transform: rotateX(180deg);
}
#academics.default .article .panel {
  margin: 0 !important;
  padding: 0 !important;
}
#academics.default .article .panel h3:first-child {
  margin-top: 20px;
}
#academics.default .article .panel .table-list th,
#academics.default .article .panel .table-list td {
  vertical-align: top !important;
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  #academics.default #header {
    border-bottom: none;
  }
  #academics.default #contents {
    /* 個別ページ */
    /* 建学の精神と教育理念 */
    /* 歴史的建造物 */
    /* 明治学院大学の歴史と現在 */
    /* FD */
    /* キャリア支援 */
  }
  #academics.default #contents .head h1 {
    margin-bottom: 0px;
  }
  #academics.default #contents .head .lead {
    padding-top: 30px;
    padding-left: 0;
  }
  #academics.default #contents .article {
    /* with-image */
    /* table_01 - ラインなし */
  }
  #academics.default #contents .article h2 {
    font-size: 18px;
  }
  #academics.default #contents .article .main {
    width: 100%;
    float: none;
  }
  #academics.default #contents .article .side {
    margin-left: 0;
    margin-top: 40px;
    width: 100%;
  }
  #academics.default #contents .article .section-border {
    padding: 30px 0;
  }
  #academics.default #contents .article .section-border h2:first-child, #academics.default #contents .article .section-border h3:first-child {
    margin-top: 0;
  }
  #academics.default #contents .article iframe {
    width: 100%;
    height: 240px;
  }
  #academics.default #contents .article .with-image {
    display: block;
  }
  #academics.default #contents .article .with-image div {
    display: block;
  }
  #academics.default #contents .article .with-image div img {
    max-width: 100%;
    height: auto;
  }
  #academics.default #contents .article .with-image .figure {
    padding-left: 0;
    margin-top: 20px;
  }
  #academics.default #contents .article .with-image.left-image .figure {
    padding-right: 0;
    margin-bottom: 20px;
  }
  #academics.default #contents .article .table_01 dl {
    display: block;
  }
  #academics.default #contents .article .table_01 dl dt, #academics.default #contents .article .table_01 dl dd {
    display: block;
  }
  #academics.default #contents .article .table_01 dl dt {
    width: 100%;
  }
  #academics.default #contents #doforothers .article figure {
    margin-bottom: 20px;
  }
  #academics.default #contents #doforothers .article p {
    margin-bottom: 20px;
  }
  #academics.default #contents #doforothers .article .with-image .figure {
    text-align: center;
    padding-left: 0;
    margin-top: 40px;
  }
  #academics.default #contents #historical .article .with-image h3:first-child {
    margin-top: 20px;
    text-align: center;
  }
  #academics.default #contents #historical .article .with-image .figure {
    text-align: center;
  }
  #academics.default #contents #historical .article .section {
    padding-top: 0;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
  }
  #academics.default #contents #history .article .with-image .figure {
    width: 100%;
  }
  #academics.default #contents #fd .article .section {
    padding-top: 0;
    padding-bottom: 20px;
  }
  #academics.default #contents #career .block .sidebar,
  #academics.default #contents #joho .block .sidebar,
  #academics.default #contents #student .block .sidebar,
  #academics.default #contents #office .block .sidebar,
  #academics.default #contents #club .block .sidebar {
    float: none;
    width: 100%;
  }
  #academics.default #contents #career .block .main,
  #academics.default #contents #joho .block .main,
  #academics.default #contents #student .block .main,
  #academics.default #contents #office .block .main,
  #academics.default #contents #club .block .main {
    float: none;
    width: 100%;
  }
  #academics.default #contents #career .block .article,
  #academics.default #contents #joho .block .article,
  #academics.default #contents #student .block .article,
  #academics.default #contents #office .block .article,
  #academics.default #contents #club .block .article {
    padding: 30px 0;
    border-bottom: solid 1px #CCC;
  }
  #academics.default #contents #career .block .article:last-child,
  #academics.default #contents #joho .block .article:last-child,
  #academics.default #contents #student .block .article:last-child,
  #academics.default #contents #office .block .article:last-child,
  #academics.default #contents #club .block .article:last-child {
    border-bottom: none;
  }
  #academics.default #contents #career .block .article:first-child,
  #academics.default #contents #joho .block .article:first-child,
  #academics.default #contents #student .block .article:first-child,
  #academics.default #contents #office .block .article:first-child,
  #academics.default #contents #club .block .article:first-child {
    border-top: solid 1px #CCC;
    padding-top: 30px;
  }
  #academics.default #contents #career .block .article h2,
  #academics.default #contents #joho .block .article h2,
  #academics.default #contents #student .block .article h2,
  #academics.default #contents #office .block .article h2,
  #academics.default #contents #club .block .article h2 {
    margin: 0;
  }
  #academics.default #contents #career .block .table-list th,
  #academics.default #contents #joho .block .table-list th,
  #academics.default #contents #student .block .table-list th,
  #academics.default #contents #office .block .table-list th,
  #academics.default #contents #club .block .table-list th {
    vertical-align: top;
    font-weight: normal;
  }
  #academics.default #contents #career h1,
  #academics.default #contents #joho h1,
  #academics.default #contents #student h1,
  #academics.default #contents #office h1,
  #academics.default #contents #club h1 {
    margin-bottom: 30px;
  }
  #academics.default #contents #career ul,
  #academics.default #contents #joho ul,
  #academics.default #contents #student ul,
  #academics.default #contents #office ul,
  #academics.default #contents #club ul {
    overflow: hidden;
  }
  #academics.default #contents #career ul .img,
  #academics.default #contents #joho ul .img,
  #academics.default #contents #student ul .img,
  #academics.default #contents #office ul .img,
  #academics.default #contents #club ul .img {
    margin: 15px 0;
    float: none;
    padding-right: 0;
  }
  #academics.default #contents #career table th, #academics.default #contents #career table td,
  #academics.default #contents #joho table th,
  #academics.default #contents #joho table td,
  #academics.default #contents #student table th,
  #academics.default #contents #student table td,
  #academics.default #contents #office table th,
  #academics.default #contents #office table td,
  #academics.default #contents #club table th,
  #academics.default #contents #club table td {
    word-break: break-all;
  }
  #academics.default #contents #career .article,
  #academics.default #contents #joho .article,
  #academics.default #contents #student .article,
  #academics.default #contents #office .article,
  #academics.default #contents #club .article {
    clear: both;
  }
  #academics.default .event-block {
    padding: 30px 0 0;
  }
  #academics.default .event-block .pure-g-r {
    margin-left: 0;
  }
  #academics.default .event-block .pure-g-r .pure-u-1-4 {
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
  }
  #academics.default .event-block .pure-g-r .pure-u-1-4 a {
    color: #000;
  }
  #academics.default .event-block .pure-g-r .pure-u-1-4 h3 {
    margin: 0;
    font-size: 13px;
    line-height: 1.4em;
  }
  #academics.default .event-block .pure-g-r .pure-u-1-4 p {
    font-size: 12px;
    line-height: 1.3em;
  }
  #academics.default .event-block .pure-g-r .pure-u-1-4 p a {
    color: #666;
  }
}

/* admission
---------------------------------------------------------------------------- */
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 {
  width: 239px !important;
}
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .news-blog,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .event,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .info,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .document {
  border-left: 1px solid #CCC;
}
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .news-blog a,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .event a,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .info a,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .document a {
  border-left: 1px solid #FFF;
  text-align: center;
  padding: 20px 0;
  display: block;
}
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .news-blog a:hover,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .event a:hover,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .info a:hover,
#admission #sub-menu .inner .pure-g-r .pure-u-1-4 .document a:hover {
  background-color: #CCC;
}
#admission h2 {
  font-size: 32px;
  line-height: 1.1em;
}
#admission .members h1 {
  margin-bottom: 36px;
}
#admission .members h2 {
  margin-bottom: 36px;
  font-size: 24px;
}
#admission .members .anchor-list {
  padding: 20px 0 0;
  overflow: hidden;
}
#admission .members .anchor-list ul li {
  width: 25%;
  float: left;
}
#admission .members .anchor-list ul li a {
  border-right: solid 2px #FFF;
  background-color: #0054ff;
  padding: 30px 10px;
  font-size: 24px;
  color: #FFF;
  text-align: center;
  display: block;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
#admission .members .anchor-list ul li a .arrow {
  margin-left: 10px;
  vertical-align: middle;
}
#admission .members .anchor-list ul li a.last {
  border-right: none;
}
#admission .members .article {
  padding: 70px 0;
  overflow: hidden;
}
#admission .members .article h3 {
  font-size: 24px;
  margin-top: 42px;
  margin-bottom: 24px;
}
#admission .members .article.child {
  margin-top: -42px;
  padding-top: 0;
}
#admission .members .pure-g-r {
  margin-top: -2.0833%;
  margin-left: -2.0833%;
}
#admission .members .pure-g-r .pure-u-1-4 {
  margin-top: 2.0833%;
  margin-left: 2.0833%;
  width: 22.88%;
  background-color: #EEE;
  position: relative;
  padding-bottom: 45px;
  min-height: 255px;
}
#admission .members .pure-g-r .pure-u-1-4 ul {
  border-bottom: dashed 1px #CCC;
  padding: 10px;
  overflow: hidden;
}
#admission .members .pure-g-r .pure-u-1-4 ul li.profile {
  margin-left: 0;
  line-height: 1.5em;
  width: auto;
  text-align: center;
}
#admission .members .pure-g-r .pure-u-1-4 ul li.profile .faculty {
  font-size: 14px;
  display: block;
  color: #000;
  padding-top: 5px;
}
#admission .members .pure-g-r .pure-u-1-4 ul li.profile .name {
  font-size: 18px;
  color: #000;
}
#admission .members .pure-g-r .pure-u-1-4 p {
  padding: 10px;
  line-height: 1.6em;
}
#admission .information .detail {
  padding-bottom: 60px;
}
#admission .information .detail .head {
  padding-top: 60px;
  padding-bottom: 30px;
  overflow: hidden;
}
#admission .information .detail .head h1 {
  width: 305px;
  height: 185px;
  background-color: #FF0;
  line-height: 5.5em;
  text-align: center;
  float: left;
}
#admission .information .detail .head h1.multiline {
  line-height: 1.2em;
  padding-top: 55px;
  height: 130px;
}
#admission .information .detail .head .banner {
  float: right;
}
#admission .information .detail .article {
  margin-bottom: 40px;
}
#admission .information .detail .article p {
  margin-bottom: 20px;
  color: #000;
}
#admission .information .detail .article h2 {
  margin-bottom: 26px;
  font-size: 24px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5em;
}
#admission .information .detail .article h2 .sub-title {
  padding-left: 20px;
  font-size: 18px;
}
#admission .information .detail .article h3 {
  margin-bottom: 10px;
  font-size: 18px;
}
#admission .information .detail .article h4 {
  margin-bottom: 10px;
  font-size: 14px;
}
#admission .information .detail .article .table-list {
  margin-bottom: 10px;
}
#admission .information .detail .article .table-list .city, #admission .information .detail .article .table-list .date, #admission .information .detail .article .table-list .hour {
  width: 18%;
}
#admission .information .detail .article .table-list .col01 {
  width: 10%;
}
#admission .information .detail .article .table-list .col02 {
  width: 20%;
}
#admission .information .detail .article .table-list .col03 {
  width: 30%;
}
#admission .information .detail .article .table-list .col04 {
  width: 40%;
}
#admission .information .detail .article .table-list .col05 {
  width: 50%;
}
#admission .information .detail .article .table-list.number thead td {
  text-align: center;
  background-color: #EFEFEF;
  color: #000;
}
#admission .information .detail .article .table-list.number tbody td {
  text-align: right;
}
#admission .information .detail .article .table-list.number-center thead th, #admission .information .detail .article .table-list.number-center thead td {
  text-align: center;
}
#admission .information .detail .article .table-list.number-center thead td {
  background-color: #EFEFEF;
  color: #000;
}
#admission .information .detail .article .table-list.number-center tbody th, #admission .information .detail .article .table-list.number-center tbody td {
  text-align: center;
}
#admission .information .detail .article .table-list.number-center .txt-left {
  text-align: left;
}
#admission .information .detail .article .table-list.number-center .txt-right {
  text-align: right;
}
#admission .information .detail .article .table-list.number-center .txt-center {
  text-align: center;
}
#admission .information .detail .article .table-list.list-detail th {
  white-space: nowrap;
}
#admission .information .detail .article .table-list .arrow-double {
  margin-top: 6px;
  padding-left: 8px;
  vertical-align: top;
}
#admission .information .detail .article dl {
  margin: 20px 0;
}
#admission .information .detail .article dl dt {
  font-weight: bold;
}
#admission .information .detail .article ul {
  margin: 20px 0;
}
#admission .information .detail .article ul li {
  color: #666;
}
#admission .information .detail .article .section {
  margin-bottom: 40px;
}
#admission .information .detail .article em {
  font-weight: bold;
  color: #000;
}
#admission .information .detail .lead {
  font-size: 14px;
  color: #666;
}
#admission .information .detail .lead h1 {
  color: #000;
  margin: 30px 0 50px;
}
#admission .information .detail .lead h3 {
  margin-bottom: 10px;
  font-size: 18px;
}
#admission .information .detail .btn-blue {
  padding-left: 30px;
  padding-right: 30px;
  display: inline-block;
  border-bottom: none;
}
#admission .information .detail .anchor {
  overflow: hidden;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  padding: 10px;
}
#admission .information .detail .anchor li {
  float: left;
  margin-right: 30px;
  line-height: 2.2em;
}
#admission .information .detail .anchor li a {
  display: inline-block;
  font-size: 16px;
}
#admission .information .detail .anchor li a .arrow-double {
  margin-top: 9px;
  padding-left: 8px;
  vertical-align: top;
}
#admission .information .detail .anchor .last {
  margin-right: 0;
}
#admission .information .detail ul.note li {
  position: relative;
  padding-left: 20px;
}
#admission .information .detail ul.note li span {
  position: absolute;
  top: 0;
  left: 0;
}
#admission .information .detail .list-arrow li {
  margin: 4px 0;
}
#admission .information .detail .list-arrow li a {
  display: inline-block;
}
#admission .information .detail .list-arrow li .arrow-double {
  margin-top: 7px;
  margin-right: 8px;
  vertical-align: top;
}
#admission .information .detail .pagetop {
  text-align: right;
}
#admission .information .detail .pagetop img {
  margin-top: 6px;
  margin-right: 6px;
  vertical-align: top;
}
#admission .information .detail .pdf-download {
  display: block;
  margin-top: 5px;
}
#admission .information .detail .application .table {
  margin-bottom: 20px;
}
#admission .information .detail .application .table-list tbody th {
  background: #fff;
  width: 40%;
}
#admission .information .detail .panel-menu {
  margin: 0;
}
#admission .information .detail .panel-menu h2 {
  display: block;
  color: #FFF;
  padding-top: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid #000;
  font-size: 18px;
  background-color: #0054FF;
  line-height: 1em;
  margin-bottom: 0;
  cursor: pointer;
}
#admission .information .detail .panel-menu h2 .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#admission .information .detail .panel {
  display: none;
}
#admission .information .detail .panel h3:first-child {
  margin-top: 40px;
}
#admission .information .detail .sinsa2015 .lead h1 {
  margin-bottom: 30px;
}
#admission .information .detail .sinsa2015 h2 {
  margin-bottom: 6px;
}
#admission .information .detail .sinsa2015 .half-column {
  overflow: hidden;
}
#admission .information .detail .sinsa2015 .half-column h2 {
  margin-bottom: 30px;
}
#admission .information .detail .sinsa2015 .half-column .pure-u-1-2 {
  float: left;
}
#admission .information .detail .sinsa2015 .half-column .left {
  border-right: solid 1px #ccc;
  padding-right: 39px;
}
#admission .information .detail .sinsa2015 .half-column .right {
  padding-left: 40px;
}
#admission .information .detail .guidelines .icon-pdf {
  vertical-align: middle;
}
#admission .information .detail .guidelines .line {
  border-bottom: solid 1px #CCC;
  padding-bottom: 30px;
}
#admission .information .detail .guidelines .btn-blue {
  border-bottom: none;
  padding: 15px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  display: block;
}
#admission .information .detail .guidelines .form {
  overflow: hidden;
}
#admission .information .detail .guidelines .form li {
  float: left;
}
#admission .information .detail .guidelines .form li .label {
  font-size: 16px;
}
#admission .information .detail .guidelines .form li .input-txt {
  margin-right: 15px;
}
#admission .information .detail .guidelines .form li:first-child {
  margin-right: 30px;
}
#admission .information .detail .guidelines .btn-area ul {
  overflow: hidden;
}
#admission .information .detail .guidelines .btn-area ul li {
  width: 48.5416%;
  float: left;
}
#admission .information .detail .guidelines .btn-area ul li:first-child {
  margin-right: 2.9166%;
}
#admission .information .detail .shirokane {
  margin-bottom: -60px;
}
#admission .information .detail .shirokane .article {
  margin-bottom: 0;
  padding: 40px 0;
}
#admission .information .detail .shirokane .lead h2 {
  color: #0054ff;
}
#admission .information .detail .shirokane h2 {
  font-size: 24px;
  font-weight: normal;
}
#admission .information .detail .shirokane ul {
  overflow: hidden;
}
#admission .information .detail .shirokane ul img {
  max-width: 100%;
  width: auto;
}
#admission .information .detail .shirokane ul .left {
  width: 42.9166%;
  float: left;
}
#admission .information .detail .shirokane ul .right {
  float: right;
  width: 53.4375%;
}
#admission .information .detail .shirokane ul .right p {
  margin-bottom: 20px;
}
#admission .information .detail .shirokane p {
  margin: 0;
}
#admission .information .detail .web_syutsugan,
#admission .information .detail .local {
  margin-bottom: -60px;
}
@media screen and (max-width: 767px) {
  #admission .information .detail .web_syutsugan,
  #admission .information .detail .local {
    margin-bottom: 0;
  }
}
#admission .information .detail .web_syutsugan .txt-bg span,
#admission .information .detail .local .txt-bg span {
  background-color: #FF0;
}
#admission .information .detail .web_syutsugan .head,
#admission .information .detail .local .head {
  padding-bottom: 0;
}
#admission .information .detail .web_syutsugan .article,
#admission .information .detail .local .article {
  margin: 0;
  padding: 50px 0;
}
#admission .information .detail .web_syutsugan .article h3,
#admission .information .detail .local .article h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 30px;
}
#admission .information .detail .web_syutsugan .article h4,
#admission .information .detail .local .article h4 {
  color: #0054ff;
  font-weight: bold;
}
#admission .information .detail .web_syutsugan .article p.margin-none,
#admission .information .detail .local .article p.margin-none {
  margin: 0;
}
#admission .information .detail .web_syutsugan .lead h2,
#admission .information .detail .local .lead h2 {
  font-size: 26px;
  margin: 20px 0;
  font-weight: normal;
}
#admission .information .detail .web_syutsugan .lead p,
#admission .information .detail .local .lead p {
  margin: 0;
}
#admission .information .detail .web_syutsugan .btn-block,
#admission .information .detail .local .btn-block {
  padding: 0;
  margin-bottom: 20px;
}
#admission .information .detail .web_syutsugan .btn-block .btn-link,
#admission .information .detail .local .btn-block .btn-link {
  display: block;
  color: #FFF;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  background-color: #0054FF;
  line-height: 2em;
  text-align: center;
}
#admission .information .detail .web_syutsugan .btn-block .btn-link .icon,
#admission .information .detail .local .btn-block .btn-link .icon {
  margin-right: 20px;
}
#admission .information .detail .web_syutsugan .btn-block .btn-link .arrow,
#admission .information .detail .local .btn-block .btn-link .arrow {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 15px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-about p,
#admission .information .detail .local #web_syutsugan-about p {
  color: #666;
}
@media screen and (max-width: 767px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-topics,
  #admission .information .detail .local #web_syutsugan-topics {
    padding-bottom: 60px;
  }
}
#admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2 .block,
#admission .information .detail .local #web_syutsugan-topics .pure-u-1-2 .block {
  margin-bottom: 20px;
  border: solid 1px #CCC;
}
#admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2 .block .txt,
#admission .information .detail .local #web_syutsugan-topics .pure-u-1-2 .block .txt {
  padding: 30px;
}
@media screen and (max-width: 767px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2 .block .txt,
  #admission .information .detail .local #web_syutsugan-topics .pure-u-1-2 .block .txt {
    padding: 15px;
  }
}
#admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2 .block .txt p,
#admission .information .detail .local #web_syutsugan-topics .pure-u-1-2 .block .txt p {
  margin: 0;
}
#admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2 .block .txt h4,
#admission .information .detail .local #web_syutsugan-topics .pure-u-1-2 .block .txt h4 {
  color: #000;
}
#admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2 .block .btn-blue,
#admission .information .detail .local #web_syutsugan-topics .pure-u-1-2 .block .btn-blue {
  display: block;
}
#admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2:nth-child(odd) .block,
#admission .information .detail .local #web_syutsugan-topics .pure-u-1-2:nth-child(odd) .block {
  margin-right: 10px;
}
@media screen and (max-width: 767px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2:nth-child(odd) .block,
  #admission .information .detail .local #web_syutsugan-topics .pure-u-1-2:nth-child(odd) .block {
    margin-right: 0;
  }
}
#admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2:nth-child(even) .block,
#admission .information .detail .local #web_syutsugan-topics .pure-u-1-2:nth-child(even) .block {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-topics .pure-u-1-2:nth-child(even) .block,
  #admission .information .detail .local #web_syutsugan-topics .pure-u-1-2:nth-child(even) .block {
    margin-left: 0;
  }
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow,
#admission .information .detail .local #web_syutsugan-flow {
  overflow: hidden;
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block,
#admission .information .detail .local #web_syutsugan-flow .block {
  width: 960px;
  float: left;
}
@media screen and (max-width: 767px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-flow .block,
  #admission .information .detail .local #web_syutsugan-flow .block {
    width: 100%;
    float: none;
  }
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul,
#admission .information .detail .local #web_syutsugan-flow .block ul {
  margin: 0;
  overflow: hidden;
  margin-left: -16px;
  list-style: none;
  padding-left: 0;
}
@media screen and (max-width: 767px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul,
  #admission .information .detail .local #web_syutsugan-flow .block ul {
    width: 100%;
    margin-left: 0;
  }
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li,
#admission .information .detail .local #web_syutsugan-flow .block ul li {
  margin-left: 16px;
  margin-bottom: 16px;
  padding: 15px;
  width: 275px;
  float: left;
  border: solid 2px #0054ff;
  background-color: #FFF;
}
@media screen and (max-width: 860px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li,
  #admission .information .detail .local #web_syutsugan-flow .block ul li {
    width: 43%;
  }
}
@media screen and (max-width: 767px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li,
  #admission .information .detail .local #web_syutsugan-flow .block ul li {
    margin-left: 0;
    width: auto;
    float: none;
  }
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li h4,
#admission .information .detail .local #web_syutsugan-flow .block ul li h4 {
  color: #333;
  padding-left: 20px;
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: 0;
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li dl,
#admission .information .detail .local #web_syutsugan-flow .block ul li dl {
  margin: 0;
  display: table;
  padding-bottom: 20px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li dl dt, #admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li dl dd,
#admission .information .detail .local #web_syutsugan-flow .block ul li dl dt,
#admission .information .detail .local #web_syutsugan-flow .block ul li dl dd {
  display: table-cell;
  vertical-align: top;
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li dl dd,
#admission .information .detail .local #web_syutsugan-flow .block ul li dl dd {
  vertical-align: middle;
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li .circle,
#admission .information .detail .local #web_syutsugan-flow .block ul li .circle {
  display: block;
  background-color: #0054ff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  behavior: url(/admission/common/css/PIE.htc);
  width: 50px;
  height: 50px;
  line-height: 5.2em;
  font-size: 10px;
  text-align: center;
  color: #FFF;
  font-weight: normal;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#admission .information .detail .web_syutsugan #web_syutsugan-flow .block ul li p,
#admission .information .detail .local #web_syutsugan-flow .block ul li p {
  margin: 0;
}
#admission .information .detail .web_syutsugan #web_syutsugan-merit dl,
#admission .information .detail .local #web_syutsugan-merit dl {
  margin: 30px 0;
}
#admission .information .detail .web_syutsugan #web_syutsugan-merit dl dt,
#admission .information .detail .local #web_syutsugan-merit dl dt {
  color: #0054ff;
  font-size: 16px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-merit dl dd,
#admission .information .detail .local #web_syutsugan-merit dl dd {
  padding-top: 10px;
  margin-left: 0;
}
#admission .information .detail .web_syutsugan #web_syutsugan-merit p,
#admission .information .detail .local #web_syutsugan-merit p {
  margin: 0;
  color: #666;
}
#admission .information .detail .web_syutsugan #web_syutsugan-cases dl,
#admission .information .detail .local #web_syutsugan-cases dl {
  margin-top: 30px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-cases dl dt,
#admission .information .detail .local #web_syutsugan-cases dl dt {
  background-color: #EFEFEF;
  padding: 5px 10px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-cases dl dt .question,
#admission .information .detail .local #web_syutsugan-cases dl dt .question {
  color: #0054ff;
  font-size: 16px;
  padding-right: 5px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
#admission .information .detail .web_syutsugan #web_syutsugan-cases dl dd,
#admission .information .detail .local #web_syutsugan-cases dl dd {
  padding-top: 10px;
  margin-left: 10px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-cases dl dd .table-list,
#admission .information .detail .local #web_syutsugan-cases dl dd .table-list {
  margin-bottom: 20px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-cases .bottom-line,
#admission .information .detail .local #web_syutsugan-cases .bottom-line {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: solid 1px #CCC;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price,
#admission .information .detail .local #web_syutsugan-price {
  overflow: hidden;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .left,
#admission .information .detail .local #web_syutsugan-price .left {
  padding-right: 100px;
  float: left;
  width: 380px;
  border-right: solid 1px #CCC;
}
@media screen and (max-width: 640px) {
  #admission .information .detail .web_syutsugan #web_syutsugan-price .left,
  #admission .information .detail .local #web_syutsugan-price .left {
    padding-bottom: 30px;
  }
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .right,
#admission .information .detail .local #web_syutsugan-price .right {
  float: right;
  width: 380px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price h4,
#admission .information .detail .local #web_syutsugan-price h4 {
  margin-bottom: 30px;
  color: #333;
  font-weight: normal;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .first, #admission .information .detail .web_syutsugan #web_syutsugan-price .second,
#admission .information .detail .local #web_syutsugan-price .first,
#admission .information .detail .local #web_syutsugan-price .second {
  margin-top: 15px;
  font-size: 24px;
  line-height: 1.8em;
  text-align: right;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .first .price, #admission .information .detail .web_syutsugan #web_syutsugan-price .second .price,
#admission .information .detail .local #web_syutsugan-price .first .price,
#admission .information .detail .local #web_syutsugan-price .second .price {
  font-size: 48px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  line-height: 1em;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .first .price .yen, #admission .information .detail .web_syutsugan #web_syutsugan-price .second .price .yen,
#admission .information .detail .local #web_syutsugan-price .first .price .yen,
#admission .information .detail .local #web_syutsugan-price .second .price .yen {
  font-size: 40px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .sale,
#admission .information .detail .local #web_syutsugan-price .sale {
  padding-top: 20px;
  font-size: 16px;
  color: #0054ff;
  text-align: right;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .sale.line,
#admission .information .detail .local #web_syutsugan-price .sale.line {
  margin-top: 0;
  border-top: solid 2px #0054ff;
  margin-top: 20px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .sale .price,
#admission .information .detail .local #web_syutsugan-price .sale .price {
  font-size: 30px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price .sale .price .yen,
#admission .information .detail .local #web_syutsugan-price .sale .price .yen {
  font-size: 20px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price p,
#admission .information .detail .local #web_syutsugan-price p {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#admission .information .detail .web_syutsugan #web_syutsugan-price p.topic,
#admission .information .detail .local #web_syutsugan-price p.topic {
  padding-top: 20px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-exam ul li,
#admission .information .detail .local #web_syutsugan-exam ul li {
  margin-top: 5px;
  font-size: 16px;
  color: #333;
  font-weight: bold;
}
#admission .information .detail .web_syutsugan #web_syutsugan-exam ul li .color-blue,
#admission .information .detail .local #web_syutsugan-exam ul li .color-blue {
  color: #0054ff;
  margin-right: 10px;
}
#admission .information .detail .web_syutsugan #web_syutsugan-exam p,
#admission .information .detail .local #web_syutsugan-exam p {
  color: #666;
}
#admission .information .detail .scholarship .article h2 {
  border: solid 2px #0054ff;
  padding: 15px;
  margin-bottom: 40px;
  font-size: 18px;
  color: #0054ff;
  font-weight: normal;
}
#admission .information .detail .scholarship .article h3 {
  margin-bottom: 25px;
  font-size: 20px;
  font-weight: bold;
}
#admission .information .detail .scholarship .article .bold {
  font-weight: bold;
}
#admission .information .detail .scholarship .article .f-l {
  font-size: 14px;
}
#admission .information .detail .scholarship .article .credit {
  font-size: 12px;
  float: right;
  display: block;
}
#admission .information .detail .scholarship .article .textRight {
  text-align: right;
}
#admission .information .detail .scholarship .article .table-list .title {
  text-align: center;
}
#admission .information .detail .scholarship .article .table-list .color2 {
  background-color: #FF0;
}
#admission .information .detail .scholarship .article .color3 {
  color: #0054ff;
}
#admission .information .detail .scholarship .article .pagetop a {
  background: url(../images/arrow-double-up-blue-16x16.gif) no-repeat left center;
  background-size: 8px 8px;
  padding-left: 15px;
}
#admission .information .detail .local {
  margin-bottom: -60px;
}
#admission .information .detail .local .article p {
  margin: 0;
}
#admission .information .detail .local .article .color-light-gray {
  color: #666;
}
#admission .information .detail .local .article h3 {
  margin-bottom: 40px;
}
#admission .information .detail .local .sub-block {
  padding: 40px 0;
}
#admission .information .detail .local .sub-block .txt-bg {
  font-size: 16px;
  margin: 0;
  font-weight: bold;
}
#admission .information .detail .local #local-detail .btn-block {
  margin-top: 25px;
  margin-bottom: 25px;
}
#admission .information .detail .local #local-exam_place h3 {
  margin-bottom: 15px;
}
#admission .information .detail .local #local-exam_place h4 {
  color: #333;
  font-weight: normal;
}
#admission .information .detail .local #local-exam_place h4 .label {
  color: #0054ff;
  font-weight: bold;
}
#admission .information .detail .local #local-exam_place .block {
  margin-top: 30px;
}
#admission .information .detail .local #local-exam_place .block dl {
  display: table;
}
#admission .information .detail .local #local-exam_place .block dl dt, #admission .information .detail .local #local-exam_place .block dl dd {
  display: table-cell;
  vertical-align: middle;
}
#admission .information .detail .local #local-exam_place .block dl dt {
  width: 86px;
}
#admission .information .detail .local #local-exam_place .block dl dt .circle {
  border: solid 2px #0054ff;
  width: 82px;
  height: 82px;
  border-radius: 41px;
  -webkit-border-radius: 41px;
  -moz-border-radius: 41px;
  behavior: url(/admission/common/css/PIE.htc);
  color: #0054ff;
  line-height: 6.5em;
  text-align: center;
}
#admission .information .detail .local #local-exam_place .block dl dd {
  padding-left: 15px;
}
#admission .information .detail .local #local-exam_place .block dl dd span {
  color: #0054ff;
}
#admission .information .detail .local #local-exam_place h3 {
  margin-bottom: 40px;
}
#admission .information .detail .local #local-exam_place .table-list {
  margin-bottom: 30px;
}
#admission .information .detail .local #local-exam_place #map1, #admission .information .detail .local #local-exam_place #map2 {
  width: 100%;
  height: 220px;
}
#admission .information .detail .local #local-banner h3 {
  font-size: 24px;
  color: #0054ff;
  text-align: center;
  margin: 0 0 25px;
}
#admission .information .detail .list .calendar .article {
  padding-bottom: 20px;
}
#admission .information .detail .list .calendar .article .table-list th {
  padding-top: 20px;
  padding-bottom: 20px;
}
#admission .information .detail .list .calendar .anchor {
  margin-bottom: -20px;
}
#admission .information .detail .list .calendar .harf {
  width: 50%;
}
#admission .information .detail .list .calendar .quarter {
  width: 25%;
}
#admission .information .detail .list .calendar .small {
  width: 17%;
}
#admission .information .detail .list .calendar h3 {
  margin-top: 30px;
}
#admission .information .detail .list .exam-detail h3 {
  background-color: #0054ff;
  padding: 13px 25px;
  margin-bottom: 20px;
  text-align: left;
  font-size: 16px;
}
#admission .information .detail .list .exam-detail h3 .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 15px;
}
#admission .information .detail .list .exam-detail h3 a {
  color: #fff;
  display: block;
}
#admission .information .detail .list .exam-detail h4 {
  font-size: 18px;
  margin-top: 20px;
}
#admission .information .detail .list .admission_policy {
  background: #eee;
  padding-left: 8px;
  padding-right: 8px;
}
#admission .information .detail .list .admission_policy.caption {
  float: right;
}
#admission .information .detail .list .faq .article dl {
  margin-top: 40px;
}
#admission .information .detail .list .faq .article dl dt {
  background-color: #EFEFEF;
  padding: 5px 10px;
}
#admission .information .detail .list .faq .article dl dt .question {
  color: #0054ff;
  font-size: 16px;
  padding-right: 5px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
#admission .information .detail .list .faq .article dl dd {
  padding-top: 10px;
}
#admission .information .detail .list .faq .article dl dd .table-list {
  margin-bottom: 20px;
}
#admission .information .detail .list .faq .bottom-line {
  padding-bottom: 30px;
  margin-bottom: 50px;
  border-bottom: solid 1px #CCC;
}
#admission .information .detail .list .faq #area03 .margin-top {
  margin-top: 30px;
}
#admission .information .detail .list.list_ao .table-list th, #admission .information .detail .list.list_ao .table-list td {
  padding-top: 10px;
  padding-bottom: 10px;
}
#admission .information .detail .list.list_ao .table-list th {
  width: 172px;
}
#admission .information .detail .list.list_ao .table-list ul {
  margin: 0;
}
#admission .information .detail .list .more {
  font-size: 11px;
  float: right;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#admission .information .detail .tokubetsusochi .docs {
  margin-bottom: 60px;
}
#admission .information .detail .tokubetsusochi .docs h1 {
  text-align: center;
  margin: 60px 0;
}
#admission .information .detail .gts .table-list td {
  padding-top: 10px;
  padding-bottom: 10px;
}
#admission .information .detail .gts .table-list ol li {
  padding-left: 20px;
  position: relative;
}
#admission .information .detail .gts .table-list ol li span.num {
  position: absolute;
  left: 0;
  top: 0;
}
#admission .information .detail .gts .table-list ol.wide li {
  padding-left: 25px;
}
#admission .information .detail .gts .table-list p {
  margin-bottom: 0;
}
#admission .information .detail .pe {
  margin-bottom: -60px;
}
#admission .information .detail .pe .article {
  padding: 50px 0;
  margin: 0;
}
#admission .information .detail .pe .bg {
  border: none;
}
#admission .information .detail .pe .link {
  word-break: break-all;
}
#admission .information .detail .pe .lead {
  position: relative;
}
#admission .information .detail .pe .lead .caution {
  margin-top: -20px;
  margin-bottom: 10px;
  font-size: 20px;
}
#admission .information .detail .pe .lead h2 {
  background-color: #0054ff;
  color: #FFF;
  padding: 10px 25px;
  margin: 0;
  font-weight: bold;
}
#admission .information .detail .pe .lead ul {
  margin: 0;
  padding: 25px;
  overflow: hidden;
}
#admission .information .detail .pe .lead ul li {
  margin-left: 6%;
  float: left;
  width: 47%;
}
#admission .information .detail .pe .lead ul li h3 {
  font-size: 18px;
  font-weight: bold;
  color: #0054ff;
}
#admission .information .detail .pe .lead ul li p {
  margin: 0;
}
#admission .information .detail .pe .lead ul li:first-child {
  margin-left: 0;
}
#admission .information .detail .pe .lead .triangle {
  margin-left: -35px;
  width: 0;
  height: 0;
  border: 35px solid transparent;
  border-top: 25px solid #FFF;
  position: absolute;
  left: 50%;
  bottom: -55px;
}
#admission .information .detail .pe .box {
  border: solid 2px #0054ff;
}
#admission .information .detail .pe h2 {
  font-weight: normal;
  font-size: 24px;
}
#admission .information .detail .pe .bg-color {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#admission .information .detail .pe .bg-color li {
  float: left;
  width: 32.5%;
  margin-left: 1.25%;
  text-align: center;
  color: #FFF;
  padding: 15px 0;
  font-size: 20px;
}
#admission .information .detail .pe .bg-color li.color-green {
  background-color: #A9CF52;
}
#admission .information .detail .pe .bg-color li.color-orange {
  background-color: #f6ab4d;
}
#admission .information .detail .pe .bg-color li.color-blue {
  background-color: #87B9E4;
}
#admission .information .detail .pe .bg-color li:first-child {
  margin-left: 0;
}
#admission .information .detail .pe .title3 .box {
  text-align: center;
  padding: 15px 10px;
}
#admission .information .detail .pe .title3 .box h3 {
  color: #0054ff;
}
#admission .information .detail .pe .title3 .box p {
  margin: 0;
}
#admission .information .detail .pe .title3 .box .bg-color {
  margin-bottom: -5px;
}
#admission .information .detail .pe .title3 .box .bg-color li {
  font-size: 14px;
  padding: 5px 0;
}
#admission .information .detail .pe .title3 .topic {
  margin: 20px 0 0;
}
#admission .information .detail .pe .title3 hr {
  border: none;
  border-left: solid 2px #0054ff;
  height: 25px;
  width: 1px;
  margin: 0 auto;
}
#admission .information .detail .pe .three-column {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#admission .information .detail .pe .three-column .column {
  margin-left: 3.125%;
  width: 31.25%;
  float: left;
  background-color: #FFF;
}
#admission .information .detail .pe .three-column .column:first-child {
  margin-left: 0;
}
#admission .information .detail .pe .three-column .column h3 {
  font-size: 20px;
  padding: 20px 0;
  text-align: center;
  color: #FFF;
}
#admission .information .detail .pe .three-column .column h3.color-green {
  background-color: #A9CF52;
}
#admission .information .detail .pe .three-column .column h3.color-orange {
  background-color: #f6ab4d;
}
#admission .information .detail .pe .three-column .column h3.color-blue {
  background-color: #87B9E4;
}
#admission .information .detail .pe .three-column .column .block {
  margin: 0 15px;
  padding: 20px 10px;
  display: block;
  border-bottom: solid 1px #CCC;
}
#admission .information .detail .pe .three-column .column .block h4 {
  color: #0054ff;
  margin: 0;
}
#admission .information .detail .pe .three-column .column .block p {
  margin: 0;
}
#admission .information .detail .pe .three-column .column .block ul {
  margin: 0 0 0 20px;
  padding: 0;
}
#admission .information .detail .pe .three-column .column .block ul li {
  list-style: disc;
  color: #333;
}
#admission .information .detail .pe .three-column .column .last {
  border-bottom: none;
}
#admission .information .detail .pe .caption {
  margin: 20px 0 0;
}
#admission .registration {
  min-height: 600px;
}
#admission .registration .top .head {
  padding-top: 50px;
  padding-bottom: 0;
  margin-bottom: 40px;
  overflow: hidden;
}
#admission .registration .top .head h1 {
  float: left;
  line-height: 1.2em;
}
#admission .registration h2 {
  font-size: 21px;
  font-weibht: bold;
  margin-bottom: 1em;
}
#admission .registration p {
  font-size: 14px;
  color: #666;
  margin-bottom: .7em;
}
#admission .registration form.form {
  margin: 30px 0 120px 0;
}
#admission .registration form.form p {
  margin-bottom: 1.2em;
}
#admission .registration form.form .label {
  font-size: 16px;
  margin-right: 1em;
}
#admission .registration form.form input[type=text] {
  border: 1px solid #CCC;
  width: 160px;
}
#admission .registration form.form intpu[type=submit] {
  margin-top: 1em;
}
#admission .blog {
  padding-bottom: 60px;
  font-size: 14px;
  overflow: hidden;
}
#admission .blog .block1 {
  padding-bottom: 60px;
}
#admission .blog .block1 .head {
  padding-top: 80px;
  padding-bottom: 0;
  display: table;
}
#admission .blog .block1 .head h1,
#admission .blog .block1 .head .lead {
  display: table-cell;
  vertical-align: middle;
}
#admission .blog .block1 .head h1 {
  float: left;
  padding-right: 30px;
}
#admission .blog .block1 .head .lead {
  color: #666;
}
#admission .blog h2 {
  margin: 20px 0;
  font-size: 20px;
}
#admission .blog p {
  color: #666;
}
#admission .blog .bg {
  border-top: none;
}
#admission .blog .btn-blue {
  padding: 8px 0 5px;
  display: block;
  text-align: center;
  background-color: #0054ff;
  color: #FFF;
  border-bottom: none;
}
#admission .blog .btn-blue:hover {
  opacity: 0.6;
}
#admission .blog .more {
  margin-top: 10px;
  font-size: 11px;
}
#admission .blog .comment-block {
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  #admission .blog .comment-block {
    padding: 0;
  }
}
#admission .blog .comment-block .c-title {
  margin-bottom: 20px;
  font-weight: normal;
  font-size: 18px;
}
#admission .blog .comment-block .c-name {
  display: block;
  margin-top: 15px;
  font-weight: bold;
}
#admission .blog .comment-block .bg-gray {
  border: solid 1px #CCC;
  background-color: #EFEFEF;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  #admission .blog .comment-block .bg-gray {
    padding: 15px;
  }
}
#admission .blog .comment-block .c-table {
  display: table;
}
@media screen and (max-width: 767px) {
  #admission .blog .comment-block .c-table {
    display: block;
  }
}
#admission .blog .comment-block .c-table dt, #admission .blog .comment-block .c-table dd {
  display: table-cell;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  #admission .blog .comment-block .c-table dt, #admission .blog .comment-block .c-table dd {
    display: block;
  }
}
#admission .blog .comment-block .c-table dt {
  width: 32%;
}
@media screen and (max-width: 767px) {
  #admission .blog .comment-block .c-table dt {
    width: auto;
    padding-bottom: 15px;
    text-align: center;
  }
}
#admission .blog .socialButtons {
  margin-bottom: 50px;
}
#admission .blog .socialButtons td {
  padding-right: 15px;
  vertical-align: bottom;
}
#admission .blog .socialButtons td .twitter-share-button,
#admission .blog .socialButtons td .fb-root {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 !important;
}
#admission .blog .socialButtons .category {
  display: block;
  margin-left: -15px;
}
#admission .blog .socialButtons .category a {
  display: block;
  float: left;
  margin-left: 15px;
}
#admission .blog .contents .main {
  width: 75%;
  float: left;
  overflow: hidden;
}
#admission .blog .contents .main .tag {
  background-color: #000;
  padding: 3px 4px 2px;
  color: #FFF !important;
  font-size: 14px !important;
  margin-right: 20px;
}
#admission .blog .contents .main .article, #admission .blog .contents .main .article-link {
  border-bottom: solid 1px #CCC;
  margin-bottom: 50px;
  padding-bottom: 50px !important;
}
#admission .blog .contents .main .article.border-bottom-non, #admission .blog .contents .main .article-link.border-bottom-non {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}
#admission .blog .contents .main .article .sub-block, #admission .blog .contents .main .article-link .sub-block {
  color: #666;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#admission .blog .contents .main .article .sub-block .delimiter, #admission .blog .contents .main .article-link .sub-block .delimiter {
  padding: 0 5px;
}
#admission .blog .contents .main .article .sub-block .category a, #admission .blog .contents .main .article-link .sub-block .category a {
  margin-left: 10px;
}
#admission .blog .contents .main .article .bg-box, #admission .blog .contents .main .article-link .bg-box {
  margin-top: 40px;
}
#admission .blog .contents .main .article .bg-box h3, #admission .blog .contents .main .article-link .bg-box h3 {
  margin-top: 0;
  font-weight: bold;
}
#admission .blog .contents .main .article .bg-box.padding20, #admission .blog .contents .main .article-link .bg-box.padding20 {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  #admission .blog .contents .main .article .bg-box.padding20, #admission .blog .contents .main .article-link .bg-box.padding20 {
    padding-bottom: 20px;
  }
}
#admission .blog .contents .main .article .block h2, #admission .blog .contents .main .article-link .block h2 {
  margin: 10px 0 30px;
  font-size: 24px;
  font-weight: normal;
}
#admission .blog .contents .main .article .block h2 a, #admission .blog .contents .main .article-link .block h2 a {
  color: #000;
}
#admission .blog .contents .main .article .block h3, #admission .blog .contents .main .article-link .block h3 {
  font-weight: bold;
}
#admission .blog .contents .main .article .block p, #admission .blog .contents .main .article-link .block p {
  margin-bottom: 30px;
}
#admission .blog .contents .main .article .block img, #admission .blog .contents .main .article-link .block img {
  max-width: 100%;
  height: auto;
}
#admission .blog .contents .main .article .block .more, #admission .blog .contents .main .article-link .block .more {
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#admission .blog .contents .main .article .block .more .arrow, #admission .blog .contents .main .article-link .block .more .arrow {
  vertical-align: top;
  margin-top: 6px;
  margin-left: 5px;
}
#admission .blog .contents .main .article-link {
  padding-bottom: 0;
}
#admission .blog .contents .main .article-link.col-large, #admission .blog .contents .main .article-link.col-medium, #admission .blog .contents .main .article-link.col-small {
  background-color: #EEE;
  padding: 20px !important;
  margin: 0 0 20px;
  border-bottom: 0;
}
@media screen and (max-width: 767px) {
  #admission .blog .contents .main .article-link.col-large, #admission .blog .contents .main .article-link.col-medium, #admission .blog .contents .main .article-link.col-small {
    padding: 10px !important;
    margin: 0 0 10px;
  }
}
#admission .blog .contents .main .article-link.col-large .thumbnail, #admission .blog .contents .main .article-link.col-medium .thumbnail, #admission .blog .contents .main .article-link.col-small .thumbnail {
  max-width: 100%;
  width: 100%;
  margin-bottom: 20px;
}
#admission .blog .contents .main .article-link.col-large h2, #admission .blog .contents .main .article-link.col-medium h2, #admission .blog .contents .main .article-link.col-small h2 {
  margin: 5px 0 0;
  font-size: 20px;
}
#admission .blog .contents .main .article-link.col-large p, #admission .blog .contents .main .article-link.col-medium p, #admission .blog .contents .main .article-link.col-small p {
  margin: 20px 0 0;
}
#admission .blog .contents .main .article-link.col-medium {
  width: 43%;
  float: left;
}
#admission .blog .contents .main .article-link.col-medium:nth-child(odd) {
  margin-left: 2.892%;
}
@media screen and (max-width: 767px) {
  #admission .blog .contents .main .article-link.col-medium {
    width: auto;
    float: none;
  }
  #admission .blog .contents .main .article-link.col-medium:nth-child(odd) {
    margin-left: 0;
    margin-top: 10px;
  }
}
#admission .blog .contents .main .article-link.col-small {
  margin-right: 1.446%;
  width: 25.85%;
  float: left;
}
#admission .blog .contents .main .article-link.col-small:nth-child(3), #admission .blog .contents .main .article-link.col-small:nth-child(6), #admission .blog .contents .main .article-link.col-small:nth-child(9) {
  margin-left: 1.446%;
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  #admission .blog .contents .main .article-link.col-small:nth-child(3), #admission .blog .contents .main .article-link.col-small:nth-child(6), #admission .blog .contents .main .article-link.col-small:nth-child(9) {
    margin-left: 0;
    margin-right: 0;
  }
}
#admission .blog .contents .main .article-link.col-small:nth-child(2), #admission .blog .contents .main .article-link.col-small:nth-child(5), #admission .blog .contents .main .article-link.col-small:nth-child(8) {
  margin-left: 1.446%;
}
@media screen and (max-width: 767px) {
  #admission .blog .contents .main .article-link.col-small:nth-child(2), #admission .blog .contents .main .article-link.col-small:nth-child(5), #admission .blog .contents .main .article-link.col-small:nth-child(8) {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #admission .blog .contents .main .article-link.col-small {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    float: none;
  }
}
#admission .blog .contents .sidebar {
  width: 17.7083%;
  float: right;
}
#admission .blog .contents .sidebar .block {
  margin-bottom: 40px;
  padding-bottom: 25px;
  border-bottom: solid 1px #CCC;
}
#admission .blog .contents .sidebar .block.border-non {
  border-bottom: 0;
}
#admission .blog .contents .sidebar .block.border-non h3 {
  margin-top: 0;
}
#admission .blog .contents .sidebar .block h3 {
  margin-bottom: 20px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#admission .blog .contents .sidebar .block ul {
  font-size: 12px;
}
#admission .blog .contents .sidebar .block ul li {
  line-height: 1.5em;
  margin-bottom: 10px;
}
#admission .event .top .head {
  padding-top: 50px;
  padding-bottom: 0;
}
#admission .event .top .head h1 {
  float: left;
  line-height: 1.2em;
}
#admission .event .top .head .lead {
  padding-top: 0;
  margin-left: 180px;
  color: #666;
}
#admission .event .top .event-block {
  border-bottom: solid 1px #E5E5E5;
  padding: 40px 0;
  overflow: hidden;
}
#admission .event .top .event-block .pure-g-r {
  margin-left: -3.125%;
}
#admission .event .top .event-block .pure-g-r .pure-u-1-2 {
  margin-left: 3.125%;
  padding-bottom: 30px;
  width: 46.8%;
  float: left;
}
#admission .event .top .event-block .pure-g-r .pure-u-1-2 .box {
  border: solid 1px #CCC;
}
#admission .event .top .event-block .pure-g-r .pure-u-1-2.last {
  margin-right: 0;
}
#admission .event .top .event-block .pure-g-r h2 {
  margin: -1px -1px 0 -1px;
  border-bottom: solid 1px #FF0;
  background-color: #FF0;
  padding: 13px 25px;
  text-align: left;
  font-size: 22px;
  -webkit-font-smoothing: antialiased;
}
#admission .event .top .event-block .pure-g-r h2 .arrow-single {
  margin-top: -5px;
  float: right;
}
#admission .event .top .event-block .pure-g-r h2 a {
  color: #333;
  display: block;
}
#admission .event .top .event-block .pure-g-r .campus h2 {
  margin: 0;
  border-bottom: none;
  background-color: #FFF;
}
#admission .event .top .event-block .pure-g-r p {
  padding: 20px 25px;
  color: #666;
}
#admission .event .top .event-block .pure-g-r .sub-block {
  border-top: solid 1px #CCC;
  margin: 0 25px 20px;
  padding-top: 20px;
}
#admission .event .top .event-block .pure-g-r .sub-block h3 {
  font-size: 12px;
}
#admission .event .top .event-block .pure-g-r .sub-block h4 {
  margin-bottom: 20px;
  font-size: 18px;
}
#admission .event .top .event-block .pure-g-r .sub-block .btn-blue {
  border-bottom: none;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-size: 16px;
  display: block;
}
#admission .event .top .event-block .pure-g-r .sub-block .btn-blue img {
  margin-left: 10px;
  margin-top: 5px;
  vertical-align: top;
}
#admission .event .detail .head {
  padding-top: 60px;
  padding-bottom: 30px;
  overflow: hidden;
}
#admission .event .detail .head h1 {
  width: 305px;
  height: 185px;
  background-color: #FF0;
  line-height: 5.5em;
  text-align: center;
  float: left;
}
#admission .event .detail .head .banner {
  float: right;
}
#admission .event .detail .article {
  margin-bottom: 40px;
}
#admission .event .detail .article p {
  margin-bottom: 20px;
}
#admission .event .detail .article h2 {
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#admission .event .detail .anchor {
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#admission .event .detail .lead {
  font-size: 14px;
  color: #666;
}
#admission .event .detail .entry-exam h2 {
  margin-bottom: 10px;
  font-size: 18px;
}
#admission .event .detail .career h2 .sub-title {
  padding-left: 20px;
  font-size: 18px;
}
#admission .event .detail .career h3 {
  margin-bottom: 10px;
  font-size: 18px;
}
#admission .event .detail .career .table-list .city, #admission .event .detail .career .table-list .date, #admission .event .detail .career .table-list .hour {
  width: 18%;
}
#admission .event .detail .career .anchor {
  overflow: hidden;
  border-top: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
  padding: 10px;
}
#admission .event .detail .career .anchor li {
  float: left;
  width: 10%;
}
#admission .event .detail .career .anchor li a {
  display: block;
  font-size: 16px;
}
#admission .event .detail .career .anchor li a .arrow-double {
  margin-top: 7px;
  padding-left: 10px;
  vertical-align: top;
}
#admission .event .detail .career .oneday h2 {
  padding-top: 40px;
  border-top: solid 1px #CCC;
}
#admission .event .detail .career .oneday .btn-blue {
  margin-top: -40px;
  padding-left: 30px;
  padding-right: 30px;
  float: right;
  border-bottom: none;
}
#admission .event .opencampus-top .head h1 {
  line-height: 6em;
}
#admission .event .opencampus-top .article {
  margin: 0;
  padding: 40px 0;
}
#admission .event .opencampus-top .article h2 {
  margin-bottom: 30px;
  font-size: 24px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
}
#admission .event .opencampus-top .article p {
  margin: 0;
}
#admission .event .opencampus-top .btn-blue {
  border-bottom: none;
  padding-left: 20px;
  padding-right: 20px;
  float: left;
}
#admission .event .opencampus-top .btn-blue .icon,
#admission .event .opencampus-top .btn-blue .arrow {
  vertical-align: middle;
}
#admission .event .opencampus-top .btn-blue .icon {
  margin-right: 10px;
}
#admission .event .opencampus-top .btn-blue .arrow {
  margin-left: 10px;
  margin-top: -3px;
}
#admission .event .opencampus-top .btn-tw {
  display: block;
  float: left;
  color: #000;
}
#admission .event .opencampus-top .btn-tw .icon,
#admission .event .opencampus-top .btn-tw .arrow {
  vertical-align: middle;
}
#admission .event .opencampus-top .btn-tw .icon {
  margin-right: 10px;
}
#admission .event .opencampus-top .btn-tw .arrow {
  margin-left: 0;
  margin-top: -3px;
}
#admission .event .opencampus-top .btn-tw .arrow1 {
  margin-left: 10px;
  margin-right: -2px;
}
#admission .event .opencampus-top .table-list {
  clear: both;
  margin: 0;
}
#admission .event .opencampus-top .table-list th, #admission .event .opencampus-top .table-list td {
  padding-top: 10px;
  padding-bottom: 10px;
}
#admission .event .opencampus-top .lead {
  margin-bottom: 40px;
}
#admission .event .opencampus-top .lead .btn-tw {
  margin-bottom: 30px;
}
#admission .event .opencampus-top .lead p {
  margin-bottom: 20px;
}
#admission .event .opencampus-top .schedule {
  overflow: hidden;
}
#admission .event .opencampus-top .schedule ul {
  overflow: hidden;
}
#admission .event .opencampus-top .schedule ul li {
  margin-right: 1.0416%;
  margin-top: 8px;
  float: left;
  width: 184px;
}
#admission .event .opencampus-top .schedule ul li:last-child {
  margin-right: 0;
}
#admission .event .opencampus-top .schedule ul li img {
  width: 100%;
  max-width: 100%;
}
#admission .event .opencampus-top .btn-campus {
  display: block;
  color: #FFF;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  background-color: #0054FF;
  line-height: 2em;
  text-align: center;
}
#admission .event .opencampus-top .btn-campus .icon {
  margin-right: 15px;
}
#admission .event .opencampus-top .btn-campus .arrow {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 15px;
}
#admission .event .opencampus-top .photo-list ul {
  margin-left: -7px;
  margin-bottom: 20px;
  overflow: hidden;
}
#admission .event .opencampus-top .photo-list ul li {
  margin-left: 7px;
  width: 315px;
  float: left;
}
#admission .event .opencampus-top .photo-list ul li .caption {
  display: block;
  padding: 5px 0;
  font-size: 12px;
  color: #666;
}
#admission .event .opencampus-top .program .circle {
  display: block;
  width: 34px;
  height: 34px;
  border: solid 2px #0054ff;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  behavior: url(/admission/common/css/PIE.htc);
  background-color: transparent;
  color: #0054ff;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1.5em;
  text-align: center;
}
#admission .event .opencampus-top .program dl {
  display: table;
  margin-bottom: 25px;
}
#admission .event .opencampus-top .program dl dt,
#admission .event .opencampus-top .program dl dd {
  display: table-cell;
  vertical-align: middle;
}
#admission .event .opencampus-top .program dl dt {
  padding-right: 20px;
}
#admission .event .opencampus-top .program dl dt .num1 {
  margin-top: -30px;
}
#admission .event .opencampus-top .program dl dd {
  font-size: 14px;
}
#admission .event .opencampus-top .program dl dd h3 {
  font-size: 18px;
  font-weight: bold;
  color: #0054ff;
  margin-bottom: 0;
}
#admission .event .opencampus-top .program dl dd p {
  margin: 3px 0;
}
#admission .event .opencampus-top .program dl dd .btn {
  margin-top: 10px;
}
#admission .event .opencampus .banner, #admission .event .opencampus-report .banner {
  padding-top: 62px;
  text-align: center;
}
#admission .event .opencampus .banner h1, #admission .event .opencampus-report .banner h1 {
  margin: 0 auto;
}
#admission .event .opencampus .banner h1 img, #admission .event .opencampus-report .banner h1 img {
  width: 100%;
}
#admission .event .opencampus .article, #admission .event .opencampus-report .article {
  padding: 70px 0;
}
#admission .event .opencampus .article h2, #admission .event .opencampus-report .article h2 {
  font-size: 24px;
  margin-bottom: 30px;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
#admission .event .opencampus .article h2 .sub, #admission .event .opencampus-report .article h2 .sub {
  padding-left: 15px;
  font-weight: normal;
  font-size: 14px;
}
#admission .event .opencampus .article h2 .sub.padding-left-non, #admission .event .opencampus-report .article h2 .sub.padding-left-non {
  padding-left: 0;
}
#admission .event .opencampus .article .pure-g-r, #admission .event .opencampus-report .article .pure-g-r {
  overflow: hidden;
}
#admission .event .opencampus .article .pure-g-r .pure-u-1-2,
#admission .event .opencampus .article .pure-g-r .pure-u-1-3, #admission .event .opencampus-report .article .pure-g-r .pure-u-1-2,
#admission .event .opencampus-report .article .pure-g-r .pure-u-1-3 {
  float: left;
}
#admission .event .opencampus .article .block, #admission .event .opencampus-report .article .block {
  overflow: hidden;
}
#admission .event .opencampus .article .block.left, #admission .event .opencampus-report .article .block.left {
  padding-right: 29px;
}
#admission .event .opencampus .article .block.left.line, #admission .event .opencampus-report .article .block.left.line {
  border-right: solid 2px #0054ff;
}
#admission .event .opencampus .article .block.right, #admission .event .opencampus-report .article .block.right {
  padding-left: 30px;
}
#admission .event .opencampus .spot h3, #admission .event .opencampus-report .spot h3 {
  color: #0054ff;
  font-weight: bold;
  margin-bottom: 10px;
}
#admission .event .opencampus .spot img, #admission .event .opencampus-report .spot img {
  margin-bottom: 20px;
}
#admission .event .opencampus .enquete ul, #admission .event .opencampus-report .enquete ul {
  overflow: hidden;
}
#admission .event .opencampus .enquete ul .img, #admission .event .opencampus-report .enquete ul .img {
  width: 29.2708%;
  float: left;
}
#admission .event .opencampus .enquete ul .img img, #admission .event .opencampus-report .enquete ul .img img {
  width: 100%;
  max-width: 100%;
}
#admission .event .opencampus .enquete ul .txt, #admission .event .opencampus-report .enquete ul .txt {
  width: 67.6041%;
  float: right;
}
#admission .event .opencampus .enquete ul .txt p, #admission .event .opencampus-report .enquete ul .txt p {
  padding: 10px 0 0;
  margin: 0;
}
#admission .event .opencampus .anchor-list, #admission .event .opencampus-report .anchor-list {
  padding: 40px 0 0;
  overflow: hidden;
}
#admission .event .opencampus .anchor-list ul, #admission .event .opencampus-report .anchor-list ul {
  margin-left: -0.2083%;
}
#admission .event .opencampus .anchor-list ul li, #admission .event .opencampus-report .anchor-list ul li {
  margin-left: 0.2083%;
  width: 33.125%;
  float: left;
}
#admission .event .opencampus .anchor-list ul li a, #admission .event .opencampus-report .anchor-list ul li a {
  background-color: #0054ff;
  padding: 30px 10px;
  font-size: 18px;
  color: #FFF;
  text-align: center;
  display: block;
  font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.48;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
}
#admission .event .opencampus .anchor-list ul li a .arrow, #admission .event .opencampus-report .anchor-list ul li a .arrow {
  margin-left: 10px;
  vertical-align: middle;
}
#admission .event .opencampus .anchor-list ul li a.btn-off, #admission .event .opencampus-report .anchor-list ul li a.btn-off {
  cursor: default;
}
#admission .event .opencampus .anchor-list ul li a.btn-off:hover, #admission .event .opencampus-report .anchor-list ul li a.btn-off:hover {
  opacity: 1;
}
#admission .event .opencampus .programs, #admission .event .opencampus-report .programs {
  padding-bottom: 50px;
  overflow: hidden;
}
#admission .event .opencampus .programs .info, #admission .event .opencampus-report .programs .info {
  margin: 20px 0 0;
  padding: 0;
}
#admission .event .opencampus .programs .btn-talk, #admission .event .opencampus-report .programs .btn-talk {
  margin-bottom: 20px;
  display: block;
  color: #FFF;
  padding: 20px;
  font-size: 16px;
  background-color: #0054FF;
  line-height: 2em;
  text-align: center;
}
#admission .event .opencampus .programs .btn-talk .icon, #admission .event .opencampus-report .programs .btn-talk .icon {
  margin-right: 15px;
}
#admission .event .opencampus .programs .btn-talk .arrow, #admission .event .opencampus-report .programs .btn-talk .arrow {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 15px;
}
#admission .event .opencampus .programs .btn-talk span, #admission .event .opencampus-report .programs .btn-talk span {
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
}
#admission .event .opencampus .programs ul, #admission .event .opencampus-report .programs ul {
  margin-top: -10px;
  margin-left: -1.0416%;
  margin-bottom: 0;
  overflow: hidden;
}
#admission .event .opencampus .programs ul li, #admission .event .opencampus-report .programs ul li {
  margin-left: 1.0416%;
  margin-top: 10px;
  padding: 10px;
  width: 46.8%;
  float: left;
  background-color: #EFEFEF;
}
#admission .event .opencampus .programs ul li.full, #admission .event .opencampus-report .programs ul li.full {
  width: auto;
}
#admission .event .opencampus .programs ul li .thumbnail, #admission .event .opencampus-report .programs ul li .thumbnail {
  float: left;
  margin-right: 20px;
}
#admission .event .opencampus .programs ul li .txt, #admission .event .opencampus-report .programs ul li .txt {
  margin-left: 175px;
}
#admission .event .opencampus .programs ul li .txt h3, #admission .event .opencampus-report .programs ul li .txt h3 {
  padding-top: 10px;
  margin-bottom: 10px;
  color: #0054ff;
}
#admission .event .opencampus .programs ul li .txt p, #admission .event .opencampus-report .programs ul li .txt p {
  line-height: 1.8em;
  font-size: 12px;
}
#admission .event .opencampus .programs ul li .txt strong, #admission .event .opencampus-report .programs ul li .txt strong {
  margin-top: 20px;
  display: block;
  color: #0054ff;
  font-size: 11px;
}
#admission .event .opencampus .programs ul li.margin-top, #admission .event .opencampus-report .programs ul li.margin-top {
  margin-top: -155px;
}
#admission .event .opencampus .programs ul li.row .thumbnail, #admission .event .opencampus-report .programs ul li.row .thumbnail {
  margin-bottom: 24px;
}
#admission .event .opencampus .programs ul li.talk-event, #admission .event .opencampus-report .programs ul li.talk-event {
  max-width: 100%;
  width: 100%;
  padding: 0;
}
#admission .event .opencampus .programs ul li.talk-event .block, #admission .event .opencampus-report .programs ul li.talk-event .block {
  padding: 30px;
}
#admission .event .opencampus .programs ul li.talk-event .title, #admission .event .opencampus-report .programs ul li.talk-event .title {
  padding: 0;
  font-size: 24px;
  font-weight: bold;
}
#admission .event .opencampus .programs ul li.talk-event .lead, #admission .event .opencampus-report .programs ul li.talk-event .lead {
  margin: 10px 0 0;
}
#admission .event .opencampus .programs ul li.talk-event dl, #admission .event .opencampus-report .programs ul li.talk-event dl {
  display: table;
}
#admission .event .opencampus .programs ul li.talk-event dl dt, #admission .event .opencampus .programs ul li.talk-event dl dd, #admission .event .opencampus-report .programs ul li.talk-event dl dt, #admission .event .opencampus-report .programs ul li.talk-event dl dd {
  vertical-align: middle;
  display: table-cell;
}
#admission .event .opencampus .programs ul li.talk-event dl dd, #admission .event .opencampus-report .programs ul li.talk-event dl dd {
  padding: 0 20px;
}
#admission .event .opencampus .programs ul li.talk-event dl.profile, #admission .event .opencampus-report .programs ul li.talk-event dl.profile {
  margin-top: 30px;
}
#admission .event .opencampus .programs ul li.talk-event dl.profile dd strong, #admission .event .opencampus-report .programs ul li.talk-event dl.profile dd strong {
  font-size: 18px;
}
#admission .event .opencampus .timetable .btn-time, #admission .event .opencampus-report .timetable .btn-time {
  display: block;
  color: #FFF;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 20px;
  background-color: #0054FF;
  line-height: 2em;
  text-align: center;
}
#admission .event .opencampus .timetable .btn-time .icon, #admission .event .opencampus-report .timetable .btn-time .icon {
  margin-right: 15px;
}
#admission .event .opencampus .timetable .btn-time .arrow, #admission .event .opencampus-report .timetable .btn-time .arrow {
  vertical-align: top;
  margin-top: 10px;
  margin-left: 15px;
}
#admission .event .opencampus .timetable .btn-time span, #admission .event .opencampus-report .timetable .btn-time span {
  padding-left: 10px;
  font-size: 12px;
  font-weight: normal;
}
#admission .event .opencampus .event h3, #admission .event .opencampus-report .event h3 {
  border: solid 2px #0054ff;
  padding: 8px 10px 5px;
  margin-bottom: 10px;
  color: #0054ff;
  width: auto;
  overflow: hidden;
  font-size: 13px;
}
#admission .event .opencampus .event h3 .title, #admission .event .opencampus .event h3 .name, #admission .event .opencampus-report .event h3 .title, #admission .event .opencampus-report .event h3 .name {
  display: block;
}
#admission .event .opencampus .event h3 .title, #admission .event .opencampus-report .event h3 .title {
  font-weight: bold;
  float: left;
}
#admission .event .opencampus .event h3 .title .sub, #admission .event .opencampus-report .event h3 .title .sub {
  font-size: 13px;
}
#admission .event .opencampus .event h3 .name, #admission .event .opencampus-report .event h3 .name {
  font-size: 12px;
  text-align: right;
  float: right;
}
#admission .event .opencampus .event h4, #admission .event .opencampus-report .event h4 {
  font-weight: bold;
  color: #666;
  font-size: 14px;
}
#admission .event .opencampus .event p, #admission .event .opencampus-report .event p {
  color: #666;
  font-size: 13px;
  line-height: 1.8em;
}
#admission .event .opencampus .event .two-column, #admission .event .opencampus-report .event .two-column {
  overflow: hidden;
  margin-left: -30px;
}
#admission .event .opencampus .event .two-column li, #admission .event .opencampus-report .event .two-column li {
  margin-left: 30px;
  width: 465px;
  float: left;
  margin-bottom: 20px;
}
#admission .event .opencampus .event .line, #admission .event .opencampus-report .event .line {
  border-top: solid 2px #0054ff;
  padding-top: 40px;
}
#admission .event .opencampus .event .three-column, #admission .event .opencampus-report .event .three-column {
  overflow: hidden;
  margin-left: -30px;
}
#admission .event .opencampus .event .three-column li, #admission .event .opencampus-report .event .three-column li {
  margin-left: 30px;
  width: 300px;
  float: left;
}
#admission .event .opencampus .program-contents a, #admission .event .opencampus-report .program-contents a {
  display: block;
  margin: 0px auto;
  width: 260px;
  text-align: center;
}
#admission .event .opencampus .program-contents a .icon, #admission .event .opencampus-report .program-contents a .icon {
  margin-bottom: 20px;
}
#admission .event .opencampus .program-contents a h3, #admission .event .opencampus-report .program-contents a h3 {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
#admission .event .opencampus .program-contents a p, #admission .event .opencampus-report .program-contents a p {
  text-align: left;
  color: #333;
  font-size: 14px;
  line-height: 2em;
}
#admission .event .opencampus .grid-1-3 .pure-u-1-3 .txt-box-left, #admission .event .opencampus-report .grid-1-3 .pure-u-1-3 .txt-box-left {
  padding-right: 15px;
}
#admission .event .opencampus .grid-1-3 .pure-u-1-3 .txt-box-center, #admission .event .opencampus-report .grid-1-3 .pure-u-1-3 .txt-box-center {
  padding: 0 15px;
}
#admission .event .opencampus .grid-1-3 .pure-u-1-3 .txt-box-right, #admission .event .opencampus-report .grid-1-3 .pure-u-1-3 .txt-box-right {
  padding-left: 15px;
}
#admission .event .opencampus .contact h2, #admission .event .opencampus-report .contact h2 {
  margin-bottom: 30px;
}
#admission .event .opencampus .contact .tel, #admission .event .opencampus .contact .sub, #admission .event .opencampus-report .contact .tel, #admission .event .opencampus-report .contact .sub {
  color: #0054ff;
  -webkit-font-smoothing: antialiased;
}
#admission .event .opencampus .contact .tel, #admission .event .opencampus-report .contact .tel {
  font-size: 42px;
}
#admission .event .opencampus .contact .sub, #admission .event .opencampus-report .contact .sub {
  padding-left: 20px;
  font-size: 24px;
}
#admission .event .opencampus .contact .date, #admission .event .opencampus-report .contact .date {
  padding-top: 20px;
}
#admission .event .opencampus-report .lead {
  color: #333;
}
#admission .event .opencampus-report .photo-list .shadow {
  margin-top: 10px;
  border-right: solid 1px #CCC;
  border-bottom: solid 1px #CCC;
}
#admission .event .opencampus-report .photo-list .shadow .block {
  padding: 10px;
  background-color: #EFEFEF;
}
#admission .event .opencampus-report .photo-list .shadow .block h3 {
  padding: 5px 0;
  color: #0054ff;
  font-weight: bold;
}
#admission .event .opencampus-report .photo-list .shadow .block h3 .sub {
  color: #666;
  padding-left: 30px;
  font-weight: normal;
  font-size: 13px;
}
#admission .event .opencampus-report .photo-list .shadow .block ul {
  overflow: hidden;
  margin-left: -10px;
}
#admission .event .opencampus-report .photo-list .shadow .block ul li {
  margin-left: 10px;
  float: left;
}
#admission .event .opencampus-report .photo-list .shadow.two-clumn-harf-left {
  float: left;
}
#admission .event .opencampus-report .photo-list .shadow.two-clumn-harf-right {
  float: right;
}
#admission .event .opencampus-report .photo-list .shadow.two-clumn-1-4-left {
  float: left;
}
#admission .event .opencampus-report .photo-list .shadow.two-clumn-3-4-right {
  margin-left: 316px;
}
#admission .event .onedaycampus .banner {
  padding-top: 62px;
  background-color: #8CD2F0;
  text-align: center;
}
#admission .event .onedaycampus .article {
  padding: 40px 0;
}
#admission .event .onedaycampus .article h2 {
  font-size: 24px;
  margin-bottom: 30px;
}
#admission .event .onedaycampus .about ul {
  margin-left: -15px;
  overflow: hidden;
}
#admission .event .onedaycampus .about ul li {
  margin-left: 15px;
  float: left;
}
#admission .event .onedaycampus .odc .block {
  overflow: hidden;
}
#admission .event .onedaycampus .odc .block .img {
  float: left;
  margin-right: 40px;
}
#admission .event .onedaycampus .odc .block .txt p {
  margin-bottom: 10px;
}
#admission .event .onedaycampus .program ul li {
  margin-bottom: 30px;
  overflow: hidden;
  display: table;
}
#admission .event .onedaycampus .program ul li .time {
  float: left;
  margin-right: 40px;
}
#admission .event .onedaycampus .program ul li .txt {
  display: table-cell;
  vertical-align: middle;
}
#admission .event .onedaycampus .program ul li .txt h3 {
  color: #0054ff;
  font-weight: bold;
  font-size: 14px;
}
#admission .event .onedaycampus .program ul li .txt h3 .sub-title {
  font-weight: normal;
  font-size: 13px;
}
#admission .event .onedaycampus .program ul li .txt p {
  font-size: 14px;
}
#admission .event .onedaycampus .program .info {
  margin-top: 60px;
  height: 50px;
  background-color: #EFEFEF;
  text-align: center;
  color: #0054ff;
  line-height: 3.5em;
  font-weight: bold;
  font-size: 14px;
}
#admission .event .onedaycampus .access .pure-g-r {
  overflow: hidden;
}
#admission .event .onedaycampus .access .pure-g-r .pure-u-1-4 {
  float: left;
}
#admission .event .onedaycampus .article.btn-sns {
  padding: 0;
}
#admission .event .onedaycampus .article.btn-sns .pure-g-r {
  overflow: hidden;
}
#admission .event .onedaycampus .article.btn-sns .pure-g-r .pure-u-1-2 {
  float: left;
}
#admission .event .onedaycampus .article.btn-sns .btn-tw, #admission .event .onedaycampus .article.btn-sns .btn-blog {
  display: block;
  color: #FFF;
  padding-top: 40px;
  padding-bottom: 40px;
  font-size: 16px;
}
#admission .event .onedaycampus .article.btn-sns .btn-tw .icon, #admission .event .onedaycampus .article.btn-sns .btn-blog .icon {
  margin-right: 15px;
}
#admission .event .onedaycampus .article.btn-sns .btn-tw .arrow, #admission .event .onedaycampus .article.btn-sns .btn-blog .arrow {
  vertical-align: top;
  margin-top: 5px;
  margin-left: 15px;
}
#admission .event .onedaycampus .article.btn-sns .btn-tw {
  background-color: #00B0ED;
  text-align: right;
  padding-right: 60px;
}
#admission .event .onedaycampus .article.btn-sns .btn-blog {
  background-color: #0054FF;
  padding-left: 120px;
}

#home .adbanner-block {
  background-color: #FF0;
}
@media screen and (max-width: 720px) {
  #home .adbanner-block {
    margin: 0;
    padding: 40px 0 16px;
  }
}
#home .head {
  margin-bottom: 20px;
  overflow: hidden;
}
#home .head h2 {
  float: left;
  margin-right: 30px;
  font-size: 24px;
  line-height: 1.4em;
}
#home .head h2 a {
  color: #000;
}
@media screen and (max-width: 320px) {
  #home .head h2.tab-title {
    font-size: 18px;
  }
}
#home .head .lead {
  padding-top: 5px;
  vertical-align: bottom;
  color: #666;
}
#home .head .more {
  margin-top: 5px;
  font-size: 11px;
  float: right;
}
#home .news-block {
  padding: 60px 0 0;
}
#home .news-block .caution {
  margin-bottom: 5px;
  display: block;
  background-color: #F00;
  color: #FFF;
  text-align: center;
  font-size: 11px;
  line-height: 1.6em;
}
#home .news-block .pure-g-r {
  margin-left: -3.7%;
}
#home .news-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  padding-bottom: 30px;
  width: 21.25%;
  position: relative;
}
#home .news-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#home .news-block .pure-g-r .pure-u-1-4 .date {
  color: #666;
  font-size: 11px;
}
#home .news-block .pure-g-r .pure-u-1-4 p {
  margin-bottom: 0;
}
#home .event-block {
  padding: 60px 0 0;
}
#home .event-block .pure-g-r {
  margin-left: -3.7%;
}
#home .event-block .pure-g-r .pure-u-1-4 {
  margin-left: 3.7%;
  width: 21.25%;
  position: relative;
}
#home .event-block .pure-g-r .pure-u-1-4 a {
  color: #000;
}
#home .event-block .pure-g-r .pure-u-1-4 .date {
  color: #000;
}
#home .event-block .pure-g-r .pure-u-1-4 h3 {
  margin: 0 0 5px;
  font-size: 13px;
}
#home .event-block .pure-g-r .pure-u-1-4 p {
  font-size: 12px;
}
#home .event-block .pure-g-r .pure-u-1-4 img {
  margin: 0 0 5px;
}
#home .sns-block {
  padding: 50px 0 0;
}
#home .sns-block .sns-ig-list {
  margin: 15px 0 30px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #home .sns-block .sns-ig-list {
    margin: 15px 0 0;
  }
}
#home .sns-block .sns-ig-list li {
  float: left;
  width: 25%;
  min-height: 240px;
}
@media screen and (max-width: 767px) {
  #home .sns-block .sns-ig-list li {
    width: 50%;
    min-height: 157.5px;
  }
}
#home .sns-block .sns-ig-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#home .sns-block .sns-block-list {
  margin-bottom: 50px;
  overflow: hidden;
  clear: both;
}
#home .sns-block .sns-block-list li {
  float: left;
}
@media screen and (max-width: 767px) {
  #home .sns-block .sns-block-list li {
    border-top: solid 1px #CCC;
    float: none;
    margin-top: 15px;
    padding-top: 15px;
  }
  #home .sns-block .sns-block-list li:first-child {
    border: none;
  }
}
#home .sns-block .sns-block-list li .txt .txt-line {
  padding-right: 20px;
  margin-right: 20px;
  border-right: solid 1px #CCC;
}
@media screen and (max-width: 767px) {
  #home .sns-block .sns-block-list li .txt .txt-line {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}
#home .sns-block .sns-block-list li:last-child .txt-line {
  border-right: none;
}
#home .carousel-block {
  padding: 60px 0;
}
#home .carousel-block .bx-prev, #home .carousel-block .bx-next {
  position: absolute;
  width: 14px;
  height: 26px;
}
#home .carousel-block .bx-prev {
  left: -30px;
  top: 35%;
  background: url(../images/arrow-single-left-black-14x26.png) no-repeat left top;
}
#home .carousel-block .bx-next {
  right: -10px;
  top: 35%;
  background: url(../images/arrow-single-right-black-14x26.png) no-repeat left top;
}
#home .carousel-block .carousel .bx-wrapper {
  width: inherit;
  margin-bottom: 0;
}
#home .carousel-block #carousel-slider {
  width: 960px;
  margin: 0 0 0 -10px;
  overflow: hidden;
}
#home .carousel-block #carousel-slider li {
  margin: 0;
  width: 327px;
  text-align: center;
}
#home .about-block {
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #home .about-block {
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 767px) {
  #home .about-block .head {
    margin-bottom: 20px;
    overflow: hidden;
  }
}
#home .about-block .head h2 {
  margin-top: 18px;
}
@media screen and (max-width: 767px) {
  #home .about-block .head h2 {
    float: none;
    margin-right: 0;
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  #home .about-block .head .lead {
    padding-top: 20px;
    vertical-align: bottom;
    color: #666;
  }
}
#home .about-block .head .more {
  margin-top: -45px;
}
#home .about-block .more {
  margin-top: -22px;
}
#home .about-block .left {
  width: 632px;
  float: left;
}
@media screen and (max-width: 767px) {
  #home .about-block .left {
    width: 100%;
    float: none;
    margin-bottom: 5px;
  }
}
#home .about-block .left #ytplayer1 {
  width: 100%;
  height: 317px;
}
@media screen and (max-width: 767px) {
  #home .about-block .left #ytplayer1 {
    height: auto;
  }
}
#home .about-block .right {
  margin-left: 637px;
}
@media screen and (max-width: 767px) {
  #home .about-block .right {
    margin-left: 0;
  }
}
#home .about-block .right ul {
  overflow: hidden;
}
#home .about-block .right ul li {
  float: left;
  width: 159px;
  height: 158.5px;
}
@media screen and (max-width: 767px) {
  #home .about-block .right ul li {
    width: 50%;
    height: auto;
  }
}
#home .about-block .right ul li img {
  width: 100%;
  height: auto;
}

#deprecated #header {
  border-bottom: solid 1px #CCC;
}
#deprecated #contents {
  padding-bottom: 30px;
  /* アイコン */
  /* ページ内上部バナー */
  /* 表組み要素 START ----- */
  /* 表組み要素 END ----- */
  /* 画像回り込み */
  /* deprecated? */
  /* rss */
  /* 各コーナーのニュース欄 */
  /* 404エラーの時にサイトマップを表示します */
  /* キャンパス */
  /*blogEntry */
}
#deprecated #contents .topicpath {
  padding-top: 25px;
  padding-bottom: 0;
  overflow: hidden;
}
#deprecated #contents .topicpath ul {
  padding-left: 0;
}
#deprecated #contents .topicpath ul li {
  margin-left: 0;
}
#deprecated #contents h1 {
  margin: 0 0 24px;
}
#deprecated #contents h1.none {
  display: none;
}
#deprecated #contents h2 {
  color: #333333;
  font-size: small;
  font-weight: bold;
  margin: 0 0 16px;
}
#deprecated #contents h2.border, #deprecated #contents h2.borderB {
  border-bottom: 1px solid #999999;
  padding-bottom: 3px;
  margin-bottom: 8px;
}
#deprecated #contents h3 {
  font-size: small;
  font-weight: bold;
  margin: 0 0 6px;
}
#deprecated #contents p {
  line-height: 180%;
  margin: 0 0 24px;
}
#deprecated #contents hr {
  border-style: solid;
  color: #cccccc;
}
#deprecated #contents ul, #deprecated #contents ol {
  margin: 0 0 24px;
  padding-left: 12px;
}
#deprecated #contents ul li {
  margin: 0 0 3px 15px;
  padding: 0;
  list-style: disc;
}
#deprecated #contents ol li {
  margin: 0 0 0 15px;
  padding: 0;
}
#deprecated #contents ul.category {
  line-height: 180%;
  margin: 0 0 18px;
  padding: 0;
}
#deprecated #contents ul.category li.top {
  background-color: #cccccc;
  background-image: none;
  list-style: none;
  margin: 0;
  padding: 0 0 0 3px;
}
#deprecated #contents .caption {
  color: #333333;
  font-size: x-small;
  font-weight: normal;
  line-height: 160%;
}
#deprecated #contents .date {
  color: #333333;
  font-size: x-small;
  padding-right: 6px;
}
#deprecated #contents .category {
  background: #DDD;
  color: #0000FF;
  font-size: x-small;
  font-weight: normal;
  margin-right: 3px;
  padding: 2px 3px;
}
#deprecated #contents .categoryContainer {
  font-size: x-small;
  letter-spacing: normal;
  margin-bottom: 24px;
  font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', 'Verdana';
}
#deprecated #contents .categoryContainer .on {
  background: #CCCCCC;
  margin-right: 3px;
  padding: 2px 3px;
}
#deprecated #contents .categoryContainer .off {
  background: #E8E8E8;
  margin-right: 3px;
  padding: 2px 3px;
}
#deprecated #contents .numberOfCase {
  font-weight: normal;
  padding-left: 6px;
}
#deprecated #contents .newsCaution {
  background: #FF99CC;
  color: #0000FF;
  font-size: x-small;
  margin-right: 2px;
  padding: 2px 3px;
}
#deprecated #contents .new {
  color: #ff0000;
  font-size: x-small;
  margin-left: 6px;
}
#deprecated #contents .caution {
  color: #ff0000;
}
#deprecated #contents .err {
  color: #ff0000;
  margin: 12px 0;
}
#deprecated #contents #content {
  clear: both;
}
#deprecated #contents .image, #deprecated #contents .movie, #deprecated #contents .mp3, #deprecated #contents .pdf, #deprecated #contents .pdfL, #deprecated #contents .external, #deprecated #contents .externalL, #deprecated #contents .label, #deprecated #contents .labelL, #deprecated #contents .document, #deprecated #contents .documentL, #deprecated #contents .arrow-down, #deprecated #contents .arrow, #deprecated #contents .arrowL, #deprecated #contents .sp, #deprecated #contents .excel, #deprecated #contents .word {
  padding-left: 15px;
}
#deprecated #contents .sp {
  background: url("/common/images/icon_sp.gif") no-repeat center left;
}
#deprecated #contents .image {
  background: url("/common/images/icon_photo.gif") no-repeat center left;
}
#deprecated #contents .movie {
  background: url("/common/images/icon_movie.gif") no-repeat center left;
}
#deprecated #contents .mp3 {
  background: url("/common/images/icon_mp3.gif") no-repeat center left;
}
#deprecated #contents .pdf::before,
#deprecated #contents .pdfL::before {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f1c1";
  color: #f00;
}
#deprecated #contents .excel::before,
#deprecated #contents .word::before,
#deprecated #contents .document::before,
#deprecated #contents .documentL::before {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f15c";
  color: #333;
}
#deprecated #contents .external::before,
#deprecated #contents .externalL::before {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f14c";
  color: #0054ff;
}
#deprecated #contents .label {
  background: url("/common/images/arrow-right.gif") no-repeat left center;
}
#deprecated #contents .labelL {
  background: url("/common/images/arrow-right.gif") no-repeat left 6px;
}
#deprecated #contents .document::before {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f15c";
  color: #333;
}
#deprecated #contents .arrow-down {
  background: url("/common/images/arrow-down.gif") no-repeat center left;
}
#deprecated #contents .arrow {
  background: url("/common/images/arrow-original.gif") no-repeat center left;
}
#deprecated #contents .arrowL {
  background: url("/common/images/arrow-originalR.gif") no-repeat center left;
}
#deprecated #contents .external-right, #deprecated #contents .label-right, #deprecated #contents .pageTop, #deprecated #contents .arrow-right {
  padding-right: 15px;
}
#deprecated #contents .external-right::after {
  margin-left: 5px;
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  content: "\f14c";
  color: #0054ff;
}
#deprecated #contents .label-right {
  background: url("/common/images/arrow-right.gif") no-repeat center right;
}
#deprecated #contents .pageTop {
  background: url("/common/images/arrow-top.gif") no-repeat center right;
}
#deprecated #contents .arrow-right {
  background: url("/common/images/arrow-original.gif") no-repeat center right;
}
#deprecated #contents .feed, #deprecated #contents .feedHead {
  padding-left: 18px;
  padding: 0 0 9px 16px;
  background: url("/common/images/icon_feed.gif") no-repeat left 1px;
  line-height: 100%;
  font-size: x-small;
}
#deprecated #contents .feed {
  margin: 0;
}
#deprecated #contents .feedHead {
  margin: 0 18px 0 0;
}
#deprecated #contents .next {
  font-size: x-small;
  text-align: right;
}
#deprecated #contents .nextLabelRight {
  background: url("/common/images/arrow-original.gif") no-repeat right 1px;
  line-height: 140%;
  padding-right: 12px;
}
#deprecated #contents li.image, #deprecated #contents li.movie, #deprecated #contents li.mp3, #deprecated #contents li.pdf, #deprecated #contents li.label, #deprecated #contents li.external, #deprecated #contents li.arrow, #deprecated #contents li.document, #deprecated #contents li.dot {
  margin-left: 5px;
  padding-left: 0;
  line-height: 140%;
  list-style: none;
  background: none;
}
#deprecated #contents li.image {
  list-style-image: url("/common/images/icon_photo.gif");
}
#deprecated #contents li.movie {
  list-style-image: url("/common/images/icon_movie.gif");
}
#deprecated #contents li.mp3 {
  list-style-image: url("/common/images/icon_mp3.gif");
}
#deprecated #contents li.pdf {
  list-style-image: url("/common/images/icon_pdfL.gif");
}
#deprecated #contents li.label {
  list-style-image: url("/common/images/arrow-rightLI.gif");
}
#deprecated #contents li.external {
  list-style-image: url("/common/images/arrow-externalLI.gif");
}
#deprecated #contents li.arrow {
  list-style-image: url("/common/images/arrow-originalLI.gif");
}
#deprecated #contents li.document {
  list-style-image: url("/common/images/icon_document.gif");
}
#deprecated #contents li.dot {
  padding-top: 3px;
  list-style-type: disc;
}
#deprecated #contents li.none {
  margin-left: 5px;
  padding-left: 0;
  padding-top: 3px;
  line-height: 100%;
  list-style-type: none;
}
#deprecated #contents .strong-bg {
  background-color: #FFFF99;
}
#deprecated #contents .rss {
  font-size: x-small;
  text-align: right;
}
#deprecated #contents #content .banner img {
  margin-bottom: 30px;
  width: 564px;
  height: 96px;
}
#deprecated #contents #content .w726 .banner img,
#deprecated #contents #content .wide-column .banner img {
  width: 726px;
}
#deprecated #contents table.clip,
#deprecated #contents table.frame,
#deprecated #contents table.template {
  margin-bottom: 24px;
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
  width: 100%;
  text-align: left;
}
#deprecated #contents table.clip th, #deprecated #contents table.clip td,
#deprecated #contents table.frame th,
#deprecated #contents table.frame td,
#deprecated #contents table.template th,
#deprecated #contents table.template td {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 20px;
  vertical-align: middle;
}
#deprecated #contents table.clip th,
#deprecated #contents table.frame th,
#deprecated #contents table.template th {
  background-color: #EFEFEF;
  color: #000;
}
#deprecated #contents table.clip td,
#deprecated #contents table.frame td,
#deprecated #contents table.template td {
  color: #666;
}
#deprecated #contents table.clip.center,
#deprecated #contents table.frame.center,
#deprecated #contents table.template.center {
  text-align: center;
}
#deprecated #contents table.clip .right,
#deprecated #contents table.frame .right,
#deprecated #contents table.template .right {
  text-align: right;
}
#deprecated #contents table.clip td.bg-whight,
#deprecated #contents table.frame td.bg-whight,
#deprecated #contents table.template td.bg-whight {
  background-color: #FFF;
  color: #000;
}
#deprecated #contents table.clip th.bg-white,
#deprecated #contents table.frame th.bg-white,
#deprecated #contents table.template th.bg-white {
  background-color: #FFF;
  font-weight: bold;
}
#deprecated #contents table.clip td.small,
#deprecated #contents table.frame td.small,
#deprecated #contents table.template td.small {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 5px;
  vertical-align: middle;
}
#deprecated #contents table.clip th.small,
#deprecated #contents table.frame th.small,
#deprecated #contents table.template th.small {
  border-bottom: solid 1px #CCC;
  border-right: solid 1px #CCC;
  padding: 5px 5px;
  vertical-align: middle;
}
#deprecated #contents table.clip table.border-none,
#deprecated #contents table.frame table.border-none,
#deprecated #contents table.template table.border-none {
  border: none;
}
#deprecated #contents table.clip table.border-none th, #deprecated #contents table.clip table.border-none td,
#deprecated #contents table.frame table.border-none th,
#deprecated #contents table.frame table.border-none td,
#deprecated #contents table.template table.border-none th,
#deprecated #contents table.template table.border-none td {
  border: none;
}
#deprecated #contents .w564 {
  width: 564px;
}
#deprecated #contents .w726,
#deprecated #contents .wide-column {
  width: 726px;
}
#deprecated #contents .wide-column .left-column {
  width: 478px;
  overflow: hidden;
  clear: both;
  float: left;
}
#deprecated #contents .wide-column .right-column {
  width: 230px;
  float: right;
}
#deprecated #contents .wide-column .block {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  clear: both;
}
#deprecated #contents .wide-column .block .left,
#deprecated #contents .wide-column .block .right {
  width: 230px;
}
#deprecated #contents .wide-column .block .left {
  float: left;
}
#deprecated #contents .wide-column .block .right {
  float: right;
}
#deprecated #contents .clear {
  width: 100%;
  clear: both;
  float: none;
}
#deprecated #contents .titleArea {
  position: relative;
}
#deprecated #contents .titleArea .en_link {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
}
#deprecated #contents .place, #deprecated #contents .organizer {
  color: #333333;
  font-size: x-small;
}
#deprecated #contents .eventMargin {
  margin-top: 2px;
}
#deprecated #contents .eventDate {
  border: 1px solid #666666;
  color: #333333;
  font-size: x-small;
  margin-right: 6px;
  padding: 1px 2px;
}
#deprecated #contents .eventCategory {
  color: #333333;
  font-size: x-small;
  margin-right: 3px;
  padding: 2px 3px;
}
#deprecated #contents .eventPlace, #deprecated #contents .eventOrganizer, #deprecated #contents .eventTarget {
  border: 1px solid #666666;
  color: #333333;
  font-size: x-small;
  margin-left: 12px;
  margin-right: 6px;
  padding: 1px 2px;
  white-space: nowrap;
}
#deprecated #contents .imageArea {
  float: right;
  margin: 0 0 12px 12px;
}
#deprecated #contents .title {
  font-size: medium;
  font-weight: bold;
}
#deprecated #contents .caption-strong {
  color: #000000;
  font-size: x-small;
  font-weight: normal;
}
#deprecated #contents .topic {
  border: 1px solid #999999;
  margin-bottom: 24px;
  padding: 6px;
  width: 560px;
}
#deprecated #contents .topic ul {
  margin-bottom: 0;
}
#deprecated #contents #contentNavi {
  letter-spacing: normal;
  line-height: 100%;
  overflow: hidden;
  width: 100%;
  _padding-bottom: 24px;
}
#deprecated #contents *:first-child + html #contentNavi {
  padding-bottom: 24px;
}
#deprecated #contents #contentNavi .right {
  float: right;
  width: 40%;
}
#deprecated #contents #contentNavi .left {
  float: left;
  width: 60%;
}
#deprecated #contents #videoNavi {
  letter-spacing: normal;
  line-height: 100%;
  width: 564px;
}
#deprecated #contents #videoNavi .right {
  float: right;
  width: 164px;
}
#deprecated #contents #videoNavi .left {
  float: left;
  width: 400px;
}
#deprecated #contents #newsTopics, #deprecated #contents #eventTopics {
  line-height: 140%;
}
#deprecated #contents #newsTopics h2, #deprecated #contents #eventTopics h2 {
  border-bottom: 1px solid #999;
  line-height: 160%;
}
#deprecated #contents #newsTopics ul, #deprecated #contents #eventTopics ul {
  list-style: none;
  margin: 6px 0 0;
  padding-left: 0;
}
#deprecated #contents #newsTopics li, #deprecated #contents #eventTopics li {
  margin: 0 0 12px;
  padding: 0;
}
#deprecated #contents #newsTopics {
  margin: 0;
  padding: 0;
}
#deprecated #contents li.lastArticle {
  margin: 0;
  padding: 0;
}
#deprecated #contents #page {
  font-size: small;
  letter-spacing: normal;
  margin: 24px 0 12px;
}
#deprecated #contents #page .arrow-right {
  background: url("/common/images/arrow-original.gif") no-repeat center right;
  padding-right: 15px;
}
#deprecated #contents #page .arrow-left {
  background: url("/common/images/arrow-original-left.gif") no-repeat center left;
  padding-left: 15px;
}
#deprecated #contents #sitemap td.head {
  font-weight: bold;
  background-color: #E8E8E8;
  border-bottom: 1px solid #999999;
}
#deprecated #contents #sitemap h2, #deprecated #contents #sitemap h3 {
  margin: 0;
}
#deprecated #contents .campus {
  background-color: #fff;
  border: solid #666 1px;
  font-size: x-small;
  overflow: hidden;
  padding: 6px;
  text-align: center;
  vertical-align: top;
  width: 130px;
}
#deprecated #contents #blogEntry .mgVideo {
  margin-bottom: 48px;
}
#deprecated #contents #blogEntry .mgVideo .title {
  font-size: small;
}
#deprecated #contents #blogEntry .properties {
  font-size: x-small;
}
#deprecated #contents #blogEntry .tags {
  margin-bottom: 12px;
}
#deprecated #contents #blogEntry .tags a {
  font-size: x-small;
  background-color: #DDDDDD;
  padding: 2px 3px;
}
#deprecated #contents #blogEntry .tags a:hover {
  background-color: #FFFF00;
}
#deprecated #contents .related-info {
  margin-left: -30px;
  margin-right: -30px;
}

#fd .top,
#teacher .top {
  padding-top: 120px;
  padding-bottom: 50px;
}
#fd .top .banner,
#teacher .top .banner {
  margin-bottom: 20px;
  position: relative;
}
#fd .top .banner h1,
#teacher .top .banner h1 {
  color: #FFF;
  position: absolute;
  top: 70px;
  left: 50px;
  line-height: 1.1em;
}
#fd .top .article,
#teacher .top .article {
  padding: 40px 0;
}
#fd .top .article h2,
#teacher .top .article h2 {
  margin-bottom: 10px;
}
#fd .top .article h2 a,
#teacher .top .article h2 a {
  color: #000;
}
#fd .top .article h2 .arrow-double,
#teacher .top .article h2 .arrow-double {
  vertical-align: top;
  margin-top: 2px;
  margin-left: 10px;
}
#fd .top .article .thumbnail,
#teacher .top .article .thumbnail {
  margin-bottom: 15px;
}
#fd .top .left-column,
#teacher .top .left-column {
  padding-right: 14px;
}
#fd .top .center-column,
#teacher .top .center-column {
  padding: 0 7px;
}
#fd .top .right-column,
#teacher .top .right-column {
  padding-left: 14px;
}
#fd h1.title-large,
#teacher h1.title-large {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  #fd h1.title-large,
  #teacher h1.title-large {
    margin: 20px 0;
  }
}
#fd .head,
#teacher .head {
  padding-top: 50px;
  padding-bottom: 30px;
  margin-bottom: 20px;
  overflow: hidden;
  display: block;
}
#fd .head h1,
#teacher .head h1 {
  float: left;
  margin-right: 40px;
}
#fd .head .lead,
#teacher .head .lead {
  padding-top: 0;
  padding-left: 20px;
  vertical-align: bottom;
  color: #666;
}
#fd .head-banner,
#teacher .head-banner {
  padding-top: 30px;
  padding-bottom: 0;
  overflow: hidden;
}
#fd .head-banner h1,
#teacher .head-banner h1 {
  font-weight: normal;
  margin: 0;
  width: 31.7708%;
  height: 185px;
  background-color: #FF0;
  line-height: 6em;
  text-align: center;
  float: left;
}
@media screen and (max-width: 767px) {
  #fd .head-banner h1,
  #teacher .head-banner h1 {
    padding-top: 0;
    height: auto;
  }
}
#fd .head-banner h1.txt-twoline,
#teacher .head-banner h1.txt-twoline {
  line-height: 1.5em;
  padding-top: 45px;
  height: 140px;
}
@media screen and (max-width: 767px) {
  #fd .head-banner h1.txt-twoline,
  #teacher .head-banner h1.txt-twoline {
    padding-top: 0;
    height: auto;
  }
}
#fd .head-banner h1.txt-threeline,
#teacher .head-banner h1.txt-threeline {
  line-height: 1.45em;
  padding-top: 30px;
  min-height: 185px;
  box-sizing: border-box;
  height: auto;
}
#fd .head-banner h1.txt-threeline .subtitle,
#teacher .head-banner h1.txt-threeline .subtitle {
  display: block;
}
@media screen and (max-width: 767px) {
  #fd .head-banner h1.txt-threeline,
  #teacher .head-banner h1.txt-threeline {
    padding-top: 0;
    min-height: auto;
  }
}
#fd .head-banner h1.al-left,
#teacher .head-banner h1.al-left {
  padding-left: 30px;
  padding-right: 30px;
  text-align: left;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #fd .head-banner h1.al-left,
  #teacher .head-banner h1.al-left {
    padding: 0 15px;
  }
}
#fd .head-banner .banner,
#teacher .head-banner .banner {
  float: right;
  width: 68.2291%;
}
#fd .head-banner .banner img,
#teacher .head-banner .banner img {
  max-width: 100%;
  width: 100%;
  height: 185px;
}
#fd .article,
#teacher .article {
  padding: 40px 0;
}
#fd .article.pad-large,
#teacher .article.pad-large {
  padding: 80px 0;
}
#fd .article.pad-large.pad-top-non,
#teacher .article.pad-large.pad-top-non {
  padding-top: 0;
}
#fd .article .lead,
#teacher .article .lead {
  margin-top: -20px;
  padding-bottom: 20px;
}
#fd .article h2,
#teacher .article h2 {
  margin-bottom: 25px;
  font-size: 22px;
  float: none;
}
#fd .article p,
#teacher .article p {
  line-height: 1.6em;
}
#fd .article .bg-title,
#teacher .article .bg-title {
  position: relative;
  overflow: hidden;
  margin-bottom: 10px;
}
#fd .article .bg-title a h2,
#teacher .article .bg-title a h2 {
  position: absolute;
  float: left;
  top: 38%;
  left: 25px;
  color: #FFF !important;
  padding-right: 20px;
  background: url(../images/arrow-single-right-white-30x16.png) no-repeat right center;
  background-size: 8px 15px;
}
@media screen and (max-width: 767px) {
  #fd .article .bg-title a h2,
  #teacher .article .bg-title a h2 {
    top: 33%;
    left: 20px;
  }
}
#fd .article .pure-g-r .pure-u-1-2,
#teacher .article .pure-g-r .pure-u-1-2 {
  float: left;
}
#fd .article .pure-g-r .pure-u-1-2 .arrow,
#teacher .article .pure-g-r .pure-u-1-2 .arrow {
  margin-left: 10px;
  margin-top: 6px;
  vertical-align: top;
}
#fd .article .pure-g-r .pure-u-1-3 .left .thumbnail,
#fd .article .pure-g-r .pure-u-1-3 .center .thumbnail,
#fd .article .pure-g-r .pure-u-1-3 .right .thumbnail,
#teacher .article .pure-g-r .pure-u-1-3 .left .thumbnail,
#teacher .article .pure-g-r .pure-u-1-3 .center .thumbnail,
#teacher .article .pure-g-r .pure-u-1-3 .right .thumbnail {
  max-width: 100%;
  width: 100%;
}
#fd .article .pure-g-r .pure-u-1-3 .left img,
#teacher .article .pure-g-r .pure-u-1-3 .left img {
  margin-right: 30px;
}
#fd .article .pure-g-r .pure-u-1-3 .center img,
#teacher .article .pure-g-r .pure-u-1-3 .center img {
  margin: 0 15px;
}
#fd .article .pure-g-r .pure-u-1-3 .right img,
#teacher .article .pure-g-r .pure-u-1-3 .right img {
  margin-left: 30px;
}
#fd .article .left,
#fd .article .right,
#teacher .article .left,
#teacher .article .right {
  overflow: hidden;
  width: 100%;
}
#fd .article .left .index-thumbnail,
#fd .article .right .index-thumbnail,
#teacher .article .left .index-thumbnail,
#teacher .article .right .index-thumbnail {
  margin-bottom: 30px;
}
#fd .article .left,
#teacher .article .left {
  float: left;
}
#fd .article .left .index-thumbnail,
#teacher .article .left .index-thumbnail {
  padding-right: 1.5%;
}
#fd .article .left .index-thumbnail img,
#teacher .article .left .index-thumbnail img {
  max-width: 100%;
  width: 100%;
}
#fd .article .left h2,
#fd .article .left h3,
#fd .article .left .bg-title,
#fd .article .left .block,
#teacher .article .left h2,
#teacher .article .left h3,
#teacher .article .left .bg-title,
#teacher .article .left .block {
  padding-right: 8%;
}
#fd .article .left .block,
#teacher .article .left .block {
  border-right: solid 1px #CCC;
}
#fd .article .right,
#teacher .article .right {
  float: right;
}
#fd .article .right h2,
#fd .article .right h3,
#fd .article .right .bg-title,
#fd .article .right .block,
#teacher .article .right h2,
#teacher .article .right h3,
#teacher .article .right .bg-title,
#teacher .article .right .block {
  padding-left: 8%;
}
#fd .article .right h2 h2,
#fd .article .right h3 h2,
#fd .article .right .bg-title h2,
#fd .article .right .block h2,
#teacher .article .right h2 h2,
#teacher .article .right h3 h2,
#teacher .article .right .bg-title h2,
#teacher .article .right .block h2 {
  padding-left: 0;
}
#fd .article .right .bg-title h2,
#teacher .article .right .bg-title h2 {
  padding-left: 8%;
}
#fd .top,
#teacher .top {
  padding-top: 40px;
}
#fd .top .article h2,
#teacher .top .article h2 {
  font-size: 20px !important;
}
#fd .top .article h2 a:visited,
#teacher .top .article h2 a:visited {
  color: #000;
}
#fd .top .article ul,
#teacher .top .article ul {
  margin-top: 0;
}
#fd .top .article ul li,
#teacher .top .article ul li {
  line-height: 1.6em;
}
@media screen and (max-width: 767px) {
  #fd .top .news-block .pure-u-1-3,
  #teacher .top .news-block .pure-u-1-3 {
    width: 100%;
    margin-bottom: 20px;
  }
}
#fd .top .news-block .pure-u-1-3:first-child p, #fd .top .news-block .pure-u-1-3:first-child .date,
#teacher .top .news-block .pure-u-1-3:first-child p,
#teacher .top .news-block .pure-u-1-3:first-child .date {
  padding-right: 14px;
}
@media screen and (max-width: 767px) {
  #fd .top .news-block .pure-u-1-3:first-child p, #fd .top .news-block .pure-u-1-3:first-child .date,
  #teacher .top .news-block .pure-u-1-3:first-child p,
  #teacher .top .news-block .pure-u-1-3:first-child .date {
    padding-right: 0;
  }
}
#fd .top .news-block .pure-u-1-3:nth-child(2) p, #fd .top .news-block .pure-u-1-3:nth-child(2) .date,
#teacher .top .news-block .pure-u-1-3:nth-child(2) p,
#teacher .top .news-block .pure-u-1-3:nth-child(2) .date {
  padding-right: 7px;
}
@media screen and (max-width: 767px) {
  #fd .top .news-block .pure-u-1-3:nth-child(2) p, #fd .top .news-block .pure-u-1-3:nth-child(2) .date,
  #teacher .top .news-block .pure-u-1-3:nth-child(2) p,
  #teacher .top .news-block .pure-u-1-3:nth-child(2) .date {
    padding-right: 0;
  }
}
#fd .top .news-block .pure-u-1-3:nth-child(3) p, #fd .top .news-block .pure-u-1-3:nth-child(3) .date,
#teacher .top .news-block .pure-u-1-3:nth-child(3) p,
#teacher .top .news-block .pure-u-1-3:nth-child(3) .date {
  padding-left: 14px;
}
@media screen and (max-width: 767px) {
  #fd .top .news-block .pure-u-1-3:nth-child(3) p, #fd .top .news-block .pure-u-1-3:nth-child(3) .date,
  #teacher .top .news-block .pure-u-1-3:nth-child(3) p,
  #teacher .top .news-block .pure-u-1-3:nth-child(3) .date {
    padding-left: 0;
  }
}
#fd .pure-u-1-2 .btn-blue,
#teacher .pure-u-1-2 .btn-blue {
  font-size: 18px;
}
#fd .pure-u-1-2:first-child a,
#teacher .pure-u-1-2:first-child a {
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  #fd .pure-u-1-2:first-child a,
  #teacher .pure-u-1-2:first-child a {
    margin: 0 0 10px;
  }
}
#fd .pure-u-1-2:last-child a,
#teacher .pure-u-1-2:last-child a {
  margin-left: 5px;
}
@media screen and (max-width: 767px) {
  #fd .pure-u-1-2:last-child a,
  #teacher .pure-u-1-2:last-child a {
    margin: 0 0 10px;
  }
}
@media screen and (max-width: 767px) {
  #fd .top,
  #teacher .top {
    padding-top: 0;
    padding-bottom: 20px;
  }
  #fd .top .pc-bg,
  #teacher .top .pc-bg {
    border: none;
    background: transparent;
  }
  #fd .top .sp-bg,
  #teacher .top .sp-bg {
    background-color: #EFEFEF;
  }
  #fd .top .banner,
  #teacher .top .banner {
    margin-bottom: 20px;
    position: relative;
  }
  #fd .top .banner img,
  #teacher .top .banner img {
    max-width: 100%;
    width: 100%;
  }
  #fd .top .banner h1,
  #teacher .top .banner h1 {
    color: #FFF;
    position: absolute;
    top: 40px;
    left: 15px;
  }
  #fd .top .article,
  #teacher .top .article {
    padding: 0 !important;
  }
  #fd .top .article h2,
  #teacher .top .article h2 {
    margin-bottom: 10px;
  }
  #fd .top .article h2 a,
  #teacher .top .article h2 a {
    color: #000;
  }
  #fd .top .article h2 .arrow-double,
  #teacher .top .article h2 .arrow-double {
    vertical-align: top;
    margin-top: 2px;
    margin-left: 10px;
  }
  #fd .top .article .thumbnail,
  #teacher .top .article .thumbnail {
    margin-bottom: 5px;
    width: 100%;
  }
  #fd .top .article li,
  #teacher .top .article li {
    font-size: 16px;
    margin-top: 5px;
  }
  #fd .top .article .label a,
  #teacher .top .article .label a {
    padding-right: 20px;
    background: url(../images/icon-label.gif) no-repeat right 4px;
    background-size: 13px 13px;
  }
  #fd .top .article .external a,
  #teacher .top .article .external a {
    margin-left: 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f14c";
    color: #0054ff;
  }
  #fd .top .left-column,
  #fd .top .center-column,
  #fd .top .right-column,
  #teacher .top .left-column,
  #teacher .top .center-column,
  #teacher .top .right-column {
    padding: 20px 0;
  }
  #fd .bg,
  #teacher .bg {
    background-color: transparent;
  }
  #fd .sp-bg,
  #teacher .sp-bg {
    background-color: #EFEFEF;
  }
  #fd .head,
  #teacher .head {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    overflow: hidden;
    display: block;
  }
  #fd .head h1,
  #teacher .head h1 {
    float: none;
    margin-right: 0;
  }
  #fd .head .lead,
  #teacher .head .lead {
    padding-top: 30px;
    padding-left: 0;
  }
  #fd .head-banner,
  #teacher .head-banner {
    padding-bottom: 30px;
    overflow: hidden;
    clear: both;
  }
  #fd .head-banner.sp-pad-top-non,
  #teacher .head-banner.sp-pad-top-non {
    padding-top: 0;
  }
  #fd .head-banner h1,
  #teacher .head-banner h1 {
    float: none;
    width: auto;
    height: auto;
    background-color: transparent;
    text-align: left;
  }
  #fd .head-banner h1.txt-twoline,
  #teacher .head-banner h1.txt-twoline {
    padding-top: 0;
    height: auto;
  }
  #fd .head-banner .banner,
  #teacher .head-banner .banner {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  #fd .head-banner .banner img,
  #teacher .head-banner .banner img {
    width: 100%;
    height: auto;
  }
  #fd .article,
  #teacher .article {
    padding: 0 !important;
  }
  #fd .article.sp-pd,
  #teacher .article.sp-pd {
    padding: 30px 0 !important;
  }
  #fd .article.pad-large,
  #teacher .article.pad-large {
    padding: 40px 0 !important;
  }
  #fd .article.sp-top-ng-margin,
  #teacher .article.sp-top-ng-margin {
    padding-top: 0  !important;
  }
  #fd .article h2,
  #teacher .article h2 {
    margin-bottom: 15px;
    font-size: 18px;
    float: none;
  }
  #fd .article p,
  #teacher .article p {
    line-height: 1.6em;
  }
  #fd .article .lead,
  #teacher .article .lead {
    margin-bottom: 30px;
  }
  #fd .article .pure-g-r .pure-u-1-2,
  #teacher .article .pure-g-r .pure-u-1-2 {
    float: none;
  }
  #fd .article .pure-g-r .pure-u-1-2 .arrow,
  #teacher .article .pure-g-r .pure-u-1-2 .arrow {
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: top;
  }
  #fd .article .pure-g-r .pure-u-1-3 .left,
  #fd .article .pure-g-r .pure-u-1-3 .center,
  #fd .article .pure-g-r .pure-u-1-3 .right,
  #teacher .article .pure-g-r .pure-u-1-3 .left,
  #teacher .article .pure-g-r .pure-u-1-3 .center,
  #teacher .article .pure-g-r .pure-u-1-3 .right {
    padding: 0;
  }
  #fd .article .pure-g-r .pure-u-1-3 .left img,
  #fd .article .pure-g-r .pure-u-1-3 .center img,
  #fd .article .pure-g-r .pure-u-1-3 .right img,
  #teacher .article .pure-g-r .pure-u-1-3 .left img,
  #teacher .article .pure-g-r .pure-u-1-3 .center img,
  #teacher .article .pure-g-r .pure-u-1-3 .right img {
    margin: 0 0 10px;
  }
  #fd .article .left,
  #fd .article .right,
  #teacher .article .left,
  #teacher .article .right {
    overflow: hidden;
    width: 100%;
    padding: 30px 0 30px 0;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #fd .article .left,
  #fd .article .right,
  #teacher .article .left,
  #teacher .article .right {
    padding: 0;
  }
}
@media screen and (max-width: 767px) {
  #fd .article .left,
  #teacher .article .left {
    float: none;
  }
  #fd .article .left h2,
  #fd .article .left h3,
  #fd .article .left .bg-title,
  #fd .article .left .block,
  #teacher .article .left h2,
  #teacher .article .left h3,
  #teacher .article .left .bg-title,
  #teacher .article .left .block {
    padding-right: 0;
  }
  #fd .article .left .block,
  #teacher .article .left .block {
    border-right: none;
  }
  #fd .article .right,
  #teacher .article .right {
    float: none;
  }
  #fd .article .right h2,
  #fd .article .right h3,
  #fd .article .right .bg-title,
  #fd .article .right .block,
  #teacher .article .right h2,
  #teacher .article .right h3,
  #teacher .article .right .bg-title,
  #teacher .article .right .block {
    padding-left: 0;
  }
  #fd .article .right .bg-title h2,
  #teacher .article .right .bg-title h2 {
    padding-left: 0;
  }
  #fd .top,
  #teacher .top {
    padding-top: 30px;
  }
}

/* @media queries for responsive design 569px - 800px
---------------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 800px) {
  #container .inner {
    margin: 0 auto;
    padding: 0 30px;
  }
  #container .number-block .inner {
    padding: 0;
    max-width: 768px;
  }

  #header .article {
    padding: 10px 0 20px;
  }
  #header .article .logo {
    width: 215px;
    height: 40px;
    background-size: 215px 40px;
  }
  #header .article .logo a {
    width: 215px;
    height: 40px;
    display: block;
  }
  #header .article #main-menu {
    padding-top: 18px;
  }
  #header .article #main-menu {
    padding-top: 18px;
  }
  #header .article #main-menu ul li {
    margin-right: 25px;
  }

  #sub-menu .inner .pure-g-r .pure-u-1-4 {
    width: 25%;
  }

  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .news-blog,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .event,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .info,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .document {
    border-left: 1px solid #CCC;
  }
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .news-blog a,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .event a,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .info a,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .document a {
    border-left: 1px solid #FFF;
    text-align: center;
    padding: 20px 0;
    display: block;
  }
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .news-blog a:hover,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .event a:hover,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .info a:hover,
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .document a:hover {
    background-color: #CCC;
  }
  #admission #sub-menu .inner .pure-g-r .pure-u-1-4 .document {
    border-right: 1px solid #FFF;
  }
  #admission .event .top .head {
    padding-top: 50px;
    padding-bottom: 0;
  }
  #admission .event .top .head h1 {
    float: left;
    line-height: 1.2em;
  }
  #admission .event .top .head .lead {
    padding-top: 0;
    margin-left: 180px;
    color: #666;
  }
  #admission .event .top .event-block {
    border-bottom: solid 1px #E5E5E5;
    padding: 40px 0;
    overflow: hidden;
  }
  #admission .event .top .event-block .pure-g-r {
    margin-left: -3.125%;
  }
  #admission .event .top .event-block .pure-g-r .pure-u-1-2 {
    margin-left: 3.125%;
    padding-bottom: 30px;
    width: 46.8%;
    float: left;
  }
  #admission .event .top .event-block .pure-g-r .pure-u-1-2 .box {
    border: solid 1px #CCC;
  }
  #admission .event .top .event-block .pure-g-r .pure-u-1-2.last {
    margin-right: 0;
  }
  #admission .event .top .event-block .pure-g-r h2 {
    margin: -1px -1px 0 -1px;
    border-bottom: solid 1px #FF0;
    background-color: #FF0;
    padding: 13px 25px;
    text-align: left;
    font-size: 22px;
    -webkit-font-smoothing: antialiased;
  }
  #admission .event .top .event-block .pure-g-r h2 .arrow-single {
    margin-top: -5px;
    float: right;
  }
  #admission .event .top .event-block .pure-g-r h2 a {
    color: #333;
    display: block;
  }
  #admission .event .top .event-block .pure-g-r .campus h2 {
    margin: 0;
    border-bottom: none;
    background-color: #FFF;
  }
  #admission .event .top .event-block .pure-g-r p {
    padding: 20px 25px;
    color: #666;
  }
  #admission .event .top .event-block .pure-g-r .sub-block {
    border-top: solid 1px #CCC;
    margin: 0 25px 20px;
    padding-top: 20px;
  }
  #admission .event .top .event-block .pure-g-r .sub-block h3 {
    font-size: 12px;
  }
  #admission .event .top .event-block .pure-g-r .sub-block h4 {
    margin-bottom: 20px;
    font-size: 18px;
  }
  #admission .event .top .event-block .pure-g-r .sub-block .btn-blue {
    border-bottom: none;
    padding: 10px;
    text-align: center;
    color: #FFF;
    font-size: 16px;
    display: block;
  }
  #admission .event .top .event-block .pure-g-r .sub-block .btn-blue img {
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: top;
  }
  #admission .event .detail {
    padding-bottom: 60px;
  }
  #admission .event .detail .head {
    padding-top: 60px;
    padding-bottom: 30px;
    overflow: hidden;
  }
  #admission .event .detail .head h1 {
    width: auto;
    height: auto;
    background-color: transparent;
    line-height: 1.1em;
    text-align: left;
    float: none;
  }
  #admission .event .detail .head .banner {
    float: none;
    margin-bottom: 50px;
  }
  #admission .event .detail .head .banner img {
    width: 100%;
    max-width: 100%;
  }
  #admission .event .detail .article {
    margin-bottom: 40px;
  }
  #admission .event .detail .article p {
    margin-bottom: 20px;
  }
  #admission .event .detail .article h2 {
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
  }
  #admission .event .detail .anchor {
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
  }
  #admission .event .detail .lead {
    font-size: 14px;
    color: #666;
  }
  #admission .event .detail .entry-exam h2 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  #admission .event .detail .career h2 .sub-title {
    padding-left: 20px;
    font-size: 18px;
  }
  #admission .event .detail .career h3 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  #admission .event .detail .career .table-list .city, #admission .event .detail .career .table-list .date, #admission .event .detail .career .table-list .hour {
    width: 18%;
  }
  #admission .event .detail .career .anchor {
    overflow: hidden;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 10px;
  }
  #admission .event .detail .career .anchor li {
    float: left;
    width: 10%;
  }
  #admission .event .detail .career .anchor li a {
    display: block;
    font-size: 16px;
  }
  #admission .event .detail .career .anchor li a .arrow-double {
    margin-top: 7px;
    padding-left: 10px;
    vertical-align: top;
  }
  #admission .event .detail .career .oneday h2 {
    padding-top: 40px;
    border-top: solid 1px #CCC;
  }
  #admission .event .detail .career .oneday .btn-blue {
    margin-top: -40px;
    padding-left: 30px;
    padding-right: 30px;
    float: right;
    border-bottom: none;
  }
  #admission .event .opencampus-top .photo-list ul {
    margin-left: -7px;
    margin-bottom: 20px;
    overflow: hidden;
  }
  #admission .event .opencampus-top .photo-list ul li {
    margin-left: 7px;
    width: 49%;
    float: left;
  }
  #admission .event .opencampus-top .photo-list ul li .caption {
    display: block;
    padding: 5px 0;
    font-size: 12px;
    color: #666;
  }
  #admission .event .opencampus-top .photo-list ul li img {
    width: 100%;
    max-width: 100%;
  }
  #admission .event .opencampus .anchor-list, #admission .event .opencampus-report .anchor-list {
    padding: 40px 0 0;
    overflow: hidden;
  }
  #admission .event .opencampus .anchor-list ul li a, #admission .event .opencampus-report .anchor-list ul li a {
    padding: 30px 0;
    font-size: 20px;
  }
  #admission .event .opencampus .programs, #admission .event .opencampus-report .programs {
    padding-bottom: 50px;
    overflow: hidden;
  }
  #admission .event .opencampus .programs ul, #admission .event .opencampus-report .programs ul {
    margin-left: 0;
  }
  #admission .event .opencampus .programs ul li, #admission .event .opencampus-report .programs ul li {
    margin-left: 0;
    width: auto;
    float: none;
    overflow: hidden;
  }
  #admission .event .opencampus .programs ul li.margin-top, #admission .event .opencampus-report .programs ul li.margin-top {
    margin-top: 10px;
  }
  #admission .event .opencampus .programs ul li.row .thumbnail, #admission .event .opencampus-report .programs ul li.row .thumbnail {
    margin-bottom: 20px;
  }
  #admission .event .opencampus .programs ul li.talk-event .profile dt, #admission .event .opencampus .programs ul li.talk-event .profile dd, #admission .event .opencampus-report .programs ul li.talk-event .profile dt, #admission .event .opencampus-report .programs ul li.talk-event .profile dd {
    vertical-align: top;
  }
  #admission .event .opencampus .timetable p img, #admission .event .opencampus-report .timetable p img {
    max-width: 100%;
    width: 100%;
  }
  #admission .event .opencampus .event .two-column, #admission .event .opencampus-report .event .two-column {
    margin-left: 0;
  }
  #admission .event .opencampus .event .two-column li, #admission .event .opencampus-report .event .two-column li {
    margin-left: 0;
    width: auto;
    float: none;
    margin-bottom: 20px;
  }
  #admission .event .opencampus .event .line, #admission .event .opencampus-report .event .line {
    border-top: solid 2px #0054ff;
    padding-top: 30px;
  }
  #admission .event .opencampus .event .three-column, #admission .event .opencampus-report .event .three-column {
    overflow: hidden;
    margin-left: 0;
  }
  #admission .event .opencampus .event .three-column li, #admission .event .opencampus-report .event .three-column li {
    margin-left: 0;
    width: auto;
    float: none;
    margin-top: 30px;
  }
  #admission .event .opencampus .program-contents a, #admission .event .opencampus-report .program-contents a {
    width: auto;
    padding: 0 30px;
  }
  #admission .event .opencampus-report .photo-list .shadow .block {
    padding: 10px 10px 0;
  }
  #admission .event .opencampus-report .photo-list .shadow .block ul {
    overflow: hidden;
    margin-left: -10px;
  }
  #admission .event .opencampus-report .photo-list .shadow .block ul li {
    margin-left: 10px;
    padding-bottom: 10px;
    float: none;
  }
  #admission .event .opencampus-report .photo-list .shadow .block ul li img {
    width: 100%;
    max-width: 100%;
  }
  #admission .event .opencampus-report .photo-list .shadow.two-clumn-harf-left {
    float: none;
  }
  #admission .event .opencampus-report .photo-list .shadow.two-clumn-harf-right {
    margin-left: 0;
  }
  #admission .event .opencampus-report .photo-list .shadow.two-clumn-1-4-left {
    float: none;
  }
  #admission .event .opencampus-report .photo-list .shadow.two-clumn-3-4-right {
    margin-left: 0;
  }
  #admission .event .onedaycampus .about ul li {
    width: 22.65%;
  }
  #admission .event .onedaycampus .about ul li img {
    width: 100%;
    max-width: 100%;
  }
  #admission .event .onedaycampus .odc .block .img {
    margin-bottom: 30px;
  }
  #admission .event .onedaycampus .access .pure-g-r {
    overflow: hidden;
  }
  #admission .event .onedaycampus .access .pure-g-r .pure-u-1-4 {
    float: left;
  }
  #admission .event .onedaycampus .article.btn-sns .btn-tw {
    text-align: right;
    padding-right: 20px;
  }
  #admission .event .onedaycampus .article.btn-sns .btn-blog {
    padding-left: 20px;
  }
  #admission .campuslife .anchor {
    overflow: hidden;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 10px;
  }
  #admission .campuslife .anchor li {
    float: left;
    margin-right: 50px;
  }
  #admission .campuslife .anchor li a {
    display: block;
    font-size: 16px;
  }
  #admission .campuslife .anchor li a .arrow-double {
    margin-top: 7px;
    padding-left: 10px;
    vertical-align: top;
  }
  #admission .campuslife .anchor-list {
    padding: 40px 0 0;
    overflow: hidden;
  }
  #admission .campuslife .anchor-list ul {
    margin-left: -5px;
  }
  #admission .campuslife .anchor-list ul li {
    margin-left: 5px;
    width: 477px;
    float: left;
  }
  #admission .campuslife .anchor-list ul li a {
    background-color: #0054ff;
    padding: 30px;
    font-size: 18px;
    color: #FFF;
    text-align: center;
    display: block;
  }
  #admission .campuslife .anchor-list ul li a .arrow {
    margin-left: 10px;
    vertical-align: middle;
  }
  #admission .campuslife .detail .head h1 {
    width: 100%;
    height: auto;
    line-height: 1.1em;
    text-align: left;
    float: none;
    background-color: transparent;
  }
  #admission .campuslife .detail .head .banner {
    margin-bottom: 30px;
    float: none;
    width: 100%;
  }
  #admission .campuslife .detail .head .banner img {
    width: 100%;
    max-width: 100%;
  }
  #admission .campuslife .detail .article {
    padding: 40px 0;
  }
  #admission .campuslife .detail .article p {
    margin-bottom: 20px;
  }
  #admission .campuslife .detail .article h2 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #admission .campuslife .detail .article h2 .sub {
    padding-left: 30px;
    font-size: 14px;
    color: #666;
  }
  #admission .campuslife .detail .article .line-table {
    width: 100%;
    border-top: solid 2px #0054ff;
    border-left: solid 2px #0054ff;
  }
  #admission .campuslife .detail .article .line-table th, #admission .campuslife .detail .article .line-table td {
    border-bottom: solid 2px #0054ff;
    border-right: solid 2px #0054ff;
    background-color: #FFF;
    padding: 10px 15px 8px;
  }
  #admission .campuslife .detail .article .line-table th {
    color: #0054ff;
  }
  #admission .campuslife .detail .step ul {
    margin-top: 40px;
  }
  #admission .campuslife .detail .step ul li {
    width: auto;
  }
  #admission .campuslife .detail .step ul li .txt {
    padding-left: 20px;
  }
  #admission .campuslife .detail .calendar, #admission .campuslife .detail .club {
    margin-bottom: 0;
  }
  #admission .campuslife .detail .calendar .head, #admission .campuslife .detail .club .head {
    padding-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
  }
  #admission .campuslife .detail .calendar .head h1 .txt, #admission .campuslife .detail .club .head h1 .txt {
    padding-top: 0;
    padding-left: 0;
  }
  #admission .campuslife .detail .calendar .head h1 .pc-break, #admission .campuslife .detail .club .head h1 .pc-break {
    display: inline;
  }
  #admission .campuslife .detail .calendar .block, #admission .campuslife .detail .club .block {
    display: block;
  }
  #admission .campuslife .detail .calendar .block .content, #admission .campuslife .detail .club .block .content {
    display: block;
    width: auto;
    padding-right: 0;
  }
  #admission .campuslife .detail .calendar .block .content .monthly, #admission .campuslife .detail .club .block .content .monthly {
    margin-top: 20px;
    padding: 20px 20px 0;
    background-color: #FFF;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    overflow: hidden;
  }
  #admission .campuslife .detail .calendar .block .content .monthly .line, #admission .campuslife .detail .club .block .content .monthly .line {
    margin: -20px -20px 20px -20px;
    height: 10px;
    background-color: #0054ff;
  }
  #admission .campuslife .detail .calendar .block .content .monthly h2, #admission .campuslife .detail .club .block .content .monthly h2 {
    margin-top: -5px;
    font-size: 52px;
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
    color: #0054ff;
    line-height: normal;
    float: left;
  }
  #admission .campuslife .detail .calendar .block .content .monthly h2 .txt, #admission .campuslife .detail .club .block .content .monthly h2 .txt {
    font-size: 15px;
    display: block;
    line-height: normal;
  }
  #admission .campuslife .detail .calendar .block .content .monthly ul, #admission .campuslife .detail .club .block .content .monthly ul {
    margin-left: 70px;
    padding-bottom: 20px;
  }
  #admission .campuslife .detail .calendar .block .content .monthly ul li .label, #admission .campuslife .detail .club .block .content .monthly ul li .label {
    color: #0054ff;
  }
  #admission .campuslife .detail .calendar .block .photo, #admission .campuslife .detail .club .block .photo {
    display: block;
  }
  #admission .campuslife .detail .calendar .block .photo .frame .img img, #admission .campuslife .detail .club .block .photo .frame .img img {
    max-width: 100%;
    width: 100%;
  }
  #admission .campuslife .detail .club .lead p {
    margin: 0;
  }
  #admission .campuslife .detail .club .lead .btn-blue {
    border-bottom: none;
    margin-top: 10px;
    display: inline;
    padding: 5px;
  }
  #admission .campuslife .detail .club .anchor {
    margin-top: 40px;
  }
  #admission .campuslife .detail .club .title {
    border: solid 2px #0054ff;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #FFF;
    display: block;
  }
  #admission .campuslife .detail .club .title .img {
    float: none;
    border-right: none;
    border-bottom: solid 2px #0054ff;
    max-width: 100%;
  }
  #admission .campuslife .detail .club .title .img img {
    width: 100%;
  }
  #admission .campuslife .detail .club .title .txt {
    margin-left: 0;
    padding: 20px 20px 10px;
  }
  #admission .campuslife .detail .club .block .list {
    display: block;
    width: auto;
    border-left: solid 1px #CCC;
  }
  #admission .campuslife .detail .club .block .list li {
    display: block;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    background-color: #FFF;
    width: auto;
    padding: 2px 10px;
  }
  #admission .campuslife .detail .club .block .list li.sp-bg {
    background-color: #EFEFEF;
  }
  #admission .campuslife .detail .club .block .list li.pc-only {
    display: none;
  }
  #admission .campuslife .detail .club .block .pc-bg li {
    background-color: #FFF;
  }
  #admission .campuslife .detail .club .block-ext {
    display: block;
  }
  #admission .campuslife .detail .club .block-ext .list-ext {
    margin-top: 20px;
    display: block;
    width: 100%;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
  }
  #admission .campuslife .detail .club .block-ext .list-ext li {
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    background-color: #FFF;
    padding: 2px 10px;
  }
  #admission .campuslife .detail .club .block-ext .list-ext li.pc-bg {
    background-color: #EFEFEF;
  }
  #admission .campuslife .detail .club .border-top {
    border-top: solid 1px #CCC;
  }
  #admission .campuslife .detail .club .block-ext.border-top {
    border-top: none;
  }
  #admission .campuslife .detail .club .border-left {
    border-left: none;
  }
  #admission .campuslife .detail .club .label {
    font-weight: bold;
  }
  #admission .campuslife .detail .report .head {
    padding-top: 60px;
    padding-bottom: 20px;
    overflow: hidden;
  }
  #admission .campuslife .detail .report .head h1 {
    width: auto;
    height: auto;
    background-color: #FFF;
    line-height: 1.4em;
    text-align: left;
    float: left;
  }
  #admission .campuslife .detail .report .head .lead {
    margin-top: 3px;
    margin-left: 310px;
  }
  #admission .campuslife .detail .report .anchor-list {
    margin: 0;
    padding: 0;
  }
  #admission .campuslife .detail .report .anchor-list li {
    width: 49%;
  }
  #admission .campuslife .detail .report .anchor-list li a {
    font-size: 18px;
  }
  #admission .campuslife .detail .intro {
    padding: 60px 0;
  }
  #admission .campuslife .detail .intro ul {
    display: block;
  }
  #admission .campuslife .detail .intro ul li {
    display: block;
    vertical-align: top;
    width: auto;
  }
  #admission .campuslife .detail .intro ul li.left {
    padding-right: 0;
  }
  #admission .campuslife .detail .intro ul li.right img {
    width: 100%;
    max-width: 100%;
  }
  #admission .campuslife .detail .spot-area {
    padding: 60px 0;
  }
  #admission .campuslife .detail .spot-area .spot-list li {
    border-bottom: solid 2px #0054ff;
    margin-bottom: 40px;
    padding-bottom: 30px;
  }
  #admission .campuslife .detail .spot-area .spot-list li .txt {
    margin: 30px 0 0;
  }
  #admission .campuslife .detail .spot-area .spot-list li .img img {
    width: 100%;
    max-width: 100%;
  }
  #admission .campuslife .detail .spot-area .spot-list li.last {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #admission .campuslife .guide .head {
    padding: 30px 0 0;
  }
  #admission .campuslife .guide .anchor-list {
    margin: 0;
    padding: 0;
  }
  #admission .campuslife .guide .anchor-list li {
    width: 49%;
  }
  #admission .campuslife .guide .anchor-list li a {
    font-size: 18px;
  }
  #admission .campuslife .guide h1 {
    margin: 0;
  }
  #admission .campuslife .guide .article h2 {
    margin: 20px 0 0;
    padding: 0;
    font-size: 16px;
  }
  #admission .campuslife .guide .map .pc-only {
    display: none;
  }
  #admission .campuslife .guide .map .sp-only {
    display: block;
  }
  #admission .campuslife .guide .map img {
    max-width: 100%;
    width: 100%;
  }
  #admission .campuslife .guide .lead h2 {
    margin-bottom: 20px;
  }
  #admission .campuslife .guide .block {
    display: table;
  }
  #admission .campuslife .guide .block .list {
    width: auto;
    padding-right: 15px;
    display: table-cell;
  }
  #admission .campuslife .guide .block .list .num {
    display: block;
    width: 26px;
    height: 26px;
    background-color: #0054ff;
    border-radius: 13px;
    color: #FFF;
    line-height: 2.1em;
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
    text-align: center;
  }
  #admission .campuslife .guide .block .list dl {
    margin-bottom: 10px;
    display: table;
  }
  #admission .campuslife .guide .block .list dl dt, #admission .campuslife .guide .block .list dl dd {
    display: table-cell;
  }
  #admission .campuslife .guide .block .list dl dt {
    padding-right: 10px;
  }
  #admission .campuslife .guide .block .list dl dd h3 {
    margin-bottom: 5px;
  }
  #admission .campuslife .guide .block .list dl dd h3,
  #admission .campuslife .guide .block .list dl dd h4 {
    color: #0054ff;
    font-weight: bold;
  }
  #admission .campuslife .guide .block .list dl dd h4,
  #admission .campuslife .guide .block .list dl dd li {
    font-size: 12px;
  }
  #admission .campuslife .guide .block .list dl dd h4 {
    color: #0054ff;
  }
  #admission .campuslife .guide .block .list dl dd ul li {
    line-height: 1em;
    margin-bottom: 5px;
  }
  #admission .campuslife .guide .block .photo {
    padding-top: 20px;
    padding-left: 0;
    width: auto;
    display: block;
  }
  #admission .campuslife .guide .block .photo ul {
    overflow: hidden;
    margin-left: -10px;
  }
  #admission .campuslife .guide .block .photo ul li {
    margin-bottom: 10px;
    margin-left: 10px;
    float: none;
  }
  #admission .campuslife .guide .block .photo ul li img {
    max-width: 100%;
    width: 100%;
  }
  #admission .campuslife .guide .block .photo ul li .caption {
    display: block;
    padding: 5px 0;
    line-height: 1.4em;
    font-size: 12px;
  }
  #admission .campuslife .guide .block .photo ul li.harf {
    width: 100%;
  }
  #admission .campuslife .guide .block .photo ul li.harf img {
    width: 100%;
  }
  #admission .campuslife .guide .spot {
    margin-top: 30px;
    border: solid 2px #0054ff;
    padding: 20px;
    background-color: #FFF;
  }
  #admission .campuslife .guide .spot h3 {
    color: #0054ff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;
  }
  #admission .campuslife .guide .spot .sub-content {
    margin-top: 20px;
  }
  #admission .campuslife .guide .spot .sub-content .img {
    float: left;
  }
  #admission .campuslife .guide .spot .sub-content .txt {
    padding-right: 0;
    margin-left: 115px;
  }
  #admission .campuslife .guide .spot .sub-content .txt h4 {
    font-weight: bold;
  }
  #admission .campuslife .guide .spot .sub-content .txt p {
    margin: 0;
    line-height: 1.6em;
  }
  #admission .information .detail .head h1 {
    width: auto;
    height: auto;
    background-color: transparent;
    line-height: 1.1em;
    text-align: left;
    float: none;
  }
  #admission .information .detail .head h1.multiline {
    line-height: 1.2em;
    padding-top: 0;
    height: auto;
  }
  #admission .information .detail .head .banner {
    float: none;
    margin-bottom: 30px;
  }
  #admission .information .detail .head .banner img {
    width: 100%;
    max-width: 100%;
  }
  #admission .information .detail .scholarship {
    min-height: 625px;
  }
  #admission .information .detail .web_syutsugan .txt-bg span,
  #admission .information .detail .local .txt-bg span {
    background-color: #FF0;
  }
  #admission .information .detail .web_syutsugan .map iframe,
  #admission .information .detail .local .map iframe {
    width: auto;
    height: 180px;
    max-width: 100%;
  }
  #admission .information .detail .web_syutsugan .head,
  #admission .information .detail .local .head {
    padding-bottom: 0;
  }
  #admission .information .detail .web_syutsugan .article,
  #admission .information .detail .local .article {
    margin: 0;
    padding: 50px 0;
  }
  #admission .information .detail .web_syutsugan .article h3,
  #admission .information .detail .local .article h3 {
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 30px;
  }
  #admission .information .detail .web_syutsugan .article h4,
  #admission .information .detail .local .article h4 {
    color: #0054ff;
    font-weight: bold;
  }
  #admission .information .detail .web_syutsugan .article p.margin-none,
  #admission .information .detail .local .article p.margin-none {
    margin: 0;
  }
  #admission .information .detail .web_syutsugan .lead h2,
  #admission .information .detail .local .lead h2 {
    font-size: 26px;
    margin: 20px 0;
    font-weight: normal;
  }
  #admission .information .detail .web_syutsugan .lead p,
  #admission .information .detail .local .lead p {
    margin: 0;
  }
  #admission .information .detail .web_syutsugan .btn-block,
  #admission .information .detail .local .btn-block {
    padding: 0;
    margin-bottom: 20px;
  }
  #admission .information .detail .web_syutsugan .btn-block .btn-link,
  #admission .information .detail .local .btn-block .btn-link {
    display: block;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    background-color: #0054FF;
    line-height: 2em;
    text-align: center;
  }
  #admission .information .detail .web_syutsugan .btn-block .btn-link .icon,
  #admission .information .detail .local .btn-block .btn-link .icon {
    margin-right: 20px;
  }
  #admission .information .detail .web_syutsugan .btn-block .btn-link .arrow,
  #admission .information .detail .local .btn-block .btn-link .arrow {
    vertical-align: top;
    margin-top: 10px;
    margin-left: 15px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price,
  #admission .information .detail .local #web_syutsugan-price {
    overflow: hidden;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .left,
  #admission .information .detail .local #web_syutsugan-price .left {
    padding-right: 1;
    float: left;
    width: 39.5833%;
    border-right: solid 1px #CCC;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .right,
  #admission .information .detail .local #web_syutsugan-price .right {
    float: right;
    width: 39.5833%;
  }
  #admission .registration {
    min-height: 590px;
  }
}
/* @media queries for responsive design 569px - 800px  END
---------------------------------------------------------------------------- */
/* @media only all and (max-width:767px) START
---------------------------------------------------------------------------- */
@media only all and (max-width: 767px) {
  .pc-only,
  .sp-nondisplay {
    display: none;
  }

  .pc-break {
    display: inline;
  }

  .sp-only, .sp-break {
    display: block;
  }

  .sp-txt-center {
    text-align: center;
  }

  .sp-ng-margin-bottom {
    margin-bottom: -20px !important;
  }

  .img-full {
    max-width: 100%;
    width: 100%;
  }

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

  .iframe-full iframe {
    width: 100%;
    height: auto;
  }

  .table-container {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
  }

  .title-large {
    font-size: 22px;
  }

  .title-medium {
    font-size: 18px;
  }

  .title-small {
    font-size: 16px;
  }

  .border-brock {
    display: table;
    width: 99%;
  }

  .fl-right,
  .fl-left {
    float: none;
    margin: 0 0 20px;
  }

  html {
    -webkit-text-size-adjust: 100%;
  }

  html,
  body {
    width: 100%;
  }

  #container .inner {
    padding: 0;
  }
  #container .sp-inner {
    padding: 0 15px;
    display: block;
  }

  a:hover {
    opacity: 1;
  }

  .pagenation {
    padding-bottom: 30px;
  }
  .pagenation ul {
    overflow: hidden;
    margin: 0 auto;
    display: table;
  }
  .pagenation ul li {
    display: table-cell;
    margin-right: 0;
  }
  .pagenation ul li.page-number {
    margin: 5px 15px 0 15px;
  }
  .pagenation ul li a {
    background-color: #0054ff;
    color: #FFF;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 16px;
    line-height: 2em;
  }
  .pagenation ul li a.arrow {
    line-height: 1.5em;
  }
  .pagenation ul li a:hover {
    opacity: 0.6;
  }

  .table-list {
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    width: 100%;
  }
  .table-list th, .table-list td {
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    padding: 3px;
    vertical-align: middle;
    line-height: 1.5em;
  }
  .table-list th {
    background-color: #EFEFEF;
    font-weight: bold;
  }

  .related {
    margin-bottom: 30px;
    background-color: #EFEFEF;
    padding: 10px;
  }
  .related strong {
    font-size: 14px;
  }

  #container {
    min-width: inherit;
  }
  #container .inner {
    margin: 0 auto;
    padding: 0;
    max-width: auto;
  }

  #contents .topicpath {
    padding-top: 15px;
  }
  #contents .topicpath .btn-lang-change {
    float: right;
  }
  #contents .topicpath .btn-lang-change .btn-blue {
    padding: 5px 10px;
  }
  #contents .topicpath .btn-lang-change .btn-blue .arrow {
    margin-top: 8px;
  }
  #contents .topicpath ul li a {
    font-size: 11px;
    padding: 1px 2px;
  }
  #contents .topicpath ul li span {
    margin-left: 2px;
    margin-right: 2px;
  }
  #contents .topicpath ul li:first-child a {
    padding-left: 0;
  }
  #contents .topicpath ul li.active a {
    font-weight: bold;
    background: #ccc;
  }
  #contents .topicpath ul li.active a:hover {
    opacity: 1;
    cursor: default;
  }

  #old-layout #header {
    border-bottom: none;
  }
  #old-layout #contents {
    padding-bottom: 30px;
  }
  #old-layout #contents .topicpath {
    padding-top: 15px;
    padding-bottom: 30px;
    overflow: hidden;
  }
  #old-layout #contents .inner {
    padding: 0 15px;
  }
  #old-layout #contents .sp-inner {
    padding: 0;
    display: inline;
  }

  #request #header {
    border-bottom: none;
  }
  #request #contents {
    padding-bottom: 30px;
  }
  #request #contents .topicpath {
    padding-top: 15px;
    padding-bottom: 30px;
    overflow: hidden;
  }
  #request h1 {
    line-height: 1.1em;
    margin-bottom: 30px;
  }
  #request h2 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  #request h3 {
    margin-bottom: 15px;
  }
  #request h4 {
    font-weight: bold;
    font-size: 14px;
  }
  #request .request .privacy {
    border-top: none;
    margin-top: 0;
    padding-top: 30px;
  }
  #request .request .info {
    border-bottom: solid 1px #CCC;
    margin-bottom: 30px;
    padding-bottom: 30px;
  }
  #request .request h4 .caption {
    padding-left: 0;
    display: block;
    font-weight: normal;
  }
  #request .request .btn-blue {
    padding: 5px 15px;
    border: none;
    text-align: left;
    font-size: 15px;
  }
  #request .request .pamph {
    height: 150px;
  }
  #request .request .telemail-logo {
    height: 14px;
  }
  #request .request .left .block,
  #request .request .right .block {
    padding: 15px;
  }
  #request .request .left {
    margin-right: 0;
    margin-bottom: 30px;
  }
  #request .request .right {
    margin-left: 0;
  }

  #faq #header {
    border-bottom: none;
  }
  #faq #contents .topicpath {
    padding-top: 15px;
    padding-bottom: 0;
    overflow: hidden;
  }
  #faq #contents .head {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    overflow: hidden;
    display: block;
  }
  #faq #contents .head h1 {
    float: none;
    margin-right: 0;
  }
  #faq #contents .head .lead {
    padding-top: 30px;
    padding-left: 0;
  }
  #faq #contents .article {
    padding: 0;
  }
  #faq #contents .faq_index {
    padding-bottom: 50px;
  }
  #faq #contents .faq_index .contact_form_link .btn-blue,
  #faq #contents .faq_index .contact-tel .btn-blue {
    padding: 5px 15px;
    border: none;
    text-align: left;
    font-size: 15px;
  }
  #faq #contents .faq_index .contact-tel {
    padding-top: 10px;
  }
  #faq #contents .faq_index .contact-tel h2 {
    margin-bottom: 20px;
  }
  #faq #contents .faq_index .contact-tel .btn-blue {
    text-align: left;
  }
  #faq #contents .faq_index .contact-tel .left {
    padding-bottom: 15px;
  }
  #faq #contents .faq_index .contact-tel .left a {
    margin-right: 0;
  }
  #faq #contents .faq_index .contact-tel .right a {
    margin-left: 0;
  }
  #faq #contents .faq_index .contact-tel p {
    margin-top: 20px;
  }
  #faq #contents .faq_index h2 {
    padding-right: 20px;
    font-size: 18px;
  }
  #faq #contents .faq_index .category_list {
    padding: 10px 0 0 10px;
    margin: 30px 0;
    overflow: hidden;
  }
  #faq #contents .faq_index .category_list li {
    font-size: 14px;
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
  }
  #faq #contents .faq_index .faq_list h3 {
    overflow: hidden;
    padding: 0;
  }
  #faq #contents .faq_index .faq_list h3 a {
    font-size: 16px;
  }
  #faq #contents .faq_index .faq_list h3 .count {
    display: none;
  }
  #faq #contents .faq_index .faq_list ul {
    margin: 10px 0 0;
    padding: 15px 15px 10px;
  }
  #faq #contents .faq_index .faq_list ul li {
    font-size: 14px;
  }
  #faq #contents .faq_index .faq_header {
    padding-top: 30px;
  }
  #faq #contents .faq_index .faq_header .faq_search_form p {
    margin-bottom: 20px;
  }
  #faq #contents .faq_index .faq_header .faq_search_form .search_header {
    overflow: hidden;
    margin-bottom: 20px;
  }
  #faq #contents .faq_index .faq_header .faq_search_form input.freeword {
    width: 70%;
  }
  #faq #contents .faq_index .faq_header .faq_search_form input.search_button {
    width: 25%;
  }

  #campuslife .barrierfree_map {
    padding-bottom: 30px;
  }
  #campuslife .barrierfree_map h2 {
    padding-right: 0;
    font-size: 18px;
  }
  #campuslife .barrierfree_map .bg-yellow {
    padding: 10px 10px 5px;
  }
  #campuslife .barrierfree_map .bg-yellow .title {
    margin-bottom: 5px;
  }
  #campuslife .barrierfree_map .bg-yellow .title .arrow {
    margin-left: 10px;
    vertical-align: top;
    margin-top: 4px;
  }
  #campuslife .barrierfree_map .bg-yellow .add {
    font-size: 14px;
  }
  #campuslife .barrierfree_map h3 {
    margin-top: 20px;
    margin-left: 0;
    background-color: #EFEFEF;
    padding: 6px 10px 3px;
  }
  #campuslife .barrierfree_map h3 a {
    color: #000;
  }
  #campuslife .barrierfree_map h3 a .arrow {
    margin-left: 10px;
    vertical-align: top;
    margin-top: 3px;
  }
  #campuslife .top {
    padding-top: 0;
    padding-bottom: 20px;
  }
  #campuslife .top .pc-bg {
    border: none;
    background: transparent;
  }
  #campuslife .top .sp-bg {
    background-color: #EFEFEF;
  }
  #campuslife .top .banner {
    margin-bottom: 20px;
    position: relative;
  }
  #campuslife .top .banner img {
    max-width: 100%;
    width: 100%;
  }
  #campuslife .top .banner h1 {
    color: #FFF;
    position: absolute;
    top: 40px;
    left: 15px;
    line-height: 1.1em;
  }
  #campuslife .top .article {
    padding: 0;
  }
  #campuslife .top .article h2 {
    margin-bottom: 10px;
  }
  #campuslife .top .article h2 a {
    color: #000;
  }
  #campuslife .top .article h2 .arrow-double {
    vertical-align: top;
    margin-top: 2px;
    margin-left: 10px;
  }
  #campuslife .top .article .thumbnail {
    margin-bottom: 5px;
  }
  #campuslife .top .article li {
    margin-top: 5px;
  }
  #campuslife .top .article .label a {
    padding-right: 20px;
    background: url(../images/icon-label.gif) no-repeat right 4px;
    background-size: 13px 13px;
  }
  #campuslife .top .article .external a {
    margin-left: 5px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 300;
    content: "\f14c";
    color: #0054ff;
  }
  #campuslife .top .left-column,
  #campuslife .top .center-column,
  #campuslife .top .right-column {
    padding: 20px 0;
  }
  #campuslife .index .bg {
    background-color: transparent;
  }
  #campuslife .index .sp-bg {
    background-color: #EFEFEF;
  }
  #campuslife .index .head {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    overflow: hidden;
    display: block;
  }
  #campuslife .index .head h1 {
    float: none;
    margin-right: 0;
  }
  #campuslife .index .head .lead {
    padding-top: 30px;
    padding-left: 0;
  }
  #campuslife .index .head-banner {
    padding-bottom: 30px;
    overflow: hidden;
    clear: both;
  }
  #campuslife .index .head-banner.sp-pad-top-non {
    padding-top: 0;
  }
  #campuslife .index .head-banner h1 {
    float: none;
    width: auto;
    height: auto;
    background-color: transparent;
    text-align: left;
  }
  #campuslife .index .head-banner h1.txt-twoline {
    padding-top: 0;
    height: auto;
  }
  #campuslife .index .head-banner .banner {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  #campuslife .index .head-banner .banner img {
    width: 100%;
    height: auto;
  }
  #campuslife .index .article {
    padding: 0 !important;
  }
  #campuslife .index .article.sp-pd {
    padding: 30px 0 !important;
  }
  #campuslife .index .article.pad-large {
    padding: 40px 0 !important;
  }
  #campuslife .index .article.sp-top-ng-margin {
    padding-top: 0  !important;
  }
  #campuslife .index .article h2 {
    margin-bottom: 15px;
    font-size: 18px;
    float: none;
  }
  #campuslife .index .article p {
    line-height: 1.6em;
  }
  #campuslife .index .article .lead {
    margin-bottom: 30px;
  }
  #campuslife .index .article .pure-g-r .pure-u-1-2 {
    float: none;
  }
  #campuslife .index .article .pure-g-r .pure-u-1-2 .arrow {
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: top;
  }
  #campuslife .index .article .pure-g-r .pure-u-1-3 .left,
  #campuslife .index .article .pure-g-r .pure-u-1-3 .center,
  #campuslife .index .article .pure-g-r .pure-u-1-3 .right {
    padding: 0;
  }
  #campuslife .index .article .pure-g-r .pure-u-1-3 .left img,
  #campuslife .index .article .pure-g-r .pure-u-1-3 .center img,
  #campuslife .index .article .pure-g-r .pure-u-1-3 .right img {
    margin: 0 0 10px;
  }
  #campuslife .index .article .left,
  #campuslife .index .article .right {
    overflow: hidden;
    width: 100%;
    padding: 30px 0 30px 0;
  }
  #campuslife .index .article .left {
    float: none;
  }
  #campuslife .index .article .left h2,
  #campuslife .index .article .left h3,
  #campuslife .index .article .left .bg-title,
  #campuslife .index .article .left .block {
    padding-right: 0;
  }
  #campuslife .index .article .left .block {
    border-right: none;
  }
  #campuslife .index .article .right {
    float: none;
  }
  #campuslife .index .article .right h2,
  #campuslife .index .article .right h3,
  #campuslife .index .article .right .bg-title,
  #campuslife .index .article .right .block {
    padding-left: 0;
  }
  #campuslife .index .article .right .bg-title h2 {
    padding-left: 0;
  }
  #campuslife .detail {
    padding-bottom: 50px;
  }
  #campuslife .detail .block .sidebar {
    float: none;
    width: 100%;
  }
  #campuslife .detail .block .main {
    float: none;
    width: 100%;
  }
  #campuslife .detail .block .article {
    padding: 30px 0;
    border-bottom: solid 1px #CCC;
  }
  #campuslife .detail .block .article:last-child {
    border-bottom: none;
  }
  #campuslife .detail .block .article:first-child {
    border-top: solid 1px #CCC;
    padding-top: 30px;
  }
  #campuslife .detail .block .article h2 {
    margin: 0;
  }
  #campuslife .detail .block .table-list th {
    vertical-align: top;
    font-weight: normal;
  }
  #campuslife .detail h1 {
    margin: 20px 0;
  }
  #campuslife .detail h2 {
    margin: 20px 0 20px;
    font-size: 18px;
  }
  #campuslife .detail .support .chart td .box {
    border: solid 2px #0054ff;
    padding: 15px 0;
    height: 190px;
  }
  #campuslife .detail .support .chart td .box h4 {
    font-size: 16px;
  }
  #campuslife .detail .hcsc .article {
    padding: 20px 0;
  }
  #campuslife .detail .hcsc .article .table-list th, #campuslife .detail .hcsc .article .table-list td {
    padding: 10px;
    word-break: break-all;
  }
  #campuslife .detail .hcsc .article.ex .bg-box {
    padding: 10px;
  }
  #campuslife .detail .hcsc .article.conf .block {
    overflow: hidden;
    margin-left: 0;
  }
  #campuslife .detail .hcsc .article.conf .block li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 15px;
  }
  #campuslife .detail .activity {
    margin-bottom: -50px;
  }
  #campuslife .detail .activity .head {
    padding: 20px 0 0;
  }
  #campuslife .detail .activity .article {
    padding: 30px 0;
  }
  #campuslife .detail .activity .article h2 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  #campuslife .detail .activity .article.project {
    padding-bottom: 0;
  }
  #campuslife .detail .activity .article.project #more-project {
    margin-top: -16px;
  }
  #campuslife .detail .activity .article.project .more {
    margin: 0 -15px -20px;
  }
  #campuslife .detail .activity .article .circle-list {
    margin-left: 0;
    position: relative;
    height: 445px;
  }
  #campuslife .detail .activity .article .circle-list li {
    margin-left: 0;
    width: 141px;
  }
  #campuslife .detail .activity .article .circle-list li img {
    width: 141px;
  }
  #campuslife .detail .activity .article .circle-list li.list1 {
    position: absolute;
    top: 0;
    left: 0;
  }
  #campuslife .detail .activity .article .circle-list li.list2 {
    position: absolute;
    top: 70px;
    right: 0;
  }
  #campuslife .detail .activity .article .circle-list li.list3 {
    position: absolute;
    top: 150px;
    left: 0;
  }
  #campuslife .detail .activity .article .circle-list li.list4 {
    position: absolute;
    top: 220px;
    right: 0;
  }
  #campuslife .detail .activity .article .circle-list li.list5 {
    position: absolute;
    top: 300px;
    left: 0;
  }
  #campuslife .detail .activity .article .yellow-list {
    margin-bottom: 40px;
  }
  #campuslife .detail .activity .article .yellow-list th, #campuslife .detail .activity .article .yellow-list td {
    padding: 10px;
    text-align: left;
  }
  #campuslife .detail .activity .article .yellow-list th {
    background-color: #FF0;
    font-size: 14px;
    font-weight: bold;
  }
  #campuslife .detail .activity .article .yellow-list td h3 .venue {
    margin-right: 10px;
  }
  #campuslife .detail .activity .article .title-contact {
    font-size: 18px;
    margin-bottom: 10px;
  }
  #campuslife .detail .activity .box-layout .pure-g-r {
    margin-bottom: 0;
  }
  #campuslife .detail .activity .box-layout .block {
    width: 100%;
    margin-bottom: 30px;
  }
  #campuslife .detail .activity .box-layout .block .box {
    background-color: #FFF;
    padding: 10px;
  }
  #campuslife .detail .activity .box-layout .block .box h4 {
    font-weight: bold;
  }
  #campuslife .detail .activity .box-layout .block.right {
    padding-left: 0;
  }

  #access #header {
    border-bottom: none;
  }
  #access #contents .topicpath {
    padding-top: 15px;
    padding-bottom: 0;
    overflow: hidden;
  }
  #access #contents .top {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  #access #contents .top .route {
    padding-top: 30px;
  }
  #access #contents .top .route img {
    max-width: 100%;
    width: 100%;
  }
  #access #contents .top .article {
    padding-top: 40px;
    padding-bottom: 0;
  }
  #access #contents .top .article h2 {
    margin-bottom: 20px;
    padding: 10px;
    font-size: 18px;
  }
  #access #contents .top .article h2 a {
    color: #FFF;
    float: none;
  }
  #access #contents .top .article h2 a .arrow {
    vertical-align: top;
    margin-top: 3px;
    margin-left: 10px;
  }
  #access #contents .top .article h2 .add {
    float: none;
    display: block;
    font-size: 13px;
  }
  #access #contents .top .article .block .map {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  #access #contents .top .article .block .map img {
    max-width: 100%;
    width: 100%;
  }
  #access #contents .top .article .block h3,
  #access #contents .top .article .block .access-sta,
  #access #contents .top .article .block .info,
  #access #contents .top .article .block .info-sub {
    width: 100%;
    float: none;
  }
  #access #contents .top .article .block h3 {
    margin: 0 0 10px;
  }
  #access #contents .top .article .block .access-sta {
    border-top: none;
    border-bottom: solid 1px #CCC;
    display: block;
    position: relative;
  }
  #access #contents .top .article .block .access-sta th, #access #contents .top .article .block .access-sta td {
    padding: 5px 0;
    text-align: left;
    vertical-align: top;
    border-bottom: none;
    display: inline;
    font-size: 13px;
  }
  #access #contents .top .article .block .access-sta th {
    border-top: solid 1px #CCC;
    padding-bottom: 0;
    width: 100%;
    display: block;
  }
  #access #contents .top .article .block .access-sta td {
    padding-top: 0;
    border-bottom: none;
  }
  #access #contents .top .article .block .access-sta .label {
    font-weight: bold;
  }
  #access #contents .top .article .block .access-sta .train {
    padding-left: 0;
    width: 48%;
    display: block;
    float: left;
  }
  #access #contents .top .article .block .access-sta .exit {
    padding-left: 0;
    width: 48%;
    display: block;
    float: right;
  }
  #access #contents .top .article .block .access-sta .ext-cell {
    width: 48%;
    position: absolute;
    top: 100px;
    left: 0;
  }
  #access #contents .top .article .block .access-sta .ext-cell th.label,
  #access #contents .top .article .block .access-sta .ext-cell td.train {
    width: 100%;
  }
  #access #contents .top .article .block .info {
    background-color: #EFEFEF;
    margin-bottom: 10px;
  }
  #access #contents .top .article .block .info ul {
    padding: 10px;
    overflow: hidden;
  }
  #access #contents .top .article .block .info ul li {
    float: none;
    margin-right: 0;
  }
  #access #contents .top .article .block .info-sub {
    margin-bottom: 30px;
  }
  #access #contents .top .article h3 {
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 16px;
  }
  #access #contents .top .article .line {
    border-top: none;
    margin-bottom: -1px;
    width: 100%;
  }
  #access #contents .top .article .line th, #access #contents .top .article .line td {
    font-size: 13px;
    line-height: 1.3em;
  }
  #access #contents .top .article .line .last {
    border-bottom: none;
  }
  #access #contents .top .article .line th {
    width: 20%;
    padding-right: 10px;
    white-space: nowrap;
  }
  #access #contents .top .article .line td {
    width: 80%;
  }
  #access #contents .top .article .line td .caption {
    padding-left: 0;
    display: block;
  }
  #access #contents .top .article.last {
    padding-top: 0;
    padding-bottom: 30px;
  }
  #access #contents .top .article.last img {
    max-width: 100%;
    width: 100%;
  }
  #access #contents .top .pure-g-r .pure-u-1-2 {
    width: 50%;
    float: left;
  }
  #access #contents .top .btn a {
    background-color: #0054ff;
    font-size: 18px;
    color: #FFF;
    display: block;
    padding: 10px 0;
    text-align: center;
  }
  #access #contents .top .btn a.anchor {
    border-right: solid 1px #FFF;
  }
  #access #contents .top .btn a .arrow {
    vertical-align: middle;
  }
  #access #contents .top .route_map img {
    max-width: 100%;
    width: 100%;
  }
  #access .bus-terminal .section .left,
  #access .bus-terminal .section .right {
    margin: 0;
    float: none;
    width: 100%;
  }
  #access .bus-terminal .section .left img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 10px;
  }

  #campus #header {
    border-bottom: none;
  }
  #campus #contents .topicpath {
    padding-top: 15px;
    padding-bottom: 0;
    overflow: hidden;
  }
  #campus #contents .head {
    margin-bottom: 0;
    overflow: hidden;
  }
  #campus #contents .head h1 {
    float: none;
    margin-right: 0;
  }
  #campus #contents .head .lead {
    padding-top: 15px;
    padding-left: 0;
    vertical-align: bottom;
  }
  #campus #contents .table-list th, #campus #contents .table-list td {
    word-break: break-all;
  }
  #campus #contents .top {
    padding-bottom: 30px;
  }
  #campus #contents .top h2 {
    padding-right: 0;
    font-size: 18px;
  }
  #campus #contents .top .bg-yellow {
    padding: 10px 10px 5px;
  }
  #campus #contents .top .bg-yellow .title {
    margin-bottom: 5px;
  }
  #campus #contents .top .bg-yellow .title .arrow {
    margin-left: 10px;
    vertical-align: top;
    margin-top: 4px;
  }
  #campus #contents .top .bg-yellow .add {
    font-size: 14px;
  }
  #campus #contents .top h3 {
    margin-top: 20px;
    margin-left: 0;
    background-color: #EFEFEF;
    padding: 6px 10px 3px;
  }
  #campus #contents .top h3 a {
    color: #000;
  }
  #campus #contents .top h3 a .arrow {
    margin-left: 10px;
    vertical-align: top;
    margin-top: 3px;
  }
  #campus #contents .top .faculty-list {
    margin-left: 0;
  }
  #campus #contents .top .faculty-list th,
  #campus #contents .top .faculty-list td {
    padding: 3px 10px 0;
    border-bottom: solid 1px #CCC;
  }
  #campus #contents .top .faculty-list th.last,
  #campus #contents .top .faculty-list td.last {
    border-bottom: none;
  }
  #campus #contents .top .faculty-list th {
    font-weight: bold;
    width: 30%;
  }
  #campus #contents .top .faculty-list td .caption {
    color: #666;
  }
  #campus #contents .top .shirokane {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 30px;
  }
  #campus #contents .detail .head h1 {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  #campus #contents .detail .head .icon-pdf {
    margin-bottom: 20px;
  }
  #campus #contents .detail .map {
    margin-bottom: 30px;
  }
  #campus #contents .detail .article {
    padding: 0;
  }
  #campus #contents .detail .article h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  #campus #contents .detail .btn-blue {
    margin: 10px 0;
    border-bottom: none;
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
  }
  #campus #contents .detail .btn-blue .arrow {
    vertical-align: center;
    margin-left: 5px;
  }
  #campus #contents .detail .pure-g-r .pure-u-1-3 .left .thumbnail,
  #campus #contents .detail .pure-g-r .pure-u-1-3 .center .thumbnail,
  #campus #contents .detail .pure-g-r .pure-u-1-3 .right .thumbnail {
    max-width: 100%;
    width: 100%;
  }
  #campus #contents .detail .pure-g-r .pure-u-1-3 .left {
    margin-right: 0;
  }
  #campus #contents .detail .pure-g-r .pure-u-1-3 .center {
    margin: 0;
  }
  #campus #contents .detail .pure-g-r .pure-u-1-3 .right {
    margin-left: 0;
  }
  #campus #contents .detail .video {
    margin-bottom: 30px;
    padding: 30px 0;
  }
  #campus #contents .detail .video .right {
    margin-top: 20px;
  }
  #campus #contents .detail .video .left {
    margin-bottom: 20px;
  }
  #campus #contents .detail .facilities .pure-g-r {
    margin-bottom: 0;
  }
  #campus #contents .detail .facilities .pure-u-1-3 {
    margin-bottom: 10px;
  }
  #campus #contents .detail .facilities .pure-u-1-3 .left,
  #campus #contents .detail .facilities .pure-u-1-3 .center,
  #campus #contents .detail .facilities .pure-u-1-3 .right {
    background-color: #EFEFEF;
  }
  #campus #contents .detail .facilities .num1,
  #campus #contents .detail .facilities .num2,
  #campus #contents .detail .facilities .num3,
  #campus #contents .detail .facilities .num4,
  #campus #contents .detail .facilities .num5,
  #campus #contents .detail .facilities .num6,
  #campus #contents .detail .facilities .num7,
  #campus #contents .detail .facilities .num8,
  #campus #contents .detail .facilities .num9,
  #campus #contents .detail .facilities .num10,
  #campus #contents .detail .facilities .num11,
  #campus #contents .detail .facilities .num12,
  #campus #contents .detail .facilities .num13 {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    background-size: 18px 18px;
    background-position: center center;
  }
  #campus #contents .detail .facilities .txt {
    padding: 10px;
  }
  #campus #contents .detail .facilities .txt h3 {
    margin-bottom: 5px;
  }

  #news #header,
  #event #header {
    border-bottom: none;
  }
  #news #contents .topicpath,
  #event #contents .topicpath {
    padding-top: 15px;
  }
  #news #contents .topicpath ul,
  #event #contents .topicpath ul {
    float: left;
  }
  #news #contents .topicpath .rss,
  #event #contents .topicpath .rss {
    float: right;
    font-size: 11px;
  }
  #news #contents .topicpath .rss .feedHead,
  #news #contents .topicpath .rss .feed,
  #event #contents .topicpath .rss .feedHead,
  #event #contents .topicpath .rss .feed {
    padding: 0 0 0 12px;
  }
  #news #contents .topicpath .rss .feedHead,
  #event #contents .topicpath .rss .feedHead {
    margin-right: 6px;
  }
  #news #contents .head,
  #event #contents .head {
    padding-top: 30px;
    margin-bottom: 0;
    overflow: hidden;
  }
  #news #contents .head h1,
  #event #contents .head h1 {
    float: none;
    margin-right: 0;
  }
  #news #contents .head .lead,
  #event #contents .head .lead {
    padding-top: 0;
    padding-left: 0;
    vertical-align: bottom;
  }
  #news #contents .numberOfCase,
  #event #contents .numberOfCase {
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 15px;
  }
  #news #contents h2,
  #event #contents h2 {
    font-size: 14px;
  }
  #news #contents .list,
  #event #contents .list {
    margin-bottom: 15px;
  }
  #news #contents .list li,
  #event #contents .list li {
    padding: 15px 0;
  }
  #news #contents .list li .info,
  #event #contents .list li .info {
    padding-bottom: 0;
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
  }
  #news #contents .list li .info .date,
  #event #contents .list li .info .date {
    padding-right: 10px;
    font-size: 14px;
  }
  #news #contents .list li .info .category a,
  #event #contents .list li .info .category a {
    margin-right: 10px;
  }
  #news #contents .list li .block,
  #event #contents .list li .block {
    overflow: hidden;
  }
  #news #contents .list li h2,
  #event #contents .list li h2 {
    margin-top: 5px;
    margin-bottom: 0;
  }
  #news #contents .list li h2 a,
  #event #contents .list li h2 a {
    color: #000;
  }
  #news #contents .list li h2 a:hover,
  #event #contents .list li h2 a:hover {
    color: #666;
  }
  #news #contents .list li h2 a:active,
  #event #contents .list li h2 a:active {
    color: #000;
  }
  #news #contents .list li .left,
  #event #contents .list li .left {
    float: left;
    padding-top: 10px;
  }
  #news #contents .list li .left img,
  #event #contents .list li .left img {
    width: 140px;
  }
  #news #contents .list li p,
  #event #contents .list li p {
    margin-top: 5px;
    color: #666;
  }
  #news #contents .list li .event-info,
  #event #contents .list li .event-info {
    margin-top: 10px;
  }
  #news #contents .news-detail .sp-inner,
  #event #contents .news-detail .sp-inner {
    padding: 0;
  }
  #news #contents .news-detail img,
  #event #contents .news-detail img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  #news #contents #eventArchive .aboutClub,
  #event #contents #eventArchive .aboutClub {
    margin-bottom: 40px;
    overflow: hidden;
  }
  #news #contents #eventArchive .aboutClub .portrait,
  #event #contents #eventArchive .aboutClub .portrait {
    float: none;
    margin-right: 0;
    margin-bottom: 15px;
  }
  #news #contents #eventArchive .aboutClub .portrait img,
  #event #contents #eventArchive .aboutClub .portrait img {
    max-width: 100%;
    width: 100%;
  }
  #news #contents #eventArchive .event-detail
  h2,
  #event #contents #eventArchive .event-detail
  h2 {
    font-size: 22px;
    line-height: 1.1em;
  }
  #news #contents #eventArchive .oldLink,
  #news #contents #eventArchive .navi,
  #event #contents #eventArchive .oldLink,
  #event #contents #eventArchive .navi {
    margin-top: 20px;
  }
  #news #contents .event-detail,
  #event #contents .event-detail {
    padding-bottom: 50px;
  }
  #news #contents .event-detail h1,
  #event #contents .event-detail h1 {
    margin: 30px 0;
  }
  #news #contents .event-detail .sp-inner,
  #event #contents .event-detail .sp-inner {
    padding: 0;
  }
  #news #contents .event-detail .socialButtons .category,
  #event #contents .event-detail .socialButtons .category {
    display: block;
    margin-left: -15px;
  }
  #news #contents .event-detail .socialButtons .category a,
  #event #contents .event-detail .socialButtons .category a {
    display: block;
    float: left;
    margin-left: 15px;
  }
  #news #contents .event-detail img,
  #event #contents .event-detail img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  #news #contents .event-detail .list,
  #event #contents .event-detail .list {
    margin-top: 30px;
    border: none;
  }
  #news #contents .event-detail .list th,
  #news #contents .event-detail .list td,
  #event #contents .event-detail .list th,
  #event #contents .event-detail .list td {
    border: none;
    padding: 0;
    margin-bottom: 0;
    color: #666;
    display: block;
    width: 100%;
    overflow: hidden;
  }
  #news #contents .event-detail .list th,
  #event #contents .event-detail .list th {
    text-align: left;
    width: 100%;
    border: none;
  }
  #news #contents .event-detail .list th .label,
  #event #contents .event-detail .list th .label {
    border: solid 1px #CCC;
    padding: 2px  5px 0;
    display: block;
    float: left;
    font-weight: bold;
  }
  #news #contents .event-detail .list td,
  #event #contents .event-detail .list td {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #CCC;
  }
  #news #contents .event-detail .list td h3,
  #event #contents .event-detail .list td h3 {
    margin-bottom: 10px;
  }
  #news #contents .event-detail .list td p,
  #event #contents .event-detail .list td p {
    margin-bottom: 20px;
  }
  #news #contents .event-detail .arrow-left,
  #event #contents .event-detail .arrow-left {
    overflow: hidden;
  }
  #news #contents .event-detail .arrow-left a,
  #event #contents .event-detail .arrow-left a {
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
  }
  #news #contents .event-detail .arrow-left .arrow,
  #event #contents .event-detail .arrow-left .arrow {
    background-color: #0054ff;
    color: #FFF;
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 16px;
    line-height: 1.5em;
    float: left;
    margin-right: 10px;
  }
  #news #contents .event-detail .arrow-left .arrow:hover,
  #event #contents .event-detail .arrow-left .arrow:hover {
    opacity: 0.6;
  }

  #about .ic-info .sp-top-inner {
    padding: 0 15px;
  }
  #about .ic-info .sp-top-ng-margin {
    margin-top: -60px;
  }
  #about .ic-info .sp-inner {
    padding: 30px 15px !important;
  }
  #about .ic-info .ic-title-icon {
    width: 30px;
    height: auto;
  }
  #about .ic-info .ic-info-map-nav li {
    margin-bottom: 5px;
  }
  #about.ic #header {
    border-bottom: none;
  }
  #about.ic #contents {
    padding-bottom: 30px;
  }
  #about.ic #contents .topicpath {
    padding-top: 15px;
    padding-bottom: 30px;
    overflow: hidden;
  }
  #about .ic-detail .map {
    margin-bottom: 30px;
    width: 100%;
    max-width: 100%;
  }
  #about .ic-detail .icon-step {
    width: 40px;
    height: 40px;
  }
  #about .ic-detail .url {
    display: none;
  }
  #about .ic-detail a {
    word-break: break-all;
  }
  #about .ic-detail table td img {
    margin-right: 10px;
  }
  #about .ic-detail table td a {
    word-break: break-all;
  }
  #about.default #header {
    border-bottom: none;
  }
  #about.default #contents {
    /* 個別ページ */
    /* 建学の精神と教育理念 */
    /* 歴史的建造物 */
    /* 明治学院大学の歴史と現在 */
    /* FD */
    /* キャリア支援 */
  }
  #about.default #contents .head h1 {
    margin-bottom: 0px;
  }
  #about.default #contents .head .lead {
    padding-top: 30px;
    padding-left: 0;
  }
  #about.default #contents .article {
    /* with-image */
    /* table_01 - ラインなし */
  }
  #about.default #contents .article h2 {
    font-size: 18px;
  }
  #about.default #contents .article .main {
    width: 100%;
    float: none;
  }
  #about.default #contents .article .side {
    margin-left: 0;
    margin-top: 40px;
    width: 100%;
  }
  #about.default #contents .article .section-border {
    padding: 30px 0;
  }
  #about.default #contents .article .section-border h2:first-child, #about.default #contents .article .section-border h3:first-child {
    margin-top: 0;
  }
  #about.default #contents .article iframe {
    width: 100%;
    height: 240px;
  }
  #about.default #contents .article .with-image {
    display: block;
  }
  #about.default #contents .article .with-image div {
    display: block;
  }
  #about.default #contents .article .with-image div img {
    max-width: 100%;
    height: auto;
  }
  #about.default #contents .article .with-image .figure {
    padding-left: 0;
    margin-top: 20px;
  }
  #about.default #contents .article .with-image.left-image .figure {
    padding-right: 0;
    margin-bottom: 20px;
  }
  #about.default #contents .article .table_01 dl {
    display: block;
  }
  #about.default #contents .article .table_01 dl dt, #about.default #contents .article .table_01 dl dd {
    display: block;
  }
  #about.default #contents .article .table_01 dl dt {
    width: 100%;
  }
  #about.default #contents #doforothers .article figure {
    margin-bottom: 20px;
  }
  #about.default #contents #doforothers .article p {
    margin-bottom: 20px;
  }
  #about.default #contents #doforothers .article .with-image .figure {
    text-align: center;
    padding-left: 0;
    margin-top: 40px;
  }
  #about.default #contents #historical .article .with-image h3:first-child {
    margin-top: 20px;
    text-align: center;
  }
  #about.default #contents #historical .article .with-image .figure {
    text-align: center;
  }
  #about.default #contents #historical .article .section {
    padding-top: 0;
    padding-bottom: 20px;
    border-top: 1px solid #ccc;
  }
  #about.default #contents #history .article .with-image .figure {
    width: 100%;
  }
  #about.default #contents #fd .article .section {
    padding-top: 0;
    padding-bottom: 20px;
  }
  #about.default #contents #career .block .sidebar,
  #about.default #contents #joho .block .sidebar,
  #about.default #contents #student .block .sidebar,
  #about.default #contents #office .block .sidebar,
  #about.default #contents #club .block .sidebar {
    float: none;
    width: 100%;
  }
  #about.default #contents #career .block .main,
  #about.default #contents #joho .block .main,
  #about.default #contents #student .block .main,
  #about.default #contents #office .block .main,
  #about.default #contents #club .block .main {
    float: none;
    width: 100%;
  }
  #about.default #contents #career .block .article,
  #about.default #contents #joho .block .article,
  #about.default #contents #student .block .article,
  #about.default #contents #office .block .article,
  #about.default #contents #club .block .article {
    padding: 30px 0;
    border-bottom: solid 1px #CCC;
  }
  #about.default #contents #career .block .article:last-child,
  #about.default #contents #joho .block .article:last-child,
  #about.default #contents #student .block .article:last-child,
  #about.default #contents #office .block .article:last-child,
  #about.default #contents #club .block .article:last-child {
    border-bottom: none;
  }
  #about.default #contents #career .block .article:first-child,
  #about.default #contents #joho .block .article:first-child,
  #about.default #contents #student .block .article:first-child,
  #about.default #contents #office .block .article:first-child,
  #about.default #contents #club .block .article:first-child {
    border-top: solid 1px #CCC;
    padding-top: 30px;
  }
  #about.default #contents #career .block .article h2,
  #about.default #contents #joho .block .article h2,
  #about.default #contents #student .block .article h2,
  #about.default #contents #office .block .article h2,
  #about.default #contents #club .block .article h2 {
    margin: 0;
  }
  #about.default #contents #career .block .table-list th,
  #about.default #contents #joho .block .table-list th,
  #about.default #contents #student .block .table-list th,
  #about.default #contents #office .block .table-list th,
  #about.default #contents #club .block .table-list th {
    vertical-align: top;
    font-weight: normal;
  }
  #about.default #contents #career h1,
  #about.default #contents #joho h1,
  #about.default #contents #student h1,
  #about.default #contents #office h1,
  #about.default #contents #club h1 {
    margin-bottom: 30px;
  }
  #about.default #contents #career ul,
  #about.default #contents #joho ul,
  #about.default #contents #student ul,
  #about.default #contents #office ul,
  #about.default #contents #club ul {
    overflow: hidden;
  }
  #about.default #contents #career ul .img,
  #about.default #contents #joho ul .img,
  #about.default #contents #student ul .img,
  #about.default #contents #office ul .img,
  #about.default #contents #club ul .img {
    margin: 15px 0;
    float: none;
    padding-right: 0;
  }
  #about.default #contents #career table th, #about.default #contents #career table td,
  #about.default #contents #joho table th,
  #about.default #contents #joho table td,
  #about.default #contents #student table th,
  #about.default #contents #student table td,
  #about.default #contents #office table th,
  #about.default #contents #office table td,
  #about.default #contents #club table th,
  #about.default #contents #club table td {
    word-break: break-all;
  }
  #about.default #contents #career .article,
  #about.default #contents #joho .article,
  #about.default #contents #student .article,
  #about.default #contents #office .article,
  #about.default #contents #club .article {
    clear: both;
  }
  #about.default .event-block {
    padding: 30px 0 0;
  }
  #about.default .event-block .pure-g-r {
    margin-left: 0;
  }
  #about.default .event-block .pure-g-r .pure-u-1-4 {
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
  }
  #about.default .event-block .pure-g-r .pure-u-1-4 a {
    color: #000;
  }
  #about.default .event-block .pure-g-r .pure-u-1-4 h3 {
    margin: 0;
    font-size: 13px;
    line-height: 1.4em;
  }
  #about.default .event-block .pure-g-r .pure-u-1-4 p {
    font-size: 12px;
    line-height: 1.3em;
  }
  #about.default .event-block .pure-g-r .pure-u-1-4 p a {
    color: #666;
  }
  #about.default .blog {
    font-size: 14px;
    overflow: hidden;
  }
  #about.default .blog .block1 {
    padding-bottom: 30px;
  }
  #about.default .blog .block1 .head {
    padding-top: 40px;
    padding-bottom: 30px;
    display: block;
  }
  #about.default .blog .block1 .head h1,
  #about.default .blog .block1 .head .lead {
    display: block;
  }
  #about.default .blog .block1 .head h1 {
    float: none;
  }
  #about.default .blog .block1 .head .lead {
    margin-top: 20px;
    margin-left: 0;
    color: #666;
  }
  #about.default .blog h2 {
    margin: 20px 0;
    font-size: 14px;
  }
  #about.default .blog p {
    color: #666;
  }
  #about.default .blog .bg {
    border-top: none;
    background-color: #EFEFEF;
  }
  #about.default .blog .btn-blue {
    padding: 8px 0 5px;
    display: block;
    text-align: center;
    background-color: #0054ff;
    color: #FFF;
    border-bottom: none;
  }
  #about.default .blog .btn-blue:hover {
    opacity: 0.6;
  }
  #about.default .blog .more {
    margin-top: 10px;
    font-size: 11px;
  }
  #about.default .blog .contents .main {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  #about.default .blog .contents .main .article {
    border-bottom: solid 1px #CCC;
    margin-bottom: 30px;
    padding-bottom: 30px !important;
  }
  #about.default .blog .contents .main .article .sub-block {
    color: #666;
  }
  #about.default .blog .contents .main .article .sub-block .delimiter {
    padding: 0 5px;
  }
  #about.default .blog .contents .main .article .sub-block .category a {
    margin-left: 10px;
  }
  #about.default .blog .contents .main .article .block h2 {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
  }
  #about.default .blog .contents .main .article .block h2 a {
    color: #000;
  }
  #about.default .blog .contents .main .article .block p {
    margin-bottom: 30px;
  }
  #about.default .blog .contents .main .article .block img {
    max-width: 100%;
  }
  #about.default .blog .contents .main .article .block .more .arrow {
    vertical-align: top;
    margin-top: 6px;
    margin-left: 5px;
  }
  #about.default .blog .contents .sidebar {
    border-top: solid 1px #C5C5C5;
    padding-top: 30px;
    margin-left: 0;
    width: 100%;
  }
  #about.default .blog .contents .sidebar .block {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: solid 1px #CCC;
  }
  #about.default .blog .contents .sidebar .block h3 {
    margin-bottom: 20px;
    padding: 0 15px;
  }
  #about.default .blog .contents .sidebar .block ul {
    padding: 0 15px;
    font-size: 12px;
  }
  #about.default .blog .contents .sidebar .block ul li {
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  #about h2 {
    font-size: 22px;
    line-height: 1.1em;
  }
  #about .btn-yellow {
    padding: 8px 0 5px;
    display: block;
    text-align: center;
    background-color: #FF0;
    color: #000;
    border-bottom: solid 1px #E1E012;
    font-size: 13px;
    font-weight: bold;
  }
  #about .btn-yellow:hover {
    opacity: 0.6;
  }
  #about .btn-yellow .sp-only {
    display: inline;
  }
  #about .btn-yellow .arrow-double {
    vertical-align: top;
    margin-top: 5px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
    display: inline;
  }
  #about .btn-blue {
    padding: 8px 0 5px;
    display: block;
    text-align: center;
    background-color: #0054ff;
    color: #FFF;
    border-bottom: solid 1px #333;
    font-size: 15px;
  }
  #about .btn-blue:hover {
    opacity: 0.6;
  }
  #about .btn-blue .arrow,
  #about .btn-blue .arrow-double {
    vertical-align: top;
    margin-top: 8px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
  }
  #about .btn-blue .arrow.sp-ar-adj,
  #about .btn-blue .arrow-double.sp-ar-adj {
    width: 13px;
  }
  #about .btn-blue .sp-only {
    display: inline;
  }
  #about .btn-blue .arrow-single {
    vertical-align: top;
    margin-top: 6px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
  }
  #about .btn-blue .arrow-down {
    vertical-align: top;
    margin-top: 8px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
  }
  #about .index .bg {
    background-color: transparent;
  }
  #about .index .sp-bg {
    background-color: #EFEFEF;
  }
  #about .index .head {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 0;
    overflow: hidden;
    display: block;
  }
  #about .index .head h1 {
    float: none;
    margin-right: 0;
  }
  #about .index .head .lead {
    padding-top: 30px;
    padding-left: 0;
  }
  #about .index .head-banner {
    padding-bottom: 30px;
    overflow: hidden;
    clear: both;
  }
  #about .index .head-banner.sp-pad-top-non {
    padding-top: 0;
  }
  #about .index .head-banner h1 {
    float: none;
    width: auto;
    height: auto;
    background-color: transparent;
    text-align: left;
  }
  #about .index .head-banner h1.txt-twoline {
    padding-top: 0;
    height: auto;
  }
  #about .index .head-banner .banner {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  #about .index .head-banner .banner img {
    width: 100%;
    height: auto;
  }
  #about .index .article {
    padding: 0 !important;
  }
  #about .index .article.sp-pd {
    padding: 30px 0 !important;
  }
  #about .index .article.pad-large {
    padding: 40px 0 !important;
  }
  #about .index .article.sp-top-ng-margin {
    padding-top: 0  !important;
  }
  #about .index .article h2 {
    margin-bottom: 15px;
    font-size: 18px;
    float: none;
  }
  #about .index .article p {
    line-height: 1.6em;
  }
  #about .index .article .lead {
    margin-bottom: 30px;
  }
  #about .index .article .pure-g-r .pure-u-1-2 {
    float: none;
  }
  #about .index .article .pure-g-r .pure-u-1-2 .arrow {
    margin-left: 10px;
    margin-top: 5px;
    vertical-align: top;
  }
  #about .index .article .pure-g-r .pure-u-1-3 .left,
  #about .index .article .pure-g-r .pure-u-1-3 .center,
  #about .index .article .pure-g-r .pure-u-1-3 .right {
    padding: 0;
  }
  #about .index .article .pure-g-r .pure-u-1-3 .left img,
  #about .index .article .pure-g-r .pure-u-1-3 .center img,
  #about .index .article .pure-g-r .pure-u-1-3 .right img {
    margin: 0 0 10px;
  }
  #about .index .article .left,
  #about .index .article .right {
    overflow: hidden;
    width: 100%;
    padding: 30px 0 30px 0;
  }
  #about .index .article .left {
    float: none;
  }
  #about .index .article .left h2,
  #about .index .article .left h3,
  #about .index .article .left .bg-title,
  #about .index .article .left .block {
    padding-right: 0;
  }
  #about .index .article .left .block {
    border-right: none;
  }
  #about .index .article .right {
    float: none;
  }
  #about .index .article .right h2,
  #about .index .article .right h3,
  #about .index .article .right .bg-title,
  #about .index .article .right .block {
    padding-left: 0;
  }
  #about .index .article .right .bg-title h2 {
    padding-left: 0;
  }
  #about .index .blog {
    font-size: 14px;
    overflow: hidden;
  }
  #about .index .blog .block1 {
    padding-bottom: 30px;
  }
  #about .index .blog .block1 .head {
    padding-top: 40px;
    padding-bottom: 30px;
    display: block;
  }
  #about .index .blog .block1 .head h1,
  #about .index .blog .block1 .head .lead {
    display: block;
  }
  #about .index .blog .block1 .head h1 {
    float: none;
  }
  #about .index .blog .block1 .head .lead {
    margin-top: 20px;
    margin-left: 0;
    color: #666;
  }
  #about .index .blog h2 {
    margin: 20px 0;
    font-size: 14px;
  }
  #about .index .blog p {
    color: #666;
  }
  #about .index .blog .bg {
    border-top: none;
    background-color: #EFEFEF;
  }
  #about .index .blog .btn-blue {
    padding: 8px 0 5px;
    display: block;
    text-align: center;
    background-color: #0054ff;
    color: #FFF;
    border-bottom: none;
  }
  #about .index .blog .btn-blue:hover {
    opacity: 0.6;
  }
  #about .index .blog .more {
    margin-top: 10px;
    font-size: 11px;
  }
  #about .index .blog .contents .main {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  #about .index .blog .contents .main .article {
    border-bottom: solid 1px #CCC;
    margin-bottom: 30px;
    padding-bottom: 30px !important;
  }
  #about .index .blog .contents .main .article .sub-block {
    color: #666;
  }
  #about .index .blog .contents .main .article .sub-block .delimiter {
    padding: 0 5px;
  }
  #about .index .blog .contents .main .article .sub-block .category a {
    margin-left: 10px;
  }
  #about .index .blog .contents .main .article .block h2 {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
  }
  #about .index .blog .contents .main .article .block h2 a {
    color: #000;
  }
  #about .index .blog .contents .main .article .block p {
    margin-bottom: 30px;
  }
  #about .index .blog .contents .main .article .block img {
    max-width: 100%;
  }
  #about .index .blog .contents .main .article .block .more .arrow {
    vertical-align: top;
    margin-top: 6px;
    margin-left: 5px;
  }
  #about .index .blog .contents .sidebar {
    border-top: solid 1px #C5C5C5;
    padding-top: 30px;
    margin-left: 0;
    width: 100%;
  }
  #about .index .blog .contents .sidebar .block {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: solid 1px #CCC;
  }
  #about .index .blog .contents .sidebar .block h3 {
    margin-bottom: 20px;
    padding: 0 15px;
  }
  #about .index .blog .contents .sidebar .block ul {
    padding: 0 15px;
    font-size: 12px;
  }
  #about .index .blog .contents .sidebar .block ul li {
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  #about .index .blog .contents .sidebar {
    border-bottom: none;
  }
  #about .top .head {
    margin-bottom: 0;
    overflow: hidden;
  }
  #about .top .head h2 {
    float: none;
    margin-right: 0;
  }
  #about .top .head h2 .arrow-double {
    margin-left: 0;
    margin-top: 3px;
  }
  #about .top .head .lead {
    padding-top: 15px;
    padding-left: 0;
    vertical-align: bottom;
    color: #666;
  }
  #about .top .pagination {
    display: none;
  }
  #about .top .why-block {
    padding: 30px 0 30px;
  }
  #about .top .why-block .lead {
    margin-top: 10px;
  }
  #about .top .why-block .head {
    margin-bottom: 0;
  }
  #about .top .why-block .pure-g-r .pure-u-1-4 {
    margin-top: 20px;
    margin-right: 0;
    width: 100%;
  }
  #about .top .why-block .pure-g-r .pure-u-1-4.last {
    margin-right: 0;
  }
  #about .top .why-block .pure-g-r .pure-u-1-4 p {
    margin-bottom: 0;
    color: #666;
    text-align: left;
  }
  #about .top .number-block {
    padding: 0;
  }
  #about .top .number-block .pure-g-r .pure-u-1-3 {
    padding: 30px 0;
    border-bottom: solid 1px #CCC;
    width: 100%;
  }
  #about .top .number-block .pure-g-r .pure-u-1-3 .number {
    margin-bottom: 20px;
  }
  #about .top .number-block .pure-g-r .pure-u-1-3 .number img {
    height: 34px;
  }
  #about .top .number-block .pure-g-r .pure-u-1-3 h3 {
    padding: 5px 0;
  }
  #about .top .number-block .pure-g-r .pure-u-1-3.center-column {
    border-left: none;
    border-right: none;
    margin: 0 0;
    padding: 30px 0;
  }
  #about .top .voice-block {
    padding: 0 0 30px;
  }
  #about .top .voice-block img {
    width: 100%;
    height: auto;
  }
  #about .top .campus-block {
    padding: 0 0 30px;
  }
  #about .top .campus-block .pure-g-r .pure-u-1-5 {
    margin-top: 10px;
    margin-right: 0;
    width: 100%;
    padding: 0;
  }
  #about .top .campus-block .pure-g-r .pure-u-1-5 .icon {
    text-align: center;
  }
  #about .top .campus-block .pure-g-r .pure-u-1-5 h3 {
    padding: 20px 0;
    font-size: 24px;
    text-align: center;
  }
  #about .top .campus-block .pure-g-r .pure-u-1-5 p {
    margin-bottom: 25px;
  }
  #about .whymeigaku #ytplayer1,
  #about .whymeigaku #ytplayer2,
  #about .whymeigaku #ytplayer3,
  #about .whymeigaku #ytplayer4,
  #about .whymeigaku #ytplayer5,
  #about .whymeigaku #ytplayer6,
  #about .whymeigaku #ytplayer7,
  #about .whymeigaku .ytplayer-l {
    width: 100%;
    height: auto;
  }
  #about .whymeigaku .block1 {
    margin-top: 0;
    padding: 30px 0 0;
  }
  #about .whymeigaku .block1 .head {
    padding-top: 0;
    padding-bottom: 20px;
  }
  #about .whymeigaku .block1 .head h1 {
    float: none;
  }
  #about .whymeigaku .block1 .head .lead {
    margin-top: 20px;
    margin-left: 0;
    color: #666;
  }
  #about .whymeigaku .block1 .img {
    width: auto;
    padding: 0 15px 30px;
    display: block;
  }
  #about .whymeigaku .block1 .img iframe {
    width: 100%;
    height: 144px;
  }
  #about .whymeigaku .content-area {
    padding: 30px 0;
  }
  #about .whymeigaku .content-area h2 {
    font-size: 22px;
    line-height: 2em;
    display: table;
    vertical-align: middle;
  }
  #about .whymeigaku .content-area h2 .icon {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    vertical-align: top;
    margin-top: 5px;
  }
  #about .whymeigaku .content-area p {
    font-size: 14px;
    color: #666;
  }
  #about .whymeigaku .content-area .btn-yellow {
    font-size: 20px;
    padding: 20px;
    font-weight: normal;
  }
  #about .whymeigaku .content-area .btn-yellow .arrow {
    margin-top: 4px;
    margin-left: 10px;
    vertical-align: top;
  }
  #about .whymeigaku .content-area .txt {
    margin: 20px 0;
  }
  #about .whymeigaku .content-area .youtube {
    margin-bottom: 20px;
  }
  #about .whymeigaku .content-area .youtube iframe {
    width: 100%;
    height: 144px;
  }
  #about .whymeigaku .content-area .btn {
    display: block;
  }
  #about .whymeigaku .content-area .btn dt, #about .whymeigaku .content-area .btn dd {
    display: block;
    width: 100%;
  }
  #about .whymeigaku .content-area .btn dt p, #about .whymeigaku .content-area .btn dd p {
    margin: 10px 0 0;
  }
  #about .whymeigaku .content-area .btn dt {
    margin-bottom: 20px;
    padding-right: 0;
  }
  #about .whymeigaku .content-area .btn dd {
    padding-left: 0;
  }
  #about .voice {
    /* voice detail */
    /* voice detail */
  }
  #about .voice.renew .pure-g-r {
    margin-top: 0;
    margin-left: 0;
  }
  #about .voice.renew .pure-g-r .pure-u-1-4 {
    margin-bottom: 4.45%;
    margin-left: 4.45%;
    width: 43.75%;
    min-height: 350px;
  }
  #about .voice.renew .pure-g-r .pure-u-1-4 ul.bb-none {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
  #about .voice.renew.challenge {
    margin-top: -50px;
  }
  #about .voice.renew.challenge .pure-g-r .pure-u-1-4 {
    min-height: 200px;
    background-color: #EFEFEF;
  }
  #about .voice.renew.challenge .pure-g-r .pure-u-1-4 ul {
    border-bottom: 0;
    margin: 0 10px;
    padding: 10px 0 0;
  }
  #about .voice.renew.challenge .pure-g-r .pure-u-1-4 ul li.profile .faculty {
    min-height: 30px;
  }
  #about .voice .article {
    padding: 30px 0 0;
    overflow: hidden;
  }
  #about .voice .article p.caption {
    padding: 20px;
  }
  #about .voice .bg {
    border: none;
    overflow: hidden;
  }
  #about .voice .title {
    padding: 30px 15px;
  }
  #about .voice .btn-blue {
    font-weight: bold;
    font-size: 13px;
  }
  #about .voice .block1 {
    padding: 0;
  }
  #about .voice .block1 .head {
    padding-top: 30px;
    padding-bottom: 0;
  }
  #about .voice .block1 .head h1 {
    float: none;
  }
  #about .voice .block1 .head .lead {
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 0;
    color: #666;
  }
  #about .voice .block1 h2 {
    margin-bottom: 15px;
    font-size: 18px;
  }
  #about .voice .block1 .pagination {
    display: none;
  }
  #about .voice .block1 .pure-g-r {
    display: block;
  }
  #about .voice .block2 {
    padding-bottom: 20px;
  }
  #about .voice .pure-g-r {
    margin-top: 0;
    margin-left: 0;
  }
  #about .voice .pure-g-r .more {
    margin-top: 20px;
    margin-bottom: 0;
  }
  #about .voice .pure-g-r .pure-u-1-4 {
    margin-bottom: 4.45%;
    margin-left: 4.45%;
    width: 43.75%;
    background-color: #FFF;
  }
  #about .voice .pure-g-r .pure-u-1-4 ul {
    border-bottom: dashed 1px #CCC;
    padding: 5px;
    overflow: hidden;
    margin-left: 0;
  }
  #about .voice .pure-g-r .pure-u-1-4 ul li {
    margin: 0;
    height: auto;
  }
  #about .voice .pure-g-r .pure-u-1-4 ul li.thumbnail {
    float: left;
    width: 29px;
  }
  #about .voice .pure-g-r .pure-u-1-4 ul li.thumbnail img {
    margin-top: 3px;
    width: 29px;
  }
  #about .voice .pure-g-r .pure-u-1-4 ul li.profile {
    float: left;
    margin-left: 0;
    line-height: 1.3em;
  }
  #about .voice .pure-g-r .pure-u-1-4 ul li.profile .faculty {
    font-size: 11px;
    display: block;
    color: #666;
    font-size: 12px;
  }
  #about .voice .pure-g-r .pure-u-1-4 ul li.profile .name {
    font-size: 13px;
    color: #000;
  }
  #about .voice .pure-g-r .pure-u-1-4 ul li.profile .name .name-sub {
    font-size: 10px;
  }
  #about .voice .pure-g-r .pure-u-1-4 p {
    padding: 10px;
    line-height: 1.6em;
    color: #666;
  }
  #about .voice .pure-g-r .pure-u-1-4 p span {
    padding-right: 5px;
  }
  #about .voice .pure-g-r .pure-u-1-4 p span img {
    width: 10px;
    vertical-align: top;
  }
  #about .voice .voice-detail.renew {
    padding-top: 40px;
  }
  #about .voice .voice-detail.renew .profile-list {
    display: block;
    width: 100%;
    padding-bottom: 30px;
  }
  #about .voice .voice-detail.renew .profile-list dt, #about .voice .voice-detail.renew .profile-list dd {
    display: block;
  }
  #about .voice .voice-detail.renew .profile-list dt {
    padding-right: 0;
    padding-bottom: 20px;
  }
  #about .voice .voice-detail.renew .profile-list dt img {
    width: 70%;
    max-width: 100%;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  #about .voice .voice-detail.renew .profile-list dd .name-roman,
  #about .voice .voice-detail.renew .profile-list dd .name,
  #about .voice .voice-detail.renew .profile-list dd .profile-sub {
    display: block;
    line-height: 1.4em;
  }
  #about .voice .voice-detail.renew .profile-list dd .name-roman,
  #about .voice .voice-detail.renew .profile-list dd .profile-sub {
    font-size: 16px;
  }
  #about .voice .voice-detail.renew .profile-list dd .name {
    font-size: 20px;
    font-weight: bold;
  }
  #about .voice .voice-detail.renew .box-gray {
    padding: 20px;
  }
  #about .voice .voice-detail.renew .three-column {
    margin: 0 0 40px;
    padding: 0;
    overflow: hidden;
  }
  #about .voice .voice-detail.renew .three-column li {
    margin-left: 0;
    margin-top: 10px;
    width: 100%;
    height: auto;
  }
  #about .voice .voice-detail .detail-banner {
    overflow: hidden;
    padding: 30px 0 0 0;
  }
  #about .voice .voice-detail .detail-banner .inner {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 6px 0;
    background: #EFEFEF url(../images/banner-under-shadow.png) repeat-x left bottom;
  }
  #about .voice .voice-detail h2.sub-title {
    font-size: 15px;
    color: #fff;
    font-weight: 100 !important;
    margin-bottom: 20px;
    padding: 0 15px;
  }
  #about .voice .voice-detail h2.sub-title span {
    display: inline;
    padding: 2px 2px 2px 18px;
    background: #0054ff url(../../voice/images/double-quotes-white.png) no-repeat left top;
    background-size: 15px 15px;
    width: auto;
    line-height: 1.6em;
  }
  #about .voice .voice-detail h3.shoulder {
    margin: 0 15px 5px 15px;
  }
  #about .voice .voice-detail h2.sub-title-plain {
    margin: 0 15px 20px 15px;
  }
  #about .voice .voice-detail .main-photo {
    width: auto;
    margin: 0 15px 15px 15px;
    float: none;
    padding: 4px;
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
  }
  #about .voice .voice-detail .main-photo img {
    width: 100%;
  }
  #about .voice .voice-detail .profile {
    width: auto;
    margin: 0 15px 30px 15px;
    float: none;
    background: #fff;
    border: 2px solid #0054ff;
  }
  #about .voice .voice-detail .profile .status {
    text-align: center;
  }
  #about .voice .voice-detail .profile .profile-photo {
    padding: 15px 0;
  }
  #about .voice .voice-detail .profile .faculty {
    font-size: 13px;
    display: block;
    color: #0054ff;
    padding: 15px 0 0 0;
  }
  #about .voice .voice-detail .profile .name {
    font-size: 23px;
    display: block;
    color: #0054ff;
  }
  #about .voice .voice-detail .profile .name .name-sub {
    font-size: 13px;
  }
  #about .voice .voice-detail .profile .from {
    font-size: 11px;
    display: block;
    margin-bottom: 15px;
  }
  #about .voice .voice-detail .profile .text {
    border-top: 2px dotted #0054ff;
    padding: 15px;
  }
  #about .voice .voice-detail .lead {
    font-size: 14px;
    margin: 0 15px 30px 15px;
  }
  #about .voice .voice-detail .lead.right, #about .voice .voice-detail .lead.left {
    width: auto;
    float: none;
  }
  #about .voice .voice-detail .lead h4 {
    font-weight: bold;
    margin-bottom: 15px;
  }
  #about .voice .voice-detail .lead .main-lead {
    width: auto;
    float: none;
    margin: 0 0 30px 0;
  }
  #about .voice .voice-detail .lead .supplement {
    background: #FF0;
    width: auto;
    padding: 15px;
    margin-bottom: 30px;
    float: none;
  }
  #about .voice .voice-detail .lead .supplement ol {
    display: list-item;
  }
  #about .voice .voice-detail .lead .supplement ol li {
    margin: 10px 0;
    color: #0054ff;
  }
  #about .voice .voice-detail .lead .supplement ol li.no1 {
    padding-left: 32px;
    background: url(../../voice/images/icon-no1.png) no-repeat left center;
  }
  #about .voice .voice-detail .lead .supplement ol li.no2 {
    padding-left: 32px;
    background: url(../../voice/images/icon-no2.png) no-repeat left center;
  }
  #about .voice .voice-detail .lead .supplement ol li.no3 {
    padding-left: 32px;
    background: url(../../voice/images/icon-no3.png) no-repeat left center;
  }
  #about .voice .voice-detail .lead .supplement ol li.no4 {
    padding-left: 32px;
    background: url(../../voice/images/icon-no4.png) no-repeat left center;
  }
  #about .voice .voice-detail .sub-photo-right,
  #about .voice .voice-detail .sub-photo-left {
    float: none;
    margin: 0 15px 15px 15px;
  }
  #about .voice .voice-detail .sub-photo-right img,
  #about .voice .voice-detail .sub-photo-left img {
    width: 100%;
  }
  #about .voice .voice-detail .last-column {
    padding-top: 0;
  }
  #about .voice .voice-detail .photo-block {
    margin: 0 15px 30px 15px;
  }
  #about .voice .voice-detail .photo-block li {
    width: auto;
    padding: 0 0 15px 0;
    float: none;
  }
  #about .voice .voice-detail .photo-block li img {
    width: 100%;
  }
  #about .voice .voice-detail .photo-block li p {
    margin: 5px 0 10px;
  }
  #about .campuslife .top .head {
    padding-top: 40px;
    padding-bottom: 20px;
  }
  #about .campuslife .top .head h1 {
    float: none;
  }
  #about .campuslife .top .head .lead {
    margin-top: 20px;
    margin-left: 0;
    color: #666;
  }
  #about .campuslife .top .list-block {
    padding: 30px 0 0;
    overflow: hidden;
  }
  #about .campuslife .top .list-block .pure-g-r {
    margin-left: 0;
  }
  #about .campuslife .top .list-block .pure-g-r .pure-u-1-2 {
    margin-left: 0;
    padding-bottom: 30px;
    width: 100%;
    float: none;
  }
  #about .campuslife .top .list-block .pure-g-r h2 {
    font-size: 16px;
  }
  #about .campuslife .top .list-block .pure-g-r .img {
    margin-top: -1px;
    width: 100%;
    margin-bottom: 20px;
  }
  #about .campuslife .detail {
    padding-bottom: 0;
  }
  #about .campuslife .detail .block .sidebar {
    float: none;
    width: 100%;
  }
  #about .campuslife .detail .block .main {
    float: none;
    width: 100%;
  }
  #about .campuslife .detail .block .article {
    padding: 30px 0;
    border-bottom: solid 1px #CCC;
  }
  #about .campuslife .detail .block .article:last-child {
    border-bottom: none;
  }
  #about .campuslife .detail .block .article:first-child {
    border-top: solid 1px #CCC;
    padding-top: 30px;
  }
  #about .campuslife .detail .block .article h2 {
    margin: 0;
  }
  #about .campuslife .detail .block .table-list th {
    vertical-align: top;
    font-weight: normal;
  }
  #about .campuslife .detail .anchor-list {
    padding: 40px 0 0;
    overflow: hidden;
  }
  #about .campuslife .detail .anchor-list ul {
    margin-left: 0;
  }
  #about .campuslife .detail .anchor-list ul li {
    margin-left: 0;
    width: auto;
    float: none;
    border-bottom: solid 2px #FFF;
  }
  #about .campuslife .detail .anchor-list ul li a {
    background-color: #0054ff;
    padding: 10px 20px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    display: block;
  }
  #about .campuslife .detail .anchor-list ul li a .sp-only {
    display: inline;
  }
  #about .campuslife .detail .anchor-list ul li a .arrow {
    margin-left: 10px;
    vertical-align: middle;
  }
  #about .campuslife .detail .head {
    padding-top: 40px;
    padding-bottom: 20px;
    overflow: hidden;
  }
  #about .campuslife .detail .head h1 {
    float: none;
    width: auto;
    height: auto;
    background-color: transparent;
    line-height: 1em;
    text-align: left;
  }
  #about .campuslife .detail .head .banner {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  #about .campuslife .detail .head .banner img {
    width: 100%;
  }
  #about .campuslife .detail .article {
    padding: 30px 0;
  }
  #about .campuslife .detail .article h2 {
    font-size: 16px;
  }
  #about .campuslife .detail .article h2 .sub {
    padding-top: 10px;
    padding-left: 0;
    display: block;
  }
  #about .campuslife .detail .article h3 {
    font-size: 16px;
  }
  #about .campuslife .detail .lead {
    padding-top: 20px;
  }
  #about .campuslife .detail .renta h3 {
    font-size: 18px;
    color: #0054ff;
  }
  #about .campuslife .detail .renta h3 .title {
    display: block;
    float: none;
    padding-bottom: 10px;
  }
  #about .campuslife .detail .renta h3 .sub {
    display: block;
    font-weight: normal;
    color: #000;
    margin-left: 0;
    margin-bottom: 20px;
  }
  #about .campuslife .detail .renta ul {
    margin-top: 30px;
  }
  #about .campuslife .detail .renta ul li {
    margin-top: 10px;
  }
  #about .campuslife .detail .btn {
    margin-top: 40px;
  }
  #about .campuslife .detail .btn .btn-more {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 1.4em;
  }
  #about .campuslife .detail .btn .btn-more .arrow {
    margin-top: 4px;
  }
  #about .campuslife .detail .step ul {
    margin-top: 40px;
  }
  #about .campuslife .detail .step ul li {
    margin-top: 10px;
    padding: 10px;
    overflow: hidden;
    display: block;
    width: auto;
  }
  #about .campuslife .detail .step ul li .circle {
    display: block;
    float: left;
    margin-right: 10px;
  }
  #about .campuslife .detail .step ul li .txt {
    display: block;
    vertical-align: middle;
    width: auto;
  }
  #about .campuslife .detail .contact {
    padding-bottom: 30px;
  }
  #about .campuslife .detail .calendar, #about .campuslife .detail .club {
    margin-bottom: 0;
  }
  #about .campuslife .detail .calendar .head, #about .campuslife .detail .club .head {
    padding-top: 30px;
    padding-bottom: 10px;
    overflow: hidden;
  }
  #about .campuslife .detail .calendar .head h1 .txt, #about .campuslife .detail .club .head h1 .txt {
    padding-top: 0;
    padding-left: 0;
  }
  #about .campuslife .detail .calendar .block, #about .campuslife .detail .club .block {
    display: block;
  }
  #about .campuslife .detail .calendar .block .content, #about .campuslife .detail .club .block .content {
    display: block;
    width: auto;
    padding-right: 0;
  }
  #about .campuslife .detail .calendar .block .content .monthly, #about .campuslife .detail .club .block .content .monthly {
    margin-top: 20px;
    padding: 20px 20px 0;
    background-color: #FFF;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    overflow: hidden;
  }
  #about .campuslife .detail .calendar .block .content .monthly .line, #about .campuslife .detail .club .block .content .monthly .line {
    margin: -20px -20px 20px -20px;
    height: 10px;
    background-color: #0054ff;
  }
  #about .campuslife .detail .calendar .block .content .monthly h2, #about .campuslife .detail .club .block .content .monthly h2 {
    margin-top: -5px;
    font-size: 52px;
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
    color: #0054ff;
    line-height: normal;
    float: left;
  }
  #about .campuslife .detail .calendar .block .content .monthly h2 .txt, #about .campuslife .detail .club .block .content .monthly h2 .txt {
    font-size: 15px;
    display: block;
    line-height: normal;
  }
  #about .campuslife .detail .calendar .block .content .monthly ul, #about .campuslife .detail .club .block .content .monthly ul {
    margin-left: 70px;
    padding-bottom: 20px;
  }
  #about .campuslife .detail .calendar .block .content .monthly ul li .label, #about .campuslife .detail .club .block .content .monthly ul li .label {
    color: #0054ff;
  }
  #about .campuslife .detail .calendar .block .photo, #about .campuslife .detail .club .block .photo {
    display: block;
  }
  #about .campuslife .detail .calendar .block .photo .frame .img img, #about .campuslife .detail .club .block .photo .frame .img img {
    max-width: 100%;
  }
  #about .campuslife .detail .club .lead p {
    margin: 0;
  }
  #about .campuslife .detail .club .lead .btn-blue {
    border-bottom: none;
    margin-top: 10px;
    display: inline;
    padding: 5px;
  }
  #about .campuslife .detail .club .anchor {
    margin-top: 40px;
  }
  #about .campuslife .detail .club .title {
    border: solid 2px #0054ff;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #FFF;
    display: block;
  }
  #about .campuslife .detail .club .title .img {
    float: none;
    border-right: none;
    border-bottom: solid 2px #0054ff;
    max-width: 100%;
  }
  #about .campuslife .detail .club .title .img img {
    width: 100%;
  }
  #about .campuslife .detail .club .title .txt {
    margin-left: 0;
    padding: 20px 20px 10px;
  }
  #about .campuslife .detail .club .block .list {
    display: block;
    width: auto;
    border-left: solid 1px #CCC;
  }
  #about .campuslife .detail .club .block .list li {
    display: block;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    background-color: #FFF;
    width: auto;
    padding: 2px 10px;
  }
  #about .campuslife .detail .club .block .list li.sp-bg {
    background-color: #EFEFEF;
  }
  #about .campuslife .detail .club .block .list li.pc-only {
    display: none;
  }
  #about .campuslife .detail .club .block .pc-bg li {
    background-color: #FFF;
  }
  #about .campuslife .detail .club .block-ext {
    display: block;
  }
  #about .campuslife .detail .club .block-ext .list-ext {
    margin-top: 20px;
    display: block;
    width: 100%;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
  }
  #about .campuslife .detail .club .block-ext .list-ext li {
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    background-color: #FFF;
    padding: 2px 10px;
  }
  #about .campuslife .detail .club .block-ext .list-ext li.pc-bg {
    background-color: #EFEFEF;
  }
  #about .campuslife .detail .club .border-top {
    border-top: solid 1px #CCC;
  }
  #about .campuslife .detail .club .block-ext.border-top {
    border-top: none;
  }
  #about .campuslife .detail .club .border-left {
    border-left: none;
  }
  #about .campuslife .detail .club .label {
    font-weight: bold;
  }
  #about .campuslife .detail .guide .head {
    padding: 30px 0 0;
  }
  #about .campuslife .detail .guide .anchor-list {
    margin: 0;
    padding: 0;
  }
  #about .campuslife .detail .guide h1 {
    margin: 0;
  }
  #about .campuslife .detail .guide .article h2 {
    margin: 20px 0 0;
    padding: 0;
    font-size: 16px;
  }
  #about .campuslife .detail .guide .map img {
    max-width: 100%;
    width: 100%;
  }
  #about .campuslife .detail .guide .block {
    display: block;
  }
  #about .campuslife .detail .guide .block .list {
    width: auto;
    padding-right: 0;
    display: block;
  }
  #about .campuslife .detail .guide .block .list .num {
    display: block;
    width: 26px;
    height: 26px;
    background-color: #0054ff;
    border-radius: 13px;
    color: #FFF;
    line-height: 2.1em;
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
    text-align: center;
  }
  #about .campuslife .detail .guide .block .list dl {
    margin-bottom: 10px;
    display: table;
  }
  #about .campuslife .detail .guide .block .list dl dt, #about .campuslife .detail .guide .block .list dl dd {
    display: table-cell;
  }
  #about .campuslife .detail .guide .block .list dl dt {
    padding-right: 10px;
  }
  #about .campuslife .detail .guide .block .list dl dd h3 {
    margin-bottom: 5px;
  }
  #about .campuslife .detail .guide .block .list dl dd h3,
  #about .campuslife .detail .guide .block .list dl dd h4 {
    color: #0054ff;
    font-weight: bold;
  }
  #about .campuslife .detail .guide .block .list dl dd h4,
  #about .campuslife .detail .guide .block .list dl dd li {
    font-size: 12px;
  }
  #about .campuslife .detail .guide .block .list dl dd h4 {
    color: #0054ff;
  }
  #about .campuslife .detail .guide .block .list dl dd ul li {
    line-height: 1em;
    margin-bottom: 5px;
  }
  #about .campuslife .detail .guide .block .photo {
    padding-top: 20px;
    padding-left: 0;
    width: auto;
    display: table-cell;
  }
  #about .campuslife .detail .guide .block .photo ul {
    overflow: hidden;
    margin-left: -10px;
  }
  #about .campuslife .detail .guide .block .photo ul li {
    margin-bottom: 10px;
    margin-left: 10px;
    float: none;
  }
  #about .campuslife .detail .guide .block .photo ul li img {
    max-width: 100%;
    width: 100%;
  }
  #about .campuslife .detail .guide .block .photo ul li .caption {
    display: block;
    padding: 5px 0;
    line-height: 1.4em;
    font-size: 12px;
  }
  #about .campuslife .detail .guide .block .photo ul li.harf {
    width: 100%;
  }
  #about .campuslife .detail .guide .block .photo ul li.harf img {
    width: 100%;
  }
  #about .campuslife .detail .guide .spot {
    margin-top: 30px;
    border: solid 2px #0054ff;
    padding: 20px;
    background-color: #FFF;
  }
  #about .campuslife .detail .guide .spot h3 {
    color: #0054ff;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 0;
  }
  #about .campuslife .detail .guide .spot .sub-content {
    margin-top: 20px;
  }
  #about .campuslife .detail .guide .spot .sub-content .img {
    float: left;
  }
  #about .campuslife .detail .guide .spot .sub-content .txt {
    padding-right: 0;
    margin-left: 115px;
  }
  #about .campuslife .detail .guide .spot .sub-content .txt h4 {
    font-weight: bold;
  }
  #about .campuslife .detail .guide .spot .sub-content .txt p {
    margin: 0;
    line-height: 1.6em;
  }
  #about .downloads h2 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.5em;
  }
  #about .downloads ul,
  #about .downloads ol,
  #about .downloads p {
    margin-bottom: 20px;
  }
  #about .downloads ul li {
    line-height: 1.5em;
    margin-bottom: 3px;
  }
  #about .downloads .head {
    padding: 20px 0 0;
  }
  #about .downloads .article {
    padding: 10px 0 20px;
    margin-bottom: 20px;
    border-bottom: solid 1px #CCC;
  }
  #about .downloads .article:last-child {
    border-bottom: none;
  }
  #about .downloads .article dl {
    display: block;
  }
  #about .downloads .article dl dt {
    padding-right: 0;
    text-align: center;
    padding-bottom: 10px;
  }
  #about .downloads .article dl dt,
  #about .downloads .article dl dd {
    display: block;
    vertical-align: middle;
  }
  #about .downloads .article dl.director-dl dt {
    padding-right: 0;
  }
  #about .downloads .article .block {
    overflow: hidden;
    margin-left: 0;
    margin-bottom: 0;
  }
  #about .downloads .article .block li {
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    float: none;
  }
  #about .downloads .article .block li img {
    max-width: 99%;
  }
  #about .downloads .trajectory .article dl {
    margin-top: 30px;
  }
  #about .downloads .trajectory .article dl dt, #about .downloads .trajectory .article dl dd {
    vertical-align: top;
  }
  #about .downloads .trajectory .article dl dt p, #about .downloads .trajectory .article dl dd p {
    margin: 0;
  }
  #about .downloads .trajectory .article dl dt .caption, #about .downloads .trajectory .article dl dd .caption {
    line-height: 1.5em;
  }
  #about .downloads .trajectory .article dl dt img, #about .downloads .trajectory .article dl dd img {
    margin-bottom: 5px;
  }
  #about .downloads .guide .form p {
    margin-bottom: 15px;
  }
  #about .downloads .guide .form dl {
    width: auto;
    margin-bottom: 20px;
    display: block;
  }
  #about .downloads .guide .form dl dt, #about .downloads .guide .form dl dd {
    display: block;
  }
  #about .downloads .guide .form dl dt {
    width: auto;
    text-align: left;
  }
  #about .downloads .guide .form dl dd input[type="text"] {
    width: 95%;
    padding: 0;
  }
  #about .downloads .guide .form input[type="submit"] {
    margin-top: 20px;
    margin-left: 0;
    background-color: #0054ff;
    color: #FFF;
    border: none;
    padding: 10px 20px 8px;
  }
  #about .downloads .screen .margin-top {
    margin-top: 30px;
  }
  #about .downloads .screen .padding-left {
    padding-left: 0;
  }
  #about .downloads .screen .bg-gray {
    margin-bottom: 10px;
    padding: 20px;
  }
  #about .downloads .screen dl {
    margin-bottom: 20px;
  }
  #about .downloads .dw .simbol {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
  #about .downloads .dw .simbol img {
    max-width: 100%;
    width: 100%;
  }
  #about .downloads .dw .anniversary {
    width: 100%;
    float: none;
  }
  #about .downloads .dw .anniversary img {
    max-width: 100%;
    width: 100%;
  }
  #about .downloads .dw .group {
    overflow: hidden;
    margin-left: -40px;
  }
  #about .downloads .dw .group .cover {
    margin-left: 40px;
    margin-bottom: 20px;
  }
  #about .detail {
    margin-top: 30px;
  }
  #about .detail h1 {
    margin-bottom: 20px;
  }
  #about .detail h2 {
    font-size: 18px;
  }
  #about .detail h3 {
    font-size: 13px;
  }
  #about .detail .head {
    margin-top: 0;
    padding: 0;
  }
  #about .ic h2 {
    font-size: 18px;
  }
  #about .ic .img-full {
    width: 100%;
    max-width: 100%;
  }
  #about .ic .top .head {
    padding-top: 30px;
    padding-bottom: 0;
    overflow: hidden;
  }
  #about .ic .top .head h1 {
    float: none;
    font-weight: normal;
    width: auto;
    height: auto;
    background-color: transparent;
    line-height: 1em;
    text-align: left;
  }
  #about .ic .top .head .banner {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  #about .ic .top .head .banner img {
    width: 100%;
  }
  #about .ic .top .article {
    padding: 30px 0;
  }
  #about .ic .top .bg-box {
    margin-top: 40px;
    background-color: #EFEFEF;
    padding: 15px;
  }
  #about .ic .top .ic-top-ad {
    overflow: hidden;
    position: relative;
    margin-left: 0;
    display: block;
    height: 500px;
  }
  #about .ic .top .ic-top-ad li {
    padding-left: 0;
    position: absolute;
    float: none;
    display: block;
  }
  #about .ic .top .ic-top-ad li.ad-1 {
    top: 0;
    left: 15px;
  }
  #about .ic .top .ic-top-ad li.ad-1 a {
    background: url(../images/sp-ic-top-bl1.gif) no-repeat left top;
    background-size: 144px 160px;
  }
  #about .ic .top .ic-top-ad li.ad-2 {
    top: 85px;
    right: 15px;
  }
  #about .ic .top .ic-top-ad li.ad-2 a {
    background: url(../images/sp-ic-top-bl2.gif) no-repeat right top;
    background-size: 144px 160px;
  }
  #about .ic .top .ic-top-ad li.ad-3 {
    top: 170px;
    left: 15px;
  }
  #about .ic .top .ic-top-ad li.ad-3 a {
    background: url(../images/sp-ic-top-bl3.gif) no-repeat left top;
    background-size: 144px 160px;
  }
  #about .ic .top .ic-top-ad li.ad-4 {
    top: 255px;
    right: 15px;
  }
  #about .ic .top .ic-top-ad li.ad-4 a {
    background: url(../images/sp-ic-top-bl4.gif) no-repeat right top;
    background-size: 144px 160px;
  }
  #about .ic .top .ic-top-ad li.ad-5 {
    top: 340px;
    left: 15px;
  }
  #about .ic .top .ic-top-ad li.ad-5 a {
    background: url(../images/sp-ic-top-bl5.gif) no-repeat left top;
    background-size: 144px 160px;
  }
  #about .ic .detail {
    padding-top: 30px;
  }
  #about .ic .detail .article {
    padding: 30px 0;
  }
  #about .ic .detail h1 {
    margin-bottom: 20px;
  }
  #about .ic .detail .lead {
    margin-bottom: 40px;
  }
  #about .ic .detail .ballon {
    padding: 30px 0;
  }
  #about .ic .detail .ballon ul li {
    margin-bottom: 10px;
  }
  #about .ic .detail .ballon ul li img {
    width: 140px;
  }
  #about .ic .detail .talk h3 {
    padding-top: 0;
  }
  #about .ic .detail .talk p {
    margin-top: 20px;
  }
  #about .ic .detail .student dl {
    display: block;
    margin-bottom: 15px;
  }
  #about .ic .detail .student dl dt, #about .ic .detail .student dl dd {
    display: block;
    padding-bottom: 10px;
    vertical-align: top;
    border-bottom: dotted 2px #0054ff;
  }
  #about .ic .detail .student dl dt {
    padding-right: 20px;
    border-bottom: dotted 2px transparent;
    vertical-align: middle;
    float: left;
  }
  #about .ic .detail .student dl dt img {
    border: solid 2px #0054ff;
  }
  #about .ic .detail .student dl:last-child dt, #about .ic .detail .student dl:last-child dd {
    padding-bottom: 10px;
  }
  #about .voice h2 {
    background-color: #0054ff;
    color: #FFF;
    padding: 10px 20px;
  }
  #about .voice ul {
    list-style: none;
    padding-left: 0;
    overflow: hidden;
    margin-left: -9%;
  }
  #about .voice ul li {
    padding-left: 0;
    float: left;
    width: 40%;
    height: 245px;
    margin-left: 9%;
    margin-top: 5%;
  }
  #about .voice ul li .num {
    font-size: 13px;
  }
  #about .voice ul li .title {
    font-size: 13px;
    line-height: 1.4em;
  }
  #about .block .sidebar {
    float: none;
    width: 100%;
  }
  #about .block .main {
    float: none;
    width: 100%;
  }
  #about .block .article {
    padding: 30px 0;
    border-bottom: solid 1px #CCC;
  }
  #about .block .article:last-child {
    border-bottom: none;
  }
  #about .block .article:first-child {
    border-top: solid 1px #CCC;
    padding-top: 30px;
  }
  #about .block .article h2 {
    margin: 0;
  }
  #about .block .table-list th {
    vertical-align: top;
    font-weight: normal;
  }

  #academics .header-main-banner {
    padding: 0 0 0 0;
    position: relative;
  }
  #academics .header-main-banner .pc-only {
    display: none;
  }
  #academics .header-main-banner img {
    width: 100%;
  }
  #academics .header-main-banner .content-title {
    position: absolute;
    left: 15px;
    bottom: 12px;
    font-size: 32px;
    color: #fff;
    font-size: 22px;
    font-weight: normal;
  }
  #academics .top .head {
    padding-top: 30px;
    padding-bottom: 0;
  }
  #academics .detail .head {
    padding-top: 30px;
    padding-bottom: 0;
    overflow: hidden;
  }
  #academics .detail .head h1 {
    float: none;
    margin-right: 40px;
    line-height: 1.1em;
  }
  #academics .detail .head .lead {
    padding-top: 20px;
    padding-left: 0;
    vertical-align: bottom;
    color: #666;
  }
  #academics .detail h2 {
    font-size: 18px;
  }
  #academics .faculty-top,
  #academics .faculty-detail,
  #academics .faculty-teacher {
    margin-top: 40px;
  }
  #academics .faculty-top.literature, #academics .faculty-top.economics, #academics .faculty-top.sociology, #academics .faculty-top.law, #academics .faculty-top.international, #academics .faculty-top.psychology, #academics .faculty-top.liberal_arts,
  #academics .faculty-detail.literature,
  #academics .faculty-detail.economics,
  #academics .faculty-detail.sociology,
  #academics .faculty-detail.law,
  #academics .faculty-detail.international,
  #academics .faculty-detail.psychology,
  #academics .faculty-detail.liberal_arts,
  #academics .faculty-teacher.literature,
  #academics .faculty-teacher.economics,
  #academics .faculty-teacher.sociology,
  #academics .faculty-teacher.law,
  #academics .faculty-teacher.international,
  #academics .faculty-teacher.psychology,
  #academics .faculty-teacher.liberal_arts {
    border-size: 3px;
  }
  #academics .faculty-top .txt-right,
  #academics .faculty-detail .txt-right,
  #academics .faculty-teacher .txt-right {
    text-align: left;
  }
  #academics .faculty-top .head,
  #academics .faculty-detail .head,
  #academics .faculty-teacher .head {
    margin-top: 20px;
    padding: 0;
  }
  #academics .faculty-top .head h1,
  #academics .faculty-detail .head h1,
  #academics .faculty-teacher .head h1 {
    float: none;
    margin-bottom: 20px;
  }
  #academics .faculty-top .head p,
  #academics .faculty-detail .head p,
  #academics .faculty-teacher .head p {
    float: none;
  }
  #academics .faculty-top .article,
  #academics .faculty-detail .article,
  #academics .faculty-teacher .article {
    padding: 30px 0;
  }
  #academics .faculty-top .article:last-child,
  #academics .faculty-detail .article:last-child,
  #academics .faculty-teacher .article:last-child {
    padding-bottom: 50px;
  }
  #academics .faculty-top .article:first-child,
  #academics .faculty-detail .article:first-child,
  #academics .faculty-teacher .article:first-child {
    padding-top: 0;
  }
  #academics .faculty-top .article h2,
  #academics .faculty-detail .article h2,
  #academics .faculty-teacher .article h2 {
    margin-bottom: 20px;
  }
  #academics .faculty-top .article p,
  #academics .faculty-top .article .bg-gray,
  #academics .faculty-detail .article p,
  #academics .faculty-detail .article .bg-gray,
  #academics .faculty-teacher .article p,
  #academics .faculty-teacher .article .bg-gray {
    margin-top: 15px;
  }
  #academics .faculty-top .article .bg-gray,
  #academics .faculty-detail .article .bg-gray,
  #academics .faculty-teacher .article .bg-gray {
    background-color: #EFEFEF;
    padding: 10px;
  }
  #academics .faculty-top .article .bg-gray h3,
  #academics .faculty-detail .article .bg-gray h3,
  #academics .faculty-teacher .article .bg-gray h3 {
    font-weight: bold;
    margin-bottom: 10px;
  }
  #academics .faculty-top .article .bg-gray p,
  #academics .faculty-detail .article .bg-gray p,
  #academics .faculty-teacher .article .bg-gray p {
    margin-top: 10px;
  }
  #academics .faculty-top .article .pure-u-1-2,
  #academics .faculty-detail .article .pure-u-1-2,
  #academics .faculty-teacher .article .pure-u-1-2 {
    margin-top: 30px;
  }
  #academics .faculty-top .article .video-list,
  #academics .faculty-detail .article .video-list,
  #academics .faculty-teacher .article .video-list {
    overflow: hidden;
    margin-left: 0;
    padding-left: 0;
  }
  #academics .faculty-top .article .video-list li,
  #academics .faculty-detail .article .video-list li,
  #academics .faculty-teacher .article .video-list li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  #academics .faculty-top .article .video-list li iframe,
  #academics .faculty-detail .article .video-list li iframe,
  #academics .faculty-teacher .article .video-list li iframe {
    width: 100%;
  }
  #academics .faculty-top .article .portrait,
  #academics .faculty-detail .article .portrait,
  #academics .faculty-teacher .article .portrait {
    float: left;
    margin: 0 10px 10px 0;
    width: 30%;
    height: 30%;
  }
  #academics .faculty-top .article dl,
  #academics .faculty-detail .article dl,
  #academics .faculty-teacher .article dl {
    display: block;
  }
  #academics .faculty-top .article dl dt, #academics .faculty-top .article dl dd,
  #academics .faculty-detail .article dl dt,
  #academics .faculty-detail .article dl dd,
  #academics .faculty-teacher .article dl dt,
  #academics .faculty-teacher .article dl dd {
    display: block;
    vertical-align: top;
  }
  #academics .faculty-top .article dl dt,
  #academics .faculty-detail .article dl dt,
  #academics .faculty-teacher .article dl dt {
    padding-right: 0;
    padding-bottom: 20px;
    overflow: hidden;
  }
  #academics .faculty-top .article dl dt img,
  #academics .faculty-detail .article dl dt img,
  #academics .faculty-teacher .article dl dt img {
    margin-bottom: 0;
    width: 40%;
    height: 40%;
    margin-right: 10px;
    float: left;
  }
  #academics .faculty-top .article dl dt .caption,
  #academics .faculty-detail .article dl dt .caption,
  #academics .faculty-teacher .article dl dt .caption {
    line-height: 1.5em;
  }
  #academics .faculty-graduate .head {
    padding-top: 0;
  }
  #academics .faculty-graduate .head h1 {
    float: none;
    margin-bottom: 20px;
  }
  #academics .faculty-graduate .head .deptNavi {
    margin-top: 20px;
    float: none;
  }
  #academics .faculty-graduate .en {
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 18px;
  }
  #academics .faculty-detail .main-banner {
    margin: 20px 0 10px;
  }
  #academics .faculty-detail .article h3 {
    margin: 0;
    font-weight: bold;
  }
  #academics .faculty-detail .article p {
    margin-top: 0;
    margin-bottom: 20px;
  }
  #academics .faculty-detail .article dl.half dd img {
    max-width: 100%;
    width: 100%;
  }
  #academics .faculty-block {
    clear: both;
    padding: 20px 0;
    overflow: hidden;
  }
  #academics .faculty-block .sp-inner {
    padding: 0;
  }
  #academics .faculty-block .pure-g-r {
    margin: 0;
  }
  #academics .faculty-block .pure-g-r .pure-u-1-2 {
    margin: 0;
    padding-bottom: 0;
    width: 100%;
    float: none;
  }
  #academics .faculty-block .pure-g-r .pure-u-1 {
    margin: 0;
    width: 100%;
    clear: both;
  }
  #academics .faculty-block .pure-g-r h2 {
    padding-left: 15px;
  }
  #academics .faculty-block .pure-g-r h2 .origin-site-link {
    right: 15px;
    top: 5px;
    padding: 0 15px 0 15px;
    width: 120px;
  }
  #academics .faculty-block .pure-g-r h2 .origin-site-link .blank-icon {
    right: 0;
    bottom: 5px;
  }
  #academics .faculty-block .pure-g-r ul.faculty-list {
    padding: 15px;
  }
  #academics .faculty-block .pure-g-r ul.faculty-list li {
    margin: 0;
    padding: 0;
    line-height: 2.4em;
    position: relative;
  }
  #academics .faculty-block .pure-g-r ul.faculty-list li .origin-site-link {
    float: none;
    display: block;
    padding: 0 15px 0 0;
  }
  #academics .faculty-block .pure-g-r ul.faculty-list li .icon-jp {
    margin-left: 5px;
    float: none;
  }
  #academics .faculty-block .pure-g-r ul.faculty-list .blank-icon {
    position: relative;
  }
  #academics .faculty-block .pure-g-r ul.faculty-list .arrow-list-single {
    position: relative;
  }
  #academics .graduate-block {
    padding: 20px 0;
  }
  #academics .graduate-block .table-list th, #academics .graduate-block .table-list td {
    padding: 10px;
  }
  #academics .graduate-block .table-list th {
    background-color: #EFEFEF;
    color: #000;
    line-height: 1.4em;
  }
  #academics .graduate-block .table-list td {
    color: #666;
    line-height: 1.4em;
  }
  #academics .graduate-block .table-list.center {
    text-align: center;
  }
  #academics .graduate-block .table-list .border-right-none {
    border: none;
    border-bottom: solid 1px #CCC;
  }
  #academics .graduate-block ul.graduate-list {
    color: #666;
  }
  #academics .graduate-block ul.graduate-list li {
    margin: 0;
    padding: 0;
    position: relative;
  }
  #academics .graduate-block ul.graduate-list li .origin-site-link {
    float: none;
    display: block;
    padding: 0 18px 0 0;
  }
  #academics .graduate-block ul.graduate-list li .icon-jp {
    margin-top: 0;
  }
  #academics .graduate-block ul.graduate-list .arrow-list-single {
    position: relative;
  }
  #academics .lawyers-block {
    padding: 40px 0 80px 0;
  }
  #academics #graduate {
    padding-bottom: 30px;
  }
  #academics #graduate .head {
    padding-top: 30px;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: hidden;
    display: block;
  }
  #academics #graduate .head h1 {
    float: none;
    margin-right: 0;
  }
  #academics #graduate .head .lead {
    padding-top: 30px;
    padding-left: 0;
  }
  #academics #graduate .article {
    padding: 20px 0;
    overflow: hidden;
  }
  #academics #graduate .article h2 {
    font-size: 18px;
    margin-bottom: 20px;
  }
  #academics #graduate .article .main,
  #academics #graduate .article .sidebar {
    width: 100%;
    float: none;
  }
  #academics #graduate .article .main {
    margin-bottom: 40px;
  }
  #academics #graduate .article.news-block h2.bg-blue {
    margin: 0;
    padding: 5px 10px;
  }
  #academics #graduate .article.news-block ul {
    margin-top: 10px;
  }
  #academics #graduate .article.news-block ul.bottom-margin {
    margin-bottom: 40px;
  }
  #academics #graduate .article.news-block ul li {
    margin-top: 2px;
  }
  #academics #graduate .article .list {
    border-top: solid 1px #CCC;
    width: 100%;
  }
  #academics #graduate .article .list th,
  #academics #graduate .article .list td {
    padding: 3px 10px;
  }
  #academics #graduate .article .list td ul {
    overflow: hidden;
  }
  #academics #graduate .article .list td ul li {
    width: 100%;
  }
  #academics #graduate .article .list td ul .left {
    float: none;
  }
  #academics #graduate .article .list td ul .right {
    float: none;
    text-align: left;
  }
  #academics #graduate .article .box {
    margin-top: -20px;
    border-top: none;
    border-left: none;
    width: 100%;
    display: block;
  }
  #academics #graduate .article .box th,
  #academics #graduate .article .box td {
    padding: 0;
    border-bottom: none;
    border-right: none;
    display: inline;
  }
  #academics #graduate .article .box th {
    margin-top: 10px;
    padding-top: 10px;
    background-color: transparent;
    display: block;
    font-weight: bold;
    width: 100%;
  }
  #academics #graduate .article .box td {
    display: block;
  }
  #academics #graduate .article .box .sp-border-top {
    border-top: solid 1px #CCC;
  }
  #academics #graduate .article .box .sp-margin-top {
    margin-top: 20px;
    display: block;
  }
  #academics #graduate .article .box .sp-strong {
    font-weight: bold;
  }
  #academics #graduate .article .box .border_none {
    width: 100%;
  }
  #academics #graduate .article .box .border_none th,
  #academics #graduate .article .box .border_none td {
    border: none;
    padding: 0;
    display: table-cell;
    text-align: left;
  }
  #academics #graduate .article .box .border_none th {
    width: 30%;
    font-weight: normal;
  }

  #admission h2 {
    font-size: 22px;
    line-height: 1.1em;
  }
  #admission .sp-bg-none {
    border-top: none;
    background-color: #FFF;
  }
  #admission .btn-yellow {
    padding: 8px 0 5px;
    display: block;
    text-align: center;
    background-color: #FF0;
    color: #000;
    border-bottom: solid 1px #E1E012;
    font-size: 13px;
    font-weight: bold;
  }
  #admission .btn-yellow:hover {
    opacity: 0.6;
  }
  #admission .btn-yellow .sp-only {
    display: inline;
  }
  #admission .btn-yellow .arrow-double {
    vertical-align: top;
    margin-top: 5px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
    display: inline;
  }
  #admission .btn-blue {
    padding: 8px 0 5px;
    display: block;
    text-align: center;
    background-color: #0054ff;
    color: #FFF;
    border-bottom: solid 1px #333;
    font-size: 15px;
  }
  #admission .btn-blue:hover {
    opacity: 0.6;
  }
  #admission .btn-blue .arrow,
  #admission .btn-blue .arrow-double {
    vertical-align: top;
    margin-top: 8px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
  }
  #admission .btn-blue .sp-only {
    display: inline;
  }
  #admission .btn-blue .arrow-single {
    vertical-align: top;
  }
  #admission .btn-blue .arrow-down,
  #admission .btn-blue .arrow-up {
    vertical-align: top;
    margin-top: 8px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
  }
  #admission .more {
    margin-top: 0;
    margin-bottom: 0;
  }
  #admission .members .article {
    padding: 30px 0 0;
    overflow: hidden;
  }
  #admission .members .article h2 {
    font-size: 18px;
  }
  #admission .members .article h3 {
    font-size: 18px;
  }
  #admission .members .article.child {
    margin-top: 0;
  }
  #admission .members .anchor-list ul li a .arrow {
    margin-left: 0;
    vertical-align: middle;
  }
  #admission .members .pure-g-r {
    margin-top: 0;
    margin-left: -5%;
  }
  #admission .members .pure-g-r .more {
    margin-top: 20px;
    margin-bottom: 0;
  }
  #admission .members .pure-g-r .pure-u-1-4 {
    margin-bottom: 5%;
    margin-left: 5%;
    width: 45%;
    background-color: #EEE;
  }
  #admission .members .pure-g-r .pure-u-1-4 ul {
    border-bottom: dashed 1px #CCC;
    padding: 5px;
    overflow: hidden;
    margin-left: 0;
  }
  #admission .members .pure-g-r .pure-u-1-4 ul li {
    margin: 0;
    height: auto;
  }
  #admission .members .pure-g-r .pure-u-1-4 ul li.thumbnail {
    float: left;
    width: 29px;
  }
  #admission .members .pure-g-r .pure-u-1-4 ul li.thumbnail img {
    margin-top: 3px;
    width: 29px;
  }
  #admission .members .pure-g-r .pure-u-1-4 ul li.profile {
    float: left;
    margin-left: 0;
    line-height: 1.3em;
  }
  #admission .members .pure-g-r .pure-u-1-4 ul li.profile .faculty {
    font-size: 11px;
    display: block;
    font-size: 12px;
  }
  #admission .members .pure-g-r .pure-u-1-4 ul li.profile .name {
    font-size: 13px;
    color: #000;
  }
  #admission .members .pure-g-r .pure-u-1-4 ul li.profile .name .name-sub {
    font-size: 10px;
  }
  #admission .members .pure-g-r .pure-u-1-4 p {
    padding: 10px;
    line-height: 1.6em;
  }
  #admission .information .detail {
    padding-bottom: 0;
  }
  #admission .information .detail .head {
    padding-top: 40px;
    padding-bottom: 20px;
    overflow: hidden;
  }
  #admission .information .detail .head h1 {
    float: none;
    width: auto;
    height: auto;
    background-color: transparent;
    line-height: 1em;
    text-align: left;
  }
  #admission .information .detail .head h1.multiline {
    padding-top: 0;
    height: auto;
  }
  #admission .information .detail .head .banner {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  #admission .information .detail .head .banner img {
    width: 100%;
  }
  #admission .information .detail .article h2 {
    font-size: 16px;
  }
  #admission .information .detail .article h3 {
    font-size: 16px;
  }
  #admission .information .detail .article .table-list th, #admission .information .detail .article .table-list td {
    word-break: break-all;
  }
  #admission .information .detail .article .table-list .city {
    width: 20%;
  }
  #admission .information .detail .article .table-list .date {
    width: 20%;
  }
  #admission .information .detail .article .table-list .hour {
    width: 20%;
  }
  #admission .information .detail .article .table-list .venue {
    width: 40%;
  }
  #admission .information .detail .article .table-list.list-detail th {
    white-space: normal;
  }
  #admission .information .detail .btn-blue {
    margin-top: 15px;
    border-bottom: none;
  }
  #admission .information .detail .anchor {
    overflow: hidden;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 10px 0 0;
  }
  #admission .information .detail .anchor li {
    float: left;
    margin-bottom: 10px;
    line-height: 1.8em;
  }
  #admission .information .detail .anchor li a {
    display: inline-block;
    font-size: 16px;
  }
  #admission .information .detail .anchor li a .arrow-double {
    margin-top: 7px;
    padding-left: 8px;
    vertical-align: top;
  }
  #admission .information .detail .guidelines .form {
    overflow: hidden;
  }
  #admission .information .detail .guidelines .form li {
    float: none;
  }
  #admission .information .detail .guidelines .form li:first-child {
    margin-right: 0;
    margin-bottom: 10px;
  }
  #admission .information .detail .guidelines .btn-area ul {
    overflow: hidden;
  }
  #admission .information .detail .guidelines .btn-area ul li {
    width: 100%;
    float: none;
  }
  #admission .information .detail .guidelines .btn-area ul li:first-child {
    margin-right: 0;
  }
  #admission .information .detail .web_syutsugan .head,
  #admission .information .detail .local .head {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #admission .information .detail .web_syutsugan .article,
  #admission .information .detail .local .article {
    margin: 0;
    padding: 30px 0;
  }
  #admission .information .detail .web_syutsugan .article h3,
  #admission .information .detail .local .article h3 {
    font-size: 16px;
    margin-bottom: 30px;
  }
  #admission .information .detail .web_syutsugan .map iframe,
  #admission .information .detail .local .map iframe {
    width: auto;
    height: 100px;
    max-width: 100%;
  }
  #admission .information .detail .web_syutsugan .lead h2,
  #admission .information .detail .local .lead h2 {
    font-size: 24px;
    margin: 20px 0;
  }
  #admission .information .detail .web_syutsugan .btn-block,
  #admission .information .detail .local .btn-block {
    padding: 0;
    margin-bottom: 20px;
  }
  #admission .information .detail .web_syutsugan .btn-block .btn-link,
  #admission .information .detail .local .btn-block .btn-link {
    display: block;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    background-color: #0054FF;
    line-height: 2em;
    text-align: center;
  }
  #admission .information .detail .web_syutsugan .btn-block .btn-link .icon,
  #admission .information .detail .local .btn-block .btn-link .icon {
    margin-right: 15px;
    width: 29px;
    height: 20px;
    vertical-align: middle;
  }
  #admission .information .detail .web_syutsugan .btn-block .btn-link .arrow,
  #admission .information .detail .local .btn-block .btn-link .arrow {
    vertical-align: top;
    margin-top: 10px;
    margin-left: 15px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-cases dl,
  #admission .information .detail .local #web_syutsugan-cases dl {
    margin-top: 30px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-cases dl dt,
  #admission .information .detail .local #web_syutsugan-cases dl dt {
    background-color: #EFEFEF;
    padding: 5px 10px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-cases dl dt .question,
  #admission .information .detail .local #web_syutsugan-cases dl dt .question {
    color: #0054ff;
    font-size: 16px;
    padding-right: 5px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-cases dl dd,
  #admission .information .detail .local #web_syutsugan-cases dl dd {
    padding-top: 10px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-cases dl dd .table-list,
  #admission .information .detail .local #web_syutsugan-cases dl dd .table-list {
    margin-bottom: 20px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-cases .bottom-line,
  #admission .information .detail .local #web_syutsugan-cases .bottom-line {
    padding-bottom: 30px;
    margin-bottom: 50px;
    border-bottom: solid 1px #CCC;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price,
  #admission .information .detail .local #web_syutsugan-price {
    overflow: hidden;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .left,
  #admission .information .detail .local #web_syutsugan-price .left {
    padding-right: 0;
    float: none;
    width: auto;
    border-right: none;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .right,
  #admission .information .detail .local #web_syutsugan-price .right {
    float: none;
    width: auto;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price h4,
  #admission .information .detail .local #web_syutsugan-price h4 {
    margin-bottom: 30px;
    color: #333;
    font-weight: normal;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .first, #admission .information .detail .web_syutsugan #web_syutsugan-price .second,
  #admission .information .detail .local #web_syutsugan-price .first,
  #admission .information .detail .local #web_syutsugan-price .second {
    margin-top: 15px;
    font-size: 22px;
    line-height: 1.8em;
    text-align: right;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .first .price, #admission .information .detail .web_syutsugan #web_syutsugan-price .second .price,
  #admission .information .detail .local #web_syutsugan-price .first .price,
  #admission .information .detail .local #web_syutsugan-price .second .price {
    font-size: 30px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .first .price .yen, #admission .information .detail .web_syutsugan #web_syutsugan-price .second .price .yen,
  #admission .information .detail .local #web_syutsugan-price .first .price .yen,
  #admission .information .detail .local #web_syutsugan-price .second .price .yen {
    font-size: 20px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .sale .price,
  #admission .information .detail .local #web_syutsugan-price .sale .price {
    font-size: 30px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price .sale .price .yen,
  #admission .information .detail .local #web_syutsugan-price .sale .price .yen {
    font-size: 20px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price p,
  #admission .information .detail .local #web_syutsugan-price p {
    clear: both;
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-price p.topic,
  #admission .information .detail .local #web_syutsugan-price p.topic {
    padding-top: 20px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-exam ul li,
  #admission .information .detail .local #web_syutsugan-exam ul li {
    margin-top: 5px;
    font-size: 16px;
    color: #333;
    font-weight: bold;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-exam ul li .color-blue,
  #admission .information .detail .local #web_syutsugan-exam ul li .color-blue {
    color: #0054ff;
    margin-right: 10px;
  }
  #admission .information .detail .web_syutsugan #web_syutsugan-exam p,
  #admission .information .detail .local #web_syutsugan-exam p {
    color: #666;
  }
  #admission .information .detail .sinsa2015 .lead h1 {
    margin-bottom: 20px;
    line-height: 1.4em;
  }
  #admission .information .detail .sinsa2015 h2 {
    font-size: 16px;
  }
  #admission .information .detail .sinsa2015 .half-column {
    overflow: hidden;
  }
  #admission .information .detail .sinsa2015 .half-column h2 {
    margin-bottom: 0;
  }
  #admission .information .detail .sinsa2015 .half-column .left {
    border-right: none;
    padding-right: 0;
    padding-bottom: 30px;
  }
  #admission .information .detail .sinsa2015 .half-column .right {
    padding-left: 0;
  }
  #admission .information .detail .shirokane {
    margin-bottom: -60px;
  }
  #admission .information .detail .shirokane .article {
    padding: 30px 0;
    margin: 0;
  }
  #admission .information .detail .shirokane .lead {
    padding-top: 0;
  }
  #admission .information .detail .shirokane .lead h2 {
    margin-bottom: 0;
  }
  #admission .information .detail .shirokane h1 {
    margin-bottom: 20px;
    line-height: 1.4em;
  }
  #admission .information .detail .shirokane h2 {
    font-size: 16px;
  }
  #admission .information .detail .shirokane ul {
    overflow: hidden;
  }
  #admission .information .detail .shirokane ul .left {
    width: 100%;
    float: none;
    margin-bottom: 30px;
  }
  #admission .information .detail .shirokane ul .right {
    float: none;
    width: 100%;
  }
  #admission .information .detail .pe {
    margin-bottom: -60px;
  }
  #admission .information .detail .pe .article {
    padding: 30px 0;
    margin: 0;
  }
  #admission .information .detail .pe .lead {
    padding-top: 0;
    position: relative;
  }
  #admission .information .detail .pe .lead .caution {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 16px;
  }
  #admission .information .detail .pe .lead h2 {
    background-color: #0054ff;
    color: #FFF;
    padding: 10px 10px;
    margin: 0;
    font-weight: bold;
    line-height: 1.4em;
    font-size: 15px;
  }
  #admission .information .detail .pe .lead ul {
    margin: 0;
    padding: 10px;
    overflow: hidden;
  }
  #admission .information .detail .pe .lead ul li {
    margin-left: 0;
    float: none;
    width: 100%;
  }
  #admission .information .detail .pe .lead ul li h3 {
    font-size: 14px;
    margin: 0;
  }
  #admission .information .detail .pe .lead ul li:first-child {
    margin-bottom: 10px;
  }
  #admission .information .detail .pe .lead .triangle {
    margin-left: -35px;
    width: 0;
    height: 0;
    border: 35px solid transparent;
    border-top: 25px solid #FFF;
    position: absolute;
    left: 50%;
    bottom: -50px;
  }
  #admission .information .detail .pe .box {
    border: solid 2px #0054ff;
  }
  #admission .information .detail .pe h1 {
    margin-bottom: 20px;
    line-height: 1.4em;
  }
  #admission .information .detail .pe h2 {
    font-weight: normal;
    font-size: 16px;
  }
  #admission .information .detail .pe .bg-color {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #admission .information .detail .pe .bg-color li {
    float: none;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    padding: 10px 0;
    font-size: 15px;
  }
  #admission .information .detail .pe .bg-color li:first-child {
    margin-top: 0;
  }
  #admission .information .detail .pe .title3 .box {
    text-align: center;
    padding: 15px 10px;
  }
  #admission .information .detail .pe .title3 .box h3 {
    color: #0054ff;
  }
  #admission .information .detail .pe .title3 .box p {
    margin: 0;
  }
  #admission .information .detail .pe .title3 .box .bg-color {
    margin-bottom: -5px;
  }
  #admission .information .detail .pe .title3 .box .bg-color li {
    font-size: 14px;
    padding: 5px 0;
  }
  #admission .information .detail .pe .title3 .topic {
    margin: 20px 0 0;
  }
  #admission .information .detail .pe .title3 hr {
    border: none;
    border-left: solid 2px #0054ff;
    height: 25px;
    width: 1px;
    margin: 0 auto;
  }
  #admission .information .detail .pe .three-column {
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  #admission .information .detail .pe .three-column .column {
    margin-left: 0;
    margin-top: 20px;
    width: 100%;
    float: none;
    background-color: #FFF;
  }
  #admission .information .detail .pe .three-column .column:first-child {
    margin-left: 0;
    margin-top: 0;
  }
  #admission .information .detail .pe .three-column .column h3 {
    font-size: 15px;
    padding: 10px 0;
    text-align: center;
    color: #FFF;
  }
  #admission .information .detail .pe .three-column .column .block {
    margin: 0 10px;
    padding: 10px 0;
    display: block;
    border-bottom: solid 1px #CCC;
  }
  #admission .information .detail .pe .three-column .column .block h4 {
    color: #0054ff;
    margin: 0;
    font-size: 13px;
  }
  #admission .information .detail .pe .three-column .column .block p {
    margin: 0;
  }
  #admission .information .detail .pe .three-column .column .block ul {
    margin: 0 0 0 20px;
    padding: 0;
  }
  #admission .information .detail .pe .three-column .column .block ul li {
    list-style: disc;
    color: #333;
  }
  #admission .information .detail .pe .three-column .column .last {
    border-bottom: none;
  }
  #admission .information .detail .pe .caption {
    margin: 20px 0 0;
  }
  #admission .information .detail .local {
    margin-bottom: -60px;
  }
  #admission .information .detail .local .article p {
    margin: 0;
  }
  #admission .information .detail .local .article .color-light-gray {
    color: #666;
  }
  #admission .information .detail .local .article h3 {
    margin-bottom: 20px;
  }
  #admission .information .detail .local .lead {
    margin-top: -20px;
  }
  #admission .information .detail .local .lead h2 {
    font-size: 22px;
  }
  #admission .information .detail .local .sub-block {
    padding: 40px 0;
  }
  #admission .information .detail .local .sub-block .txt-bg {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
  }
  #admission .information .detail .local #local-detail .btn-block {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  #admission .information .detail .local #local-detail .col2 {
    width: 22%;
  }
  #admission .information .detail .local #local-exam_place h3 {
    margin-bottom: 15px;
  }
  #admission .information .detail .local #local-exam_place h4 {
    color: #333;
    font-weight: normal;
  }
  #admission .information .detail .local #local-exam_place h4 .label {
    color: #0054ff;
    font-weight: bold;
  }
  #admission .information .detail .local #local-exam_place .block {
    width: auto;
    padding-right: 0;
    float: none;
  }
  #admission .information .detail .local #local-exam_place .block dl dt {
    width: 76px;
  }
  #admission .information .detail .local #local-exam_place .block dl dt .circle {
    border: solid 2px #0054ff;
    width: 72px;
    height: 72px;
    border-radius: 36px;
    color: #0054ff;
    line-height: 5.5em;
    text-align: center;
  }
  #admission .information .detail .local #local-exam_place .map {
    margin-top: 0;
  }
  #admission .information .detail .local #local-exam_place h3 {
    margin-bottom: 20px;
  }
  #admission .information .detail .local #local-exam_place .table-list {
    margin-bottom: 30px;
    width: auto;
  }
  #admission .information .detail .local #local-exam_place #map1, #admission .information .detail .local #local-exam_place #map2 {
    width: auto;
    height: auto;
  }
  #admission .information .detail .local #local-exam_place img {
    max-width: 100%;
    width: auto;
  }
  #admission .information .detail .local #local-banner h3 {
    font-size: 18px;
    margin: 0 0 15px;
  }
  #admission .information .detail .list.list_ao .table-list th {
    width: 25%;
  }
  #admission .registration {
    min-height: 0;
    padding: 0 15px;
  }
  #admission .registration .top .head {
    padding-top: 30px;
    padding-bottom: 0;
    margin-bottom: 20px;
  }
  #admission .registration .top .head h1 {
    float: none;
    line-height: 1.2em;
  }
  #admission .registration h2 {
    font-size: 16px;
    font-weibht: bold;
    margin-bottom: 1em;
  }
  #admission .registration p {
    font-size: 14px;
    color: #666;
    margin-bottom: .7em;
  }
  #admission .registration form.form {
    margin: 30px 0;
  }
  #admission .registration form.form p {
    margin-bottom: 20px;
  }
  #admission .registration form.form .label {
    font-size: 16px;
    margin-right: 1em;
    display: block;
  }
  #admission .registration form.form input[type=text] {
    border: 1px solid #CCC;
    width: 90%;
  }
  #admission .registration form.form intpu[type=submit] {
    margin-top: 1em;
  }
  #admission .blog {
    font-size: 14px;
    overflow: hidden;
  }
  #admission .blog .block1 {
    padding-bottom: 30px;
  }
  #admission .blog .block1 .head {
    padding-top: 40px;
    padding-bottom: 30px;
    display: block;
  }
  #admission .blog .block1 .head h1,
  #admission .blog .block1 .head .lead {
    display: block;
  }
  #admission .blog .block1 .head h1 {
    float: none;
  }
  #admission .blog .block1 .head .lead {
    margin-top: 20px;
    margin-left: 0;
    color: #666;
  }
  #admission .blog h2 {
    margin: 20px 0;
    font-size: 14px;
  }
  #admission .blog p {
    color: #666;
  }
  #admission .blog .bg {
    border-top: none;
    background-color: #EFEFEF;
  }
  #admission .blog .btn-blue {
    padding: 8px 0 5px;
    display: block;
    text-align: center;
    background-color: #0054ff;
    color: #FFF;
    border-bottom: none;
  }
  #admission .blog .btn-blue:hover {
    opacity: 0.6;
  }
  #admission .blog .more {
    margin-top: 10px;
    font-size: 11px;
  }
  #admission .blog .contents .main {
    width: 100%;
    float: none;
    overflow: hidden;
  }
  #admission .blog .contents .main .article {
    border-bottom: solid 1px #CCC;
    margin-bottom: 30px;
    padding-bottom: 30px !important;
  }
  #admission .blog .contents .main .article .sub-block {
    color: #666;
  }
  #admission .blog .contents .main .article .sub-block .delimiter {
    padding: 0 5px;
  }
  #admission .blog .contents .main .article .sub-block .category a {
    margin-left: 10px;
  }
  #admission .blog .contents .main .article .block h2 {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
  }
  #admission .blog .contents .main .article .block h2 a {
    color: #000;
  }
  #admission .blog .contents .main .article .block p {
    margin-bottom: 30px;
  }
  #admission .blog .contents .main .article .block img {
    max-width: 100%;
  }
  #admission .blog .contents .main .article .block .more .arrow {
    vertical-align: top;
    margin-top: 6px;
    margin-left: 5px;
  }
  #admission .blog .contents .sidebar {
    border-top: solid 1px #C5C5C5;
    padding-top: 30px;
    margin-left: 0;
    width: 100%;
  }
  #admission .blog .contents .sidebar .block {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: solid 1px #CCC;
  }
  #admission .blog .contents .sidebar .block h3 {
    margin-bottom: 20px;
    padding: 0 15px;
  }
  #admission .blog .contents .sidebar .block ul {
    padding: 0 15px;
    font-size: 12px;
  }
  #admission .blog .contents .sidebar .block ul li {
    line-height: 1.5em;
    margin-bottom: 10px;
  }
  #admission .event .top .head {
    padding-top: 40px;
    padding-bottom: 30px;
  }
  #admission .event .top .head h1 {
    float: none;
  }
  #admission .event .top .head .lead {
    margin-top: 20px;
    margin-left: 0;
    color: #666;
  }
  #admission .event .top .event-block {
    padding: 0;
    overflow: hidden;
  }
  #admission .event .top .event-block .pure-g-r {
    margin-left: 0;
  }
  #admission .event .top .event-block .pure-g-r .pure-u-1-2 {
    margin-left: 0;
    padding-bottom: 30px;
    width: 100%;
    float: none;
  }
  #admission .event .top .event-block .pure-g-r h2 {
    font-size: 16px;
  }
  #admission .event .top .event-block .pure-g-r .img {
    width: 100%;
    margin-bottom: 20px;
  }
  #admission .event .detail {
    padding-bottom: 0;
  }
  #admission .event .detail .head {
    padding-top: 40px;
    padding-bottom: 20px;
    overflow: hidden;
  }
  #admission .event .detail .head h1 {
    float: none;
    width: auto;
    height: auto;
    background-color: transparent;
    line-height: 1em;
    text-align: left;
  }
  #admission .event .detail .head .banner {
    margin-bottom: 20px;
    float: none;
    width: 100%;
  }
  #admission .event .detail .head .banner img {
    width: 100%;
  }
  #admission .event .detail .entry-exam h2 {
    font-size: 16px;
  }
  #admission .event .detail .career h3 {
    font-size: 16px;
  }
  #admission .event .detail .career .table-list .city {
    width: 20%;
  }
  #admission .event .detail .career .table-list .date {
    width: 20%;
  }
  #admission .event .detail .career .table-list .hour {
    width: 20%;
  }
  #admission .event .detail .career .table-list .venue {
    width: 40%;
  }
  #admission .event .detail .career .anchor {
    overflow: hidden;
    border-top: solid 1px #CCC;
    border-bottom: solid 1px #CCC;
    padding: 10px 0 0;
  }
  #admission .event .detail .career .anchor li {
    float: left;
    width: 25%;
    margin-bottom: 10px;
  }
  #admission .event .detail .career .anchor li a {
    display: block;
    font-size: 16px;
  }
  #admission .event .detail .career .anchor li a .arrow-double {
    margin-top: 7px;
    padding-left: 10px;
    vertical-align: top;
  }
  #admission .event .detail .career .oneday h2 {
    padding-top: 40px;
    border-top: solid 1px #CCC;
  }
  #admission .event .detail .career .oneday h2 .sub-title {
    padding: 0;
    display: block;
  }
  #admission .event .detail .career .oneday .btn-blue {
    margin-top: 15px;
    float: none;
    border-bottom: none;
  }
  #admission .event .opencampus-top .article {
    padding: 40px 0;
  }
  #admission .event .opencampus-top .article h2 {
    margin-bottom: 30px;
    font-size: 24px;
    font-family: "Futura Medium", 'Gill Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size-adjust: 0.48;
    font-weight: normal;
    font-style: normal;
  }
  #admission .event .opencampus-top .lead {
    padding-top: 0;
  }
  #admission .event .opencampus-top .schedule {
    overflow: hidden;
    width: 100%;
  }
  #admission .event .opencampus-top .schedule ul {
    overflow: hidden;
  }
  #admission .event .opencampus-top .schedule ul li {
    margin-right: 0.8333%;
    margin-top: 0.8333%;
    float: left;
    width: 49%;
  }
  #admission .event .opencampus-top .schedule ul li:last-child {
    margin-right: 0;
  }
  #admission .event .opencampus-top .schedule ul li img {
    width: 100%;
    max-width: 100%;
  }
  #admission .event .opencampus-top .btn-campus {
    display: block;
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    font-size: 15px;
    background-color: #0054FF;
    text-align: left;
  }
  #admission .event .opencampus-top .btn-campus .icon {
    margin-left: -5px;
    margin-right: 5px;
    margin-top: 6px;
    width: 20px;
    vertical-align: top;
  }
  #admission .event .opencampus-top .btn-campus .arrow {
    vertical-align: top;
    margin-top: 8px;
    margin-left: 0;
    float: right;
    padding-right: 10px;
  }
  #admission .event .opencampus-top .photo-list ul {
    margin-left: 0;
    margin-bottom: 20px;
    overflow: hidden;
  }
  #admission .event .opencampus-top .photo-list ul li {
    margin-left: 0;
    width: 100%;
    float: none;
  }
  #admission .event .opencampus-top .photo-list ul li img {
    max-width: 100%;
    width: 100%;
  }
  #admission .event .opencampus-top .program dl dt,
  #admission .event .opencampus-top .program dl dd {
    vertical-align: top;
  }
  #admission .event .opencampus-top .program dl dt {
    padding-right: 20px;
  }
  #admission .event .opencampus-top .program dl dt .num1 {
    margin-top: 0;
  }
  #admission .event .opencampus-top .program dl dd {
    font-size: 13px;
  }
  #admission .event .opencampus-top .program dl dd h3 {
    font-size: 16px;
  }
  #admission .event .opencampus .banner, #admission .event .opencampus-report .banner {
    padding-top: 50px;
    text-align: center;
  }
  #admission .event .opencampus .banner h1, #admission .event .opencampus-report .banner h1 {
    margin: 0 auto;
  }
  #admission .event .opencampus .banner h1 img, #admission .event .opencampus-report .banner h1 img {
    max-width: 100%;
  }
  #admission .event .opencampus .article, #admission .event .opencampus-report .article {
    padding: 30px 0;
  }
  #admission .event .opencampus .article h2, #admission .event .opencampus-report .article h2 {
    font-size: 24px;
  }
  #admission .event .opencampus .anchor-list, #admission .event .opencampus-report .anchor-list {
    padding: 40px 0 0;
    overflow: hidden;
  }
  #admission .event .opencampus .anchor-list ul, #admission .event .opencampus-report .anchor-list ul {
    margin-left: 0;
  }
  #admission .event .opencampus .anchor-list ul li, #admission .event .opencampus-report .anchor-list ul li {
    margin-left: 0;
    width: auto;
    float: none;
    border-bottom: solid 2px #FFF;
  }
  #admission .event .opencampus .anchor-list ul li a, #admission .event .opencampus-report .anchor-list ul li a {
    background-color: #0054ff;
    padding: 10px 20px;
    font-size: 16px;
    color: #FFF;
    text-align: center;
    display: block;
  }
  #admission .event .opencampus .anchor-list ul li a .sp-only, #admission .event .opencampus-report .anchor-list ul li a .sp-only {
    display: inline;
  }
  #admission .event .opencampus .anchor-list ul li a .arrow, #admission .event .opencampus-report .anchor-list ul li a .arrow {
    margin-left: 10px;
    vertical-align: middle;
  }
  #admission .event .opencampus .btn-talk, #admission .event .opencampus-report .btn-talk {
    font-size: 15px !important;
  }
  #admission .event .opencampus .btn-talk .icon, #admission .event .opencampus-report .btn-talk .icon {
    margin-right: 5px;
    margin-top: 7px;
    vertical-align: top;
    margin-right: 5px;
    width: 21px;
    height: 21px;
  }
  #admission .event .opencampus .btn-talk .arrow, #admission .event .opencampus-report .btn-talk .arrow {
    margin-left: -5px;
    margin-right: 5px;
    margin-top: 6px !important;
    vertical-align: top;
  }
  #admission .event .opencampus .article .pure-g-r, #admission .event .opencampus-report .article .pure-g-r {
    overflow: hidden;
  }
  #admission .event .opencampus .article .pure-g-r .pure-u-1-2,
  #admission .event .opencampus .article .pure-g-r .pure-u-1-3, #admission .event .opencampus-report .article .pure-g-r .pure-u-1-2,
  #admission .event .opencampus-report .article .pure-g-r .pure-u-1-3 {
    float: none;
    width: 100%;
  }
  #admission .event .opencampus .article .block, #admission .event .opencampus-report .article .block {
    overflow: hidden;
  }
  #admission .event .opencampus .article .block.left, #admission .event .opencampus-report .article .block.left {
    padding-right: 0;
  }
  #admission .event .opencampus .article .block.left.line, #admission .event .opencampus-report .article .block.left.line {
    border-right: none;
  }
  #admission .event .opencampus .article .block.right, #admission .event .opencampus-report .article .block.right {
    padding-left: 0;
  }
  #admission .event .opencampus .spot h3, #admission .event .opencampus-report .spot h3 {
    color: #0054ff;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #admission .event .opencampus .spot img, #admission .event .opencampus-report .spot img {
    margin-bottom: 20px;
  }
  #admission .event .opencampus .enquete ul, #admission .event .opencampus-report .enquete ul {
    overflow: hidden;
  }
  #admission .event .opencampus .enquete ul .img, #admission .event .opencampus-report .enquete ul .img {
    width: 100%;
    float: none;
  }
  #admission .event .opencampus .enquete ul .img img, #admission .event .opencampus-report .enquete ul .img img {
    width: 100%;
    max-width: 100%;
  }
  #admission .event .opencampus .enquete ul .txt, #admission .event .opencampus-report .enquete ul .txt {
    width: 100%;
    float: none;
  }
  #admission .event .opencampus .enquete ul .txt p, #admission .event .opencampus-report .enquete ul .txt p {
    padding: 10px 0 0;
    margin: 0;
  }
  #admission .event .opencampus .programs, #admission .event .opencampus-report .programs {
    padding-bottom: 50px;
    overflow: hidden;
  }
  #admission .event .opencampus .programs ul, #admission .event .opencampus-report .programs ul {
    margin-top: -10px;
    margin-left: 0;
  }
  #admission .event .opencampus .programs ul li, #admission .event .opencampus-report .programs ul li {
    margin-left: 0;
    margin-top: 10px;
    padding: 10px;
    width: auto;
    float: left;
    background-color: #EFEFEF;
  }
  #admission .event .opencampus .programs ul li .thumbnail, #admission .event .opencampus-report .programs ul li .thumbnail {
    float: left;
    margin-right: 10px;
  }
  #admission .event .opencampus .programs ul li .thumbnail img, #admission .event .opencampus-report .programs ul li .thumbnail img {
    width: 77px;
    height: 77px;
  }
  #admission .event .opencampus .programs ul li .txt, #admission .event .opencampus-report .programs ul li .txt {
    margin-left: 87px;
  }
  #admission .event .opencampus .programs ul li.margin-top, #admission .event .opencampus-report .programs ul li.margin-top {
    margin-top: 10px;
  }
  #admission .event .opencampus .programs ul li.row .thumbnail, #admission .event .opencampus-report .programs ul li.row .thumbnail {
    margin-bottom: 0;
  }
  #admission .event .opencampus .programs ul li.row .thumbnail img, #admission .event .opencampus-report .programs ul li.row .thumbnail img {
    height: 160px;
  }
  #admission .event .opencampus .programs ul li.talk-event .block, #admission .event .opencampus-report .programs ul li.talk-event .block {
    padding: 10px;
  }
  #admission .event .opencampus .programs ul li.talk-event .title, #admission .event .opencampus-report .programs ul li.talk-event .title {
    line-height: 1.4em;
    font-size: 16px;
  }
  #admission .event .opencampus .programs ul li.talk-event .lead, #admission .event .opencampus-report .programs ul li.talk-event .lead {
    margin: 0;
    font-size: 13px;
  }
  #admission .event .opencampus .programs ul li.talk-event dl, #admission .event .opencampus-report .programs ul li.talk-event dl {
    display: table;
  }
  #admission .event .opencampus .programs ul li.talk-event dl dt, #admission .event .opencampus .programs ul li.talk-event dl dd, #admission .event .opencampus-report .programs ul li.talk-event dl dt, #admission .event .opencampus-report .programs ul li.talk-event dl dd {
    vertical-align: top;
    display: table-cell;
  }
  #admission .event .opencampus .programs ul li.talk-event dl dt img, #admission .event .opencampus-report .programs ul li.talk-event dl dt img {
    width: 77px;
    height: auto;
  }
  #admission .event .opencampus .programs ul li.talk-event dl dd, #admission .event .opencampus-report .programs ul li.talk-event dl dd {
    padding: 10px;
    vertical-align: middle;
  }
  #admission .event .opencampus .programs ul li.talk-event dl dd .title, #admission .event .opencampus-report .programs ul li.talk-event dl dd .title {
    font-size: 15px;
  }
  #admission .event .opencampus .programs ul li.talk-event dl dd .lead, #admission .event .opencampus-report .programs ul li.talk-event dl dd .lead {
    margin: 0;
    font-size: 13px;
  }
  #admission .event .opencampus .programs ul li.talk-event dl.profile dt img, #admission .event .opencampus-report .programs ul li.talk-event dl.profile dt img {
    width: 77px;
    height: 77px;
  }
  #admission .event .opencampus .programs ul li.talk-event dl.profile dd strong, #admission .event .opencampus-report .programs ul li.talk-event dl.profile dd strong {
    font-size: 13px !important;
  }
  #admission .event .opencampus .timetable p img, #admission .event .opencampus-report .timetable p img {
    max-width: 100%;
  }
  #admission .event .opencampus .timetable .btn-time, #admission .event .opencampus-report .timetable .btn-time {
    display: block;
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    font-size: 15px;
    background-color: #0054FF;
    text-align: left;
  }
  #admission .event .opencampus .timetable .btn-time .icon, #admission .event .opencampus-report .timetable .btn-time .icon {
    margin-left: -5px;
    margin-right: 5px;
    margin-top: 6px;
    width: 20px;
    vertical-align: top;
  }
  #admission .event .opencampus .timetable .btn-time .arrow, #admission .event .opencampus-report .timetable .btn-time .arrow {
    vertical-align: top;
    margin-top: 8px;
    margin-left: 0;
    float: right;
    padding-right: 10px;
  }
  #admission .event .opencampus .event h3, #admission .event .opencampus-report .event h3 {
    border: solid 2px #0054ff;
    padding: 5px 10px;
    margin-bottom: 15px;
    color: #0054ff;
    font-weight: bold;
    margin-top: 30px;
  }
  #admission .event .opencampus .event h3 .title, #admission .event .opencampus-report .event h3 .title {
    font-weight: bold;
    float: none;
  }
  #admission .event .opencampus .event h3 .name, #admission .event .opencampus-report .event h3 .name {
    text-align: left;
    float: none;
  }
  #admission .event .opencampus .event h4, #admission .event .opencampus-report .event h4 {
    font-weight: bold;
    color: #666;
    font-size: 14px;
  }
  #admission .event .opencampus .event p, #admission .event .opencampus-report .event p {
    color: #666;
    font-size: 14px;
    line-height: 1.8em;
  }
  #admission .event .opencampus .event .two-column,
  #admission .event .opencampus .event .three-column, #admission .event .opencampus-report .event .two-column,
  #admission .event .opencampus-report .event .three-column {
    overflow: hidden;
    margin-left: 0;
    margin-bottom: 30px;
    margin-top: -30px;
  }
  #admission .event .opencampus .event .two-column li,
  #admission .event .opencampus .event .three-column li, #admission .event .opencampus-report .event .two-column li,
  #admission .event .opencampus-report .event .three-column li {
    margin-left: 0;
    width: auto;
    float: none;
  }
  #admission .event .opencampus .program-contents, #admission .event .opencampus-report .program-contents {
    padding-bottom: 0;
  }
  #admission .event .opencampus .program-contents a, #admission .event .opencampus-report .program-contents a {
    display: block;
    margin: 0px auto 30px;
    width: auto;
    max-width: 290px;
    text-align: center;
  }
  #admission .event .opencampus .program-contents a .icon, #admission .event .opencampus-report .program-contents a .icon {
    margin-bottom: 10px;
    width: 70px;
    height: 70px;
  }
  #admission .event .opencampus .program-contents a h3, #admission .event .opencampus-report .program-contents a h3 {
    margin-bottom: 10px;
    font-size: 16px;
  }
  #admission .event .opencampus .contact h2, #admission .event .opencampus-report .contact h2 {
    margin-bottom: 20px;
  }
  #admission .event .opencampus .contact .tel, #admission .event .opencampus .contact .sub, #admission .event .opencampus-report .contact .tel, #admission .event .opencampus-report .contact .sub {
    color: #0054ff;
    -webkit-font-smoothing: antialiased;
  }
  #admission .event .opencampus .contact .tel, #admission .event .opencampus-report .contact .tel {
    font-size: 24px;
  }
  #admission .event .opencampus .contact .sub, #admission .event .opencampus-report .contact .sub {
    padding-left: 0;
    font-size: 14px;
    display: block;
  }
  #admission .event .opencampus .contact .date, #admission .event .opencampus-report .contact .date {
    padding-top: 20px;
  }
  #admission .event .opencampus-report .lead {
    color: #333;
  }
  #admission .event .opencampus-report .photo-list .shadow {
    margin-top: 10px;
  }
  #admission .event .opencampus-report .photo-list .shadow .block {
    padding: 10px;
  }
  #admission .event .opencampus-report .photo-list .shadow .block ul {
    overflow: hidden;
    margin-left: 0;
    margin-top: -10px;
  }
  #admission .event .opencampus-report .photo-list .shadow .block ul li {
    margin-top: 10px;
    margin-left: 0;
    float: none;
  }
  #admission .event .opencampus-report .photo-list .shadow .block ul li img {
    max-width: 100%;
    width: 100%;
  }
  #admission .event .opencampus-report .photo-list .shadow.two-clumn-harf-left {
    float: none;
  }
  #admission .event .opencampus-report .photo-list .shadow.two-clumn-harf-right {
    margin-left: 0;
  }
  #admission .event .opencampus-report .photo-list .shadow.two-clumn-1-4-left {
    float: none;
  }
  #admission .event .opencampus-report .photo-list .shadow.two-clumn-3-4-right {
    margin-left: 0;
  }
  #admission .event .onedaycampus .banner {
    padding-top: 0;
    background-color: #8CD2F0;
    text-align: center;
  }
  #admission .event .onedaycampus .banner img {
    width: auto;
  }
  #admission .event .onedaycampus .article {
    padding: 30px 0;
  }
  #admission .event .onedaycampus .article h2 {
    font-size: 16px;
  }
  #admission .event .onedaycampus .about ul {
    margin-left: -15px;
    margin-top: -15px;
    overflow: hidden;
  }
  #admission .event .onedaycampus .about ul li {
    margin-left: 15px;
    margin-top: 15px;
    float: left;
    width: 45%;
  }
  #admission .event .onedaycampus .about ul li img {
    max-width: 100%;
  }
  #admission .event .onedaycampus .odc .block {
    overflow: hidden;
  }
  #admission .event .onedaycampus .odc .block .img {
    float: none;
    margin-right: 0;
  }
  #admission .event .onedaycampus .odc .block .img img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  #admission .event .onedaycampus .odc .block .txt p {
    margin-bottom: 10px;
  }
  #admission .event .onedaycampus .odc .block .txt img {
    width: 50%;
  }
  #admission .event .onedaycampus .program ul li {
    margin-bottom: 20px;
  }
  #admission .event .onedaycampus .program ul li .time {
    margin-right: 20px;
    width: 38px;
    height: 38px;
  }
  #admission .event .onedaycampus .program ul li .txt p {
    font-size: 12px;
    line-height: 1.5em;
  }
  #admission .event .onedaycampus .program .info {
    margin-top: 30px;
    padding: 15px;
    height: auto;
    text-align: center;
    line-height: 1.4em;
    font-size: 13px;
  }
  #admission .event .onedaycampus .access {
    overflow: hidden;
  }
  #admission .event .onedaycampus .access .pure-g-r {
    margin-left: -10px;
    margin-top: -10px;
  }
  #admission .event .onedaycampus .access .pure-g-r .pure-u-1-4 {
    margin-left: 10px;
    margin-top: 10px;
    float: left;
    width: 46.8%;
  }
  #admission .event .onedaycampus .access .pure-g-r .pure-u-1-4 img {
    max-width: inherit;
    width: 100%;
  }
  #admission .event .onedaycampus .article.btn-sns {
    padding: 0;
  }
  #admission .event .onedaycampus .article.btn-sns .btn-tw, #admission .event .onedaycampus .article.btn-sns .btn-blog {
    display: block;
    color: #FFF;
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 14px;
  }
  #admission .event .onedaycampus .article.btn-sns .btn-tw .icon, #admission .event .onedaycampus .article.btn-sns .btn-blog .icon {
    margin-right: 10px;
    width: 17px;
    height: 13px;
    vertical-align: middle;
  }
  #admission .event .onedaycampus .article.btn-sns .btn-tw .arrow, #admission .event .onedaycampus .article.btn-sns .btn-blog .arrow {
    vertical-align: middle;
    margin-top: 0;
    margin-left: 10px;
  }
  #admission .event .onedaycampus .article.btn-sns .btn-tw {
    text-align: center;
    padding: 15px;
  }
  #admission .event .onedaycampus .article.btn-sns .btn-blog {
    padding: 15px;
    text-align: center;
  }

  #home .bg {
    border-top: none;
    background-color: #EFEFEF;
  }
  #home .btn-blue {
    padding: 8px 0 5px;
    display: block;
    text-align: center;
    background-color: #0054ff;
    color: #FFF;
    border-bottom: none;
    font-size: 15px;
  }
  #home .btn-blue:hover {
    opacity: 0.6;
  }
  #home .btn-blue .arrow,
  #home .btn-blue .arrow-double {
    vertical-align: top;
    margin-top: 8px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
  }
  #home .btn-blue .sp-only {
    display: inline;
  }
  #home .btn-blue .arrow-single {
    vertical-align: top;
    margin-top: 2px;
    margin-left: 5px;
    width: 9px;
    height: 18px;
  }
  #home .btn-blue .arrow-down {
    vertical-align: top;
    margin-top: 8px;
    margin-left: 5px;
    width: 8px;
    height: 8px;
  }
  #home .more {
    margin-top: 0;
    margin-bottom: 0;
    letter-spacing: 0.05em;
    float: none;
    clear: both;
  }
  #home .head {
    margin-bottom: 20px;
    overflow: hidden;
  }
  #home .head h2 {
    float: none;
    margin-right: 30px;
    font-size: 22px;
  }
  #home .head h2 a {
    color: #000;
  }
  #home .head .lead {
    padding-top: 5px;
    vertical-align: bottom;
    color: #666;
  }
  #home .news-block {
    padding: 30px 0 0;
  }
  #home .news-block .caution {
    padding: 0 5px;
    margin-bottom: 5px;
    display: block;
    background-color: #00F;
    color: #FFF;
    text-align: center;
    font-size: 11px;
    line-height: 1.6em;
    float: left;
  }
  #home .news-block .pure-g-r {
    margin-left: 0;
  }
  #home .news-block .pure-g-r .pure-u-1-4 {
    margin-left: 0;
    padding-bottom: 15px;
    width: 100%;
    position: relative;
    line-height: 1.4em;
  }
  #home .news-block .pure-g-r .pure-u-1-4 a {
    color: #000;
  }
  #home .news-block .pure-g-r .pure-u-1-4 .date {
    position: inherit;
    color: #666;
    font-size: 14px;
  }
  #home .news-block .pure-g-r .pure-u-1-4 p {
    clear: both;
    margin-bottom: 0;
  }
  #home .event-block {
    padding: 30px 0 0;
  }
  #home .event-block .pure-g-r {
    margin-left: 0;
  }
  #home .event-block .pure-g-r .pure-u-1-4 {
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    position: relative;
  }
  #home .event-block .pure-g-r .pure-u-1-4 a {
    color: #000;
  }
  #home .event-block .pure-g-r .pure-u-1-4 .date {
    margin-bottom: 0;
    color: #000;
    font-size: 15px;
    height: auto;
  }
  #home .event-block .pure-g-r .pure-u-1-4 .date .day {
    padding-left: 10px;
    font-size: 6px;
    font-weight: bold;
    color: #666;
  }
  #home .event-block .pure-g-r .pure-u-1-4 .date .sun {
    color: red;
  }
  #home .event-block .pure-g-r .pure-u-1-4 .date .sat {
    color: blue;
  }
  #home .event-block .pure-g-r .pure-u-1-4 h3 {
    margin: 0;
    font-size: 13px;
    line-height: 1.4em;
  }
  #home .event-block .pure-g-r .pure-u-1-4 p {
    font-size: 12px;
    line-height: 1.3em;
  }
  #home .event-block .pure-g-r .pure-u-1-4 p a {
    color: #666;
  }
  #home .event-block .pure-g-r .pure-u-1-4 img {
    margin: 0 10px 0 0;
    float: left;
    width: 27.8125%;
  }
  #home .sp-banner-block {
    padding: 30px 0 0;
  }
  #home .sp-banner-block ul li {
    margin-bottom: 10px;
    padding: 0 40px;
    text-align: center;
  }
  #home .sp-banner-block ul li a img {
    width: auto;
  }
  #home .sp-banner-block .more {
    padding-top: 20px;
  }

  #deprecated #header {
    border-bottom: none;
  }
  #deprecated #contents .topicpath {
    padding-top: 15px;
    padding-bottom: 0;
    overflow: hidden;
  }
  #deprecated #contents .topicpath ul {
    padding-left: 0;
  }
  #deprecated #contents .topicpath ul li {
    margin-left: 0;
  }
  #deprecated #contents h1 {
    float: none;
  }
  #deprecated #contents .news-detail img {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
  #deprecated #contents .news-detail .sp-inner {
    padding: 0;
  }

  #general #header {
    border-bottom: none;
  }
  #general #contents .topicpath {
    padding-top: 15px;
    padding-bottom: 0;
    overflow: hidden;
  }
  #general #contents .topicpath ul {
    padding-left: 0;
  }
  #general #contents .topicpath ul li {
    margin-left: 0;
  }
  #general #visitor {
    padding-bottom: 0;
  }
  #general #visitor h1 {
    margin: 30px 0;
  }
  #general #visitor h2 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  #general #visitor .block .sidebar {
    float: none;
    width: 100%;
  }
  #general #visitor .block .sidebar h2 a {
    padding: 5px 10px;
    display: block;
    color: #FFF;
    background-color: #0054ff;
  }
  #general #visitor .block .sidebar h2 a .arrow {
    vertical-align: top;
    margin-left: 10px;
    margin-top: 5px;
  }
  #general #visitor .block .sidebar ul {
    margin-bottom: 30px;
  }
  #general #visitor .block .sidebar ul li {
    margin-bottom: 5px;
  }
  #general #visitor .block .main {
    float: none;
    width: 100%;
  }
  #general #visitor .block h2.btn a {
    padding: 5px 10px;
    display: block;
    color: #FFF;
    background-color: #0054ff;
  }
  #general #visitor .block h2.btn a .arrow {
    vertical-align: top;
    margin-left: 10px;
    margin-top: 5px;
  }
  #general #visitor .block .article {
    padding: 0 0 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #CCC;
  }
  #general #visitor .block .article:first-child {
    padding-top: 30px;
    margin-top: 30px;
    border-top: solid 1px #CCC;
  }
  #general #visitor .block .article:last-child {
    border-bottom: none;
  }
  #general #visitor .block .article img {
    max-width: 100%;
    width: 100%;
  }
  #general #visitor .block .article img.img-full-non {
    max-width: inherit;
    width: 7px;
    height: 13px;
  }
}
/* @media only all and (max-width:568px)  END
---------------------------------------------------------------------------- */
@media print {
  body {
    border-top: solid 10px #FF0;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #000;
    background: none;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", HelveticaNeue, Arial, sans-serif;
    font-size: 11pt;
  }

  header,
  #sub-menu {
    display: none;
  }

  .table-list {
    border: 2px solid #333;
    border-collapse: separate;
    border-spacing: 0px;
    width: 100%;
  }

  .table-list th {
    font-weight: bold;
  }

  .table-list th, td {
    padding: 4px;
    border-collapse: separate;
    border-spacing: 0px;
    border: 2px solid #333;
  }
}