/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px)
}
/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9)
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes
}
.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes
}
/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0
}
/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  /* padding: 35px; */-webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards
}
.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes
}
.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes
}
/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle
}
/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent
}
.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38
}
.remodal-close:before {
  font-family: Arial,"Helvetica CY","Nimbus Sans L",sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center
}
/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0
}
.remodal-confirm {
  color: #fff;
  background: #81c784
}
.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a
}
.remodal-cancel {
  color: #fff;
  background: #e57373
}
.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350
}
/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0
}
/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
    -webkit-filter: blur(0);
    filter: blur(0)
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1
  }
  to {
    opacity: 0
  }
}
/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 900px
  }
}
/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38
}
.lt-ie9 .remodal {
  width: 700px
}
/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none
}
/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none
}
/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 9999;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none
}
/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch
}
.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: ""
}
/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}
/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%
}
.remodal-is-initialized {
  /* Disable Anti-FOUC */display: inline-block
}
/**
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.5.0 (11/03/2018)
 */
/**
 * Lightcase settings
 *
 * Note: Override default settings for your project without touching this source code by simply
 * defining those variables within a SASS map called '$lightcase-custom'.
 *
 * // Example usage
 * $lightcase-custom: (
 *   'breakpoint': 768px
 * );
 */
@font-face {
  font-family: 'lightcase';
  src: url("/campus_for_life/css/fonts/lightcase.eot?55356177");
  src: url("/campus_for_life/css//campus_for_life/css/fonts/lightcase.eot?55356177") format("embedded-opentype"),url("/campus_for_life/css/fonts/lightcase.woff?55356177") format("woff"),url("/campus_for_life/css/fonts/lightcase.ttf?55356177") format("truetype"),url("/campus_for_life/css/fonts/lightcase.svg?55356177") format("svg");
  font-weight: normal;
  font-style: normal
}
/* line 12, ../scss/components/fonts/_font-lightcase.scss */
[class*='lightcase-icon-']:before {
  font-family: 'lightcase',sans-serif;
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  text-align: center;
  /* For safety - reset parent styles, that can break glyph codes*/font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */line-height: 1em/* Uncomment for 3D effect *//* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/* Codes */
/* line 35, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-play:before {
  content: '\e800'
}
/* line 36, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-pause:before {
  content: '\e801'
}
/* line 37, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-close:before {
  /* content: '\e802'; */content: '';
  width: 32px;
  height: 32px;
  background: url(/campus_for_life/img/btn_close.png) no-repeat center/100%
}
/* line 38, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-prev:before {
  /* content: '\e803'; */content: '';
  width: 24px;
  height: 40px;
  background: url(/campus_for_life/img/btn_prev.png) no-repeat center/100%
}
/* line 39, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-next:before {
  /* content: '\e804'; */content: '';
  width: 24px;
  height: 40px;
  background: url(/campus_for_life/img/btn_next.png) no-repeat center/100%
}
/* line 40, ../scss/components/fonts/_font-lightcase.scss */
.lightcase-icon-spin:before {
  content: '\e805'
}
/**
 * Mixin providing icon defaults to be used on top of font-lightcase.
 *
 * Example usage:
 * @include icon(#e9e9e9)
 */
/**
 * Mixin providing icon defaults including a hover status to be used
 * on top of font-lightcase.
 *
 * Example usage:
 * @include icon-hover(#e9e9e9, #fff)
 */
/**
 * Provides natural content overflow behavior and scrolling support
 * even so for touch devices.
 *
 * Example usage:
 * @include overflow()
 */
/**
 * Neutralizes/resets dimensions including width, height, position as well as margins,
 * paddings and styles. Used to enforce a neutral and unstyled look and behavoir!
 *
 * Example usage:
 * @include clear(true)
 *
 * @param boolean $important
 */
@-webkit-keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
@keyframes lightcase-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg)
  }
}
/* line 1, ../scss/components/modules/_case.scss */
#lightcase-case {
  display: none;
  position: fixed;
  z-index: 2002;
  top: 50%;
  left: 50%;
  font-family: arial,sans-serif;
  font-size: 13px;
  line-height: 1.5;
  text-align: left;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.5)
}
@media screen and (max-width: 640px) {
  /* line 16, ../scss/components/modules/_case.scss */
html[data-lc-type=inline] #lightcase-case,
  html[data-lc-type=ajax] #lightcase-case {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    padding: 55px 0 70px 0;
    width: 100% !important;
    height: 100% !important;
    overflow: auto !important
  }
}
@media screen and (min-width: 641px) {
  /* line 4, ../scss/components/modules/_content.scss */
html:not([data-lc-type=error]) #lightcase-content {
    position: relative;
    z-index: 1;
    text-shadow: none;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -o-box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
    -webkit-backface-visibility: hidden
  }
}
@media screen and (min-width: 641px) {
  /* line 23, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content,
  html[data-lc-type=video] #lightcase-content {
    background-color: rgba(255, 255, 255, .7)
  }
}
/* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content,
html[data-lc-type=ajax] #lightcase-content,
html[data-lc-type=error] #lightcase-content {
  -webkit-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}
@media screen and (max-width: 640px) {
  /* line 31, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content,
  html[data-lc-type=ajax] #lightcase-content,
  html[data-lc-type=error] #lightcase-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important
  }
}
/* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box
}
@media screen and (max-width: 640px) {
  /* line 43, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner {
    padding: 15px
  }
  /* line 52, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *,
  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *,
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner > * {
    width: 100% !important;
    max-width: none !important
  }
  /* line 59, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner > *:not(iframe),
  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner > *:not(iframe),
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner > *:not(iframe) {
    height: auto !important;
    max-height: none !important
  }
}
@media screen and (max-width: 640px) {
  /* line 70, ../scss/components/modules/_content.scss */
html.lightcase-isMobileDevice[data-lc-type=iframe] #lightcase-content .lightcase-contentInner iframe {
    overflow: auto;
    -webkit-overflow-scrolling: touch
  }
}
@media screen and (max-width: 640px) and (min-width: 641px) {
  /* line 74, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner,
  html[data-lc-type=video] #lightcase-content .lightcase-contentInner {
    line-height: 0.75
  }
}
/* line 82, ../scss/components/modules/_content.scss */
html[data-lc-type=image] #lightcase-content .lightcase-contentInner {
  position: relative;
  overflow: hidden !important
}
@media screen and (max-width: 640px) {
  /* line 91, ../scss/components/modules/_content.scss */
html[data-lc-type=inline] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
  html[data-lc-type=ajax] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap,
  html[data-lc-type=error] #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important
  }
}
@media screen and (min-width: 641px) {
  /* line 100, ../scss/components/modules/_content.scss */
html:not([data-lc-type=error]) #lightcase-content .lightcase-contentInner .lightcase-inlineWrap {
    padding: 30px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
  }
}
@media screen and (max-width: 640px) {
  /* line 117, ../scss/components/modules/_content.scss */
#lightcase-content h1,
  #lightcase-content h2,
  #lightcase-content h3,
  #lightcase-content h4,
  #lightcase-content h5,
  #lightcase-content h6,
  #lightcase-content p {
    color: #aaa
  }
}
@media screen and (min-width: 641px) {
  /* line 117, ../scss/components/modules/_content.scss */
#lightcase-content h1,
  #lightcase-content h2,
  #lightcase-content h3,
  #lightcase-content h4,
  #lightcase-content h5,
  #lightcase-content h6,
  #lightcase-content p {
    color: #333
  }
}
/* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
  margin: 0;
  font-size: 17px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #aaa
}
@media screen and (max-width: 640px) {
  /* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
    padding: 30px 0
  }
}
@media screen and (min-width: 641px) {
  /* line 3, ../scss/components/modules/_error.scss */
#lightcase-case p.lightcase-error {
    padding: 0
  }
}
/* line 4, ../scss/components/modules/_global.scss */
.lightcase-open body {
  overflow: hidden
}
/* line 8, ../scss/components/modules/_global.scss */
.lightcase-isMobileDevice .lightcase-open body {
  max-width: 100%;
  max-height: 100%
}
/* line 1, ../scss/components/modules/_info.scss */
#lightcase-info {
  position: absolute;
  padding-top: 15px
}
/* line 9, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title,
#lightcase-info #lightcase-caption {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-weight: normal;
  text-overflow: ellipsis
}
/* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
  font-size: 17px;
  color: #aaa
}
@media screen and (max-width: 640px) {
  /* line 19, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-title {
    position: fixed;
    top: 10px;
    left: 0;
    max-width: 87.5%;
    padding: 5px 15px;
    background: #333
  }
}
/* line 33, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-caption {
  clear: both;
  font-size: 13px;
  color: #aaa
}
/* line 39, ../scss/components/modules/_info.scss */
#lightcase-info #lightcase-sequenceInfo {
  font-size: 11px;
  color: #aaa
}
@media screen and (max-width: 640px) {
  /* line 45, ../scss/components/modules/_info.scss */
.lightcase-fullScreenMode #lightcase-info {
    padding-left: 15px;
    padding-right: 15px
  }
  /* line 51, ../scss/components/modules/_info.scss */
html:not([data-lc-type=image]):not([data-lc-type=video]):not([data-lc-type=flash]):not([data-lc-type=error]) #lightcase-info {
    position: static
  }
}
/* line 1, ../scss/components/modules/_loading.scss */
#lightcase-loading {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  position: fixed;
  z-index: 2001;
  top: 50%;
  left: 50%;
  margin-top: -0.5em;
  margin-left: -0.5em;
  opacity: 1;
  font-size: 32px;
  text-shadow: 0 0 15px #fff;
  -moz-transform-origin: 50% 53%;
  -webkit-animation: lightcase-spin 0.5s infinite linear;
  animation: lightcase-spin 0.5s infinite linear
}
/* line 20, ../scss/components/mixins/_presets.scss */
#lightcase-loading,
#lightcase-loading:focus {
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color,opacity,ease-in-out 0.25s;
  transition: color,opacity,ease-in-out 0.25s
}
/* line 32, ../scss/components/mixins/_presets.scss */
#lightcase-loading > span {
  display: inline-block;
  text-indent: -9999px
}
/* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
  position: fixed;
  z-index: 9999;
  width: 1.123em;
  height: auto;
  font-size: 38px;
  line-height: 1;
  text-align: center;
  text-shadow: none;
  outline: none;
  cursor: pointer
}
/* line 20, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'],
a[class*='lightcase-icon-']:focus {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.6);
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: color,opacity,ease-in-out 0.25s;
  transition: color,opacity,ease-in-out 0.25s
}
/* line 32, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-'] > span {
  display: inline-block;
  text-indent: -9999px
}
/* line 49, ../scss/components/mixins/_presets.scss */
a[class*='lightcase-icon-']:hover {
  color: white;
  text-shadow: 0 0 15px white
}
/* line 10, ../scss/components/modules/_navigation.scss */
.lightcase-isMobileDevice a[class*='lightcase-icon-']:hover {
  color: #aaa;
  text-shadow: none
}
/* line 17, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-close {
  position: fixed;
  top: 33px;
  right: 15px;
  bottom: auto;
  margin: 0;
  opacity: 0;
  outline: none
}
/* line 28, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-prev {
  left: 15px
}
/* line 33, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-next {
  right: 15px
}
/* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause,
a[class*='lightcase-icon-'].lightcase-icon-play {
  left: 50%;
  margin-left: -0.5em
}
@media screen and (min-width: 641px) {
  /* line 38, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'].lightcase-icon-pause,
  a[class*='lightcase-icon-'].lightcase-icon-play {
    opacity: 0
  }
}
@media screen and (max-width: 640px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
    /* bottom: 50%; */top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px
  }
}
@media screen and (min-width: 641px) {
  /* line 2, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-'] {
    /* bottom: 50%; *//* margin-bottom: -0.5em; */top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
  }
  /* line 57, ../scss/components/modules/_navigation.scss */
a[class*='lightcase-icon-']:hover,
  #lightcase-case:hover ~ a[class*='lightcase-icon-'] {
    opacity: 1
  }
}
/* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
  display: none;
  width: 100%;
  min-height: 100%;
  position: fixed;
  z-index: 2000;
  top: -9999px;
  bottom: -9999px;
  left: 0;
  background: rgba(0,0,0, 0.7)
}
@media screen and (max-width: 640px) {
  /* line 1, ../scss/components/modules/_overlay.scss */
#lightcase-overlay {
    opacity: 1 !important
  }
}
.lightcase-icon-next {

}
#lightcase-info {
  display: none!important
}
@media screen and (min-width : 762px) {
  a[class*='lightcase-icon-'].lightcase-icon-next {
    right: 0;
    margin: auto;
    left: 650px
  }
  a[class*='lightcase-icon-'].lightcase-icon-prev {
    left: 0;
    margin: auto;
    right: 650px
  }
}
.lightcase-1-contentInner {
  height: 100vh!important;
  overflow-y: auto
}
/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0,0,0,0.7);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.lity.lity-opened {
  opacity: 1
}
.lity.lity-closed {
  opacity: 0
}
.lity * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em
}
.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  transition: opacity .3s ease
}
.lity-loading .lity-loader {
  opacity: 1
}
.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important
}
.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease,-webkit-transform .3s ease
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(.8);
  transform: scale(.8)
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
  box-shadow: 0 0 8px rgba(0,0,0,0.6)
}
.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none
}
.lity-close:active {
  top: 1px
}
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0
}
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.6);
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
  background: #000
}
.lity-hide {
  display: none
}
.lity-container {
  overflow-y: auto
}
.lity-image img {
  max-height: inherit!important
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list {
  background: #fff url('../img/ajax-loader.gif') center center no-repeat
}
/* Icons */
/* @font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('/campus_for_life/css/fonts/slick.eot');
    src: url('/campus_for_life/css/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/campus_for_life/css/fonts/slick.woff') format('woff'), url('/campus_for_life/css/fonts/slick.ttf') format('truetype'), url('/campus_for_life/css/fonts/slick.svg') format('svg');
} */
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  background: transparent
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: .25
}
.slick-prev:before,
.slick-next:before {
  font-family: 'slick';
  font-size: 20px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-prev {
  left: -25px
}
[dir='rtl'] .slick-prev {
  right: -25px;
  left: auto
}
.slick-prev:before {
  content: '←'
}
[dir='rtl'] .slick-prev:before {
  content: '→'
}
.slick-next {
  right: -25px
}
[dir='rtl'] .slick-next {
  right: auto;
  left: -25px
}
.slick-next:before {
  content: '→'
}
[dir='rtl'] .slick-next:before {
  content: '←'
}
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px
}
.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1
}
.slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: '?';
  text-align: center;
  opacity: .25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before {
  opacity: .75;
  color: black
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: none
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-loading .slick-track {
  visibility: hidden
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir='rtl'] .slick-slide {
  float: right
}
.slick-slide img {
  display: block
}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-loading .slick-slide {
  visibility: hidden
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}

/* reset.css */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* reset.css */

@charset "UTF-8";
html,
body {
  -webkit-text-size-adjust: 100%
}
html {
  overflow: auto
}

/* header */
.header {
  display: flex;
  justify-content: space-between;
  padding: 18px;
  align-items: center;
}
.header__logo {
  width: 160px;
}
.header__logo img {
  width: 100%;
  max-width: 160px;
  height: auto;
}
.header__link {
  position: relative;
  font-size: 12px;
  padding-bottom: 0.3em;
  transition: border .3s ease;
  text-decoration: none;
  padding-left: 1em;
  color: #000;
  border-bottom: 1px solid transparent;
}
.header__link:hover {
  border-bottom: 1px solid #000;
}
.header__link::before {
  position: absolute;
  top: 0.3em;
  left: 0;
  content: "";
  display: inline-block;
  width: 0.5em;
  height: 0.5em;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .header {
    padding: 12px 18px;
  }
  .header__logo {
    width: 125px;
  }
}
/* header */

.topContents {
  /*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

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

-------------------------------------------------------------------------------*//* Let's default this puppy out
-------------------------------------------------------------------------------*//* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ *//* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 *//* Responsive images and other embedded objects *//* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto *//*
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
	In fact, it *will* cause problems with Google Maps' controls at small size.
	If this is the case for you, try uncommenting the following:

#map img {
		max-width: none;
}
*//* force a vertical scrollbar to prevent a jumpy page *//* we use a lot of ULs that aren't bulleted.
	you'll have to restore the bullets within content,
	which is fine because they're probably customized anyway *//* tables still need cellspacing="0" in the markup *//* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 *//* standardize any monospaced elements *//* hand cursor on clickable elements *//* Webkit browsers add a 2px margin outside the chrome of form elements *//* make buttons play nice in IE *//* scale images in IE7 more attractively *//* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*//* let's clear some floats *//*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css *//* Document
   ========================================================================== *//**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 *//* Sections
   ========================================================================== *//**
 * Remove the margin in all browsers (opinionated).
 *//**
 * Add the correct display in IE 9-.
 *//**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 *//* Grouping content
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 *//**
 * Add the correct margin in IE 8.
 *//**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 *//**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 *//* Text-level semantics
   ========================================================================== *//**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 *//**
 * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 *//**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 *//**
 * Add the correct font weight in Chrome, Edge, and Safari.
 *//**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 *//**
 * Add the correct font style in Android 4.3-.
 *//**
 * Add the correct background and color in IE 9-.
 *//**
 * Add the correct font size in all browsers.
 *//**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 *//* Embedded content
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 *//**
 * Add the correct display in iOS 4-7.
 *//**
 * Remove the border on images inside links in IE 10-.
 *//**
 * Hide the overflow in IE.
 *//* Forms
   ========================================================================== *//**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 *//**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 *//**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 *//**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 *//**
 * Remove the inner border and padding in Firefox.
 *//**
 * Restore the focus styles unset by the previous rule.
 *//**
 * Correct the padding in Firefox.
 *//**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 *//**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 *//**
 * Remove the default vertical scrollbar in IE.
 *//**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 *//**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 *//**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 *//**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 *//**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 *//* Interactive
   ========================================================================== *//*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 *//*
 * Add the correct display in all browsers.
 *//* Scripting
   ========================================================================== *//**
 * Add the correct display in IE 9-.
 *//**
 * Add the correct display in IE.
 *//* Hidden
   ========================================================================== *//**
 * Add the correct display in IE 10-.
 *//*! sanitize.css v7.0.3 | CC0 License | github.com/csstools/sanitize.css *//* Document
 * ========================================================================== *//**
 * 1. Remove repeating backgrounds in all browsers (opinionated).
 * 2. Add border box sizing in all browsers (opinionated).
 *//**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 *//**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Use the default user interface font in all browsers (opinionated).
 * 3. Correct the line height in all browsers.
 * 4. Use a 4-space tab width in all browsers (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 *//* Sections
 * ========================================================================== *//**
 * Remove the margin in all browsers (opinionated).
 *//**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 *//* Grouping content
 * ========================================================================== *//**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 *//**
 * Add the correct display in IE.
 *//**
 * Remove the list style on navigation lists in all browsers (opinionated).
 *//**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 *//* Text-level semantics
 * ========================================================================== *//**
 * Remove the gray background on active links in IE 10.
 *//**
 * Add the correct text decoration in Edge, IE, Opera, and Safari.
 *//**
 * Add the correct font weight in Chrome, Edge, and Safari.
 *//**
 * 1. Use the default monospace user interface font
 *    in all browsers (opinionated).
 * 2. Correct the odd `em` font sizing in all browsers.
 *//**
 * Add the correct font size in all browsers.
 *//*
 * Remove the text shadow on text selections in Firefox 61- (opinionated).
 * 1. Restore the coloring undone by defining the text shadow
 *    in all browsers (opinionated).
 *//* Embedded content
 * ========================================================================== *//*
 * Change the alignment on media elements in all browers (opinionated).
 *//**
 * Add the correct display in IE 9-.
 *//**
 * Add the correct display in iOS 4-7.
 *//**
 * Remove the border on images inside links in IE 10-.
 *//**
 * Change the fill color to match the text color in all browsers (opinionated).
 *//**
 * Hide the overflow in IE.
 *//* Tabular data
 * ========================================================================== *//**
 * Collapse border spacing in all browsers (opinionated).
 *//* Forms
 * ========================================================================== *//**
 * Inherit styling in all browsers (opinionated).
 *//**
 * Remove the margin in Safari.
 *//**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge, Firefox, and IE.
 *//**
 * Correct the inability to style clickable types in iOS and Safari.
 *//**
 * Correct the padding in Firefox.
 *//**
 * Show the overflow in Edge and IE.
 *//**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 *//**
 * 1. Add the correct display in Edge and IE.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 *//**
 * Remove the inheritance of text transform in Firefox.
 *//**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction on textareas in all browsers (opinionated).
 *//**
 * Remove the padding in IE 10-.
 *//**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 *//**
 * Correct the cursor style of increment and decrement buttons in Safari.
 *//**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 *//**
 * Remove the inner padding in Chrome and Safari on macOS.
 *//**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 *//**
 * Remove the inner border and padding of focus outlines in Firefox.
 *//**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 *//* Interactive
 * ========================================================================== *//*
 * Add the correct display in Edge and IE.
 *//*
 * Add the correct styles in Edge, IE, and Safari.
 *//*
 * Add the correct display in all browsers.
 *//* Scripting
 * ========================================================================== *//**
 * Add the correct display in IE 9-.
 *//**
 * Add the correct display in IE.
 *//* User interaction
 * ========================================================================== *//*
 * 1. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 * 2. Remove the tapping delay in IE 10.
 *//**
 * Add the correct display in IE 10-.
 *//* Accessibility
 * ========================================================================== *//**
 * Change the cursor on busy elements in all browsers (opinionated).
 *//*
 * Change the cursor on control elements in all browsers (opinionated).
 *//*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 *//*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Noto Sans JP",sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
  word-wrap: break-word;
  color: #000;
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased
}
.topContents html,
.topContents body,
.topContents body div,
.topContents span,
.topContents h1,
.topContents h2,
.topContents h3,
.topContents h4,
.topContents h5,
.topContents p,
.topContents img,
.topContents q,
.topContents var,
.topContents b,
.topContents i,
.topContents dl,
.topContents dd,
.topContents ol,
.topContents ul,
.topContents li,
.topContents label,
.topContents table,
.topContents tbody,
.topContents tr,
.topContents th,
.topContents td,
.topContents article,
.topContents figure,
.topContents header,
.topContents section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent
}
.topContents article,
.topContents figure,
.topContents header,
.topContents section {
  display: block
}
.topContents html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
.topContents *,
.topContents *:before,
.topContents *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
.topContents img,
.topContents embed {
  max-width: 100%
}
.topContents html {
  overflow-y: scroll
}
.topContents ul {
  list-style: none
}

.topContents q {
  quotes: none
}

.topContents q:before,
.topContents q:after {
  content: '';
  content: none
}
.topContents a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent
}
.topContents table {
  border-collapse: collapse;
  border-spacing: 0
}
.topContents th {
  font-weight: bold;
  vertical-align: bottom
}
.topContents td {
  font-weight: normal;
  vertical-align: top
}
.topContents input {
  vertical-align: middle
}

.topContents input {
  font: 99% sans-serif
}
.topContents table {
  font-size: inherit;
  font: 100%
}
.topContents td,
.topContents td img {
  vertical-align: top
}

.topContents label,
.topContents input[type=button],
.topContents button {
  cursor: pointer
}
.topContents button,
.topContents input {
  margin: 0
}
.topContents button,
.topContents input[type=button] {
  width: auto;
  overflow: visible
}
.topContents .clearfix:before,
.topContents .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden
}
.topContents .clearfix:after {
  clear: both
}
.topContents .clearfix {
  zoom: 1
}
.topContents html {
  line-height: 1.15;
  /* 1 */-ms-text-size-adjust: 100%;
  /* 2 */-webkit-text-size-adjust: 100%/* 2 */
}
.topContents body {
  margin: 0
}
.topContents article,
.topContents header,
.topContents section {
  display: block
}
.topContents h1 {
  font-size: 2em;
  margin: 0.67em 0
}
.topContents figcaption,
.topContents figure {
  /* 1 */display: block
}
.topContents figure {
  margin: 1em 40px
}
.topContents a {
  background-color: transparent;
  /* 1 */-webkit-text-decoration-skip: objects/* 2 */
}
.topContents b {
  font-weight: inherit
}
.topContents b {
  font-weight: bolder
}
.topContents img {
  border-style: none
}
.topContents svg:not(:root) {
  overflow: hidden
}
.topContents button,
.topContents input {
  font-family: sans-serif;
  /* 1 */font-size: 100%;
  /* 1 */line-height: 1.15;
  /* 1 */margin: 0/* 2 */
}
.topContents button,
.topContents input {
  /* 1 */overflow: visible
}
.topContents button {
  /* 1 */text-transform: none
}
.topContents button,
.topContents html [type="button"],
.topContents [type="reset"] {
  -webkit-appearance: button/* 2 */
}
.topContents button::-moz-focus-inner,
.topContents [type="button"]::-moz-focus-inner,
.topContents [type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0
}
.topContents button:-moz-focusring,
.topContents [type="button"]:-moz-focusring,
.topContents [type="reset"]:-moz-focusring {
  outline: 1px dotted ButtonText
}
.topContents ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */font: inherit/* 2 */
}
.topContents [hidden] {
  display: none
}
.topContents *,
.topContents ::before,
.topContents ::after {
  background-repeat: no-repeat;
  /* 1 */-webkit-box-sizing: border-box;
  box-sizing: border-box/* 2 */
}
.topContents ::before,
.topContents ::after {
  text-decoration: inherit;
  /* 1 */vertical-align: inherit/* 2 */
}
.topContents html {
  cursor: default;
  /* 1 */font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Oxygen,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  /* 2 */line-height: 1.15;
  /* 3 */-moz-tab-size: 4;
  /* 4 */-o-tab-size: 4;
  tab-size: 4;
  /* 4 */-ms-text-size-adjust: 100%;
  /* 5 */-webkit-text-size-adjust: 100%;
  /* 5 */word-break: break-word/* 6 */
}
.topContents body {
  margin: 0
}
.topContents h1 {
  font-size: 2em;
  margin: 0.67em 0
}
.topContents a {
  background-color: transparent
}
.topContents b {
  font-weight: bolder
}
.topContents ::selection {
  background-color: #b3d4fc;
  /* 1 */color: #000;
  /* 1 */text-shadow: none
}

.topContents img,
.topContents svg {
  vertical-align: middle
}
.topContents img {
  border-style: none
}
.topContents svg {
  fill: currentColor
}
.topContents svg:not(:root) {
  overflow: hidden
}
.topContents table {
  border-collapse: collapse
}
.topContents button,
.topContents input {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}
.topContents button,
.topContents input {
  margin: 0
}
.topContents button {
  overflow: visible;
  /* 1 */text-transform: none/* 2 */
}
.topContents button,
.topContents [type="button"],
.topContents [type="reset"] {
  -webkit-appearance: button
}
.topContents input {
  overflow: visible
}
.topContents ::-webkit-inner-spin-button,
.topContents ::-webkit-outer-spin-button {
  height: auto
}
.topContents ::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54
}
.topContents ::-webkit-search-decoration {
  -webkit-appearance: none
}
.topContents ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */font: inherit/* 2 */
}
.topContents ::-moz-focus-inner {
  border-style: none;
  padding: 0
}
.topContents :-moz-focusring {
  outline: 1px dotted ButtonText
}
.topContents a,
.topContents button,
.topContents input,
.topContents label {
  -ms-touch-action: manipulation;
  /* 1 */touch-action: manipulation/* 2 */
}
.topContents [hidden] {
  display: none
}
.topContents *,
.topContents *:before,
.topContents *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit
}
.topContents ol,
.topContents ul {
  list-style: none
}
.topContents ol > li > ul,
.topContents ul > li > ul {
  padding-top: .3em;
  padding-left: 1em
}

.topContents q {
  quotes: none
}

.topContents q:before,
.topContents q:after {
  content: '';
  content: none
}
.topContents table {
  border-spacing: 0;
  border-collapse: collapse
}
.topContents section {
  clear: both
}
.topContents a:focus,
.topContents *:focus {
  outline: none
}
.topContents a,
.topContents a img {
  -webkit-transition: .2s;
  transition: .2s
}
.topContents a:hover {
  text-decoration: none
}
.topContents a:hover > img {
  cursor: pointer;
  -webkit-transition: .2s;
  transition: .2s;
  opacity: 0.7
}
.topContents figure {
  margin: 0;
  padding: 0;
  text-align: center
}
.topContents figure img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  vertical-align: middle
}
.topContents figure figcaption {
  margin: 10px auto;
  text-align: left
}
.topContents li,
.topContents td,
.topContents th,
.topContents dd,
.topContents p,
.topContents figcaption {
  text-align: inherit
}
.topContents p {
  margin-bottom: 1em;
  padding: 0;
  line-height: 1.6;
  text-align: left;
  letter-spacing: 0.1em;
  word-break: break-all
}
@media (min-width: 768px) {
  .topContents {
    font-size: 16px
  }
}
.topContents .inner {
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
  padding: 0 5px
}
@media screen and (max-width: 767px) {
  .topContents .inner {
    padding: 0 3%
  }
}
.topContents section {
  margin-bottom: 2%;
  padding: 1.5% 0
}

.youtubeWrapper {
  position: relative;
  width: 100%;
  min-height: 225px;
  padding-top: 39%
}

.youtubeWrapper iframe,
.youtubeWrapper video-js {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 767px) {
  .topContents .-resTable th,
  .topContents .-resTable td {
    display: block;
    width: 100% !important;
    padding: .5em .5em
  }
  .topContents tr {
    padding-bottom: .5em
  }
}
.topContents .btnStyle {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  width: 100%;
  max-width: 540px;
  margin: auto;
  padding: 1.5em 2em 1.5em 1em !important;
  font-size: 16px !important;
  font-weight: bold;
  line-height: 1.3;
  -webkit-transition: .4s;
  transition: .4s;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.08em;
  color: #fff !important;
  border: 2px solid #2e4393 !important;
  border-radius: 40px;
  background: #2e4393 !important
}
@media screen and (max-width: 767px) {
  .topContents .btnStyle {
    max-width: inherit;
    padding: 1em 2em 1em 1em !important;
    font-size: 3.5vw !important
  }
}
.topContents .btnStyle:after {
  content: '';
  position: absolute;
  top: 0;
  right: 5%;
  bottom: 0;
  width: 12px;
  height: 12px;
  margin: auto;
  -webkit-transition: .2s;
  transition: .2s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: 3px solid #fff;
  border-right: 3px solid #fff
}
@media screen and (max-width: 767px) {
  .topContents .btnStyle:after {
    width: 8px;
    height: 8px
  }
}
.topContents .btnStyle:hover {
  -webkit-transition: .2s;
  transition: .2s;
  text-decoration: none;
  color: #2e4393 !important;
  border-color: #2e4393;
  background: #fff !important
}
.topContents .btnStyle:hover:after {
  right: 3%;
  -webkit-transition: .3s;
  transition: .3s;
  border-color: #2e4393
}
.topContents .btnStyle:hover img {
  opacity: 1
}
@media screen and (min-width: 768px) {
  .topContents .btnStyle + .btnStyle {
    margin-left: 5px
  }
}
@media screen and (max-width: 767px) {
  .topContents .btnStyle + .btnStyle {
    margin-top: 5px
  }
}
.topContents .btnStyle.btn2 {
  color: #2e4393 !important;
  background: #fff !important
}
.topContents .btnStyle.btn2:after {
  border-color: #2e4393
}
.topContents .btnStyle.btn2:hover {
  color: #fff !important;
  border-color: #fff !important;
  background: #2e4393 !important
}
.topContents .btnStyle.btn2:hover:after {
  border-color: #fff
}
.topContents .btnStyle.-wd100 {
  max-width: 100% !important
}
.topContents .ul01 {
  margin: 0 auto
}
.topContents .ul01 > li {
  position: relative;
  margin-bottom: 5px;
  padding: 0 0 0 1.5em;
  text-align: left
}
.topContents .ul01 > li:before {
  content: "";
  position: absolute;
  top: .5em;
  left: 3px;
  width: 5px;
  height: 5px;
  margin: auto;
  border-radius: 50%;
  background: #000
}
.topContents table {
  width: 100%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 0;
  background: none
}
.topContents table th,
.topContents table td {
  padding: 30px 10px;
  line-height: 1.5;
  vertical-align: middle
}
.topContents .-borderTable tr {
  border-bottom: 1px solid #99a0b9
}
.topContents .-borderTable tr:first-child {
  border-top: 1px solid #99a0b9
}
.topContents .-borderTable th {
  text-align: left
}
.topContents .-textLeft {
  text-align: left !important
}
.topContents .-textCenter {
  text-align: center !important
}
.topContents .-textBottm {
  vertical-align: bottom !important
}
.topContents .-textLarge {
  font-size: 120% !important
}
.topContents .-textSmall {
  font-size: 80% !important
}
.topContents .-bold {
  font-weight: 900 !important
}
.topContents .-inversion h2,
.topContents .-inversion h3,
.topContents .-inversion h4,
.topContents .-inversion h5 {
  color: #fff
}
.topContents .-inversion h2:after,
.topContents .-inversion h2:before,
.topContents .-inversion h3:after,
.topContents .-inversion h3:before,
.topContents .-inversion h4:after,
.topContents .-inversion h4:before,
.topContents .-inversion h5:after,
.topContents .-inversion h5:before {
  border-color: #fff;
  background-color: #fff
}
.topContents .-inversion h2 span,
.topContents .-inversion h3 span,
.topContents .-inversion h4 span,
.topContents .-inversion h5 span {
  color: #fff
}
.topContents .-inversion p,
.topContents .-inversion li,
.topContents .-inversion td,
.topContents .-inversion th,
.topContents .-inversion a,
.topContents .-inversion figcaption {
  color: #fff
}
.topContents h2.-textLeft:after {
  right: auto
}
.topContents .pullDown {
  position: relative;
  width: 100%
}
.topContents .pullDown > .pull-inner {
  display: none;
  width: 100%;
  padding-top: 1em
}
.topContents .pullDown > .pullBtn {
  position: relative;
  margin: 0;
  padding: .8em 2em;
  padding-right: 8%;
  font-weight: bold;
  cursor: pointer;
  text-align: left;
  letter-spacing: 0.1em;
  border-radius: 8px;
  background: #d0e6fa
}
.topContents .pullDown > .pullBtn:after,
.topContents .pullDown > .pullBtn:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 3%;
  width: 6px;
  height: 40%;
  margin: auto;
  font-size: 50px;
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  background: #000
}
@media screen and (max-width: 767px) {
  .topContents .pullDown > .pullBtn:after,
  .topContents .pullDown > .pullBtn:before {
    right: 5%;
    width: 4px;
    height: 30%
  }
}
.topContents .pullDown > .pullBtn:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform-origin: center;
  transform-origin: center
}
.topContents .pullDown > .pullBtn.active:before {
  -webkit-transition: .4s;
  transition: .4s;
  -webkit-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
  -webkit-transform-origin: center;
  transform-origin: center
}
.topContents .scrollIn {
  -webkit-transition: all 600ms;
  transition: all 600ms;
  opacity: 0
}
.topContents .scrollIn.up {
  -webkit-transform: translate(0, 150px);
  transform: translate(0, 150px)
}
.topContents .scrollIn.down {
  -webkit-transform: translate(0, -150px);
  transform: translate(0, -150px)
}
.topContents .scrollIn.right {
  -webkit-transform: translate(150px, 0);
  transform: translate(150px, 0)
}
.topContents .scrollIn.left {
  -webkit-transform: translate(-150px, 0);
  transform: translate(-150px, 0)
}
.topContents .scrollIn.scale {
  -webkit-transform: scale(0);
  transform: scale(0)
}
.topContents .scrollIn.active {
  -webkit-transition: all 600ms ease-out;
  transition: all 600ms ease-out;
  -webkit-transform: none;
  transform: none;
  opacity: 1
}
.topContents .-mb0 {
  margin-bottom: 0px !important
}
@keyframes scaletext {
  0%,
  100% {
    -webkit-transform: scale(1);
    transform: scale(1)
  }
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
  }
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(1) {
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(2) {
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(3) {
  -webkit-transition-delay: 300ms;
  transition-delay: 300ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(4) {
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(5) {
  -webkit-transition-delay: 500ms;
  transition-delay: 500ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(6) {
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(7) {
  -webkit-transition-delay: 700ms;
  transition-delay: 700ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(8) {
  -webkit-transition-delay: 800ms;
  transition-delay: 800ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(9) {
  -webkit-transition-delay: 900ms;
  transition-delay: 900ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(10) {
  -webkit-transition-delay: 1000ms;
  transition-delay: 1000ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(11) {
  -webkit-transition-delay: 1100ms;
  transition-delay: 1100ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(12) {
  -webkit-transition-delay: 1200ms;
  transition-delay: 1200ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(13) {
  -webkit-transition-delay: 1300ms;
  transition-delay: 1300ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(14) {
  -webkit-transition-delay: 1400ms;
  transition-delay: 1400ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(15) {
  -webkit-transition-delay: 1500ms;
  transition-delay: 1500ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(16) {
  -webkit-transition-delay: 1600ms;
  transition-delay: 1600ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(17) {
  -webkit-transition-delay: 1700ms;
  transition-delay: 1700ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(18) {
  -webkit-transition-delay: 1800ms;
  transition-delay: 1800ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(19) {
  -webkit-transition-delay: 1900ms;
  transition-delay: 1900ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(20) {
  -webkit-transition-delay: 2000ms;
  transition-delay: 2000ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(21) {
  -webkit-transition-delay: 2100ms;
  transition-delay: 2100ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(22) {
  -webkit-transition-delay: 2200ms;
  transition-delay: 2200ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(23) {
  -webkit-transition-delay: 2300ms;
  transition-delay: 2300ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(24) {
  -webkit-transition-delay: 2400ms;
  transition-delay: 2400ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(25) {
  -webkit-transition-delay: 2500ms;
  transition-delay: 2500ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(26) {
  -webkit-transition-delay: 2600ms;
  transition-delay: 2600ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(27) {
  -webkit-transition-delay: 2700ms;
  transition-delay: 2700ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(28) {
  -webkit-transition-delay: 2800ms;
  transition-delay: 2800ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(29) {
  -webkit-transition-delay: 2900ms;
  transition-delay: 2900ms
}
.topContents .scrollIn.active.each ~ .scrollIn.active.each:nth-of-type(30) {
  -webkit-transition-delay: 3000ms;
  transition-delay: 3000ms
}
@keyframes bound {
  100%,
  20%,
  50%,
  80% {
    -webkit-transform: translateY(0) scale(1);
    transform: translateY(0) scale(1)
  }
  0%,
  40% {
    -webkit-transform: translateY(-20%) scale(1);
    transform: translateY(-20%) scale(1)
  }
  60% {
    -webkit-transform: translateY(-10%) scale(1);
    transform: translateY(-10%) scale(1)
  }
}
@keyframes leftSlide {
  0% {
    width: 0
  }
  50% {
    width: 105%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  70% {
    width: 105%;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
  100% {
    width: 105%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
  }
}
.columnWrap {
  display: block;
  overflow: hidden;
  width: 100%;
  table-layout: fixed
}
.columnWrap .columnRow {
  position: relative;
  display: block;
  clear: both;
  overflow: hidden;
  width: 100%;
  padding: 0
}
.columnWrap .columnRow > .columnBlock {
  display: inline-block;
  float: left;
  width: 48.5%;
  margin: auto;
  margin-top: 1.3%;
  margin-left: 1.5%;
  padding: 0;
  text-align: left
}
.columnWrap .columnRow > .columnBlock p {
  text-align: left
}
.columnWrap .columnRow > .columnBlock figure {
  display: block;
  margin: auto
}
.columnWrap .columnRow > .columnBlock:first-child {
  margin-left: 0 !important
}
.columnWrap .columnRow > .columnBlock:last-child {
  margin-right: 0 !important
}
.columnWrap .columnRow.-vertical > .columnBlock {
  position: relative;
  float: none;
  vertical-align: middle
}
.columnWrap .columnRow.-reversal > .columnBlock {
  position: relative;
  float: right
}
.columnWrap .columnRow.-reversal > .columnBlock:first-child {
  margin-left: 1% !important
}
.columnWrap .columnRow.-reversal > .columnBlock:last-child {
  margin-left: 0
}
.columnWrap .columnRow.columnBlocks-2 > .columnBlock {
  width: calc((100% - 1.52%) / 2);
  margin-left: 1.5%
}
.columnWrap .columnRow.columnBlocks-2 > .columnBlock:nth-child(2n) + .columnBlock {
  clear: both;
  margin-left: 0
}
.columnWrap .columnRow.columnBlocks-3 > .columnBlock {
  width: calc((100% - 3.04%) / 3);
  margin-left: 1.5%
}
.columnWrap .columnRow.columnBlocks-3 > .columnBlock:nth-child(3n) + .columnBlock {
  clear: both;
  margin-left: 0
}
.columnWrap .columnRow.columnBlocks-4 > .columnBlock {
  width: calc((100% - 4.56%) / 4);
  margin-left: 1.5%
}
.columnWrap .columnRow.columnBlocks-4 > .columnBlock:nth-child(4n) + .columnBlock {
  clear: both;
  margin-left: 0
}
.columnRow > .columnBlock.-wd25 {
  width: 19.5%
}
.columnRow > .columnBlock.-wd30 {
  width: 24.5%
}
.columnRow > .columnBlock.-wd45 {
  width: 39.5%
}
.columnRow > .columnBlock.-wd65 {
  width: 59.5%
}
.columnRow > .columnBlock.-wd75 {
  width: 69.5%
}
.columnRow > .columnBlock.-wd80 {
  width: 74.5%
}
.columnRow > .columnBlock.-wd100 {
  width: 94.5%
}
.columnRow > .columnBlock.-wd100 {
  width: 100%
}
@media (max-width: 767px) {
  .columnWrap .columnRow:not(.-fix) > .columnBlock {
    display: block;
    float: none;
    width: 100%;
    margin: 0 auto 15px
  }
  .columnWrap .columnRow:not(.-fix) > .columnBlock:first-child {
    margin-left: 0 !important
  }

  .columnWrap .columnRow:not(.-fix) .-wd30,
  .columnWrap .columnRow:not(.-fix) .-wd80,
  .columnWrap .columnRow:not(.-fix) .-wd25,
  .columnWrap .columnRow:not(.-fix) .-wd45,
  .columnWrap .columnRow:not(.-fix) .-wd65,
  .columnWrap .columnRow:not(.-fix) .-wd75 {
    width: 100%
  }
  .columnWrap .columnRow:not(.-fix).-sp_2 > .columnBlock {
    display: inline-block;
    float: left;
    width: 48.4%;
    margin: auto;
    margin-top: 2%;
    padding: 0;
    text-align: left
  }
  .columnWrap .columnRow:not(.-fix).-sp_2 > .columnBlock:nth-child(even) {
    margin-left: 3.2%
  }
  .columnWrap .columnRow:not(.-fix).-sp_2 > .columnBlock:nth-child(odd) {
    clear: both
  }
  .columnWrap .columnRow:not(.-fix).-sp_2.columnBlocks-2 > .columnBlock:nth-child(2n) + .columnBlock {
    clear: none
  }
  .columnWrap .columnRow:not(.-fix).-sp_2.columnBlocks-3 > .columnBlock:nth-child(3n) + .columnBlock {
    clear: none
  }
  .columnWrap .columnRow:not(.-fix).-sp_2.columnBlocks-4 > .columnBlock:nth-child(4n) + .columnBlock {
    clear: none
  }
  .columnWrap .columnRow:not(.-fix).-sp_3 > .columnBlock {
    display: inline-block;
    float: left;
    width: 32.43333%;
    margin: auto;
    margin-top: 2%;
    padding: 0;
    text-align: left
  }
  .columnWrap .columnRow:not(.-fix).-sp_3 > .columnBlock:not(:nth-child(3n+1)) {
    margin-left: 1.3%
  }
  .columnWrap .columnRow:not(.-fix).-sp_3 > .columnBlock:nth-child(3n+1) {
    clear: both
  }
  .columnWrap .columnRow:not(.-fix).-sp_3.columnBlocks-2 > .columnBlock:nth-child(2n) + .columnBlock {
    clear: none
  }
  .columnWrap .columnRow:not(.-fix).-sp_3.columnBlocks-3 > .columnBlock:nth-child(3n) + .columnBlock {
    clear: none
  }
  .columnWrap .columnRow:not(.-fix).-sp_3.columnBlocks-4 > .columnBlock:nth-child(4n) + .columnBlock {
    clear: none
  }
}
.flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}
.flexBox.-vertical {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.flexBox.-reversal {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.flexBox.columnBlocks-2 > * {
  width: calc(100% / 2 - 1px)
}
.flexBox.columnBlocks-3 > * {
  width: calc(100% / 3 - 1px)
}
.flexBox.columnBlocks-4 > * {
  width: calc(100% / 4 - 1px)
}
@media screen and (max-width: 767px) {
  .flexBox:not(.-sp_2) > * {
    display: block;
    width: 100%
  }
  .flexBox:not(.-sp_2) > *:not(ul) {
    margin: 20px auto
  }
  .flexBox.-sp_2 > * {
    width: calc(100% / 2)
  }
}
body {
  margin: auto
}
/*/-----------------TOPページ*/
.mainImage {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center
}
.mainImage > div img {
  width: 100%
}
.mainCatch {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  margin: auto
}
.mainCatch img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
  max-width: 100%;
  margin: auto !important;
  -webkit-animation: catchfade 1.3s ease-out 0s 1 forwards;
  animation: catchfade 1.3s ease-out 0s 1 forwards;
  opacity: 0
}
.mainCatch figure:nth-of-type(2) img {
  -webkit-animation: catchfade 1.3s ease-out 0s 1 forwards;
  animation: catchfade 1.3s ease-out 0s 1 forwards;
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms
}
@keyframes catchfade {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
  }
}
.topContents {
  letter-spacing: .06em
}
.topContents p {
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: .06em
}
@media screen and (max-width: 767px) {
  .topContents p {
    font-size: 3.2vw
  }
}
.topContents h2 {
  position: relative;
  display: table;
  margin: 0 auto 1em;
  padding: 0 0 .5em;
  font-size: 56px;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  letter-spacing: .06em
}
@media screen and (max-width: 767px) {
  .topContents h2 {
    font-size: 7vw
  }
}
.topContents h2:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  margin: auto;
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(47%, black), color-stop(47%, rgba(0, 0, 0, 0)), color-stop(53%, rgba(0, 0, 0, 0)), color-stop(53%, black), to(black));
  background: linear-gradient(to right, black 0%, black 47%, rgba(0, 0, 0, 0) 47%, rgba(0, 0, 0, 0) 53%, black 53%, black 100%)
}
@media screen and (max-width: 767px) {
  .topContents h2:before {
    height: 4px
  }
}
.topContents h2:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 6%;
  height: 6px;
  margin: auto;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: left top;
  transform-origin: left top;
  background: #000
}
@media screen and (max-width: 767px) {
  .topContents h2:after {
    height: 4px
  }
}
.topContents h2 span {
  display: block;
  margin: 0 auto;
  font-size: 30px;
  font-weight: bold
}
@media screen and (max-width: 767px) {
  .topContents h2 span {
    font-size: 4vw
  }
}
.topContents .-inversion h2:before {
  background: -webkit-gradient(linear, left top, right top, from(white), color-stop(47%, white), color-stop(47%, rgba(255, 255, 255, 0)), color-stop(53%, rgba(255, 255, 255, 0)), color-stop(53%, white), to(white));
  background: linear-gradient(to right, white 0%, white 47%, rgba(255, 255, 255, 0) 47%, rgba(255, 255, 255, 0) 53%, white 53%, white 100%)
}
.topContents .-inversion h2:after {
  background: #fff
}
.topContents .-textBox {
  display: table;
  margin: 1em auto;
  padding: .3em 2.5em;
  font-size: 22px;
  font-weight: 900;
  table-layout: fixed;
  letter-spacing: .04em;
  color: #2e4393;
  background: #ff6
}
@media screen and (max-width: 767px) {
  .topContents .-textBox {
    display: block;
    width: 100%;
    padding: .3em 1em;
    font-size: 4vw
  }
}
.topContents .sec01,
.topContents .sec09 {
  margin-bottom: 0;
  padding: 3% 0;
  background: #2e4393
}
@media screen and (max-width: 767px) {
  .topContents .sec01,
  .topContents .sec09 {
    padding: 6% 0
  }
  .topContents .sec01 .columnBlock,
  .topContents .sec09 .columnBlock {
    margin-bottom: 2% !important
  }
}
.topContents .sec01 a img,
.topContents .sec09 a img {
  margin: 5px auto
}
.topContents .sec01 a:hover img,
.topContents .sec09 a:hover img {
  -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  opacity: 1
}
.topContents .sec02,
.topContents .sec03 {
  margin-bottom: 0;
  padding: 14% 0;
  border-top: 10px solid #000;
  background: -webkit-gradient(linear, left top, right top, from(#cdeeff), color-stop(49%, #e7daff), to(#ffd9e4));
  background: linear-gradient(to right, #cdeeff 0%, #e7daff 49%, #ffd9e4 100%)
}
@media screen and (min-width: 768px) {
  .topContents .sec02,
  .topContents .sec03 {
    padding: 5% 0;
  }
}
#a00 {
  background: -webkit-gradient(linear, left top, right top, from(#fef2aa), color-stop(49%, #e8ffbf), to(#cbfbfd));
  background: linear-gradient(to right, #fef2aa 0%, #e8ffbf 49%, #cbfbfd 100%)
}
@media screen and (min-width: 768px) {
  .topContents .sec02 h2,
  .topContents .sec03 h2,
  .topContents .sec04 .sec04-tvcm h2 {
    margin-bottom: 2%;
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec02 h2,
  .topContents .sec03 h2,
  .topContents .sec04 .sec04-tvcm h2 {
    margin-bottom: .5em;
    padding-bottom: 0
  }
  .topContents .sec04 .sec04-tvcm .-ttl-sp-cnt {
    margin-bottom: 1em;
  }
}
.topContents .sec02 h2:before,
.topContents .sec02 h2:after,
.topContents .sec03 h2:before,
.topContents .sec03 h2:after,
.topContents .sec04 .sec04-tvcm h2:before,
.topContents .sec04 .sec04-tvcm h2:after {
  content: none
}
.topContents .sec02 .profBox,
.topContents .sec03 .profBox {
  position: relative;
  margin-bottom: 3%;
  padding: 1em 5%;
  border: 20px solid #000;
  background: #fff
}
@media screen and (min-width: 768px) {
  .topContents .sec02 .profBox,
  .topContents .sec03 .profBox {
    padding: 1em 8%;
  }
  .topContents .sec02 .profBox p,
  .topContents .sec03 .profBox p {
    font-size: 18px
  }
  .topContents .sec02 .profBox p span,
  .topContents .sec03 .profBox p span {
    font-size: 21px
  }
}
.topContents .sec02 .profBox:before,
.topContents .sec03 .profBox:before {
  content: '';
  position: absolute;
  right: -10%;
  bottom: -15%;
  width: 40%;
  height: 260%;
  margin: auto;
}
@media screen and (max-width: 1090px) {
  .topContents .sec02 .profBox:before,
  .topContents .sec03 .profBox:before {
    right: 0;
    bottom: 0;
    width: 30%;
    height: 200%
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec02 .profBox:before,
  .topContents .sec03 .profBox:before {
    content: none
  }
}
.topContents .sec02 .profBox p,
.topContents .sec03 .profBox:before {
  letter-spacing: .04em
}
.topContents .sec02 .movie,
.topContents .sec03 .movie {
  margin: 3% auto
}
.topContents .sec02 .interview,
.topContents .sec02 .interview2,
.topContents .sec03 .interview,
.topContents .sec03 .interview2 {
  margin: 3% auto;
  padding: 5% 0;
  background: url(/campus_for_life/img/sec03_img002.jpg) no-repeat center right/50%
}
@media screen and (max-width: 767px) {
  .topContents .sec02 .interview,
  .topContents .sec02 .interview2,
  .topContents .sec03 .interview,
  .topContents .sec03 .interview2 {
    background: none
  }
}
.topContents .sec02 .interviewBox,
.topContents .sec03 .interviewBox {
  width: 95%;
  margin: 10px 0 10px;
  padding: .5em;
  background: #fff;
  -webkit-box-shadow: 10px 10px 0 0 #000;
  box-shadow: 10px 10px 0 0 #000
}
@media screen and (max-width: 767px) {
  .topContents .sec02 .interviewBox,
  .topContents .sec03 .interviewBox {
    position: relative;
    z-index: 10;
    margin-top: -10%
  }
}
.topContents .sec02 .interviewBox h3,
.topContents .sec03 .interviewBox h3 {
  display: table;
  margin-top: -5%;
  margin-bottom: .5em;
  margin-left: -4%;
  font-size: 26px;
  font-weight: 900;
  line-height: 1.5;
  table-layout: fixed;
  color: #fff;
  background: #000
}
@media screen and (max-width: 767px) {
  .topContents .sec02 .interviewBox h3,
  .topContents .sec03 .interviewBox h3 {
    font-size: 18px
  }
}
.topContents .sec02 .interviewBox p,
.topContents .sec03 .interviewBox p {
  font-size: 18px
}
@media screen and (max-width: 767px) {
  .topContents .sec02 .interviewBox p,
  .topContents .sec03 .interviewBox p {
    font-size: 16px
  }
}
.topContents .sec02 .interview2,
.topContents .sec03 .interview2 {
  background: url(/campus_for_life/img/sec03_img003.jpg) no-repeat center left/50%
}
@media screen and (max-width: 767px) {
  .topContents .sec02 .interview2,
  .topContents .sec03 .interview2 {
    background: none
  }
}
.topContents .sec04 {
  position: relative;
  margin-bottom: 0;
  padding: 5% 0 7%;
  border-top: 10px solid #000;
  background: #f5f6fa url(../img/sec04_bg_img001.jpg) no-repeat center top/cover
}
@media screen and (max-width: 767px) {
  .topContents .sec04 {
    padding: 8% 0 10%
  }
}
.topContents .sec04 .bgWhite {
  max-width: 875px;
  padding: 5%
}
@media screen and (max-width: 767px) {
  .topContents .sec04 .bgWhite {
    max-width: 100%
  }
}
.topContents .sec04 .bgWhite p {
  margin: auto;
  font-size: 20px;
  letter-spacing: .06em
}
@media screen and (max-width: 767px) {
  .topContents .sec04 .bgWhite p {
    font-size: 3.2vw
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec04 .btnStyle {
    text-align: left
  }
}

.topContents .sec04 .sec04-tvcm {
  padding-top: 48px;
}

@media screen and (max-width: 767px) {
  .topContents .sec04 .sec04-tvcm {
    padding-top: 5%;
  }
}

.topContents .sec04 .sec04-tvcm_inner {
  display: flex;
  justify-content: space-between;
  max-width: 880px;
  margin: 0 auto 5%;
}

@media screen and (max-width: 767px) {
  .topContents .sec04 .sec04-tvcm_inner {
    display: block;
    /* margin: 0 auto 20%; */
    margin: 0 auto 10%;
  }
}

@media screen and (max-width: 767px) {
  .topContents .sec04 .sec04-tvcm_item:first-child {
    /* margin-bottom: 12%; */
    margin-bottom: 6%;
    padding-top: 3%;
  }
}
.topContents .sec04 .sec04-tvcm_txt {
  padding-top: 8px;
}
.topContents .sec04 .-textSmall {
  font-weight: normal;
}


.topContents .sec05 {
  margin-bottom: 2%;
  padding: 0 0
}
@media screen and (max-width: 767px) {
  .topContents .sec05 {
    padding: 5% 0
  }
}
.topContents .sec05 .inner {
  position: relative;
  max-width: 100%;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .topContents .sec05 .inner {
    padding-top: calc(1500 / 1420 * 100%);
    margin: 40px auto;
  }
}
.topContents #thumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}
.topContents #thumb image {
  -webkit-transition: .2s;
  transition: .2s
}
.topContents #thumb a:hover image {
  -webkit-transition: .2s;
  transition: .2s;
  opacity: .6
}
.topContents .sec06 {
  margin-bottom: 0;
  padding: 5% 0;
  background: #2e4393 url(../img/sec06_bg_img001.jpg) repeat-y center top/cover
}
@media screen and (min-width: 768px) {
  .topContents .sec06 h2 {
    font-size: 46px
  }
}
.topContents .sec06 h3 {
  display: inline-block;
  width: 8%;
  max-width: 50px;
  margin-right: 3.5%;
  padding: .5em 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  background: #fff;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl
}
@media screen and (max-width: 767px) {
  .topContents .sec06 h3 {
    max-width: inherit;
    font-size: 4.5vw
  }
}
.topContents .sec06 h3:before,
.topContents .sec06 h3:after {
  content: none
}
.topContents .sec06 .contText {
  display: inline-block;
  width: calc(86% - 2px)
}
.topContents .check2:first-child .bnrBox {
  margin-top: 10%
}
.topContents .check2:first-child .bnrBox:before {
  border: 0;
  background: #fff
}
.topContents .bnrBox {
  position: relative;
  z-index: 1;
  padding: 10px
}
.topContents .bnrBox figcaption {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  padding: .8em .8em;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: .06em
}
@media screen and (max-width: 853px) {
  .topContents .bnrBox figcaption {
    font-size: 12px
  }
}
.topContents .bnrBox figcaption span {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4
}
@media screen and (max-width: 853px) {
  .topContents .bnrBox figcaption span {
    font-size: 16px
  }
}
.topContents .sec06_cont1 {
  position: relative;
  z-index: 1;
  margin-bottom: 4%;
  padding: 4% 0 3%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 {
    padding-top: 15%;
    background: url(/campus_for_life/img/sec06_bg01_sp.png) no-repeat top left/contain
  }
}
.topContents .sec06_cont1:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 5%;
  right: -5%;
  bottom: 0;
  width: 82%;
  height: 95%;
  margin: auto;
  -webkit-transform: skewY(-3deg) skewX(-5deg);
  transform: skewY(-3deg) skewX(-5deg);
  background: #fdf06e
}
@media (max-width: 1280px) {
  .topContents .sec06_cont1:before {
    width: 93%;
    height: 95%
  }
}
@media (max-width: 1024px) {
  .topContents .sec06_cont1:before {
    width: 103%
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1:before {
    content: none
  }
}
.topContents .sec06_cont1 .inner {
  max-width: 973px
}
.topContents .sec06_cont1 .check1 {
  margin-bottom: 2%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .check1 {
    margin-bottom: 5%
  }
}
.topContents .sec06_cont1 .picList {
  margin-bottom: 3%
}
.topContents .sec06_cont1 .picList > div {
  padding: 0 5px
}
.topContents .sec06_cont1 .picList > div:nth-of-type(2n) figure {
  margin-top: 20%
}
.topContents .sec06_cont1 .contText {
  padding-top: 5%
}
.topContents .sec06_cont1 .columnWrap .columnRow,
.topContents .sec06_cont1 .columnWrap,
.topContents .sec06_cont1 .flexBox {
  overflow: visible
}
.topContents .sec06_cont1 figure {
  position: relative
}
.topContents .sec06_cont1 figure:after {
  content: '';
  position: absolute;
  margin: auto
}
.topContents .sec06_cont1 .icon01:after {
  content: none;
  bottom: -12%;
  left: -15%;
  width: 74%;
  max-width: 144px;
  height: 110px;
  background: url(/campus_for_life/img/sec06_check1_img001b.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .icon01:after {
    bottom: -40px;
    width: 50%
  }
}
.topContents .sec06_cont1 .icon02:after {
  content: none;
  top: -19%;
  left: 6%;
  width: 72%;
  max-width: 140px;
  height: 123px;
  background: url(/campus_for_life/img/sec06_check1_img002b.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .icon02:after {
    top: -50px;
    width: 50%
  }
}
.topContents .sec06_cont1 .icon03:after {
  right: 0;
  bottom: -29%;
  width: 63%;
  max-width: 123px;
  height: 123px;
  background: url(/campus_for_life/img/sec06_check1_img003b_v3.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .icon03:after {
    bottom: -50px;
    width: 50%
  }
}
.topContents .sec06_cont1 .icon04:after {
  content: none;
  top: -33%;
  left: 0;
  width: 68%;
  max-width: 132px;
  height: 123px;
  background: url(/campus_for_life/img/sec06_check1_img004b.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .icon04:after {
    top: -50px;
    width: 50%
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .icon05 {
    padding: 0
  }
}
.topContents .sec06_cont1 .icon05:after {
  bottom: -13%;
  left: -10%;
  width: 34%;
  max-width: 136px;
  height: 117px;
  background: url(/campus_for_life/img/sec06_check1_img005b_v3.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .icon05:after {
    content: none
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .icon06 {
    padding: 0
  }
}
.topContents .sec06_cont1 .icon06:after {
  content: none;
  right: -10%;
  bottom: -18%;
  width: 26%;
  max-width: 104px;
  height: 191px;
  background: url(/campus_for_life/img/sec06_check1_img006b.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont1 .icon06:after {
    content: none
  }
}
.topContents .sec06_cont2 {
  position: relative;
  z-index: 1;
  margin-bottom: 4%;
  padding: 2% 0 0
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 {
    padding-top: 10%;
    background: url(/campus_for_life/img/sec06_bg02_sp_v4.png) no-repeat top left/contain
  }
}
.topContents .sec06_cont2 h3 {
  margin-right: 0
}
.topContents .sec06_cont2 .inner {
  max-width: 973px
}
.topContents .sec06_cont2:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: -6%;
  width: 83%;
  height: 94%;
  margin: auto;
  -webkit-transform: skewY(3deg) skewX(8deg);
  transform: skewY(3deg) skewX(8deg);
  background: #71ba65
}
@media (max-width: 1280px) {
  .topContents .sec06_cont2:before {
    width: 95%;
    height: 94%
  }
}
@media (max-width: 1024px) {
  .topContents .sec06_cont2:before {
    width: 103%
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2:before {
    content: none
  }
}
.topContents .sec06_cont2 .row1 {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 3%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .row1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
}
.topContents .sec06_cont2 .row2 {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 3%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .row2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0;
  }
  .topContents .sec06_cont2 .row2 > figure:nth-of-type(2) {
    margin-left: 30%
  }
}
.topContents .sec06_cont2 .row3 {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .row3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
  }
  .topContents .sec06_cont2 .row3 > figure:nth-of-type(2) {
    margin-left: 30%
  }
}
.topContents .sec06_cont2 .movieBnr {
  width: 37%;
  margin-bottom: 0;
  padding: 0
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .movieBnr {
    width: 70%;
    margin: 0 0 5%
  }
  .topContents .sec06_cont2 .movieBnr:nth-of-type(2) {
    margin-left: 20%
  }
}
@media screen and (min-width: 768px) {
  .topContents .sec06_cont2 .movieBnr:first-child {
    margin-top: 7%;
    margin-right: 5%
  }
}
.topContents .sec06_cont2 .contText {
  display: inline-block;
  width: calc(91% - 2px);
  margin-top: 0
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .flexBox {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
  }
}
.topContents .sec06_cont2 .columnWrap .columnRow,
.topContents .sec06_cont2 .columnWrap,
.topContents .sec06_cont2 .flexBox {
  overflow: visible
}
.topContents .sec06_cont2 figure {
  position: relative
}
.topContents .sec06_cont2 figure:after {
  content: '';
  position: absolute;
  margin: auto
}
.topContents .sec06_cont2 .icon07:before {
  content: '';
  position: absolute;
  top: -10%;
  right: -50%;
  width: 46%;
  max-width: 155px;
  height: 155px;
  background: url(/campus_for_life/img/sec06_mov_img002b_v4.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .icon07:before {
    top: -25%;
    right: -24%;
    width: 38%;
  }
}
.topContents .sec06_cont2 .icon07:after {
  right: -40%;
  bottom: 14%;
  width: 50%;
  max-width: 176px;
  height: 101px;
  background: url(/campus_for_life/img/sec06_mov_img002c_v3.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .icon07:after {
    right: -24%;
    bottom: 11%;
    width: 38%;
  }
}
.topContents .sec06_cont2 .icon08:after {
  top: -10%;
  left: -75%;
  width: 60%;
  max-width: 192px;
  height: 113px;
  background: url(/campus_for_life/img/sec06_mov_img003b_v3.png) no-repeat center/100%
}
@media screen and (max-width: 1100px) {
  .topContents .sec06_cont2 .icon08:after {
    left: -65%
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .icon08:after {
    content: none
  }
}
.topContents .sec06_cont2 .icon09:after {
  right: -20%;
  bottom: -10%;
  width: 46%;
  max-width: 146px;
  height: 101px;
  background: url(/campus_for_life/img/sec06_mov_img004b_v3.png) no-repeat center/100%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .icon09:after {
    top: 12%;
    right: auto;
    bottom: auto;
    left: -28%;
    width: 40%
  }
}
.topContents .sec06_cont2 .icon10:after {
  top: -47%;
  left: -2%;
  width: 39%;
  max-width: 120px;
  height: 125px;
  background: url(/campus_for_life/img/sec06_mov_img005b.png) no-repeat center/100%;
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont2 .icon10:after {
    top: 9%;
    right: -46%;
    left: auto;
    width: 37%
  }
}
.topContents .sec06_cont3 {
  position: relative;
  z-index: 1;
  margin-bottom: 4%;
  padding: 2% 0
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont3 {
    margin-bottom: -10%;
    padding-top: 15%;
    background: url(/campus_for_life/img/sec06_bg03_sp.png) no-repeat top right/contain
  }
}
.topContents .sec06_cont3 .inner {
  max-width: 973px
}
.topContents .sec06_cont3 h3 {
  margin-top: 1em
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont3 h3 {
    margin-top: 0;
    margin-right: 5%
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont3 .contText {
    width: 85%
  }
}
.topContents .sec06_cont3 .columnRow {
  margin-bottom: 1%
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont3 .columnRow {
    margin-bottom: 1%
  }
}
.topContents .sec06_cont3 .bnrList > div:nth-of-type(2n) .bnrBox {
  margin-top: 20%
}
.topContents .sec06_cont3:before {
  content: '';
  position: absolute;
  z-index: -1;
  right: -3%;
  bottom: 0;
  width: 81%;
  height: 90%;
  margin: auto;
  -webkit-transform: skewY(-3deg) skewX(-5deg);
  transform: skewY(-3deg) skewX(-5deg);
  background: #ffad97
}
@media (max-width: 1280px) {
  .topContents .sec06_cont3:before {
    width: 92%;
    height: 94%
  }
}
@media (max-width: 1024px) {
  .topContents .sec06_cont3:before {
    width: 100%
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont3:before {
    content: none
  }
}
.topContents .sec06_cont3 .columnWrap .columnRow,
.topContents .sec06_cont3 .columnWrap,
.topContents .sec06_cont3 .flexBox {
  overflow: visible
}
.topContents .sec06_cont3 figure {
  position: relative
}
.topContents .sec06_cont3 figure:after {
  content: '';
  position: absolute;
  margin: auto
}
.topContents .sec06_cont3 .icon09:before {
  content: '';
  position: absolute;
  bottom: -20%;
  left: -75%;
  width: 66%;
  max-width: 136px;
  height: 139px;
  background: url(/campus_for_life/img/sec06_food_img001b_v2.png) no-repeat center/100%
}
@media screen and (max-width: 1100px) {
  .topContents .sec06_cont3 .icon09:before {
    left: -50%
  }
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont3 .icon09:before {
    content: none
  }
}
.topContents .sec06_cont3 .icon10:before {
  content: '';
  position: absolute;
  top: -10%;
  right: 15%;
  width: 67%;
  max-width: 137px;
  height: 103px;
  background: url(/campus_for_life/img/sec06_food_img002b_v3.png) no-repeat center/100%
}
.topContents .sec06_cont4 .inner {
  max-width: 1116px
}
.topContents .sec06_cont4 .pointList figure {
  margin-bottom: 0%
}
.topContents .sec06_cont4 .pointList figure:first-child {
  margin-top: 10% !important;
}
@media screen and (max-width: 767px) {
  .topContents .sec06_cont4 .pointList figure {
    margin: auto !important
  }
}
@media screen and (min-width: 768px) {
  .topContents .sec06_cont4 .pointList figure:first-child {
    margin-top: 4% !important;
  }
}
@media screen and (min-width: 768px) {
  .topContents .sec06_cont4 .pointList figure:last-child {
    margin-top: -9%;
    margin-right: -5%
  }
}
.topContents .sec07 {
  margin-bottom: 0;
  padding: 5% 0 6%;
  background: #eee url(../img/sec07_bg.png) no-repeat center/cover
}
.topContents .sec07 .-textSmall {
  margin-bottom: 5%
}
.topContents .sec07 .pullDown:not(:last-child) {
  margin-bottom: 2%
}
.topContents .sec07 .pull-inner {
  padding: 4% 3%;
  border-radius: 0 0 12px 12px;
  background: #fff
}
.topContents .sec07 .pull-inner li {
  display: inline-block;
  width: calc(100% / 3 - 5px);
  padding: 0 1.5% 1.5em
}
@media screen and (max-width: 767px) {
  .topContents .sec07 .pull-inner li {
    width: calc(100% / 2 - 5px)
  }
}
.topContents .sec07 figure a:not(.no-movie) {
  position: relative
}
.topContents .sec07 figure a:not(.no-movie):after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 62px;
  height: 62px;
  margin: auto;
  background: url(/campus_for_life/img/play.png) no-repeat center/100%
}
.topContents .sec07 figure figcaption {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: auto;
  padding: 1em 1em;
  font-weight: bold;
  letter-spacing: -.025em;
  color: #fff;
  background: #2e4393;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}
.topContents .sec08 {
  margin-bottom: 0;
  padding: 5% 0;
  background: #2e4393
}
.topContents .sec08 p {
  font-size: 20px
}
.topContents .sec08 .fuText {
  margin-top: 2em;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .topContents .sec08 p {
    font-size: 4vw
  }
}
.topContents .sec08 .-textSmall {
  margin-bottom: 5%
}
.topContents .sec08 .sec08-moviettl {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
}
.topContents .sec08 .sec08-moviettl span {
  max-width: 90%;
  font-weight: bold;
}
.topContents .sec08 figure img {
  width: 100%;
  max-width: 1000px;
}
.topContents .sec08 .sec08-moviettl::before,
.topContents .sec08 .sec08-moviettl::after {
  content: "";
  display: block;
  flex-grow: 1;
  border-top: 1px solid #000;
  height: 26px;
  position: relative;
  top: 18px;
}
.topContents .sec08 .sec08-moviettl::before {
  margin-right: 20px;
  border-left: 1px solid #000;
}
.topContents .sec08 .sec08-moviettl::after {
  margin-left: 20px;
  border-right: 1px solid #000;
}
.topContents .sec08 .c-pink {
  color: #d57e9e;
}
.topContents .sec08 .c-pink::before,
.topContents .sec08 .c-pink::after {
  border-color: #d57e9e;
}
.topContents .sec08 .c-green {
  margin-top: 50px;
  color: #a0ce7b;
}
.topContents .sec08 .c-green::before,
.topContents .sec08 .c-green::after {
  border-color: #a0ce7b;
}
@media screen and (max-width: 767px) {
  .topContents .sec08 .sec08-moviettl {
    display: block;
  }
  .topContents .sec08 .sec08-moviettl::before,
  .topContents .sec08 .sec08-moviettl::after {
    display: none;
  }
  .topContents .sec08 .c-green {
    margin-top: 20px;
  }
}
.topContents .sec09 {
  background: #fff
}
.topContents .sec09 figure {
  padding: 0 5px
}
.topContents .sec10,
.topContents .sec11,
.topContents .sec12,
.topContents .sec13 {
  margin-bottom: 0;
  padding: 0 0 5%;
  background: #9fdcfe
}
.topContents .sec10 .bgImg,
.topContents .sec11 .bgImg,
.topContents .sec12 .bgImg,
.topContents .sec13 .bgImg {
  width: 100%;
  margin-bottom: -10%
}
.topContents .sec10 .bgWhite,
.topContents .sec11 .bgWhite,
.topContents .sec12 .bgWhite,
.topContents .sec13 .bgWhite {
  position: relative;
  width: 95%;
  max-width: 1100px;
  padding-bottom: 5%
}
@media screen and (max-width: 767px) {
  .topContents .sec10 .bgWhite,
  .topContents .sec11 .bgWhite,
  .topContents .sec12 .bgWhite,
  .topContents .sec13 .bgWhite {
    width: 92%;
    padding: 8% 0
  }
}
.topContents .sec10 h2,
.topContents .sec11 h2,
.topContents .sec12 h2,
.topContents .sec13 h2 {
  display: inline-block;
  width: 9%;
  margin-right: 5%;
  vertical-align: top
}
.topContents .sec10 h2:before,
.topContents .sec11 h2:before,
.topContents .sec12 h2:before,
.topContents .sec13 h2:before,
.topContents .sec10 h2:after,
.topContents .sec11 h2:after,
.topContents .sec12 h2:after,
.topContents .sec13 h2:after {
  content: none
}
.topContents .sec10 h3,
.topContents .sec11 h3,
.topContents .sec12 h3,
.topContents .sec13 h3 {
  position: relative;
  margin: 0 auto 1em;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .06em
}
@media screen and (max-width: 767px) {
  .topContents .sec10 h3,
  .topContents .sec11 h3,
  .topContents .sec12 h3,
  .topContents .sec13 h3 {
    font-size: 4.4vw
  }
}
.topContents .sec10 h3:before,
.topContents .sec11 h3:before,
.topContents .sec12 h3:before,
.topContents .sec13 h3:before {
  content: '';
  position: relative;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 1.5em;
  height: 1px;
  margin: auto;
  margin-right: .5em;
  background: #000
}
.topContents .sec10 h5,
.topContents .sec11 h5,
.topContents .sec12 h5,
.topContents .sec13 h5 {
  position: relative;
  margin: 0 auto .2em;
  padding-left: 1.4em;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: .06em
}
@media screen and (max-width: 767px) {
  .topContents .sec10 h5,
  .topContents .sec11 h5,
  .topContents .sec12 h5,
  .topContents .sec13 h5 {
    font-size: 4vw
  }
}
.topContents .sec10 h5:before,
.topContents .sec11 h5:before,
.topContents .sec12 h5:before,
.topContents .sec13 h5:before {
  content: '';
  position: absolute;
  top: .5em;
  left: 0;
  display: inline-block;
  width: 1em;
  height: 4px;
  margin: auto;
  vertical-align: text-top;
  background: #000
}
.topContents .sec10 .campusContent,
.topContents .sec11 .campusContent,
.topContents .sec12 .campusContent,
.topContents .sec13 .campusContent {
  display: inline-block;
  width: calc(85% - 2px)
}
.topContents .sec10 .movieBox,
.topContents .sec11 .movieBox,
.topContents .sec12 .movieBox,
.topContents .sec13 .movieBox,
.topContents .sec10 .listBox,
.topContents .sec11 .listBox,
.topContents .sec12 .listBox,
.topContents .sec13 .listBox {
  position: relative;
  margin: 8% auto;
  padding: 3.5% 3.5%;
  border-radius: 12px;
  background: #9fdcfe
}
@media screen and (max-width: 767px) {
  .topContents .sec10 .movieBox,
  .topContents .sec11 .movieBox,
  .topContents .sec12 .movieBox,
  .topContents .sec13 .movieBox,
  .topContents .sec10 .listBox,
  .topContents .sec11 .listBox,
  .topContents .sec12 .listBox,
  .topContents .sec13 .listBox {
    margin: 12% auto;
    padding: 10% 5% 5%
  }
}
.topContents .sec10 .movieBox h4,
.topContents .sec11 .movieBox h4,
.topContents .sec12 .movieBox h4,
.topContents .sec13 .movieBox h4,
.topContents .sec10 .listBox h4,
.topContents .sec11 .listBox h4,
.topContents .sec12 .listBox h4,
.topContents .sec13 .listBox h4 {
  position: absolute;
  top: -1.3em;
  left: 0;
  width: 100%;
  margin: 0 auto 1em;
  padding: 0;
  text-align: center
}
@media screen and (max-width: 767px) {
  .topContents .sec10 .movieBox h4,
  .topContents .sec11 .movieBox h4,
  .topContents .sec12 .movieBox h4,
  .topContents .sec13 .movieBox h4,
  .topContents .sec10 .listBox h4,
  .topContents .sec11 .listBox h4,
  .topContents .sec12 .listBox h4,
  .topContents .sec13 .listBox h4 {
    padding: 0 5%
  }
}
.topContents .sec10 .movieBox .movieImg,
.topContents .sec11 .movieBox .movieImg,
.topContents .sec12 .movieBox .movieImg,
.topContents .sec13 .movieBox .movieImg,
.topContents .sec10 .listBox .movieImg,
.topContents .sec11 .listBox .movieImg,
.topContents .sec12 .listBox .movieImg,
.topContents .sec13 .listBox .movieImg {
  margin-bottom: 3%
}
@media screen and (max-width: 767px) {
  .topContents .sec10 .movieBox .movieImg,
  .topContents .sec11 .movieBox .movieImg,
  .topContents .sec12 .movieBox .movieImg,
  .topContents .sec13 .movieBox .movieImg,
  .topContents .sec10 .listBox .movieImg,
  .topContents .sec11 .listBox .movieImg,
  .topContents .sec12 .listBox .movieImg,
  .topContents .sec13 .listBox .movieImg {
    margin: 5% auto
  }
}
.topContents .sec10 .listBox,
.topContents .sec11 .listBox,
.topContents .sec12 .listBox,
.topContents .sec13 .listBox {
  padding: 3% 2.5%
}
@media screen and (max-width: 767px) {
  .topContents .sec10 .listBox,
  .topContents .sec11 .listBox,
  .topContents .sec12 .listBox,
  .topContents .sec13 .listBox {
    padding: 5% 3% 5%
  }
  .topContents .sec10 .listBox h4,
  .topContents .sec11 .listBox h4,
  .topContents .sec12 .listBox h4,
  .topContents .sec13 .listBox h4 {
    top: -.6em
  }
}
.topContents .sec10 .listBox > ul,
.topContents .sec11 .listBox > ul,
.topContents .sec12 .listBox > ul,
.topContents .sec13 .listBox > ul {
  padding: 2em 0 0;
  background: #fff;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}
@media screen and (max-width: 767px) {
  .topContents .sec10 .listBox > ul,
  .topContents .sec11 .listBox > ul,
  .topContents .sec12 .listBox > ul,
  .topContents .sec13 .listBox > ul {
    margin-top: 1em;
    padding: 0 0 1em
  }
}
.topContents .sec10 .listBox > ul > li,
.topContents .sec11 .listBox > ul > li,
.topContents .sec12 .listBox > ul > li,
.topContents .sec13 .listBox > ul > li {
  position: relative;
  margin-bottom: 1.5em;
  font-size: 15px;
  letter-spacing: -.05em
}
@media screen and (max-width: 767px) {
  .topContents .sec10 .listBox > ul > li,
  .topContents .sec11 .listBox > ul > li,
  .topContents .sec12 .listBox > ul > li,
  .topContents .sec13 .listBox > ul > li {
    margin: 1em auto 0;
    font-size: 3.3vw
  }
}
.topContents .sec10 .listBox > ul > li > ul,
.topContents .sec11 .listBox > ul > li > ul,
.topContents .sec12 .listBox > ul > li > ul,
.topContents .sec13 .listBox > ul > li > ul {
  margin-bottom: 1.5em;
  padding-left: 1.8em
}
@media screen and (max-width: 767px) {
  .topContents .sec10 .listBox > ul > li > ul,
  .topContents .sec11 .listBox > ul > li > ul,
  .topContents .sec12 .listBox > ul > li > ul,
  .topContents .sec13 .listBox > ul > li > ul {
    margin-bottom: 0
  }
}
.topContents .sec11 {
  background: #a1e8bc
}
.topContents .sec11 .listBox {
  background: #a1e8bc
}
@media screen and (min-width: 768px) {
  .topContents .sec11 .listBox > ul > li:last-child {
    width: 40%
  }
}
.topContents .sec12 {
  background: #f2b072
}
.topContents .sec12 .listBox {
  background: #f2b072
}
@media screen and (min-width: 768px) {
  .topContents .sec12 .listBox > ul > li:first-child {
    width: 30%
  }
  .topContents .sec12 .listBox > ul > li:nth-child(2) {
    width: 35%
  }
  .topContents .sec12 .listBox > ul > li:last-child {
    /* width: 40% */
  }
}
.topContents .sec13 {
  background: #ff9ba8
}
.topContents .sec13 .listBox {
  background: #ff9ba8
}
@media screen and (min-width: 768px) {
  .topContents .sec13 .listBox > ul > li > ul {
    display: inline-block;
    width: calc(100% / 3 - 3px);
    margin-bottom: 2.5em
  }
}
.topContents .bgWhite {
  margin: auto;
  padding: 3% 5% 5%;
  background: #fff
}
@media screen and (min-width: 0\0) and (-webkit-min-device-pixel-ratio: 0.75),
screen and (min-width: 0\0) and (min-resolution: 72dpi) {
  .topContents .flexBox.columnBlocks-3 > * {
    width: calc(100% / 3 - 1px)
  }
}
/*/-----------------モーダル*/
.fuText {
  display: block;
  text-align: center;
  font-size: 13px !important;
  line-height: 1.4
}
@media screen and (max-width: 767px) {
  .fuText {
    font-size: 10px !important
  }
}
.fuText.st1 {
  position: relative;
  z-index: 99;
  display: block;
  margin-top: -2em
}
@media screen and (max-width: 767px) {
  .fuText.st1 {
    margin-top: -3em
  }
}
.fuText.st2 {
  position: relative;
  display: block;
  margin: 2em auto 0
}

.-textTable {
  display: table;
  table-layout: fixed;
  margin-left: auto!important;
  margin-right: auto!important;
}

.disableBnr {
  pointer-events: none;
  position: relative;
  display: block;
  text-decoration: none;
}
.disableBnr:after {
  content: '終了しました';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: calc(100% - 6px);
  background: rgba(3,3,3, .7);
  border-radius: 11px;
  color: #ffff;
  font-weight: bold;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.sec02 .movieBtn,
.sec03 .movieBtn {
  margin-bottom: 5%;
  cursor: pointer;
}

.sec02 .-textSmall,
.sec03 .-textSmall {
  font-weight: normal;
  margin-bottom: 5%;
}


@media screen and (max-width: 767px) {
  .topContents .sec02 .profBox,
  .topContents .sec03 .profBox {
    border-width: 10px
  }
}



/*/-----------------PC＆SP*/
@media only screen and (min-width: 768px) {
  .pcOnly {
    display: block
  }
  img.pcOnly {
    display: inline
  }
  .spOnly {
    display: none !important
  }
}
@media only screen and (max-width: 767px) {
  .pcOnly {
    display: none !important
  }
  .spOnly {
    display: block
  }
  img.spOnly {
    display: inline
  }
}
.asterisk {
  font-size: 11px !important;
  vertical-align: super !important;
}
.asterisk-detail {
  font-size: 13px !important;
  font-weight: 400 !important;
  display: block;
}
@media only screen and (max-width: 767px) {
  .asterisk-detail {
    font-size: 10px !important;
  }
}

.footer {
  padding: 20px 0;
}
.footer .copyright {
  color: #868686;
  font-size: 10px;
  text-align: center;
}

/*/-----------------TO TOP*/
.toTop {
  width: 100%;
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 100;
  transform: translate3d(-20%, -20%, 0);
}
.toTop_lnk {
  display: block;
}
.toTop_icn {
  max-width: 100%;
}
@media only screen and (min-width: 768px) {
  .toTop {
    max-width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .toTop {
    max-width: 80px;
  }
}

.utl-ovr {
  backface-visibility: hidden;
  transition: opacity 450ms cubic-bezier(0.22, 1, 0.36, 1);
}
.utl-ovr:hover {
  opacity: 0.4;
}

/*/-----------------Other classes*/

.mov-dsbl {
  position: relative;
  pointer-events: none;
}

.mov-dsbl::before {
  content: '2026年度の英皇娱乐官网,英皇娱乐平台は\A''6月下旬ごろ公開予定です';
  width: calc(100% + 12px);
  height: calc(100% + 12px);
  color: #fff;
  font-size: clamp(0.875em, calc(16 / 425 * 100vw), 1.5em);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  white-space: pre;
  border-radius: 6px;
  background-color: #060d1f;
  opacity: 0.85;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}

.utl-mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

@media only screen and (min-width: 768px) {
  .column-irreg {
    flex-wrap: nowrap !important;
  }
  .column-irreg li:first-child {
    flex-shrink: 0 !important;
  }
  .column-irreg li:nth-child(2) {
    width: 100% !important;
  }
}