@charset "UTF-8";
/* =======================================================================
リセット
======================================================================= */
img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
  max-width: 100%;
  height: auto; }

ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, figure {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

ol, ul {
  list-style: none; }

i {
  font-style: normal; }

label {
  cursor: pointer; }

th, td {
  vertical-align: middle; }

th {
  font-weight: normal;
  text-align: left; }

a {
  color: #595757;
  text-decoration: none;
  outline: none; }

em {
  font-weight: bold;
  font-style: normal; }

figcaption {
  line-height: normal; }

button,
input[type="reset"],
input[type="submit"] {
  display: inline-block;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: none;
  outline: none;
  vertical-align: top;
  margin: 0;
  padding: 0; }

hr {
  margin: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
モジュール
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-sp-only {
  display: none; }

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

/* text */
.m-text-10 {
  font-size: 10px;
  line-height: 1.75; }

.m-text-11 {
  font-size: 11px;
  line-height: 1.75; }

.m-text-12 {
  font-size: 12px;
  line-height: 1.75; }

.m-text-13 {
  font-size: 13px;
  line-height: 1.75; }

.m-text-14 {
  font-size: 14px;
  line-height: 2; }

.m-text-15 {
  font-size: 15px;
  line-height: 2; }

.m-text-16 {
  font-size: 16px;
  line-height: 2; }

.m-text-17 {
  font-size: 17px;
  line-height: 1.6; }

.m-text-18 {
  font-size: 18px;
  line-height: 1.6; }

.m-text-19 {
  font-size: 19px;
  line-height: 1.6; }

.m-text-20 {
  font-size: 20px;
  line-height: 1.6; }

.m-text-21 {
  font-size: 21px;
  line-height: 1.6; }

.m-text-22 {
  font-size: 22px;
  line-height: 1.6; }

.m-text-23 {
  font-size: 23px;
  line-height: 1.6; }

.m-text-24 {
  font-size: 24px;
  line-height: 1.4; }

.m-text-25 {
  font-size: 25px;
  line-height: 1.4; }

.m-text-26 {
  font-size: 26px;
  line-height: 1.4; }

.m-text-27 {
  font-size: 27px;
  line-height: 1.4; }

.m-text-28 {
  font-size: 28px;
  line-height: 1.4; }

.m-text-30 {
  font-size: 30px;
  line-height: 1.4; }

.m-text-31 {
  font-size: 31px;
  line-height: 1.4; }

.m-text-32 {
  font-size: 32px;
  line-height: 1.2; }

.m-text-34 {
  font-size: 34px;
  line-height: 1.2; }

.m-text-35 {
  font-size: 35px;
  line-height: 1.2; }

.m-text-36 {
  font-size: 36px;
  line-height: 1.2; }

.m-text-37 {
  font-size: 37px;
  line-height: 1.2; }

.m-text-38 {
  font-size: 38px;
  line-height: 1.2; }

.m-text-40 {
  font-size: 40px;
  line-height: 1.2; }

.m-text-42 {
  font-size: 42px;
  line-height: 1.2; }

.m-text-44 {
  font-size: 44px;
  line-height: 1.2; }

.m-text-46 {
  font-size: 46px;
  line-height: 1.2; }

.m-text-48 {
  font-size: 48px;
  line-height: 1.2; }

.m-text-lhl {
  line-height: 2; }

.m-uc {
  cursor: default;
  opacity: .3; }

.m-ls1 {
  letter-spacing: 0.1em; }

.m-ls2 {
  letter-spacing: 0.2em; }

.m-text-ind {
  text-indent: 1em; }

.m-font-en {
  font-family: 'PT Sans Narrow', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700; }

.m-font-b {
  font-weight: 700; }

.m-color-wh {
  color: #ffffff; }
  .m-color-wh a {
    color: #ffffff; }

.m-color-bk {
  color: #595757; }
  .m-color-bk a {
    color: #595757; }

.m-color-dgr {
  color: #36AF54; }
  .m-color-dgr a {
    color: #36AF54; }

.m-color-dgre {
  color: #006837; }
  .m-color-dgre a {
    color: #006837; }

.m-color-gr {
  color: #8FC31F; }
  .m-color-gr a {
    color: #8FC31F; }

.m-color-or {
  color: #EF8200; }
  .m-color-or a {
    color: #EF8200; }

.m-color-dgy {
  color: #999999; }
  .m-color-dgy a {
    color: #999999; }

.m-color-gy {
  color: #cccccc; }
  .m-color-gy a {
    color: #cccccc; }

.m-color-pk {
  color: #F27797; }
  .m-color-pk a {
    color: #F27797; }

.m-color-yl {
  color: #FCEE21; }
  .m-color-yl a {
    color: #FCEE21; }

.m-color-bl {
  color: #3E92B6; }
  .m-color-bl a {
    color: #3E92B6; }

.m-color-sbl {
  color: #4EB1E5; }
  .m-color-sbl a {
    color: #4EB1E5; }

.m-color-br {
  color: #7E6B5A; }
  .m-color-br a {
    color: #7E6B5A; }

.m-color-aquarium {
  color: #00669B; }
  .m-color-aquarium a {
    color: #00669B; }

.m-color-amphibious {
  color: #B55F98; }
  .m-color-amphibious a {
    color: #B55F98; }

.m-color-environment {
  color: #38BB9C; }
  .m-color-environment a {
    color: #38BB9C; }

.m-color-red, .error, .m-attention {
  color: #D7000F; }

.m-uline {
  text-decoration: underline; }

.m-uline:hover {
  text-decoration: none; }

.m-hline:hover {
  text-decoration: underline; }

.m-op {
  display: block;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .m-op:hover {
    opacity: 0.7;
    text-decoration: none; }

.m-marker {
  position: relative;
  text-decoration: none; }
  .m-marker:before {
    content: "";
    width: 100%;
    height: 12px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1; }
  .m-marker--yl:before {
    background-color: #FCEE21; }

/* display */
.m-cf {
  *zoom: 1; }
  .m-cf:after {
    content: "";
    display: table;
    clear: both; }

.m-dis-n {
  display: none; }

.m-dis-b {
  display: block; }

.m-dis-ib {
  display: inline-block; }

.m-dis-i {
  display: inline; }

.m-ov-h {
  overflow: hidden; }

.m-d-tbl {
  display: table;
  width: 100%; }
  .m-d-tbl__cell {
    display: table-cell; }

.m-nowrap {
  white-space: nowrap; }

.m-radius {
  border-radius: 50%; }

/* float */
.m-fl-l {
  float: left; }

.m-fl-r {
  float: right; }

.m-hr {
  height: 1px;
  background-color: #e6e6e6;
  border: 0; }

/* align */
.m-align-c {
  text-align: center; }

.m-align-l {
  text-align: left; }

.m-align-r {
  text-align: right; }

.m-valign-t {
  vertical-align: top; }

.m-valign-m {
  vertical-align: middle; }

.m-valign-b {
  vertical-align: bottom; }

/* margin */
.m-mt-2xs {
  margin-top: 5px; }

.m-mt-xs {
  margin-top: 10px; }

.m-mt-s {
  margin-top: 20px; }

.m-mt {
  margin-top: 30px; }

.m-mt-l {
  margin-top: 40px; }

.m-mt-xl {
  margin-top: 60px; }

.m-mt-2xl {
  margin-top: 80px; }

.m-mt-3xl {
  margin-top: 100px; }

.m-mb-2xs {
  margin-bottom: 5px; }

.m-mb-xs {
  margin-bottom: 10px; }

.m-mb-s {
  margin-bottom: 20px; }

.m-mb {
  margin-bottom: 30px; }

.m-mb-l {
  margin-bottom: 40px; }

.m-mb-xl {
  margin-bottom: 60px; }

.m-mb-2xl {
  margin-bottom: 80px; }

.m-mb-3xl {
  margin-bottom: 100px; }

.m-ml-1em {
  margin-left: 1em; }

.m-mr-1em {
  margin-right: 1em; }

/* padding */
.m-pt-2xs {
  padding-top: 5px; }

.m-pt-xs {
  padding-top: 10px; }

.m-pt-s {
  padding-top: 20px; }

.m-pt {
  padding-top: 30px; }

.m-pt-l {
  padding-top: 40px; }

.m-pt-xl {
  padding-top: 60px; }

.m-pt-2xl {
  padding-top: 80px; }

.m-pt-3xl {
  padding-top: 100px; }

.m-pb-2xs {
  padding-bottom: 5px; }

.m-pb-xs {
  padding-bottom: 10px; }

.m-pb-s {
  padding-bottom: 20px; }

.m-pb {
  padding-bottom: 30px; }

.m-pb-l {
  padding-bottom: 40px; }

.m-pb-xl {
  padding-bottom: 60px; }

.m-pb-2xl {
  padding-bottom: 80px; }

.m-pb-3xl {
  padding-bottom: 100px; }

.m-p-xs {
  padding: 10px; }

.m-p-s {
  padding: 20px; }

.m-p {
  padding: 30px; }

.m-p-l {
  padding: 40px; }

.m-p-xl {
  padding: 60px; }

/* list */
.m-list-dot > li {
  position: relative;
  padding-left: 1em; }
  .m-list-dot > li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0; }

.m-list-cir > li {
  position: relative; }
  .m-list-cir > li:before {
    content: "●"; }

.m-list-square > li {
  position: relative; }
  .m-list-square > li:before {
    content: "■"; }

.m-list-decimal {
  list-style: decimal;
  margin-left: 1.5em; }

/* layout */
.l-inner-xs,
.l-inner-s,
.l-inner-m,
.l-inner {
  *zoom: 1;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px; }
  .l-inner-xs:after,
  .l-inner-s:after,
  .l-inner-m:after,
  .l-inner:after {
    content: "";
    display: table;
    clear: both; }

.l-inner-xs {
  max-width: 720px; }

.l-inner-s {
  max-width: 840px; }

.l-inner-m {
  max-width: 940px; }

.l-inner {
  max-width: 1120px; }

/* border */
.m-bor {
  border: solid 5px; }
  .m-bor--rd {
    border-color: #D7000F; }
  .m-bor--gy {
    border-color: #e6e6e6; }
  .m-bor--dgr {
    border-color: #36AF54; }
  .m-bor--pk {
    border-color: #F27797; }
  .m-bor--sbl {
    border-color: #4EB1E5; }
  .m-bor--gr {
    border-color: #8FC31F; }
  .m-bor--or {
    border-color: #EF8200; }
  .m-bor--br {
    border-color: #7E6B5A; }
  .m-bor--line {
    border-width: 1px; }
  .m-bor--line-w {
    border-width: 2px; }

/* bg */
.m-bg-wh {
  background-color: #ffffff; }

.m-bg-be {
  background-color: #FAF9F5; }

.m-bg-gr {
  background-color: #8FC31F; }

.m-bg-lgr {
  background-color: #F4F9E9; }

.m-bg-or {
  background-color: #EF8200; }

.m-bg-br {
  background-color: #7E6B5A; }

.m-bg-yl {
  background-color: #FFFDE6; }

.m-bg-bl {
  background-color: #3E92B6; }

.m-bg-zoo {
  background-color: #DB9352; }

.m-bg-aquarium {
  background-color: #29ABE2; }

.m-bg-nature {
  background-color: #5EB767; }

.m-bg-nurse {
  background-color: #F27797; }

.m-bg-trimmer {
  background-color: #736357; }

.m-bg-dogtrainer {
  background-color: #EFC40F; }

.m-bg-lgy {
  background-color: #f2f2f2; }

.m-bg-diagonal {
  background-size: 6px;
  background-image: url(../images/common/bg-diagonal.png); }

/* flex */
.m-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .m-flex--reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .m-flex--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .m-flex--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .m-flex--align-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .m-flex--align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .m-flex--c2 > .m-flex__item {
    width: calc(100% / 2); }
    .m-flex--c2 > .m-flex__item:nth-of-type(1), .m-flex--c2 > .m-flex__item:nth-of-type(2) {
      margin-top: 0; }
  .m-flex--c3 {
    margin-right: -1px; }
    .m-flex--c3 > .m-flex__item {
      width: calc(100% / 3); }
      .m-flex--c3 > .m-flex__item:nth-of-type(1), .m-flex--c3 > .m-flex__item:nth-of-type(2), .m-flex--c3 > .m-flex__item:nth-of-type(3) {
        margin-top: 0; }
  .m-flex--c4 > .m-flex__item {
    width: calc(100% / 4); }
    .m-flex--c4 > .m-flex__item:nth-of-type(1), .m-flex--c4 > .m-flex__item:nth-of-type(2), .m-flex--c4 > .m-flex__item:nth-of-type(3), .m-flex--c4 > .m-flex__item:nth-of-type(4) {
      margin-top: 0; }
  .m-flex--c5 > .m-flex__item {
    width: calc(100% / 5); }
    .m-flex--c5 > .m-flex__item:nth-of-type(1), .m-flex--c5 > .m-flex__item:nth-of-type(2), .m-flex--c5 > .m-flex__item:nth-of-type(3), .m-flex--c5 > .m-flex__item:nth-of-type(4), .m-flex--c5 > .m-flex__item:nth-of-type(5) {
      margin-top: 0; }
  .m-flex--g10 {
    margin-left: -10px; }
    .m-flex--g10 > .m-flex__item {
      margin-left: 10px;
      margin-top: 10px; }
    .m-flex--g10.m-flex--c2 > .m-flex__item {
      width: calc((100% / 2) - 10px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 10px);
      flex: 0 0 calc((100% / 2) - 10px); }
    .m-flex--g10.m-flex--c3 > .m-flex__item {
      width: calc((100% / 3) - 10px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 3) - 10px);
      flex: 0 0 calc((100% / 3) - 10px); }
    .m-flex--g10.m-flex--c4 > .m-flex__item {
      width: calc((100% / 4) - 10px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 4) - 10px);
      flex: 0 0 calc((100% / 4) - 10px); }
    .m-flex--g10.m-flex--c5 > .m-flex__item {
      width: calc((100% / 5) - 10px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 5) - 10px);
      flex: 0 0 calc((100% / 5) - 10px); }
  .m-flex--g20 {
    margin-left: -20px; }
    .m-flex--g20 > .m-flex__item {
      margin-left: 20px;
      margin-top: 20px; }
    .m-flex--g20.m-flex--c2 > .m-flex__item {
      width: calc((100% / 2) - 20px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 20px);
      flex: 0 0 calc((100% / 2) - 20px); }
    .m-flex--g20.m-flex--c3 > .m-flex__item {
      width: calc((100% / 3) - 20px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 3) - 20px);
      flex: 0 0 calc((100% / 3) - 20px); }
    .m-flex--g20.m-flex--c4 > .m-flex__item {
      width: calc((100% / 4) - 20px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 4) - 20px);
      flex: 0 0 calc((100% / 4) - 20px); }
    .m-flex--g20.m-flex--c5 > .m-flex__item {
      width: calc((100% / 5) - 20px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 5) - 20px);
      flex: 0 0 calc((100% / 5) - 20px); }
  .m-flex--g30 {
    margin-left: -30px; }
    .m-flex--g30 > .m-flex__item {
      margin-left: 30px;
      margin-top: 30px; }
    .m-flex--g30.m-flex--c2 > .m-flex__item {
      width: calc((100% / 2) - 30px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 30px);
      flex: 0 0 calc((100% / 2) - 30px); }
    .m-flex--g30.m-flex--c3 > .m-flex__item {
      width: calc((100% / 3) - 30px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 3) - 30px);
      flex: 0 0 calc((100% / 3) - 30px); }
    .m-flex--g30.m-flex--c4 > .m-flex__item {
      width: calc((100% / 4) - 30px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 4) - 30px);
      flex: 0 0 calc((100% / 4) - 30px); }
    .m-flex--g30.m-flex--c5 > .m-flex__item {
      width: calc((100% / 5) - 30px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 5) - 30px);
      flex: 0 0 calc((100% / 5) - 30px); }
  .m-flex--g40 {
    margin-left: -40px; }
    .m-flex--g40 > .m-flex__item {
      margin-left: 40px;
      margin-top: 40px; }
    .m-flex--g40.m-flex--c2 > .m-flex__item {
      width: calc((100% / 2) - 40px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 40px);
      flex: 0 0 calc((100% / 2) - 40px); }
    .m-flex--g40.m-flex--c3 > .m-flex__item {
      width: calc((100% / 3) - 40px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 3) - 40px);
      flex: 0 0 calc((100% / 3) - 40px); }
    .m-flex--g40.m-flex--c4 > .m-flex__item {
      width: calc((100% / 4) - 40px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 4) - 40px);
      flex: 0 0 calc((100% / 4) - 40px); }
    .m-flex--g40.m-flex--c5 > .m-flex__item {
      width: calc((100% / 5) - 40px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 5) - 40px);
      flex: 0 0 calc((100% / 5) - 40px); }
  .m-flex--g60 {
    margin-left: -60px; }
    .m-flex--g60 > .m-flex__item {
      margin-left: 60px;
      margin-top: 60px; }
    .m-flex--g60.m-flex--c2 > .m-flex__item {
      width: calc((100% / 2) - 60px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 60px);
      flex: 0 0 calc((100% / 2) - 60px); }
    .m-flex--g60.m-flex--c3 > .m-flex__item {
      width: calc((100% / 3) - 60px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 3) - 60px);
      flex: 0 0 calc((100% / 3) - 60px); }
    .m-flex--g60.m-flex--c4 > .m-flex__item {
      width: calc((100% / 4) - 60px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 4) - 60px);
      flex: 0 0 calc((100% / 4) - 60px); }
    .m-flex--g60.m-flex--c5 > .m-flex__item {
      width: calc((100% / 5) - 60px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 5) - 60px);
      flex: 0 0 calc((100% / 5) - 60px); }
  .m-flex--g80 {
    margin-left: -80px; }
    .m-flex--g80 > .m-flex__item {
      margin-left: 80px;
      margin-top: 80px; }
    .m-flex--g80.m-flex--c2 > .m-flex__item {
      width: calc((100% / 2) - 80px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 80px);
      flex: 0 0 calc((100% / 2) - 80px); }
    .m-flex--g80.m-flex--c3 > .m-flex__item {
      width: calc((100% / 3) - 80px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 3) - 80px);
      flex: 0 0 calc((100% / 3) - 80px); }
    .m-flex--g80.m-flex--c4 > .m-flex__item {
      width: calc((100% / 4) - 80px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 4) - 80px);
      flex: 0 0 calc((100% / 4) - 80px); }
    .m-flex--g80.m-flex--c5 > .m-flex__item {
      width: calc((100% / 5) - 80px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 5) - 80px);
      flex: 0 0 calc((100% / 5) - 80px); }
  .m-flex:not(.m-flex--c2):not(.m-flex--c3):not(.m-flex--c4):not(.m-flex--c5) > .m-flex__item {
    margin-top: 0; }

/* table */
/* btn */
button.m-btn,
input.m-btn,
.m-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  padding: 0 1em;
  font-size: 16px;
  line-height: 1.65;
  color: #ffffff;
  text-align: center;
  vertical-align: top; }
  button.m-btn--column,
  input.m-btn--column,
  .m-btn--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  button.m-btn--left,
  input.m-btn--left,
  .m-btn--left {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left; }
  button.m-btn--align-l,
  input.m-btn--align-l,
  .m-btn--align-l {
    margin-left: inherit;
    margin-right: inherit; }
  button.m-btn--ar-r:before, button.m-btn--ar-b:before,
  input.m-btn--ar-r:before,
  input.m-btn--ar-b:before,
  .m-btn--ar-r:before,
  .m-btn--ar-b:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  button.m-btn--ar-b:before,
  input.m-btn--ar-b:before,
  .m-btn--ar-b:before {
    -webkit-transform: translateY(-50%) rotate(135deg);
    transform: translateY(-50%) rotate(135deg); }
  button.m-btn--left,
  input.m-btn--left,
  .m-btn--left {
    text-align: left; }
  button.m-btn--l,
  input.m-btn--l,
  .m-btn--l {
    height: 70px; }
  button.m-btn--s,
  input.m-btn--s,
  .m-btn--s {
    font-size: 16px; }
  button.m-btn--xs,
  input.m-btn--xs,
  .m-btn--xs {
    font-size: 14px; }
  button.m-btn--gr,
  input.m-btn--gr,
  .m-btn--gr {
    background-color: #8FC31F; }
  button.m-btn--or,
  input.m-btn--or,
  .m-btn--or {
    background-color: #EF8200; }
  button.m-btn--gy,
  input.m-btn--gy,
  .m-btn--gy {
    background-color: #cccccc; }
  button.m-btn--br,
  input.m-btn--br,
  .m-btn--br {
    background-color: #7E6B5A; }
  button.m-btn--yl,
  input.m-btn--yl,
  .m-btn--yl {
    background-color: #FCEE21;
    color: #595757; }
  button.m-btn--gr-bor,
  input.m-btn--gr-bor,
  .m-btn--gr-bor {
    border: solid 3px #8FC31F;
    color: #8FC31F; }
    button.m-btn--gr-bor:before,
    input.m-btn--gr-bor:before,
    .m-btn--gr-bor:before {
      border-color: #8FC31F; }
  button.m-btn--zoo,
  input.m-btn--zoo,
  .m-btn--zoo {
    border: solid 3px #DB9352;
    color: #DB9352; }
    button.m-btn--zoo:before,
    input.m-btn--zoo:before,
    .m-btn--zoo:before {
      border-color: #DB9352; }
  button.m-btn--aquarium,
  input.m-btn--aquarium,
  .m-btn--aquarium {
    border: solid 3px #29ABE2;
    color: #29ABE2; }
    button.m-btn--aquarium:before,
    input.m-btn--aquarium:before,
    .m-btn--aquarium:before {
      border-color: #29ABE2; }
  button.m-btn--nature,
  input.m-btn--nature,
  .m-btn--nature {
    border: solid 3px #5EB767;
    color: #5EB767; }
    button.m-btn--nature:before,
    input.m-btn--nature:before,
    .m-btn--nature:before {
      border-color: #5EB767; }
  button.m-btn--nurse,
  input.m-btn--nurse,
  .m-btn--nurse {
    border: solid 3px #F27797;
    color: #F27797; }
    button.m-btn--nurse:before,
    input.m-btn--nurse:before,
    .m-btn--nurse:before {
      border-color: #F27797; }
  button.m-btn--trimmer,
  input.m-btn--trimmer,
  .m-btn--trimmer {
    border: solid 3px #736357;
    color: #736357; }
    button.m-btn--trimmer:before,
    input.m-btn--trimmer:before,
    .m-btn--trimmer:before {
      border-color: #736357; }
  button.m-btn--dogtrainer,
  input.m-btn--dogtrainer,
  .m-btn--dogtrainer {
    border: solid 3px #EFC40F;
    color: #EFC40F; }
    button.m-btn--dogtrainer:before,
    input.m-btn--dogtrainer:before,
    .m-btn--dogtrainer:before {
      border-color: #EFC40F; }
  button.m-btn--zoo.is-active,
  input.m-btn--zoo.is-active,
  .m-btn--zoo.is-active {
    background-color: #DB9352;
    color: #ffffff; }
    button.m-btn--zoo.is-active:before,
    input.m-btn--zoo.is-active:before,
    .m-btn--zoo.is-active:before {
      border-color: #ffffff; }
  button.m-btn--aquarium.is-active,
  input.m-btn--aquarium.is-active,
  .m-btn--aquarium.is-active {
    background-color: #29ABE2;
    color: #ffffff; }
    button.m-btn--aquarium.is-active:before,
    input.m-btn--aquarium.is-active:before,
    .m-btn--aquarium.is-active:before {
      border-color: #ffffff; }
  button.m-btn--nature.is-active,
  input.m-btn--nature.is-active,
  .m-btn--nature.is-active {
    background-color: #5EB767;
    color: #ffffff; }
    button.m-btn--nature.is-active:before,
    input.m-btn--nature.is-active:before,
    .m-btn--nature.is-active:before {
      border-color: #ffffff; }
  button.m-btn--nurse.is-active,
  input.m-btn--nurse.is-active,
  .m-btn--nurse.is-active {
    background-color: #F27797;
    color: #ffffff; }
    button.m-btn--nurse.is-active:before,
    input.m-btn--nurse.is-active:before,
    .m-btn--nurse.is-active:before {
      border-color: #ffffff; }
  button.m-btn--trimmer.is-active,
  input.m-btn--trimmer.is-active,
  .m-btn--trimmer.is-active {
    background-color: #736357;
    color: #ffffff; }
    button.m-btn--trimmer.is-active:before,
    input.m-btn--trimmer.is-active:before,
    .m-btn--trimmer.is-active:before {
      border-color: #ffffff; }
  button.m-btn--dogtrainer.is-active,
  input.m-btn--dogtrainer.is-active,
  .m-btn--dogtrainer.is-active {
    background-color: #EFC40F;
    color: #ffffff; }
    button.m-btn--dogtrainer.is-active:before,
    input.m-btn--dogtrainer.is-active:before,
    .m-btn--dogtrainer.is-active:before {
      border-color: #ffffff; }
  button.m-btn--w240,
  input.m-btn--w240,
  .m-btn--w240 {
    width: 240px; }
  button.m-btn--w320,
  input.m-btn--w320,
  .m-btn--w320 {
    width: 320px; }
  button.m-btn--w480,
  input.m-btn--w480,
  .m-btn--w480 {
    width: 480px; }
  button.m-btn--zipcode,
  input.m-btn--zipcode,
  .m-btn--zipcode {
    display: inline-block;
    width: 100px;
    margin-left: 10px; }
  button.m-btn--shadow.m-btn--gr,
  input.m-btn--shadow.m-btn--gr,
  .m-btn--shadow.m-btn--gr {
    -webkit-box-shadow: 0 4px 0 0 #7BAA17;
    box-shadow: 0 4px 0 0 #7BAA17; }
  button.m-btn--shadow.m-btn--or,
  input.m-btn--shadow.m-btn--or,
  .m-btn--shadow.m-btn--or {
    -webkit-box-shadow: 0 4px 0 0 #C66A06;
    box-shadow: 0 4px 0 0 #C66A06; }

button.m-btn,
input.m-btn,
a.m-btn {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  button.m-btn:hover,
  input.m-btn:hover,
  a.m-btn:hover {
    opacity: 0.7;
    text-decoration: none; }

/* icon */
.m-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: .5em;
  background-size: auto 100%; }
  .m-icon--opencampus-freedial {
    width: 44px;
    height: 26px;
    background-image: url(../images/opencampus/index/icon-freedial.png); }
  .m-icon--opencampus-access {
    width: 12px;
    height: 20px;
    background-image: url(../images/opencampus/index/icon-access.png); }
  .m-icon--opencampus-01, .m-icon--opencampus-02, .m-icon--opencampus-03 {
    width: 56px;
    height: 56px;
    background-image: url(../images/opencampus/index/icons-request.png);
    background-color: #ffffff;
    border-radius: 50%; }
  .m-icon--opencampus-02 {
    background-position: -100% 0; }
  .m-icon--opencampus-03 {
    background-position: -200% 0; }
  .m-icon--pdf {
    width: 22px;
    height: 22px;
    background-image: url(../images/common/icon-pdf.png); }
  .m-icon--excel {
    width: 22px;
    height: 22px;
    background-image: url(../images/common/icon-excel.png); }
  .m-icon--map {
    width: 12px;
    height: 12px;
    background-image: url(../images/common/icon-zoom.png); }
  .m-icon--tel {
    width: 44px;
    height: 44px;
    background-color: #EF8200;
    border-radius: 50%;
    background-size: auto 100%;
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    background-image: url(../images/common/icon-tel.png); }
  .m-icon--mail, .m-icon--request {
    width: 32px;
    height: 32px;
    background-size: auto 100%;
    background-image: url(../images/common/icons-contact.png); }
  .m-icon--request {
    background-position: -100% 0; }
  .m-icon--ar-r {
    width: 8px;
    height: 8px;
    border-top: solid 2px #8FC31F;
    border-right: solid 2px #8FC31F;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }

.m-cat-icon {
  display: block;
  color: #ffffff;
  padding: .25em 1em;
  vertical-align: top;
  margin-bottom: 5px; }
  .m-cat-icon--wh {
    background-color: #ffffff;
    color: #999999; }
  .m-cat-icon--dgr {
    background-color: #36AF54; }
  .m-cat-icon--gr {
    background-color: #8FC31F; }
  .m-cat-icon--or {
    background-color: #EF8200; }
  .m-cat-icon--yl {
    background-color: #EBB81F; }
  .m-cat-icon--pk {
    background-color: #F27797; }
  .m-cat-icon--bl {
    background-color: #3E92B6; }
  .m-cat-icon--sbl {
    background-color: #4EB1E5; }
  .m-cat-icon--br {
    background-color: #7E6B5A; }
  .m-cat-icon--zoo {
    background-color: #DB9352; }
  .m-cat-icon--aquarium {
    background-color: #29ABE2; }
  .m-cat-icon--nature {
    background-color: #5EB767; }
  .m-cat-icon--nurse {
    background-color: #F27797; }
  .m-cat-icon--trimmer {
    background-color: #736357; }
  .m-cat-icon--dogtrainer {
    background-color: #EFC40F; }
  .m-cat-icon--bor {
    background-color: #ffffff;
    border: solid 1px; }
    .m-cat-icon--bor.m-cat-icon--wh {
      border-color: #ffffff; }
    .m-cat-icon--bor.m-cat-icon--dgr {
      border-color: #36AF54;
      color: #36AF54; }
    .m-cat-icon--bor.m-cat-icon--gr {
      border-color: #8FC31F;
      color: #8FC31F; }
    .m-cat-icon--bor.m-cat-icon--or {
      border-color: #EF8200;
      color: #EF8200; }
    .m-cat-icon--bor.m-cat-icon--pk {
      border-color: #F27797;
      color: #F27797; }
    .m-cat-icon--bor.m-cat-icon--yl {
      border-color: #EBB81F;
      color: #EBB81F; }
    .m-cat-icon--bor.m-cat-icon--bl {
      border-color: #3E92B6;
      color: #3E92B6; }
    .m-cat-icon--bor.m-cat-icon--sbl {
      border-color: #4EB1E5;
      color: #4EB1E5; }
    .m-cat-icon--bor.m-cat-icon--br {
      border-color: #7E6B5A;
      color: #7E6B5A; }

/* nav */
.m-content-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin-left: -8px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .m-content-nav__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 8px);
    flex: 0 0 calc(25% - 8px);
    margin-left: 8px;
    font-size: 18px; }
    .m-content-nav__item small {
      font-size: 12px; }
    .m-content-nav__item a {
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 100px;
      border-bottom: solid 2px #8FC31F;
      color: #8FC31F; }
      .m-content-nav__item a:before {
        -webkit-transition: .3s;
        transition: .3s;
        content: "";
        position: absolute;
        left: 50%;
        bottom: 20px;
        margin-left: -8px;
        width: 8px;
        height: 8px;
        border-top: solid 2px #8FC31F;
        border-right: solid 2px #8FC31F;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }

/* main visual */
.m-mv {
  position: relative;
  *zoom: 1; }
  .m-mv:after {
    content: "";
    display: table;
    clear: both; }
  .m-mv__image {
    position: relative; }
    .m-mv__image img {
      width: 100%; }
    .m-mv__image--re-entrance:before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.3);
      position: absolute;
      left: 0;
      top: 0; }
  .m-mv__content {
    position: relative;
    width: 700px;
    padding: 40px;
    background-color: #ffffff;
    z-index: 1;
    float: right;
    margin-right: 100px;
    margin-top: -220px; }
    .m-mv__content--graduate {
      position: relative;
      margin-top: 0;
      margin-right: 0;
      padding-bottom: 0;
      float: none;
      width: auto;
      text-align: center; }
    .m-mv__content--parent {
      width: auto;
      position: absolute;
      margin-top: 0;
      right: 0;
      top: 50%;
      float: none;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%); }
    .m-mv__content--re-entrance {
      position: absolute;
      width: 100%;
      left: 0;
      top: 0;
      height: 100%;
      margin-top: 0;
      padding: 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      color: #ffffff;
      margin-right: 0;
      float: none;
      background-color: transparent; }

/* title */
.m-title {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  left: 0;
  right: 0;
  top: 0;
  font-size: 22px;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .m-title-text--ecopress {
    font-size: 25px;
    font-weight: 700;
    color: #000000;
    letter-spacing: .15em; }

.m-content-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 175px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #8FC31F;
  background-repeat: no-repeat;
  background-position: 50%;
  background-image: url(../images/common/bg-title.png);
  text-align: center;
  color: #ffffff;
  font-size: 38px; }

.m-dot-title {
  color: #8FC31F;
  font-size: 34px;
  text-align: center; }
  .m-dot-title span {
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    padding-right: 1.5em; }
    .m-dot-title span:before, .m-dot-title span:after {
      position: absolute;
      content: "…";
      bottom: -0.25em; }
    .m-dot-title span:before {
      left: 0; }
    .m-dot-title span:after {
      right: 0; }
  .m-dot-title--or {
    color: #EF8200; }

.m-dot-title-top {
  color: #8FC31F;
  font-size: 24px;
  text-align: center; }
  .m-dot-title-top span {
    position: relative;
    display: inline-block;
    padding-left: 1.5em;
    padding-right: 1.5em; }
    .m-dot-title-top span:before, .m-dot-title-top span:after {
      position: absolute;
      content: "…";
      bottom: -0.25em; }
    .m-dot-title-top span:before {
      left: 0; }
    .m-dot-title-top span:after {
      right: 0; }
  .m-dot-title-top--or {
    color: #EF8200; }

.m-bar-title {
  padding: .5em;
  border-top: solid 2px #8FC31F;
  border-bottom: solid 2px #8FC31F;
  text-align: center;
  color: #8FC31F; }

/* breadcrumb */
.m-breadcrumb {
  *zoom: 1;
  font-size: 12px;
  background-color: #f2f2f2;
  padding: 1.5em; }
  .m-breadcrumb:after {
    content: "";
    display: table;
    clear: both; }

.m-breadcrumb__item {
  position: relative;
  float: left;
  padding-right: 3em; }
  .m-breadcrumb__item:before {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: solid 2px #cccccc;
    border-right: solid 2px #cccccc;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .m-breadcrumb__item:last-child:before {
    display: none; }
  .m-breadcrumb__item a:hover {
    text-decoration: underline; }

/* modal window */
.m-modal-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 10001; }

.m-modal-item-close {
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  right: -20px;
  top: -20px;
  text-indent: -9998em;
  z-index: 10003;
  border-radius: 50%;
  background-size: 100%;
  background-image: url(../images/department/zoo/curriculum/icon-modal-close.png); }
  .m-modal-item-close:hover {
    opacity: 0.7;
    text-decoration: none; }

.m-modal-item {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  min-width: 50%;
  max-width: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 40px;
  background-color: #ffffff;
  z-index: 10002; }

/* form */
.m-input-text,
.m-textarea {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  border: solid 2px #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  width: 100%;
  padding: 10px 15px;
  background-color: #ffffff;
  outline: none;
  font-size: 16px; }
  .m-input-text:focus,
  .m-textarea:focus {
    background-color: #ffffff; }

.m-input-text {
  width: 100%; }

.m-input-text--s {
  width: 60%; }

.m-input-text--xs {
  width: 120px; }

.m-input-text--auto {
  width: auto; }

.m-textarea {
  width: 100%;
  resize: none; }

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  margin-right: 10px;
  margin-top: -3px;
  border: solid 2px #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: transparent;
  outline: none;
  width: 20px;
  height: 20px;
  vertical-align: middle; }

input[type="radio"]:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #8FC31F;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 100%;
  display: none; }

input[type="radio"]:checked:after {
  display: block; }

input[type="checkbox"]:after {
  content: "";
  width: 6px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  border-bottom: solid 2px #8FC31F;
  border-right: solid 2px #8FC31F;
  margin-top: -8px;
  margin-left: -3px;
  display: none;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

input[type="checkbox"]:checked:after {
  display: block; }

input[type="radio"] {
  border-radius: 100%; }

input[type="checkbox"] {
  border-radius: 0; }

label {
  display: inline-block;
  *zoom: 1; }
  label:after {
    content: "";
    display: table;
    clear: both; }
  label input[type="radio"],
  label input[type="checkbox"] {
    float: left;
    margin-top: 4px;
    display: block; }
  label > span {
    overflow: hidden;
    display: block; }

label + label {
  margin-left: 10px; }

select.m-select {
  position: relative;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  min-height: 40px;
  padding: 12px 45px 12px 15px;
  border: solid 2px #cccccc;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-size: 40px auto;
  background-image: url(../images/common/icon-select.png);
  background-position: right 50%;
  cursor: pointer;
  font-size: 16px;
  outline: none;
  line-height: 1.231;
  text-overflow: ''; }
  select.m-select--l {
    font-size: 20px; }

select.m-select::-ms-expand {
  display: none; }

.mod-wysiwyg {
  *zoom: 1; }
  .mod-wysiwyg:after {
    content: "";
    display: table;
    clear: both; }
  .mod-wysiwyg a {
    text-decoration: underline;
    color: #8FC31F; }
    .mod-wysiwyg a:hover {
      text-decoration: none; }
  .mod-wysiwyg pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word; }
  .mod-wysiwyg hr {
    height: 1px;
    background-color: #e6e6e6;
    border: 0;
    margin-bottom: 1.5em; }
  .mod-wysiwyg blockquote {
    position: relative;
    background-color: #f2f2f2;
    margin: 0 0 1.5em;
    padding: 20px; }
  .mod-wysiwyg p {
    position: relative;
    *zoom: 1; }
    .mod-wysiwyg p:after {
      content: "";
      display: table;
      clear: both; }
  .mod-wysiwyg img {
    max-width: 100%;
    height: auto; }
    .mod-wysiwyg img.alignleft {
      float: left;
      margin-right: 40px;
      margin-bottom: 1em; }
    .mod-wysiwyg img.alignright {
      float: right;
      margin-left: 40px;
      margin-bottom: 1em; }
    .mod-wysiwyg img.aligncenter {
      display: block;
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
  .mod-wysiwyg h1, .mod-wysiwyg h2, .mod-wysiwyg h3, .mod-wysiwyg h4, .mod-wysiwyg h5, .mod-wysiwyg h6, .mod-wysiwyg ul, .mod-wysiwyg ol, .mod-wysiwyg p {
    margin-bottom: 1.5em; }
  .mod-wysiwyg h1, .mod-wysiwyg h2, .mod-wysiwyg h3, .mod-wysiwyg h4, .mod-wysiwyg h5, .mod-wysiwyg h6 {
    line-height: 1.5;
    color: #8FC31F; }
  .mod-wysiwyg ul, .mod-wysiwyg ol, .mod-wysiwyg p, .mod-wysiwyg table, .mod-wysiwyg blockquote {
    line-height: 1.75;
    font-size: 16px; }
  .mod-wysiwyg ul > li {
    position: relative;
    padding-left: 1em; }
    .mod-wysiwyg ul > li:before {
      content: "・";
      position: absolute;
      left: 0;
      top: 0; }
  .mod-wysiwyg ol {
    list-style: decimal;
    margin-left: 1.5em; }
  .mod-wysiwyg h1 {
    font-size: 26px; }
  .mod-wysiwyg h2 {
    padding: 15px;
    border-left: solid 10px #8FC31F;
    background-color: #f2f2f2;
    color: #8FC31F;
    font-size: 24px; }
  .mod-wysiwyg h3 {
    padding-bottom: 10px;
    border-bottom: solid 1px #8FC31F;
    font-size: 22px; }
  .mod-wysiwyg h4 {
    padding-left: 10px;
    border-left: solid 5px #8FC31F;
    font-size: 20px; }
  .mod-wysiwyg h5 {
    font-size: 18px; }
  .mod-wysiwyg h6 {
    font-size: 16px; }
  .mod-wysiwyg table {
    margin-bottom: 1.5em; }
    .mod-wysiwyg table thead th, .mod-wysiwyg table thead td {
      background-color: #f2f2f2; }
    .mod-wysiwyg table th, .mod-wysiwyg table td {
      padding: 10px;
      border: solid 1px #e6e6e6;
      vertical-align: middle; }
    .mod-wysiwyg table th {
      font-weight: bold; }

.wp-caption {
  *zoom: 1;
  padding: 15px;
  background-color: #f2f2f2;
  text-align: center; }
  .wp-caption:after {
    content: "";
    display: table;
    clear: both; }
  .wp-caption img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; }
  .wp-caption.alignleft img {
    float: left; }
  .wp-caption.alignright img {
    float: right; }
  .wp-caption.aligncenter, .wp-caption.alignnone {
    display: block;
    margin-left: auto;
    margin-right: auto; }

p.wp-caption-text,
.wp-caption-text {
  margin-top: 10px;
  margin-bottom: 0;
  color: #595757;
  font-size: 14px; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
  outline: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .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; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  min-height: 1px;
  display: none;
  outline: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .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; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 22%;
  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: 45px;
  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; }

@media screen and (max-width: 767px) {
  .slick-dots {
    bottom: 40%; } }

.js-sort-target {
  display: none; }
  .js-sort-target.is-active {
    display: inherit; }

.c-yellow {
  color: #fcaf17 !important; }

.bg-yellow {
  background-color: #fcaf17 !important; }

.slick-yellow .slick-prev,
.slick-yellow .slick-next {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-indent: -9999em;
  background-color: #fcaf17 !important;
  z-index: 1;
  background-size: 100%;
  background-image: url(../images/common/icon-ar.png); }

.border-yellow {
  border: 3px #fcaf17 solid !important; }

.bc-yellow {
  border-color: 3px #fcaf17 !important; }

.c-brown {
  color: #7b522a !important; }

.bg-brown {
  background-color: #7b522a !important; }

.slick-brown .slick-prev,
.slick-brown .slick-next {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  text-indent: -9999em;
  background-color: #7b522a !important;
  z-index: 1;
  background-size: 100%;
  background-image: url(../images/common/icon-ar.png); }

.border-brown {
  border: 3px #7b522a solid !important; }

.bc-brown {
  border-color: 3px #7b522a !important; }

/* =======================================================================
共通
======================================================================= */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
base
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
body {
  font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.231;
  color: #595757; }

#l-wrapper {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  min-width: 1120px;
  -webkit-transition: padding .5s;
  transition: padding .5s;
  padding-left: 210px; }

.t-home #l-wrapper {
  padding-left: 0; }
  .t-home #l-wrapper.is-scrolled {
    padding-left: 210px; }

.l-container {
  position: relative;
  padding-top: 90px; }

.t-home .l-container,
.t-outside.t-index .l-container,
.t-opencampus.t-index .l-container,
.t-prospectus.t-01 .l-container,
.t-prospectus.t-02 .l-container,
.t-prospectus.t-03 .l-container,
.t-department:not(.t-index):not(.t-voice):not(.t-curriculum) .l-container {
  padding-top: 0; }

.m-header {
  position: fixed;
  -webkit-transition: left .5s;
  transition: left .5s;
  left: 0;
  top: 0;
  width: 210px;
  height: 100%;
  overflow: auto;
  background-color: #ffffff;
  border-right: solid 1px #e6e6e6;
  z-index: 5010; }
  .m-header-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    z-index: 1; }
  .m-header-logo {
    position: relative;
    z-index: 2; }
    .m-header-logo a {
      display: block;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      height: 140px;
      background-size: 150px auto;
      background-repeat: no-repeat;
      background-position: 50%;
      background-image: url(../images/common/logo-gr.png);
      text-indent: -9998em; }
      .m-header-logo a:hover {
        opacity: 0.7;
        text-decoration: none; }
  .m-header-sub-nav {
    position: relative;
    z-index: 2;
    display: block;
    position: relative;
    padding: 20px 15px 20px 30px;
    font-size: 14px;
    -webkit-transition: .3s;
    transition: .3s; }
    .m-header-sub-nav:hover {
      background-color: #EF8200;
      color: #ffffff; }
      .m-header-sub-nav:hover:before {
        border-top-color: #ffffff;
        border-right-color: #ffffff; }
    .m-header-sub-nav:before {
      -webkit-transition: .3s;
      transition: .3s;
      content: "";
      position: absolute;
      left: 15px;
      top: 50%;
      width: 8px;
      height: 8px;
      border-top: solid 2px #595757;
      border-right: solid 2px #595757;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }

.t-home .m-header {
  left: -210px; }
  .t-home .m-header.is-scrolled {
    left: 0; }

.m-global-nav__item {
  position: relative;
  font-size: 16px; }
  .m-global-nav__item a {
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    border-top: solid 1px #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 68px;
    padding-left: 1em;
    padding-right: 1em;
    background-color: #ffffff;
    z-index: 2; }
    .m-global-nav__item a .en {
      -webkit-transition: .3s;
      transition: .3s;
      font-family: 'PT Sans Narrow', sans-serif;
      letter-spacing: 0.1em;
      font-weight: 700;
      margin-top: .5em;
      font-size: 10px;
      color: #8FC31F; }
    .m-global-nav__item a:before {
      -webkit-transition: .3s;
      transition: .3s;
      content: "";
      position: absolute;
      right: 15px;
      top: 50%;
      width: 8px;
      height: 8px;
      border-top: solid 2px #EF8200;
      border-right: solid 2px #EF8200;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }
    .m-global-nav__item a:hover {
      background-color: #8FC31F;
      color: #ffffff; }
      .m-global-nav__item a:hover .en {
        color: #ffffff; }
      .m-global-nav__item a:hover:before {
        border-top-color: #FCEE21;
        border-right-color: #FCEE21; }
  .m-global-nav__item:hover .m-global-nav-child {
    left: 210px;
    z-index: 1; }
  .m-global-nav__item--target a:hover {
    background-color: #EF8200; }
  .m-global-nav__item:nth-last-of-type(1) > a {
    border-bottom: solid 1px #e6e6e6; }

.m-global-nav-child {
  -webkit-transition: .3s;
  transition: .3s;
  position: fixed;
  width: 210px;
  height: 100%;
  top: 0px;
  left: -210px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: #8FC31F;
  z-index: -1; }
  .m-global-nav-child__item {
    width: 100%;
    font-size: 14px; }
    .m-global-nav-child__item a {
      position: relative;
      color: #ffffff;
      background-color: #8FC31F;
      border-top: solid 1px rgba(255, 255, 255, 0.3); }
      .m-global-nav-child__item a:before {
        border-top-color: #FCEE21;
        border-right-color: #FCEE21; }
    .m-global-nav-child__item:nth-last-of-type(1) > a {
      border-bottom: solid 1px rgba(255, 255, 255, 0.3); }
  .m-global-nav-child--target {
    background-color: #EF8200; }
    .m-global-nav-child--target .m-global-nav-child__item > a {
      background-color: #EF8200; }
  .m-global-nav-child:not(.m-global-nav-child--target) .m-global-nav-child__item:nth-of-type(1) {
    display: none; }

.m-global-navSp {
  display: none; }

.m-sub-nav-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #8FC31F;
  color: #ffffff;
  height: 50px;
  font-size: 16px;
  padding-left: 1em;
  padding-right: 1em;
  z-index: 2; }
  .m-sub-nav-title:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 14px;
    height: 14px;
    background-size: auto 100%;
    background-image: url(../images/common/icon-sub-nav-toggle.png); }
  .m-sub-nav-title.is-active {
    background-color: #EF8200; }
    .m-sub-nav-title.is-active:before {
      background-position: -100% 0; }

.m-sub-nav {
  position: relative;
  background-color: #f2f2f2;
  padding: 15px;
  z-index: 2;
  display: none; }
  .m-sub-nav__item {
    font-size: 13px; }
    .m-sub-nav__item + .m-sub-nav__item {
      margin-top: 10px; }
    .m-sub-nav__item a {
      position: relative;
      padding-left: 1em; }
      .m-sub-nav__item a:before {
        content: "";
        width: 7px;
        height: 2px;
        background-color: #EF8200;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%); }

.m-header-sp-logo,
.m-header-sp-btn,
.m-header-sp-nav {
  display: none; }

.m-h-logo,
.m-h-menu {
  position: absolute;
  left: -9999px;
  top: -9999px;
  z-index: 5000; }

.m-h-logo {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 86px;
  height: 36px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-image: url(../images/common/logo-wh.png);
  text-indent: -9998em; }
  .m-h-logo:hover {
    opacity: 0.7;
    text-decoration: none; }

.m-h-menu {
  margin-top: -32px;
  display: block;
  width: 64px;
  height: 64px;
  background-color: #8FC31F;
  color: #ffffff;
  font-size: 10px;
  font-family: 'PT Sans Narrow', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
  border-radius: 6px;
  -webkit-transition: .5s;
  transition: .5s;
  padding-top: 44px; }
  .m-h-menu span {
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    width: 28px;
    height: 2px;
    left: 50%;
    margin-left: -14px;
    display: inline-block;
    background-color: #ffffff; }
    .m-h-menu span:nth-of-type(1) {
      top: 15px; }
    .m-h-menu span:nth-of-type(2) {
      top: 24px; }
    .m-h-menu span:nth-of-type(3) {
      top: 33px; }
  .m-h-menu.is-active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg); }
  .m-h-menu.is-active span:nth-of-type(2) {
    height: 0;
    opacity: 0; }
  .m-h-menu.is-active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg); }
  .m-h-menu.is-active {
    left: 230px; }

.t-home .m-h-logo {
  left: 30px;
  top: 30px; }

.t-home .m-h-menu {
  position: fixed;
  left: 20px;
  top: 50%; }

.m-h-nav {
  position: absolute;
  right: 30px;
  top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 5000; }
  .m-h-nav__item {
    margin-left: 20px;
    font-size: 12px;
    font-weight: bold; }
    .m-h-nav__item a {
      position: relative;
      display: block;
      padding-left: 35px; }
      .m-h-nav__item a:hover {
        text-decoration: underline; }
      .m-h-nav__item a:before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -15px;
        width: 30px;
        height: 30px;
        background-size: auto 100%;
        background-image: url(../images/common/icons-h-nav-or.png); }
    .m-h-nav__item--request a:before {
      background-position: -100% 0; }
    .m-h-nav__item--access a:before {
      background-position: -200% 0; }
    .m-h-nav__item--information a:before {
      content: none; }

.t-home .m-h-nav__item a,
.t-opencampus.t-index .m-h-nav__item a,
.t-prospectus.t-01 .m-h-nav__item a,
.t-prospectus.t-02 .m-h-nav__item a,
.t-prospectus.t-03 .m-h-nav__item a,
.t-department:not(.t-index):not(.t-voice):not(.t-curriculum) .m-h-nav__item a {
  color: #ffffff; }

.m-footer {
  position: relative;
  background-color: #8FC31F;
  padding: 80px;
  color: #ffffff; }
  .m-footer:before {
    -webkit-transition: .3s;
    transition: .3s;
    content: "";
    width: 290px;
    height: 128px;
    position: absolute;
    left: 80px;
    bottom: -20px;
    background-size: 100%;
    background-image: url(../images/common/bg-footer.png); }
  .m-footer a {
    color: #ffffff; }

@media screen and (max-width: 1399px) and (min-width: 768px) {
  .m-footer:before {
    opacity: 0; } }

.m-footer-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .m-footer-sns__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px;
    margin-left: 20px;
    margin-right: 20px; }
    .m-footer-sns__item a {
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      display: block;
      width: 40px;
      height: 40px;
      background-size: auto 100%;
      background-image: url(../images/common/icons-sns.png);
      text-indent: -9998em; }
      .m-footer-sns__item a:hover {
        opacity: 0.7;
        text-decoration: none; }
    .m-footer-sns__item--tw a {
      background-position: -100% 0; }
    .m-footer-sns__item--ig a {
      background-position: -200% 0; }
    .m-footer-sns__item--ln a {
      background-position: -300% 0; }

.m-footer-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .m-footer-nav__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    margin-bottom: 60px;
    font-weight: bold;
    font-size: 15px; }
    .m-footer-nav__item > a {
      display: inline-block;
      margin-bottom: 10px; }
    .m-footer-nav__item a:hover {
      text-decoration: underline; }
  .m-footer-nav-child__item {
    font-size: 13px;
    font-weight: normal; }
    .m-footer-nav-child__item + .m-footer-nav-child__item {
      margin-top: 1em; }

.m-footer-btm {
  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; }
  .m-footer-btm-col1 {
    width: 50%; }
  .m-footer-btm-col2 {
    width: 40%; }

.m-footer-logo {
  margin-bottom: 10px; }

.m-footer-tel {
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 32px;
  background: #EF8200;
  padding: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-footer-tel i {
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 10px; }

.m-footer-tel-small {
  margin-top: 8px;
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 16px; }

.m-footer-cr {
  display: block;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-family: 'PT Sans Narrow', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 10px; }

.m-f-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }
  .m-f-bnr__item {
    width: calc(100% / 3);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3);
    font-size: 22px;
    text-align: center; }
    .m-f-bnr__item a {
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 110px;
      color: #ffffff;
      background-color: #EF8200; }
      .m-f-bnr__item a:hover {
        opacity: 0.7;
        text-decoration: none; }
      .m-f-bnr__item a:before {
        content: "";
        position: absolute;
        right: 20px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg); }
    .m-f-bnr__item:nth-of-type(2) a {
      background-color: #EAA200; }
    .m-f-bnr__item:nth-of-type(3) a {
      background-color: #E5B802; }

.m-fixed-btn {
  display: none; }

/* =======================================================================
トップ
======================================================================= */
.m-home-mv {
  position: relative;
  padding-bottom: calc(1080 / 1920 * 100%);
  height: 0; }
  .m-home-mv:before, .m-home-mv:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2; }
  .m-home-mv:before {
    background-size: 2px;
    background-position: fixed;
    background-image: url(../images/index/mv/bg-dot.png); }
  .m-home-mv:after {
    background-size: cover;
    background-image: url(../images/index/mv/bg.png);
    background-position: 50%; }
  .m-home-mv__video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    .m-home-mv__video.is-active {
      opacity: 1; }
  .m-home-mv__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 3; }
  .m-home-mv__loading {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #ffffff;
    z-index: 5001;
    background-size: 35px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url(../images/common/icon-loader.gif); }

.m-home-feature-h img {
  width: 300px; }

.m-home-feature-content {
  position: relative; }

.m-home-feature-leaves-item {
  position: absolute;
  width: 100px; }
  .m-home-feature-leaves-item.item01 {
    right: 10px;
    top: 10px; }
  .m-home-feature-leaves-item.item02 {
    left: 10px;
    bottom: 10px; }
  .m-home-feature-leaves-item.item03 {
    right: 10px;
    bottom: 10px; }

.m-home-charm {
  background: url("../images/index/charm/bg.png") center;
  background-size: 240px; }
  .m-home-charm-points {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: -2%; }
    .m-home-charm-points-item {
      width: 23%;
      margin-bottom: 4%; }
      .m-home-charm-points-item dt img {
        width: 120px; }
      .m-home-charm-points-item dd {
        background: #fff;
        padding: 20px;
        margin-top: -2px; }

.m-home-title {
  text-align: center; }
  .m-home-title .en {
    display: block;
    margin-top: 1em;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 10px;
    color: #8FC31F; }
  .m-home-title--or .en {
    color: #EF8200 !important; }

.m-home-department {
  position: relative;
  background-size: cover;
  background-image: url(../images/index/department/bg.jpg); }
  .m-home-department-title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    text-align: center; }
  .m-home-department-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .m-home-department-links-item {
      width: 32%; }

.m-home-department-list {
  *zoom: 1;
  margin-left: -30px;
  margin-right: -30px; }
  .m-home-department-list:after {
    content: "";
    display: table;
    clear: both; }
  .m-home-department-list__item {
    float: left;
    width: 33.3%;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 130px; }
    .m-home-department-list__item:nth-of-type(-n + 3) {
      margin-top: 0; }
    .m-home-department-list__item__title {
      position: absolute;
      left: 50%;
      top: 50%;
      white-space: nowrap;
      color: #ffffff;
      font-size: 20px;
      text-align: center;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0);
      z-index: 1; }
    .m-home-department-list__item a {
      position: relative;
      display: block; }
      .m-home-department-list__item a:before {
        content: "";
        width: 14px;
        height: 14px;
        border-top: solid 3px #ffffff;
        border-right: solid 3px #ffffff;
        border-radius: 2px;
        position: absolute;
        right: 18px;
        top: 50%;
        margin-top: -9px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 1; }
      .m-home-department-list__item a:after {
        content: "";
        position: absolute;
        width: calc(100% - 20px);
        height: calc(100% - 20px);
        top: 10px;
        left: 10px;
        border: solid 1px #ffffff;
        z-index: 1; }
    .m-home-department-list__item__image:before {
      -webkit-transition: .3s;
      transition: .3s;
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.2); }

.m-home-special {
  background: url("../images/index/special/bg.jpg") center no-repeat;
  background-size: cover; }
  .m-home-special-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .m-home-special-links-item {
      width: 31%; }

.m-home-bnrSec-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between; }
  .m-home-bnrSec-links-item {
    width: 48%;
    margin-bottom: 20px; }
    .m-home-bnrSec-links-item a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    .m-home-bnrSec-links-item figure {
      width: 35%; }
    .m-home-bnrSec-links-item dl {
      width: 60%; }

.m-home-sns-h span {
  position: relative; }

.m-home-sns-fukidashi {
  position: absolute;
  left: 100%;
  top: -30px;
  width: 90px; }

.m-home-sns-secs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .m-home-sns-secs-col {
    width: 48%; }
  .m-home-sns-secs-item {
    background: #fff;
    border-radius: 4px;
    padding: 20px; }
    .m-home-sns-secs-item:not(:last-child) {
      margin-bottom: 20px; }
  .m-home-sns-secs-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .m-home-sns-secs-txts {
    width: 70%; }
  .m-home-sns-secs-h {
    font-weight: bold;
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.5rem;
    line-height: 1; }
    .is-twitter .m-home-sns-secs-h {
      color: #29ABE2; }
    .is-instagram .m-home-sns-secs-h {
      color: #EF8200; }
    .is-line .m-home-sns-secs-h {
      color: #00B900; }
    .m-home-sns-secs-h i {
      display: block;
      margin-right: 10px; }
      .m-home-sns-secs-h i img {
        width: 30px; }
    .m-home-sns-secs-h span {
      display: block; }
  .m-home-sns-secs-link {
    font-size: 1.3em; }
    .is-twitter .m-home-sns-secs-link {
      color: #29ABE2;
      text-decoration: underline; }
    .is-instagram .m-home-sns-secs-link {
      color: #EF8200;
      text-decoration: underline; }
    .is-line .m-home-sns-secs-link {
      color: #00B900;
      text-decoration: underline; }
  .m-home-sns-secs-circleImg, .m-home-sns-secs-img {
    width: 25%; }
  .m-home-sns-secs-circleImg img {
    border-radius: 50%;
    border: 4px solid #000; }
  .is-twitter .m-home-sns-secs-circleImg img {
    border-color: #29ABE2; }
  .is-instagram .m-home-sns-secs-circleImg img {
    border-color: #EF8200; }

.m-home-graduate-list {
  *zoom: 1;
  margin-left: -1px;
  margin-right: -1px; }
  .m-home-graduate-list:after {
    content: "";
    display: table;
    clear: both; }
  .m-home-graduate-list__item {
    float: left;
    width: 33.3%;
    padding-left: 1px;
    padding-right: 1px; }
    .m-home-graduate-list__item a {
      position: relative;
      display: block;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .m-home-graduate-list__item a:hover {
        opacity: 0.7;
        text-decoration: none; }
    .m-home-graduate-list__item__content {
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      padding: 20px 30px;
      background-color: rgba(143, 195, 31, 0.85); }
      .m-home-graduate-list__item__content:before {
        content: "";
        width: 14px;
        height: 14px;
        border-top: solid 3px #ffffff;
        border-right: solid 3px #ffffff;
        border-radius: 2px;
        position: absolute;
        right: 13px;
        top: 50%;
        margin-top: -7px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .m-home-graduate-list-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-top: 20px; }
  .m-home-graduate-list-logo {
    width: 100px;
    margin-right: 20px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .m-home-graduate-list-profile {
    color: #383838; }

.m-home-opencampus {
  position: relative;
  background-size: cover;
  background-image: url(../images/index/opencampus/bg.jpg); }

.m-home-opencampus-list {
  *zoom: 1;
  margin-left: -30px;
  margin-right: -30px; }
  .m-home-opencampus-list:after {
    content: "";
    display: table;
    clear: both; }
  .m-home-opencampus-list__item {
    float: left;
    width: 33.3%;
    padding-left: 30px;
    padding-right: 30px; }
    .m-home-opencampus-list__item a {
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      display: block;
      background-color: #ffffff; }
      .m-home-opencampus-list__item a:hover {
        opacity: 0.7;
        text-decoration: none; }
    .m-home-opencampus-list__item__content {
      padding: 20px; }
      .m-home-opencampus-list__item__content time {
        font-size: 22px; }
        .m-home-opencampus-list__item__content time small {
          display: inline-block;
          font-size: 12px;
          margin-bottom: 10px; }

.m-home-opencampus-label {
  text-align: center;
  font-size: 16px; }
  .m-home-opencampus-label span {
    position: relative;
    display: inline-block;
    background-color: #FCEE21;
    padding: .5em 1.5em;
    border-radius: 4px; }
    .m-home-opencampus-label span:before {
      content: "";
      border-top: solid 12px #FCEE21;
      border-left: solid 8px transparent;
      border-right: solid 8px transparent;
      position: absolute;
      left: 50%;
      bottom: -12px;
      margin-left: -8px; }

.m-home-topics-list {
  position: relative;
  *zoom: 1;
  margin-left: 40px;
  margin-right: 40px; }
  .m-home-topics-list:after {
    content: "";
    display: table;
    clear: both; }
  .m-home-topics-list__item {
    float: left; }
  .m-home-topics-list .slick-prev,
  .m-home-topics-list .slick-next {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    margin-top: -16px;
    border-top: solid 2px #8FC31F;
    border-left: solid 2px #8FC31F;
    text-indent: -9998em; }
  .m-home-topics-list .slick-prev {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: -30px; }
  .m-home-topics-list .slick-next {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: -30px; }
  .m-home-topics-list .slick-disabled {
    opacity: 0; }

.m-home-topics-list-box {
  position: relative;
  width: 510px; }

.m-home-news-list {
  border-top: dotted 2px #e6e6e6; }
  .m-home-news-list__item {
    border-bottom: dotted 2px #e6e6e6;
    padding: 20px 0; }
    .m-home-news-list__item a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
  .m-home-news-list__img {
    width: 40%;
    margin-right: 4%; }
  .m-home-news-list__txts {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }

.m-home-line {
  position: relative;
  margin-top: 30px;
  padding-top: 155px; }
  .m-home-line:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -102px;
    width: 204px;
    height: 155px;
    background-size: 100%;
    background-position: 50% bottom;
    background-image: url(../images/index/school-life/icon-ln.png);
    z-index: 1; }
  .m-home-line a {
    position: relative;
    display: block;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    background-color: #00B900;
    border-radius: 6px; }
  .m-home-line__qr {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 160px;
    flex: 0 0 160px;
    margin-right: 20px; }

.m-home-instagram-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .m-home-instagram-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    width: 20%; }
    .m-home-instagram-list__item img {
      width: 100%; }

.m-home-bnr {
  position: relative;
  *zoom: 1; }
  .m-home-bnr:after {
    content: "";
    display: table;
    clear: both; }
  .m-home-bnr__item {
    float: left;
    width: 342px;
    margin-left: 20px;
    margin-right: 20px; }
    .m-home-bnr__item__content {
      padding: 30px;
      text-align: center; }
    .m-home-bnr__item a {
      display: block;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .m-home-bnr__item a:hover {
        opacity: 0.7;
        text-decoration: none; }
  .m-home-bnr .m-icon-slide-prev,
  .m-home-bnr .m-icon-slide-next {
    cursor: pointer;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    width: 40px;
    height: 66px;
    position: absolute;
    top: 50%;
    margin-top: -33px;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    z-index: 1;
    text-indent: -9998em; }
    .m-home-bnr .m-icon-slide-prev:hover,
    .m-home-bnr .m-icon-slide-next:hover {
      opacity: 0.7;
      text-decoration: none; }
    .m-home-bnr .m-icon-slide-prev:before,
    .m-home-bnr .m-icon-slide-next:before {
      content: "";
      width: 10px;
      height: 10px;
      border-top: solid 3px #ffffff;
      border-right: solid 3px #ffffff;
      border-radius: 2px;
      position: absolute;
      left: 50%;
      top: 50%;
      margin-top: -5px;
      margin-left: -7px;
      -webkit-transform: rotate(-135deg);
      transform: rotate(-135deg); }
  .m-home-bnr .m-icon-slide-prev {
    left: 30px; }
    .m-home-bnr .m-icon-slide-prev:before {
      margin-left: -3px; }
  .m-home-bnr .m-icon-slide-next {
    right: 30px; }
    .m-home-bnr .m-icon-slide-next:before {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.m-home-title--or .en {
  color: #ED8122; }

.wrap-sp {
  padding: 0 15px; }

.m-mv-scroll {
  -webkit-transition: .3s;
  transition: .3s;
  position: absolute;
  left: 50%;
  bottom: 30px;
  border-radius: 50%;
  width: 68px;
  height: 68px;
  margin-left: -34px;
  background-size: 100%;
  background-image: url(../images/common/btn-scroll.png);
  text-indent: -9998em;
  z-index: 3; }
  .m-mv-scroll:hover {
    -webkit-transform: translateY(5px);
    transform: translateY(5px); }

/* =======================================================================
学校の魅力
prospectus
======================================================================= */
/* index */
.m-prospectus-index-mv {
  position: relative;
  padding-bottom: calc(375 / 1290 * 100%);
  background-size: cover;
  background-position: 50%;
  background-image: url(../images/prospectus/index/img-mv.jpg); }
  .m-prospectus-index-mv__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 1;
    font-size: 48px;
    color: #ffffff;
    text-align: center; }

.m-prospectus-index-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .m-prospectus-index-col__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    margin-left: 60px; }
  .m-prospectus-index-col__content {
    width: 55%; }
  .m-prospectus-index-col__bnr {
    width: 40%;
    margin-left: 20px; }
    .m-prospectus-index-col__bnr img {
      -webkit-box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 2px 2px 3px 0 rgba(0, 0, 0, 0.2); }

.m-prospectus-index-feature {
  position: relative;
  display: block; }
  .m-prospectus-index-feature:before {
    -webkit-transition: .3s;
    transition: .3s;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3); }
  .m-prospectus-index-feature:after {
    content: "";
    position: absolute;
    width: calc(376 / 320 * 100%);
    height: calc(552 / 520 * 100%);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(calc((376 - 320) / 2 / 376 * -100%), calc((552 - 520) / 2 / 552 * -100%), 0);
    transform: translate3d(calc((376 - 320) / 2 / 376 * -100%), calc((552 - 520) / 2 / 552 * -100%), 0);
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/prospectus/index/bg-feature.png); }
  .m-prospectus-index-feature__title {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: auto;
    color: #ffffff;
    font-size: 32px;
    text-align: center;
    z-index: 2; }
    .m-prospectus-index-feature__title span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      margin-top: 10px;
      width: 36px;
      height: 36px;
      font-size: 24px;
      background-color: #8FC31F;
      border-radius: 50%;
      text-align: center; }
  .m-prospectus-index-feature__content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 40px 5px;
    font-size: 30px;
    text-align: center;
    line-height: 1.5;
    color: #ffffff;
    overflow: hidden; }
    .m-prospectus-index-feature__content > * {
      position: relative;
      z-index: 2; }
    .m-prospectus-index-feature__content:before {
      content: "";
      width: 100%;
      height: 100%;
      background-color: #8FC31F;
      position: absolute;
      left: 0;
      bottom: 0;
      -webkit-transition: .3s;
      transition: .3s;
      opacity: 0; }
  .m-prospectus-index-feature:hover:before {
    opacity: 0; }
  .m-prospectus-index-feature:hover .m-prospectus-index-feature__content:before {
    opacity: 1; }

/* common */
.m-prospectus-mv {
  position: relative;
  padding-bottom: calc(860 / 1290 * 100%);
  background-size: cover;
  background-position: 50%;
  color: #ffffff;
  text-align: center; }
  .m-prospectus-mv:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.3); }
  .m-prospectus-mv--01 {
    background-image: url(../images/prospectus/01/img-mv.jpg); }
  .m-prospectus-mv--02 {
    background-image: url(../images/prospectus/02/img-mv.jpg); }
  .m-prospectus-mv--03 {
    background-image: url(../images/prospectus/03/img-mv.jpg); }
  .m-prospectus-mv__content {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ffffff; }
  .m-prospectus-mv__num {
    margin-bottom: 20px;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 32px; }
    .m-prospectus-mv__num span {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      border-radius: 50%;
      margin-top: 10px;
      margin-left: auto;
      margin-right: auto;
      width: 90px;
      height: 90px;
      background-color: #8FC31F;
      font-size: 64px; }
  .m-prospectus-mv__title {
    font-size: 48px;
    line-height: 1.35; }

/* 01 */
.m-prospectus-01-icon {
  display: block;
  width: 200px;
  height: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  background-size: 100%; }
  .m-prospectus-01-icon--01 {
    background-image: url(../images/prospectus/01/01/icon-title.png); }
  .m-prospectus-01-icon--02 {
    background-image: url(../images/prospectus/01/02/icon-title.png); }

.m-prospectus-01-title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 620px;
  margin-left: auto;
  margin-right: auto;
  height: 64px;
  background-color: #8FC31F;
  color: #ffffff;
  text-align: center; }
  .m-prospectus-01-title:before {
    content: "";
    border-top: solid 32px #8FC31F;
    border-left: solid 40px transparent;
    position: absolute;
    left: -40px;
    top: 0; }
  .m-prospectus-01-title:after {
    content: "";
    border-top: solid 32px #8FC31F;
    border-right: solid 40px transparent;
    position: absolute;
    right: -40px;
    top: 0; }
  .m-prospectus-01-title span {
    display: block; }
    .m-prospectus-01-title span:before {
      content: "";
      border-bottom: solid 32px #8FC31F;
      border-left: solid 40px transparent;
      position: absolute;
      left: -40px;
      bottom: 0; }
    .m-prospectus-01-title span:after {
      content: "";
      border-bottom: solid 32px #8FC31F;
      border-right: solid 40px transparent;
      position: absolute;
      right: -40px;
      bottom: 0; }

.m-prospectus-01-image {
  position: relative;
  cursor: pointer; }
  .m-prospectus-01-image img {
    width: 100%; }
  .m-prospectus-01-image__hover {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    opacity: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-size: 22px;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s; }
    .m-prospectus-01-image__hover.is-active {
      opacity: 1; }

/* 02 */
.m-prospectus-02-list__item {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }
  .m-prospectus-02-list__item__frip {
    -webkit-transition: .6s;
    transition: .6s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden; }
    .m-prospectus-02-list__item__frip--front {
      z-index: 2; }
    .m-prospectus-02-list__item__frip--back {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
      .m-prospectus-02-list__item__frip--back:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.3); }
  .m-prospectus-02-list__item--01 .m-prospectus-02-list__item__frip--front {
    background-image: url(../images/prospectus/02/img-01.jpg); }
  .m-prospectus-02-list__item--01 .m-prospectus-02-list__item__frip--back {
    background-image: url(../images/prospectus/02/img-01-on.jpg); }
  .m-prospectus-02-list__item--02 .m-prospectus-02-list__item__frip--front {
    background-image: url(../images/prospectus/02/img-02.jpg); }
  .m-prospectus-02-list__item--02 .m-prospectus-02-list__item__frip--back {
    background-image: url(../images/prospectus/02/img-02-on.jpg); }
  .m-prospectus-02-list__item--03 .m-prospectus-02-list__item__frip--front {
    background-image: url(../images/prospectus/02/img-03.jpg); }
  .m-prospectus-02-list__item--03 .m-prospectus-02-list__item__frip--back {
    background-image: url(../images/prospectus/02/img-03-on.jpg); }
  .m-prospectus-02-list__item--04 .m-prospectus-02-list__item__frip--front {
    background-image: url(../images/prospectus/02/img-04.jpg); }
  .m-prospectus-02-list__item--04 .m-prospectus-02-list__item__frip--back {
    background-image: url(../images/prospectus/02/img-04-on.jpg); }
  .m-prospectus-02-list__item--05 .m-prospectus-02-list__item__frip--front {
    background-image: url(../images/prospectus/02/img-05.jpg); }
  .m-prospectus-02-list__item--05 .m-prospectus-02-list__item__frip--back {
    background-image: url(../images/prospectus/02/img-05-on.jpg); }
  .m-prospectus-02-list__item--06 .m-prospectus-02-list__item__frip--front {
    background-image: url(../images/prospectus/02/img-06.jpg); }
  .m-prospectus-02-list__item--06 .m-prospectus-02-list__item__frip--back {
    background-image: url(../images/prospectus/02/img-06-on.jpg); }
  .m-prospectus-02-list__item--07 .m-prospectus-02-list__item__frip--front {
    background-image: url(../images/prospectus/02/img-07.jpg); }
  .m-prospectus-02-list__item--07 .m-prospectus-02-list__item__frip--back {
    background-image: url(../images/prospectus/02/img-07-on.jpg); }
  .m-prospectus-02-list__item--08 .m-prospectus-02-list__item__frip--front {
    background-image: url(../images/prospectus/02/img-08.jpg); }
  .m-prospectus-02-list__item--08 .m-prospectus-02-list__item__frip--back {
    background-image: url(../images/prospectus/02/img-08-on.jpg); }
  .m-prospectus-02-list__item + .m-prospectus-02-list__item {
    margin-top: 4px; }
  .m-prospectus-02-list__item__title {
    position: absolute;
    right: 0;
    top: 50%;
    width: 440px;
    padding: 1em 3em 1em 1.5em;
    background-color: rgba(0, 0, 0, 0.6);
    margin-top: -40px;
    color: #ffffff; }
    .m-prospectus-02-list__item__title:before {
      content: "";
      position: absolute;
      right: 25px;
      top: 50%;
      width: 10px;
      height: 10px;
      border-top: solid 2px #8FC31F;
      border-right: solid 2px #8FC31F;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }
  .m-prospectus-02-list__item__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    padding-left: calc(90 / 1290 * 100%);
    padding-right: calc(90 / 1290 * 100%);
    color: #ffffff; }
    .m-prospectus-02-list__item__content .icon {
      position: relative;
      display: inline-block;
      width: 36px;
      height: 36px;
      background-color: #8FC31F;
      border-radius: 50%;
      margin-left: .5em; }
      .m-prospectus-02-list__item__content .icon:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 10px;
        height: 10px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        -webkit-transform: translate3d(-60%, -50%, 0) rotate(45deg);
        transform: translate3d(-60%, -50%, 0) rotate(45deg);
        z-index: 1; }
    .m-prospectus-02-list__item__content .btn-close {
      display: inline-block;
      border: solid 2px #ffffff;
      padding: .25em 1em;
      font-family: 'PT Sans Narrow', sans-serif;
      letter-spacing: 0.1em;
      font-weight: 700;
      font-size: 16px;
      color: #ffffff; }
  .m-prospectus-02-list__item.is-active .m-prospectus-02-list__item__frip--front {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg); }
  .m-prospectus-02-list__item.is-active .m-prospectus-02-list__item__frip--back {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg); }

.m-prospectus-02-list__item--01 {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }

/* 02 */
.m-prospectus-02-list__item--02 {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }

.m-prospectus-02-list__item--03 {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }

.m-prospectus-02-list__item--04 {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }

.m-prospectus-02-list__item--05 {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }

.m-prospectus-02-list__item--06 {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }

.m-prospectus-02-list__item--07 {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }

.m-prospectus-02-list__item--08 {
  cursor: pointer;
  position: relative;
  padding-bottom: calc(380 / 1285 * 100%); }

/* 03 */
.m-prospectus-03-bg {
  background-size: 24px;
  background-image: url(../images/prospectus/03/bg-dot.png); }

.m-prospectus-03-training > *:nth-of-type(1) img {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg); }

.m-prospectus-03-training > *:nth-of-type(2) img {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg); }

.m-prospectus-03-training > *:nth-of-type(3) img {
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg); }

.m-prospectus-03-training > *:nth-of-type(4) img {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg); }

.m-prospectus-03-training > *:nth-of-type(5) img {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg); }

.m-prospectus-03-training > *:nth-of-type(6) img {
  -webkit-transform: rotate(2deg);
  transform: rotate(2deg); }

.m-prospectus-03-training > *:nth-of-type(7) img {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg); }

.m-prospectus-03-training > *:nth-of-type(8) img {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg); }

.m-prospectus-03-training > *:nth-of-type(9) img {
  -webkit-transform: rotate(-2deg);
  transform: rotate(-2deg); }

.m-prospectus-03-training img {
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  border: solid 5px #ffffff;
  -webkit-box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2); }

.m-prospectus-03-training-title {
  margin-bottom: 30px;
  text-align: center; }
  .m-prospectus-03-training-title span {
    position: relative;
    display: inline-block;
    min-width: 120px;
    background-color: #EF8200;
    border-radius: 4px;
    padding: .5em 1em;
    color: #ffffff;
    font-size: 18px; }
    .m-prospectus-03-training-title span:before {
      content: "";
      border-top: solid 20px #EF8200;
      border-left: solid 12px transparent;
      border-right: solid 12px transparent;
      position: absolute;
      bottom: -20px;
      left: 50%;
      margin-left: -12px; }

/* =======================================================================
学科紹介
department
======================================================================= */
/* index */
.m-department-index-title {
  position: relative;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  padding-left: 140px;
  padding-right: 140px; }
  .m-department-index-title:before, .m-department-index-title:after {
    content: "";
    width: 124px;
    height: 248px;
    background-size: 100%;
    position: absolute;
    top: 50%;
    background-image: url(../images/department/index/bg-title-01.png);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .m-department-index-title:before {
    left: 0; }
  .m-department-index-title:after {
    right: 0;
    -webkit-transform: translateY(-50%) scale(-1, 1);
    transform: translateY(-50%) scale(-1, 1); }

.m-department-index-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .m-department-index-col__content {
    background-position: 100% 0;
    background-size: 200px 218px;
    background-repeat: no-repeat;
    background-image: url(../images/department/index/bg-title-02.png); }
  .m-department-index-col__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    margin-left: 60px; }

/* common */
.m-department-mv {
  position: relative; }
  .m-department-mv__image {
    position: relative; }
    .m-department-mv__image:before, .m-department-mv__image:after {
      content: "";
      width: 100%;
      height: 100%;
      position: absolute;
      left: 0;
      top: 0;
      background-size: cover;
      background-position: 50%;
      z-index: 1; }
    .m-department-mv__image:after {
      background-image: url(../images/department/common/bg-mv.png); }
    .m-department-mv__image img {
      width: 100%; }
  .m-department-mv--zoo .m-department-mv__image:after {
    background-image: url(../images/department/zoo/index/bg-mv.png); }
  .m-department-mv--pet .m-department-mv__image:after {
    background-image: url(../images/department/pet/index/bg-mv.png); }
  .m-department-mv--nurse .m-department-mv__image:after {
    background-image: url(../images/department/nursing-animal/common/bg-mv.png); }
  .m-department-mv--trainer .m-department-mv__image:after {
    background-image: url(../images/department/trainer/common/bg-mv.png); }
  .m-department-mv__white {
    position: absolute;
    color: #231815;
    left: 15px;
    top: 80px;
    z-index: 2;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    /* Safari */
    text-orientation: upright;
    line-height: 2.5; }
    .m-department-mv__white span {
      background: #FFF;
      font-size: 1.8rem;
      padding: 5px;
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .m-department-mv__content {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    text-align: center; }
  .m-department-mv__icon {
    font-size: 22px; }
    .m-department-mv__icon span {
      display: inline-block;
      padding: .5em 1em;
      line-height: 1;
      border: solid 1px #ffffff; }
    .m-department-mv__icon.bg-yellow {
      background: #fcaf17; }
  .m-department-mv__title {
    margin-top: 30px;
    font-size: 48px;
    line-height: 1.35;
    color: #FFF; }
  .m-department-mv__term {
    margin-top: 20px;
    font-size: 24px; }
    .m-department-mv__term.m-pet {
      color: #FFF; }
  .m-department-mv--zoo .m-department-mv__icon span {
    background-color: #00663A; }
  .m-department-mv--trimmer .m-department-mv__icon span {
    background-color: #7C4529; }
  .m-department-mv--nurse .m-department-mv__icon span {
    background-color: #DB6662; }
  .m-department-mv--nature .m-department-mv__icon span {
    background-color: #8FC31F; }
  .m-department-mv--dogtrainer .m-department-mv__icon span {
    background-color: #FDB813; }
  .m-department-mv--aquarium .m-department-mv__icon span {
    background-color: #0073A2; }

.m-department-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .m-department-intro__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 380px;
    flex: 0 0 380px;
    margin-right: 20px; }
  .m-department-intro__ph {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(404 / 1080 * 100%);
    flex: 0 0 calc(404 / 1080 * 100%);
    margin-left: 20px; }
  .m-department-intro-job {
    margin-top: 20px;
    border: solid 2px; }
    .m-department-intro-job-title {
      padding: .75em 1em;
      font-size: 17px;
      color: #ffffff; }
    .m-department-intro-job--zoo {
      border-color: #00663A; }
      .m-department-intro-job--zoo .m-department-intro-job-title {
        background-color: #00663A; }
    .m-department-intro-job--trimmer {
      border-color: #7C4529; }
      .m-department-intro-job--trimmer .m-department-intro-job-title {
        background-color: #7C4529; }
    .m-department-intro-job--nurse {
      border-color: #DB6662; }
      .m-department-intro-job--nurse .m-department-intro-job-title {
        background-color: #DB6662; }
    .m-department-intro-job--nature {
      border-color: #8FC31F; }
      .m-department-intro-job--nature .m-department-intro-job-title {
        background-color: #8FC31F; }
    .m-department-intro-job--dogtrainer {
      border-color: #FDB813; }
      .m-department-intro-job--dogtrainer .m-department-intro-job-title {
        background-color: #FDB813; }
    .m-department-intro-job--aquarium {
      border-color: #0073A2; }
      .m-department-intro-job--aquarium .m-department-intro-job-title {
        background-color: #0073A2; }

.m-bg-dot {
  background-size: 24px; }
  .m-bg-dot--zoo {
    background-image: url(../images/department/zoo/bg-dot.png); }
  .m-bg-dot--trimmer {
    background-image: url(../images/department/trimmer/bg-dot.png); }
  .m-bg-dot--nurse {
    background-image: url(../images/department/nursing-animal/bg-dot.png); }
  .m-bg-dot--nature {
    background-image: url(../images/department/nature/bg-dot.png); }
  .m-bg-dot--dogtrainer {
    background-image: url(../images/department/dogtrainer/bg-dot.png); }
  .m-bg-dot--aquarium {
    background-image: url(../images/department/aquarium/bg-dot.png); }

.m-department-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-top: solid 1px #e6e6e6; }
  .m-department-feature--r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .m-department-feature-title {
    position: relative;
    font-size: 28px;
    line-height: 1.6; }
    .m-department-feature-title > i {
      position: absolute;
      left: -1em;
      top: -.25em;
      font-family: 'PT Sans Narrow', sans-serif;
      letter-spacing: 0.1em;
      font-weight: 700;
      font-size: 40px;
      font-style: italic; }
    .m-department-feature-title--zoo {
      color: #00663A; }
    .m-department-feature-title--trimmer {
      color: #7C4529; }
    .m-department-feature-title--nurse {
      color: #DB6662; }
    .m-department-feature-title--nature {
      color: #8FC31F; }
    .m-department-feature-title--dogtrainer {
      color: #FDB813; }
    .m-department-feature-title--aquarium {
      color: #0073A2; }
  .m-department-feature__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    padding: 40px 40px 40px 100px; }
  .m-department-feature__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%; }
    .m-department-feature__image img {
      width: 100%; }

.m-department-qualification-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 30px 30px 20px 30px; }
  .m-department-qualification-list__item {
    position: relative;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: .5em;
    padding-left: 1em;
    font-size: 20px; }
    .m-department-qualification-list__item:before {
      content: "";
      width: 8px;
      height: 20px;
      position: absolute;
      left: 0;
      top: 0;
      border-bottom: solid 2px;
      border-right: solid 2px;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  .m-department-qualification-list--zoo {
    background-color: #ECF4D9; }
    .m-department-qualification-list--zoo .m-department-qualification-list__item:before {
      border-color: #00663A; }
  .m-department-qualification-list--trimmer {
    background-color: #F0E8E6; }
    .m-department-qualification-list--trimmer .m-department-qualification-list__item:before {
      border-color: #7C4529; }
  .m-department-qualification-list--nurse {
    background-color: #F8E0E0; }
    .m-department-qualification-list--nurse .m-department-qualification-list__item:before {
      border-color: #DB6662; }
  .m-department-qualification-list--nature {
    background-color: #ECF4D9; }
    .m-department-qualification-list--nature .m-department-qualification-list__item:before {
      border-color: #8FC31F; }
  .m-department-qualification-list--dogtrainer {
    background-color: #FFFEEA; }
    .m-department-qualification-list--dogtrainer .m-department-qualification-list__item:before {
      border-color: #FDB813; }
  .m-department-qualification-list--aquarium {
    background-color: #CCE3EC; }
    .m-department-qualification-list--aquarium .m-department-qualification-list__item:before {
      border-color: #0073A2; }

.m-department-timetable-wrap {
  margin-top: 60px;
  border: solid 4px;
  border-radius: 10px;
  padding: 50px 60px;
  background-color: #ffffff; }
  .m-department-timetable-wrap--zoo {
    border-color: #00663A; }
    .m-department-timetable-wrap--zoo .m-department-timetable thead th,
    .m-department-timetable-wrap--zoo .m-department-timetable tbody th {
      color: #8FC31F; }
    .m-department-timetable-wrap--zoo .m-department-timetable th, .m-department-timetable-wrap--zoo .m-department-timetable td {
      border-color: #8FC31F; }
    .m-department-timetable-wrap--zoo .m-department-timetable td {
      font-size: 13px; }
    .m-department-timetable-wrap--zoo .m-department-timetable tbody tr:nth-last-of-type(1) th {
      color: #000000;
      font-size: 22px; }
  .m-department-timetable-wrap--trimmer {
    border-color: #7C4529; }
    .m-department-timetable-wrap--trimmer .m-department-timetable thead th,
    .m-department-timetable-wrap--trimmer .m-department-timetable tbody th {
      color: #7C4529; }
    .m-department-timetable-wrap--trimmer .m-department-timetable th, .m-department-timetable-wrap--trimmer .m-department-timetable td {
      border-color: #7C4529; }
  .m-department-timetable-wrap--nurse {
    border-color: #DB6662; }
    .m-department-timetable-wrap--nurse .m-department-timetable thead th,
    .m-department-timetable-wrap--nurse .m-department-timetable tbody th {
      color: #DB6662; }
    .m-department-timetable-wrap--nurse .m-department-timetable th, .m-department-timetable-wrap--nurse .m-department-timetable td {
      border-color: #DB6662; }
  .m-department-timetable-wrap--nature {
    border-color: #8FC31F; }
    .m-department-timetable-wrap--nature .m-department-timetable thead th,
    .m-department-timetable-wrap--nature .m-department-timetable tbody th {
      color: #8FC31F; }
    .m-department-timetable-wrap--nature .m-department-timetable th, .m-department-timetable-wrap--nature .m-department-timetable td {
      border-color: #8FC31F; }
  .m-department-timetable-wrap--dogtrainer {
    border-color: #FDB813; }
    .m-department-timetable-wrap--dogtrainer .m-department-timetable thead th,
    .m-department-timetable-wrap--dogtrainer .m-department-timetable tbody th {
      color: #FDB813; }
    .m-department-timetable-wrap--dogtrainer .m-department-timetable th, .m-department-timetable-wrap--dogtrainer .m-department-timetable td {
      border-color: #FDB813; }
  .m-department-timetable-wrap--aquarium {
    border-color: #0073A2; }
    .m-department-timetable-wrap--aquarium .m-department-timetable thead th,
    .m-department-timetable-wrap--aquarium .m-department-timetable tbody th {
      color: #0073A2; }
    .m-department-timetable-wrap--aquarium .m-department-timetable th, .m-department-timetable-wrap--aquarium .m-department-timetable td {
      border-color: #0073A2; }
  .m-department-timetable-wrap--curriculum {
    border-color: #FCAF17; }
    .m-department-timetable-wrap--curriculum .m-department-timetable thead th,
    .m-department-timetable-wrap--curriculum .m-department-timetable tbody th {
      color: #FCAF17; }
    .m-department-timetable-wrap--curriculum .m-department-timetable thead th {
      border-top: none; }
    .m-department-timetable-wrap--curriculum .m-department-timetable th, .m-department-timetable-wrap--curriculum .m-department-timetable td {
      border-color: #FCAF17;
      border-top: dotted 1px #DB6662;
      border-bottom: dotted 1px #DB6662; }

.m-department-timetable {
  width: 100%; }
  .m-department-timetable th, .m-department-timetable td {
    padding: 20px 10px;
    text-align: center;
    border: dotted 1px; }
  .m-department-timetable thead th {
    border-top: 0;
    width: calc(100% / 6);
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 24px; }
    .m-department-timetable thead th:nth-of-type(1) {
      border-left: 0; }
    .m-department-timetable thead th:nth-last-of-type(1) {
      border-right: 0; }
  .m-department-timetable tbody th {
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 28px;
    border-left: 0; }
    .m-department-timetable tbody th small {
      display: block;
      font-size: 14px;
      font-family: "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial, sans-serif;
      font-weight: normal; }
  .m-department-timetable tbody td {
    position: relative;
    font-size: 16px; }
    .m-department-timetable tbody td:nth-last-of-type(1) {
      border-right: 0; }
  .m-department-timetable tr:nth-last-of-type(1) th, .m-department-timetable tr:nth-last-of-type(1) td {
    border-bottom: 0; }

.m-department-timetable-zoo-btn,
.m-department-timetable-zoo-btn2 {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 100%;
  padding: 20px;
  font-weight: 700;
  font-size: 22px;
  color: #000000; }
  .m-department-timetable-zoo-btn:hover,
  .m-department-timetable-zoo-btn2:hover {
    opacity: 0.7;
    text-decoration: none; }
  .m-department-timetable-zoo-btn .icon,
  .m-department-timetable-zoo-btn2 .icon {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
    border-radius: 50%; }
    .m-department-timetable-zoo-btn .icon:before,
    .m-department-timetable-zoo-btn2 .icon:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 10px;
      height: 10px;
      border-bottom: solid 4px #ffffff;
      border-right: solid 4px #ffffff;
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
      transform: translate(-50%, -50%) rotate(45deg); }

.m-department-timetable-zoo-btn {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff7a9; }
  .m-department-timetable-zoo-btn .icon {
    background-color: #fcca3d; }

.m-department-timetable-zoo-btn2 {
  background-color: #ffcc83;
  border: solid 2px #ff872e; }
  .m-department-timetable-zoo-btn2 .icon {
    background-color: #ff872e; }

.m-department-timetable-zoo-remarks-item {
  background-color: #ffcc83; }
  .m-department-timetable-zoo-remarks-item-title {
    position: relative;
    padding-top: 110px; }
    .m-department-timetable-zoo-remarks-item-title:before {
      content: "";
      width: 80px;
      height: 80px;
      border-radius: 50%;
      background-size: 100%;
      position: absolute;
      left: 50%;
      top: 0;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-image: url(../images/department/zoo/curriculum/icon-schedule-modal.png); }

.m-department-zoo-mystory-item {
  min-width: 560px;
  max-width: 560px;
  background-color: #c3ce9d; }
  .m-department-zoo-mystory-item-charge {
    padding: 5px 10px;
    background-color: #00663A;
    text-align: center;
    color: #ffffff; }

.m-department-curriculum-electives {
  margin-left: -60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .m-department-curriculum-electives__item {
    margin-left: 60px;
    width: calc(100% / 3 - 60px);
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.5);
    box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.5);
    border-radius: 6px; }
    .m-department-curriculum-electives__item img {
      border-radius: 6px 6px 0 0; }
    .m-department-curriculum-electives__item a {
      display: block; }
      .m-department-curriculum-electives__item a:hover {
        opacity: 0.7;
        -webkit-transition: .3s;
        transition: .3s; }
    .m-department-curriculum-electives__item:nth-child(n+4) {
      margin-top: 50px; }
  .m-department-curriculum-electives-content {
    padding: 35px 30px;
    height: 180px; }
  .m-department-curriculum-electives-title {
    text-align: center;
    font-size: 22px;
    position: relative; }
    .m-department-curriculum-electives-title:before {
      position: absolute;
      content: "";
      top: -60px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      background-size: cover;
      width: 44px;
      height: 44px; }
    .m-department-curriculum-electives-title--zoo {
      color: #007A48; }
      .m-department-curriculum-electives-title--zoo:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-zoo.png); }
    .m-department-curriculum-electives-title--aquarium {
      color: #00669B; }
      .m-department-curriculum-electives-title--aquarium:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-aquarium.png); }
    .m-department-curriculum-electives-title--amphibious {
      color: #B55F98; }
      .m-department-curriculum-electives-title--amphibious:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-amphibious.png); }
    .m-department-curriculum-electives-title--training {
      color: #F47A4D; }
      .m-department-curriculum-electives-title--training:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-training.png); }
    .m-department-curriculum-electives-title--environment {
      color: #38BB9C; }
      .m-department-curriculum-electives-title--environment:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-environment.png); }
    .m-department-curriculum-electives-title--nurse {
      color: #DD6D6D; }
      .m-department-curriculum-electives-title--nurse:before {
        background-image: url(../images/department/nursing-animal/common/icon-nurse.png); }
    .m-department-curriculum-electives-title--trimmer {
      color: #7B522A; }
      .m-department-curriculum-electives-title--trimmer:before {
        background-image: url(../images/department/nursing-animal/common/icon-trimmer.png); }
    .m-department-curriculum-electives-title--trainer {
      color: #FCAF17; }
      .m-department-curriculum-electives-title--trainer:before {
        background-image: url(../images/department/nursing-animal/common/icon-trainer.png); }
  .m-department-curriculum-electives-btn {
    padding: 15px;
    border-radius: 0 0 6px 6px;
    text-align: center;
    color: #ffffff;
    font-size: 14px; }
    .m-department-curriculum-electives-btn--zoo {
      background-color: #007A48; }
    .m-department-curriculum-electives-btn--aquarium {
      background-color: #00669B; }
    .m-department-curriculum-electives-btn--amphibious {
      background-color: #B55F98; }
    .m-department-curriculum-electives-btn--training {
      background-color: #F47A4D; }
    .m-department-curriculum-electives-btn--environment {
      background-color: #38BB9C; }
    .m-department-curriculum-electives-btn--nurse {
      background-color: #DD6D6D; }
    .m-department-curriculum-electives-btn--trimmer {
      background-color: #7B522A; }
    .m-department-curriculum-electives-btn--trainer {
      background-color: #FCAF17; }

.m-department-curriculum-electives-sp {
  display: none; }

.m-department-curriculum-teacher {
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-curriculum-teacher__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .m-department-curriculum-teacher__content {
    margin-left: 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; }
  .m-department-curriculum-teacher-profile {
    margin-top: 10px;
    line-height: 2; }
  .m-department-curriculum-teacher-comment {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    padding: 35px 25px 30px 40px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.5);
    box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.5);
    position: relative; }
    .m-department-curriculum-teacher-comment:before {
      position: absolute;
      content: "";
      top: -56px;
      left: 120px;
      width: 32px;
      height: 56px;
      border-top: 28px transparent solid;
      border-left: 16px transparent solid;
      border-right: 16px transparent solid;
      border-bottom: 28px #FAF9F5 solid;
      -webkit-filter: drop-shadow(-1px -6px 3px rgba(204, 204, 204, 0.5));
      filter: drop-shadow(-1px -6px 3px rgba(204, 204, 204, 0.5)); }
    .m-department-curriculum-teacher-comment--wh:before {
      border-bottom: 28px #ffffff solid; }

/* zoo 2019 */
.m-department-zoo-curriculum-or-title {
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  width: 440px;
  background-color: #EF8200;
  border-radius: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-item-align: center;
  align-self: center; }

.m-department-zoo-curriculum-mv img {
  width: 100%; }

.m-department-zoo-curriculum-item {
  margin-top: 75px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-department-zoo-curriculum-item--02 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .m-department-zoo-curriculum-item--02 .m-department-zoo-curriculum-item__content {
      margin-left: auto;
      margin-right: 30px; }
  .m-department-zoo-curriculum-item__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .m-department-zoo-curriculum-item__content {
    margin-left: 30px;
    -webkit-box-flex: 1.1;
    -ms-flex: 1.1 0;
    flex: 1.1 0; }

.m-department-zoo-curriculum-comment {
  margin-top: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-department-zoo-curriculum-comment__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-zoo-curriculum-comment__image img {
      border-radius: 50%; }
  .m-department-zoo-curriculum-comment__content {
    margin-left: -10px;
    padding: 35px 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    background-color: #ffffff;
    position: relative; }
    .m-department-zoo-curriculum-comment__content:before {
      position: absolute;
      content: "";
      top: 50%;
      left: -55px;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 56px;
      height: 32px;
      border-top: 16px transparent solid;
      border-bottom: 16px transparent solid;
      border-left: 28px transparent solid;
      border-right: 28px #ffffff solid; }
    .m-department-zoo-curriculum-comment__content--last {
      background-color: #FAF9F5; }
      .m-department-zoo-curriculum-comment__content--last:before {
        border-right: 28px #FAF9F5 solid; }
    .m-department-zoo-curriculum-comment__content--wh {
      -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
      box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3); }

.m-department-zoo-curriculum-other-list {
  margin-left: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-zoo-curriculum-other-list__item {
    margin-left: 20px;
    width: calc(100% / 4 - 20px);
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    background-color: #ffffff; }
    .m-department-zoo-curriculum-other-list__item a {
      display: block; }
      .m-department-zoo-curriculum-other-list__item a:hover {
        -webkit-transition: .3s;
        transition: .3s;
        opacity: 0.7; }
    .m-department-zoo-curriculum-other-list__item img {
      border-radius: 6px 6px 0 0;
      width: 100%; }
  .m-department-zoo-curriculum-other-list-title {
    padding: 25px 10px;
    text-align: center;
    font-size: 18px;
    position: relative; }
    .m-department-zoo-curriculum-other-list-title:before {
      position: absolute;
      content: "";
      top: -20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 34px;
      height: 34px;
      background-size: cover; }
    .m-department-zoo-curriculum-other-list-title--aquarium {
      color: #00669B; }
      .m-department-zoo-curriculum-other-list-title--aquarium:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-aquarium.png); }
    .m-department-zoo-curriculum-other-list-title--amphibious {
      color: #B55F98; }
      .m-department-zoo-curriculum-other-list-title--amphibious:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-amphibious.png); }
    .m-department-zoo-curriculum-other-list-title--training {
      color: #F47A4D; }
      .m-department-zoo-curriculum-other-list-title--training:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-training.png); }
    .m-department-zoo-curriculum-other-list-title--environment {
      color: #38BB9C; }
      .m-department-zoo-curriculum-other-list-title--environment:before {
        background-image: url(../images/department/zoo/curriculum/common/icon-lesson-environment.png); }

.m-department-timetable-zoo-icon {
  position: relative;
  padding-top: 46px; }
  .m-department-timetable-zoo-icon:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 36px;
    height: 36px;
    background-size: auto 100%;
    border-radius: 50%;
    background-image: url(../images/department/zoo/curriculum/icons-schedule.png); }
  .m-department-timetable-zoo-icon--02:before {
    background-position: -100% 0; }
  .m-department-timetable-zoo-icon--03:before {
    background-position: -200% 0; }
  .m-department-timetable-zoo-icon--04:before {
    background-position: -300% 0; }
  .m-department-timetable-zoo-icon--05:before {
    background-position: -400% 0; }
  .m-department-timetable-zoo-icon--06:before {
    background-position: -500% 0; }
  .m-department-timetable-zoo-icon--07:before {
    background-position: -600% 0; }
  .m-department-timetable-zoo-icon--08:before {
    background-position: -700% 0; }
  .m-department-timetable-zoo-icon--09:before {
    background-position: -800% 0; }
  .m-department-timetable-zoo-icon--10:before {
    background-position: -900% 0; }
  .m-department-timetable-zoo-icon--11:before {
    background-position: -1000% 0; }

.m-department-graduate-title {
  position: relative;
  width: 440px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  padding: 20px;
  text-align: center; }
  .m-department-graduate-title span {
    display: block;
    margin-top: 10px;
    color: #ffffff;
    font-size: 16px; }
  .m-department-graduate-title:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -24px;
    margin-left: -16px;
    border-top: solid 24px;
    border-left: solid 16px transparent;
    border-right: solid 16px transparent; }
  .m-department-graduate-title--zoo {
    background-color: #00663A; }
    .m-department-graduate-title--zoo:before {
      border-top-color: #00663A; }
  .m-department-graduate-title--trimmer {
    background-color: #7C4529; }
    .m-department-graduate-title--trimmer:before {
      border-top-color: #7C4529; }
  .m-department-graduate-title--nurse {
    background-color: #DB6662; }
    .m-department-graduate-title--nurse:before {
      border-top-color: #DB6662; }
  .m-department-graduate-title--nature {
    background-color: #8FC31F; }
    .m-department-graduate-title--nature:before {
      border-top-color: #8FC31F; }
  .m-department-graduate-title--dogtrainer {
    background-color: #FDB813; }
    .m-department-graduate-title--dogtrainer:before {
      border-top-color: #FDB813; }
  .m-department-graduate-title--aquarium {
    background-color: #0073A2; }
    .m-department-graduate-title--aquarium:before {
      border-top-color: #0073A2; }

.m-department-graduate-movie {
  position: relative;
  height: 0;
  padding-bottom: calc(726 / 1290 * 100%); }
  .m-department-graduate-movie iframe {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important; }

.m-department-pickup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .m-department-pickup-title {
    text-align: center; }
  .m-department-pickup-content {
    width: 100%;
    margin-top: 20px; }
  .m-department-pickup-btn {
    position: relative;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #595757; }
    .m-department-pickup-btn--zoo {
      background-color: #00663A; }
    .m-department-pickup-btn--trimmer {
      background-color: #7C4529; }
    .m-department-pickup-btn--nurse {
      background-color: #DB6662; }
    .m-department-pickup-btn--nature {
      background-color: #8FC31F; }
    .m-department-pickup-btn--dogtrainer {
      background-color: #FDB813; }
    .m-department-pickup-btn--aquarium {
      background-color: #0073A2; }
    .m-department-pickup-btn:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 8px;
      height: 8px;
      border-top: solid 2px #ffffff;
      border-right: solid 2px #ffffff;
      -webkit-transform: translate3d(-65%, -50%, 0) rotate(45deg);
      transform: translate3d(-65%, -50%, 0) rotate(45deg); }
    .m-department-pickup-btn:after {
      content: ""; }
  .m-department-pickup__item {
    position: relative;
    margin-left: 30px;
    margin-right: 30px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 380px;
    flex: 0 0 380px;
    width: 380px;
    cursor: pointer; }
    .m-department-pickup__item__frip {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      -webkit-transition: .6s;
      transition: .6s;
      -webkit-transform-style: preserve-3d;
      transform-style: preserve-3d;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden; }
      .m-department-pickup__item__frip--front {
        z-index: 2; }
      .m-department-pickup__item__frip--back {
        -webkit-transform: rotateY(180deg);
        transform: rotateY(180deg); }
        .m-department-pickup__item__frip--back:before {
          content: "";
          width: 100%;
          height: 100%;
          position: absolute;
          left: 0;
          top: 0;
          background-color: rgba(0, 0, 0, 0.3); }
    .m-department-pickup__item__content {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 50px 40px;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end;
      flex-warp: wrap;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #ffffff;
      overflow: hidden; }
    .m-department-pickup__item__frip--back .m-department-pickup-btn:before {
      position: absolute;
      left: 50%;
      top: 50%;
      width: 2px;
      height: 12px;
      border: 0;
      background-color: #ffffff;
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
      transform: translate3d(-50%, -50%, 0) rotate(45deg); }
    .m-department-pickup__item__frip--back .m-department-pickup-btn:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 2px;
      height: 12px;
      background-color: #ffffff;
      -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
      transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
    .m-department-pickup__item.is-active .m-department-pickup__item__frip--front {
      -webkit-transform: rotateY(180deg);
      transform: rotateY(180deg); }
    .m-department-pickup__item.is-active .m-department-pickup__item__frip--back {
      -webkit-transform: rotateY(0deg);
      transform: rotateY(0deg); }
  .m-department-pickup-image {
    opacity: 0; }
    .m-department-pickup-image img {
      width: 100%; }

.m-department-pickup-movie-box {
  width: 820px;
  margin: 0 auto; }

.m-department-pickup-movie {
  text-align: center;
  width: 820px; }

.m-department-pickup-movie-text {
  font-size: 24px;
  margin-bottom: 20px; }

.m-department-pickup-movie-text span {
  position: relative;
  padding-left: 30px; }

.m-department-pickup-movie-text span:before {
  display: block;
  content: "";
  position: absolute;
  top: 44%;
  left: 0px;
  width: 25px;
  height: 25px;
  margin-top: -8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #90c31f; }

.m-department-pickup-movie-text span:after {
  display: block;
  content: "";
  position: absolute;
  top: 51%;
  left: 11px;
  width: 0;
  height: 0;
  margin-top: -5px;
  border: 6px solid transparent;
  border-left: 6px solid #FFF; }

.m-department-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  .m-department-message--r {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 50px; }
  .m-department-message__image {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 290px;
    flex: 0 0 290px; }
    .m-department-message__image:before {
      content: "";
      width: calc(326 / 290 * 100%);
      height: calc(294 / 290 * 100%);
      position: absolute;
      left: 0;
      top: 0;
      -webkit-transform: translate3d(calc((326 - 290) / 2 / 326 * -100%), calc((294 - 290) / 2 / 294 * -100%), 0);
      transform: translate3d(calc((326 - 290) / 2 / 326 * -100%), calc((294 - 290) / 2 / 294 * -100%), 0);
      background-size: 100%;
      background-image: url(../images/department/common/bg-message.png); }
    .m-department-message__image img {
      border-radius: 50%; }
  .m-department-message__content {
    position: relative;
    margin-left: -10px;
    background-color: #ffffff;
    padding: 30px 40px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    z-index: 1; }
    .m-department-message__content:before {
      content: "";
      position: absolute;
      left: -30px;
      top: 50%;
      margin-top: -16px;
      border-right: solid 30px #ffffff;
      border-top: solid 16px transparent;
      border-bottom: solid 16px transparent; }
    .m-department-message__content > dl {
      width: 100%;
      overflow: hidden; }
  .m-department-message-title {
    position: absolute;
    left: -20px;
    top: -30px;
    background-color: #595757;
    color: #ffffff;
    font-size: 18px;
    padding: .5em 1em;
    border-radius: 4px; }
    .m-department-message-title--zoo {
      background-color: #00663A; }
    .m-department-message-title--trimmer {
      background-color: #7C4529; }
    .m-department-message-title--nurse {
      background-color: #DB6662; }
    .m-department-message-title--nature {
      background-color: #8FC31F; }
    .m-department-message-title--dogtrainer {
      background-color: #FDB813; }
    .m-department-message-title--aquarium {
      background-color: #0073A2; }
  .m-department-message--r .m-department-message__content:before {
    left: auto;
    right: -30px;
    border-left: solid 30px #ffffff;
    border-right: 0; }

.m-department-nurse-npo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-department-nurse-npo__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 142px;
    flex: 0 0 142px;
    margin-right: 20px; }

.m-department-examination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .m-department-examination__content {
    width: 450px;
    margin-right: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .m-department-examination-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
    .m-department-examination-title .icon {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      margin-right: 10px;
      width: 130px;
      height: 130px;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      background-color: #EF8200;
      color: #ffffff; }
      .m-department-examination-title .icon span {
        font-size: 42px; }
      .m-department-examination-title .icon small {
        font-size: 24px; }
    .m-department-examination-title > div span {
      color: #EF8200;
      font-size: 34px;
      line-height: 1.4; }
    .m-department-examination-title > div small {
      font-size: 16px;
      display: block;
      margin-bottom: .5em; }
  .m-department-examination-text dt {
    padding: .25em 10px;
    color: #ffffff;
    background-color: #7E6B5A; }
  .m-department-examination-text dd {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px; }

.m-department-opencampus-title {
  text-align: center;
  margin-bottom: 2em; }

.m-department-opencampus-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center; }
  .m-department-opencampus-flex-l {
    width: 100%;
    padding-top: 15px;
    margin-right: 5%; }
  .m-department-opencampus-flex-r {
    width: 100%; }

.m-department-opencampus-line {
  padding-top: 0 !important; }

.m-department-opencampus-line:before {
  content: none; }

/* zoo 2018 */
.m-department-zoo-column-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.m-department-zoo-column-content {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc(700 / 1080 * 100%); }

.m-department-zoo-column-aside {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: calc(320 / 1080 * 100%); }

.m-department-zoo-column-article-title {
  border-bottom: 3px #e6e6e6 solid;
  padding-bottom: 15px;
  font-weight: 500; }

.m-department-zoo-column-article-date {
  display: block; }

.m-department-zoo-column-aside-title {
  border-bottom: 2px #e6e6e6 solid;
  padding: 10px; }

.m-department-zoo-column-article-body {
  *zoom: 1; }
  .m-department-zoo-column-article-body:after {
    content: "";
    display: table;
    clear: both; }
  .m-department-zoo-column-article-body a {
    text-decoration: underline;
    color: #8FC31F; }
    .m-department-zoo-column-article-body a:hover {
      text-decoration: none; }
  .m-department-zoo-column-article-body pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word; }
  .m-department-zoo-column-article-body hr {
    height: 1px;
    background-color: #e6e6e6;
    border: 0;
    margin-bottom: 1.5em; }
  .m-department-zoo-column-article-body blockquote {
    position: relative;
    background-color: #f2f2f2;
    margin: 0 0 1.5em;
    padding: 20px; }
  .m-department-zoo-column-article-body p {
    position: relative;
    *zoom: 1; }
    .m-department-zoo-column-article-body p:after {
      content: "";
      display: table;
      clear: both; }
  .m-department-zoo-column-article-body img {
    max-width: 100%;
    height: auto; }
    .m-department-zoo-column-article-body img.alignleft {
      float: left;
      margin-right: 40px;
      margin-bottom: 1em; }
    .m-department-zoo-column-article-body img.alignright {
      float: right;
      margin-left: 40px;
      margin-bottom: 1em; }
    .m-department-zoo-column-article-body img.aligncenter {
      display: block;
      text-align: center;
      margin-left: auto;
      margin-right: auto; }
  .m-department-zoo-column-article-body h1, .m-department-zoo-column-article-body h2, .m-department-zoo-column-article-body h3, .m-department-zoo-column-article-body h4, .m-department-zoo-column-article-body h5, .m-department-zoo-column-article-body h6, .m-department-zoo-column-article-body ul, .m-department-zoo-column-article-body ol, .m-department-zoo-column-article-body p {
    margin-bottom: 1.5em; }
  .m-department-zoo-column-article-body h1, .m-department-zoo-column-article-body h2, .m-department-zoo-column-article-body h3, .m-department-zoo-column-article-body h4, .m-department-zoo-column-article-body h5, .m-department-zoo-column-article-body h6 {
    line-height: 1.5; }
  .m-department-zoo-column-article-body ul, .m-department-zoo-column-article-body ol, .m-department-zoo-column-article-body p, .m-department-zoo-column-article-body table, .m-department-zoo-column-article-body blockquote {
    line-height: 1.75;
    font-size: 16px; }
  .m-department-zoo-column-article-body ul > li {
    position: relative;
    padding-left: 1em; }
    .m-department-zoo-column-article-body ul > li:before {
      content: "・";
      position: absolute;
      left: 0;
      top: 0; }
  .m-department-zoo-column-article-body ol {
    list-style: decimal;
    margin-left: 1.5em; }
  .m-department-zoo-column-article-body h1 {
    font-size: 24px; }
  .m-department-zoo-column-article-body h2 {
    padding: 15px;
    border-left: solid 10px #8FC31F;
    font-size: 22px;
    font-weight: 500; }
  .m-department-zoo-column-article-body h3 {
    padding: 5px 20px;
    background-color: #8FC31F;
    color: #ffffff;
    font-size: 18px;
    font-weight: 500; }
  .m-department-zoo-column-article-body h4 {
    padding-bottom: 10px;
    border-bottom: solid 2px #8FC31F;
    font-size: 18px; }
  .m-department-zoo-column-article-body h5 {
    font-size: 16px; }
  .m-department-zoo-column-article-body h6 {
    font-size: 15px; }
  .m-department-zoo-column-article-body p + h2,
  .m-department-zoo-column-article-body p + h3 {
    margin-top: 3em; }
  .m-department-zoo-column-article-body table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 1.5em; }
    .m-department-zoo-column-article-body table thead th, .m-department-zoo-column-article-body table thead td {
      background-color: #f2f2f2; }
    .m-department-zoo-column-article-body table th, .m-department-zoo-column-article-body table td {
      padding: 10px;
      border: solid 1px #e6e6e6;
      vertical-align: middle; }
    .m-department-zoo-column-article-body table th {
      font-weight: bold; }

.m-department-zoo-column-aside-list li {
  border-bottom: 2px #e6e6e6 solid; }
  .m-department-zoo-column-aside-list li a {
    display: block;
    padding: 15px 20px 15px 35px;
    position: relative; }
    .m-department-zoo-column-aside-list li a:hover {
      text-decoration: underline; }
    .m-department-zoo-column-aside-list li a:before {
      content: "";
      position: absolute;
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
      width: 7px;
      height: 7px;
      color: #EF8200;
      border-right: 2px solid;
      border-bottom: 2px solid;
      left: 15px;
      top: 25px; }

.m-department-zoo-column-article-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 80px; }

.m-department-zoo-column-article-btn-list__item {
  width: 33%; }
  .m-department-zoo-column-article-btn-list__item a {
    display: block; }
    .m-department-zoo-column-article-btn-list__item a.prev {
      padding-left: 10px;
      color: #7E6B5A;
      position: relative; }
      .m-department-zoo-column-article-btn-list__item a.prev:before {
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 7px;
        height: 7px;
        color: #7E6B5A;
        border-left: 2px solid;
        border-bottom: 2px solid;
        left: 0;
        top: 50%;
        margin-top: -2px; }
    .m-department-zoo-column-article-btn-list__item a.next {
      text-align: right;
      padding-right: 10px;
      color: #7E6B5A;
      position: relative; }
      .m-department-zoo-column-article-btn-list__item a.next:after {
        content: "";
        position: absolute;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 7px;
        height: 7px;
        color: #7E6B5A;
        border-right: 2px solid;
        border-bottom: 2px solid;
        right: 0;
        top: 50%;
        margin-top: -2px; }
    .m-department-zoo-column-article-btn-list__item a.index {
      text-align: center;
      color: #ffffff;
      background-color: #7E6B5A;
      width: 100%;
      padding: 15px;
      position: relative; }
      .m-department-zoo-column-article-btn-list__item a.index:before {
        content: "";
        position: absolute;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 7px;
        height: 7px;
        color: #ffffff;
        border-left: 2px solid;
        border-bottom: 2px solid;
        left: 20px;
        top: 50%;
        margin-top: -4px; }

.m-department-zoo-index-intro {
  position: relative; }
  .m-department-zoo-index-intro-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .m-department-zoo-index-intro .m-department-intro-job {
    width: 50%;
    margin-top: 60px; }

.m-department-zoo-index-feature-title {
  margin-left: 40px; }

.m-department-zoo-image {
  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; }
  .m-department-zoo-image > * {
    position: relative;
    width: calc(100% / 6);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    overflow: hidden;
    padding-bottom: calc(100% / 5.9); }
    .m-department-zoo-image > *.is-active {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
    .m-department-zoo-image > * img {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: auto;
      max-width: inherit; }

.m-department-zoo-index-slide {
  position: relative;
  *zoom: 1; }
  .m-department-zoo-index-slide:after {
    content: "";
    display: table;
    clear: both; }
  .m-department-zoo-index-slide__item {
    float: left; }
    .m-department-zoo-index-slide__item img {
      width: 100%; }
  .m-department-zoo-index-slide .slick-prev,
  .m-department-zoo-index-slide .slick-next {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-indent: -9999em;
    background-color: #90c132;
    z-index: 1;
    background-size: 100%;
    background-image: url(../images/common/icon-ar.png); }
    .m-department-zoo-index-slide .slick-prev:hover,
    .m-department-zoo-index-slide .slick-next:hover {
      opacity: 0.7;
      text-decoration: none; }
  .m-department-zoo-index-slide .slick-prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg); }
  .m-department-zoo-index-slide .slick-next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%); }

.m-department-zoo-index-point {
  padding: 30px;
  background-color: #ecf3da; }
  .m-department-zoo-index-point i {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100px;
    height: 20px;
    background-color: #00663A;
    color: #ffffff;
    font-size: 14px;
    color: #ffffff; }
  .m-department-zoo-index-point dd + dt {
    margin-top: 10px; }

.m-department-zoo-index-result {
  position: relative;
  border: solid 2px #00663A;
  padding: 20px;
  color: #00663A; }
  .m-department-zoo-index-result dt {
    position: absolute;
    left: 40px;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background-color: #ffffff;
    padding-left: 10px;
    padding-right: 10px; }

.m-bg-be .m-department-zoo-index-result dt {
  background-color: #FAF9F5; }

.m-department-zoo-merit-list {
  margin-left: -60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-zoo-merit-list__item {
    margin-left: 60px;
    width: calc(100% / 3 - 60px); }
    .m-department-zoo-merit-list__item .number {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      font-family: 'PT Sans Narrow', sans-serif;
      letter-spacing: 0.1em;
      font-weight: 700;
      font-size: 30px;
      font-style: italic;
      color: #8FC31F; }
  .m-department-zoo-merit-list-title {
    margin-top: 5px;
    font-size: 20px;
    line-height: 1.8;
    color: #00663A; }
  .m-department-zoo-merit-list-image {
    margin-top: 20px; }

.m-department-zoo-civil-servants-item {
  margin-top: 40px;
  padding: 40px 50px 40px 40px;
  background-color: #ffffff; }
  .m-department-zoo-civil-servants-item + .m-department-zoo-civil-servants-item {
    margin-top: 50px; }
  .m-department-zoo-civil-servants-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-department-zoo-civil-servants-item-content--02 dl {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0; }
    .m-department-zoo-civil-servants-item-content--02 .m-department-zoo-civil-servants-item-image {
      margin-left: 65px; }
    .m-department-zoo-civil-servants-item-content--03 .m-department-zoo-civil-servants-item-image {
      margin-left: 35px; }
    .m-department-zoo-civil-servants-item-content .m-list-dot li + li {
      margin-top: 10px; }
  .m-department-zoo-civil-servants-item-image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .m-department-zoo-civil-servants-item-class {
    margin-left: 50px;
    padding: 30px 30px 40px 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; }
    .m-department-zoo-civil-servants-item-class-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .m-department-zoo-civil-servants-item-class-content__item {
        width: 50%; }

.m-department-zoo-civil-servants-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px; }
  .m-department-zoo-civil-servants-item-title .icon {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%; }
  .m-department-zoo-civil-servants-item-title--q {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #00663A; }
    .m-department-zoo-civil-servants-item-title--q .icon {
      background-color: #00663A;
      color: #ffffff; }
  .m-department-zoo-civil-servants-item-title--a {
    color: #EF8200; }
    .m-department-zoo-civil-servants-item-title--a .icon {
      background-color: #EF8200;
      color: #ffffff; }

.m-department-zoo-civil-servants-item-text {
  margin-left: 50px; }

.m-department-zoo-bnr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-zoo-bnr__item {
    width: 50%; }
    .m-department-zoo-bnr__item a {
      position: relative;
      display: block; }
      .m-department-zoo-bnr__item a:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.65);
        z-index: 1;
        -webkit-transition: .3s;
        transition: .3s; }
      .m-department-zoo-bnr__item a:hover:before {
        opacity: .5; }
      .m-department-zoo-bnr__item a:after {
        content: "";
        width: 24px;
        height: 24px;
        border-top: solid 4px #ffffff;
        border-right: solid 4px #ffffff;
        position: absolute;
        right: 40px;
        top: 50%;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        z-index: 2; }
      .m-department-zoo-bnr__item a > img {
        width: 100%; }
  .m-department-zoo-bnr__content {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10% 15% 10% 8%;
    z-index: 2; }

.m-department-zoo-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  background-color: #00663A;
  height: 160px;
  color: #ffffff; }
  .m-department-zoo-title__icon {
    display: inline-block;
    border: solid 1px #ffffff;
    font-size: 14px;
    padding: 10px 20px;
    margin-right: 20px; }
  .m-department-zoo-title__title {
    font-size: 32px; }

.m-department-zoo-movie {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden; }
  .m-department-zoo-movie iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }

.m-department-zoo-btn {
  width: 438px;
  height: 84px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #90c132;
  -webkit-transition: .3s;
  transition: .3s;
  position: relative; }
  .m-department-zoo-btn:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 40px;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    width: 13px;
    height: 13px;
    border-top: 2px #ffffff solid;
    border-right: 2px #ffffff solid; }
  .m-department-zoo-btn:hover {
    opacity: 0.7; }

.m-department-zoo-curriculum-slider {
  *zoom: 1; }
  .m-department-zoo-curriculum-slider:after {
    content: "";
    display: table;
    clear: both; }
  .m-department-zoo-curriculum-slider__item {
    *zoom: 1;
    padding: 40px;
    background-color: #f7ebd7; }
    .m-department-zoo-curriculum-slider__item:after {
      content: "";
      display: table;
      clear: both; }
  .m-department-zoo-curriculum-slider-image {
    position: relative;
    float: left;
    margin-right: 30px;
    width: 60%; }
    .m-department-zoo-curriculum-slider-image > img {
      width: 100%; }
  .m-department-zoo-curriculum-slider-time {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .m-department-zoo-curriculum-slider-content {
    overflow: hidden; }
  .m-department-zoo-curriculum-slider .slick-prev,
  .m-department-zoo-curriculum-slider .slick-next {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-indent: -9999em;
    background-color: #ed8122;
    z-index: 1;
    background-size: 100%;
    background-image: url(../images/common/icon-ar.png); }
    .m-department-zoo-curriculum-slider .slick-prev:hover,
    .m-department-zoo-curriculum-slider .slick-next:hover {
      opacity: 0.7;
      text-decoration: none; }
  .m-department-zoo-curriculum-slider .slick-prev {
    left: 0;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg); }
  .m-department-zoo-curriculum-slider .slick-next {
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%); }

.m-department-zoo-curriculum-slider-point {
  display: inline-block;
  background-color: #ed8122; }

.m-department-zoo-voice-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -20px; }
  .m-department-zoo-voice-list__item {
    width: calc(100% / 4 - 20px);
    margin-left: 20px; }
    .m-department-zoo-voice-list__item a {
      display: block;
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s; }
      .m-department-zoo-voice-list__item a:hover {
        opacity: 0.7;
        text-decoration: none; }

.m-department-zoo-voice-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 440px;
  height: 80px;
  margin-left: auto;
  margin-right: auto;
  background-color: #e4b72a;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .m-department-zoo-voice-btn:hover {
    opacity: 0.7;
    text-decoration: none; }
  .m-department-zoo-voice-btn:before {
    content: "";
    width: 12px;
    height: 12px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    right: 40px;
    top: 50%; }

/* zoo 2020 */
.m-department-zoo-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px; }
  .m-department-zoo-nav li {
    position: relative;
    width: 25%;
    border-right: 1px solid #FFF; }
    .m-department-zoo-nav li:last-child {
      border-right: 0px solid #FFF; }
    .m-department-zoo-nav li:after {
      content: "";
      display: block;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -10px;
      width: 20px;
      height: 20px;
      background: url(../images/common/icon-ar.png) center no-repeat;
      background-size: contain; }
  .m-department-zoo-nav a {
    width: 100%;
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    background-color: #79A854;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    color: #FFF; }
    .m-department-zoo-nav a:hover, .m-department-zoo-nav a.is-active {
      background-color: #8EC320; }

/* pet 2020 */
.m-department-pet-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 20px 0;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .m-department-pet-cat li {
    background: #C8F0FA;
    padding: 10px;
    font-weight: bold;
    width: 48%;
    margin-bottom: 10px; }

.m-department-pet-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .m-department-pet-nav li {
    position: relative; }
    .m-department-pet-nav li:after {
      content: "";
      display: block;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -10px;
      width: 20px;
      height: 20px;
      background: url(../images/common/icon-ar.png) center no-repeat;
      background-size: contain; }
  .m-department-pet-nav a {
    display: block;
    background-color: #00ADE6;
    -webkit-transition: .3s;
    transition: .3s; }
    .m-department-pet-nav a:hover, .m-department-pet-nav a.is-active {
      background-color: #0088A8; }

.m-department-pet-objective {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-pet-objective-item {
    width: 50%; }
    .m-department-pet-objective-item + .m-department-pet-objective-item {
      margin-left: 40px; }
    .m-department-pet-objective-item--occupation {
      border: 2px #00ADE6 solid; }
      .m-department-pet-objective-item--occupation .m-department-pet-objective-item__title {
        background-color: #00ADE6; }
    .m-department-pet-objective-item--capabilities {
      border: 2px #EF8200 solid; }
      .m-department-pet-objective-item--capabilities .m-department-pet-objective-item__title {
        background-color: #EF8200; }
    .m-department-pet-objective-item__title {
      padding: 15px 20px;
      color: #ffffff;
      font-size: 17px; }
    .m-department-pet-objective-item__content {
      padding: 20px 25px; }

.m-department-title2020 {
  font-size: 3rem;
  font-weight: bold;
  color: #00ADE6;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: 2px; }
  .m-department-title2020 span {
    font-size: 1.5rem;
    display: block; }

.m-department-title2020-info {
  text-align: center; }

.m-department-title2020-m {
  font-size: 2.4rem;
  font-weight: bold;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-style: normal; }

.min-height-280 {
  min-height: 280px; }

.min-height-330 {
  min-height: 330px; }

.m-department-feature-title--num {
  margin: 0 auto;
  text-align: center; }
  .m-department-feature-title--num span {
    padding: 3px 10px;
    color: #FFF;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    display: inline-block;
    margin: 0 auto; }
  .m-department-feature-title--num.m-pet span {
    background: #00ADE6; }
  .m-department-feature-title--num.m-nurse span {
    background: #DD6D6D; }

.m-department-flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse; }

/* nurse 2020 */
.m-department-nurse-interview-item-detail__text {
  line-height: 1.8; }

.inter-ribon {
  position: absolute;
  right: 0;
  top: 10px; }

.m-department-2020-txt01 {
  font-size: 16px;
  line-height: 2; }

.m-txt-height2 {
  line-height: 2 !important; }

.m-txt-height1 {
  line-height: 1.5 !important; }

.m-department-nurse-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px; }
  .m-department-nurse-nav li {
    position: relative;
    width: 25%;
    border-right: 1px solid #FFF; }
    .m-department-nurse-nav li:last-child {
      border-right: 0px solid #FFF; }
    .m-department-nurse-nav li:after {
      content: "";
      display: block;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -10px;
      width: 20px;
      height: 20px;
      background: url(../images/common/icon-ar.png) center no-repeat;
      background-size: contain; }
  .m-department-nurse-nav a {
    width: 100%;
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    background-color: #DD6C6C;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    color: #FFF; }
    .m-department-nurse-nav a:hover, .m-department-nurse-nav a.is-active {
      background-color: #CC4646; }

.m-depaetment-nurse-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px; }

.m-depaetment-nurse-column-list {
  width: 24%;
  margin-right: 1%; }
  .m-depaetment-nurse-column-list:last-child {
    margin-right: 0; }
  .m-depaetment-nurse-column-list h3 {
    text-align: center;
    color: #DD6C6C;
    font-weight: bold;
    font-size: 20px;
    padding: 20px 10px; }
  .m-depaetment-nurse-column-list p {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    padding: 20px 10px;
    line-height: 1.5; }

.m-depaetment-nurse-column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px; }
  .m-depaetment-nurse-column2.m-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse; }
    .m-depaetment-nurse-column2.m-row .m-depaetment-nurse-column2-l {
      margin-right: 0%; }
    .m-depaetment-nurse-column2.m-row .m-depaetment-nurse-column2-r {
      margin-right: 1%; }
  .m-depaetment-nurse-column2 div {
    width: 48%; }
  .m-depaetment-nurse-column2 p {
    line-height: 2 !important; }

.m-depaetment-nurse-column2-l {
  margin-right: 1%; }

.m-depaetment-nurse-column2-r p {
  font-size: 16px;
  line-height: 2 !important; }
  .m-depaetment-nurse-column2-r p a {
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold; }

.m-depaetment-nurse-subtxt01 {
  font-size: 16px;
  letter-spacing: 1px;
  color: #DC6D6D;
  font-weight: bold; }

.m-depaetment-nurse-class-title01 {
  text-align: center;
  padding: 30px 0;
  border-top: 2px solid #DD6D6E;
  border-bottom: 2px dotted #DD6D6E;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #DD6D6E; }

.m-depaetment-nurse-class-txt01 {
  font-size: 16px;
  margin-bottom: 30px;
  text-align: center; }

.m-depaetment-nurse-class-line {
  padding-bottom: 30px;
  border-bottom: 2px solid #DD6D6E; }

/* pet 2020 */
.m-depaetment-nurse-nav-list a br {
  display: none; }

.m-depaetment-pet-txt01 {
  font-size: 16px;
  line-height: 2 !important; }

.m-department-pet-cat {
  font-size: 16px; }

.after-none:after {
  content: "";
  display: none !important; }

.m-department-pet-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px; }
  .m-department-pet-nav li {
    position: relative;
    width: 25%;
    border-right: 1px solid #FFF; }
    .m-department-pet-nav li:last-child {
      border-right: 0px solid #FFF; }
    .m-department-pet-nav li:after {
      content: "";
      display: block;
      position: absolute;
      right: 10px;
      top: 50%;
      margin-top: -10px;
      width: 20px;
      height: 20px;
      background: url(../images/common/icon-ar.png) center no-repeat;
      background-size: contain; }
  .m-department-pet-nav a {
    width: 100%;
    height: 85px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    background-color: #00ADE6;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    color: #FFF; }
    .m-department-pet-nav a:hover, .m-department-pet-nav a.is-active {
      background-color: #0088A8; }

.m-depaetment-pet-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px; }

.m-depaetment-pet-column-list {
  width: 24%;
  margin-right: 1%; }
  .m-depaetment-pet-column-list:last-child {
    margin-right: 0; }
  .m-depaetment-pet-column-list h3 {
    text-align: center;
    color: #00ADE6;
    font-weight: bold;
    font-size: 20px;
    padding: 20px 10px; }
  .m-depaetment-pet-column-list p {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    padding: 20px 10px; }

.m-depaetment-pet-column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 30px; }
  .m-depaetment-pet-column2.m-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse; }
    .m-depaetment-pet-column2.m-row .m-depaetment-pet-column2-l {
      margin-right: 0%; }
    .m-depaetment-pet-column2.m-row .m-depaetment-pet-column2-r {
      margin-right: 1%; }
  .m-depaetment-pet-column2 div {
    width: 48%; }

.m-depaetment-pet-column2-l {
  margin-right: 1%; }

.m-depaetment-pet-column2-r p a {
  text-decoration: underline; }

.m-depaetment-pet-subtxt01 {
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  color: #00ADE6;
  font-weight: bold; }
  .m-depaetment-pet-subtxt01 span {
    font-size: 18px; }

.m-depaetment-pet-class-title01 {
  text-align: center;
  padding: 30px 0;
  border-top: 2px solid #00ADE6;
  border-bottom: 2px dotted #00ADE6;
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
  color: #00ADE6; }

.m-depaetment-pet-class-txt01 {
  font-size: 16px;
  margin-bottom: 30px;
  text-align: center; }

.m-depaetment-pet-class-line {
  padding-bottom: 30px;
  border-bottom: 2px solid #00ADE6; }

/* nurse 2019 */
.m-department-nurse-index-point-title {
  text-align: center; }
  .m-department-nurse-index-point-title .point {
    margin: 0 auto 30px auto;
    width: 198px;
    height: 44px;
    background-color: #8FC31F;
    border-radius: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #ffffff; }
    .m-department-nurse-index-point-title .point--or {
      background-color: #FCAF17; }

.m-department-nurse-index-point-image-sp {
  display: none; }

.m-department-nurse-index-point-02-mv {
  position: relative; }
  .m-department-nurse-index-point-02-mv__system {
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.m-department-nurse-index-point-02-list {
  margin-left: -60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-nurse-index-point-02-list__item {
    margin-left: 60px;
    width: calc(100% / 3 - 60px);
    border-radius: 6px; }
    .m-department-nurse-index-point-02-list__item img {
      border-radius: 6px 6px 0 0; }
    .m-department-nurse-index-point-02-list__item--nurse {
      background-color: #FCF4F4;
      color: #DD6D6D; }
    .m-department-nurse-index-point-02-list__item--trimmer {
      background-color: #F5F1EE;
      color: #7B522A; }
    .m-department-nurse-index-point-02-list__item--trainer {
      background-color: #FFF9ED;
      color: #FCAF17; }
  .m-department-nurse-index-point-02-list-content {
    padding: 35px; }
  .m-department-nurse-index-point-02-list-title {
    position: relative;
    text-align: center; }
    .m-department-nurse-index-point-02-list-title .icon {
      position: absolute;
      top: -55px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      display: block;
      width: 40px;
      height: 40px; }
    .m-department-nurse-index-point-02-list-title .major {
      display: block;
      font-size: 16px; }
    .m-department-nurse-index-point-02-list-title .title {
      margin-top: 10px;
      display: block;
      font-size: 22px;
      font-weight: 700; }

.m-department-nurse-index-other-item {
  margin-left: auto;
  margin-right: auto;
  width: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-department-nurse-index-other-item:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .m-department-nurse-index-other-item:nth-of-type(2) .m-department-nurse-index-other-item__content {
      margin-right: auto;
      margin-left: -195px;
      padding: 45px 50px 45px 250px; }
  .m-department-nurse-index-other-item__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-nurse-index-other-item__image img {
      border-radius: 50%; }
  .m-department-nurse-index-other-item__content {
    margin-right: -195px;
    padding: 45px 250px 45px 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background-color: #F0F6E1; }

.m-department-nurse-index-interview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-department-nurse-index-interview__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-nurse-index-interview__image img {
      border-radius: 6px; }
  .m-department-nurse-index-interview__content {
    margin-left: -50px;
    padding: 40px 35px;
    height: 225px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    position: relative; }
    .m-department-nurse-index-interview__content:before {
      position: absolute;
      content: "";
      top: 70px;
      left: -56px;
      width: 56px;
      height: 32px;
      border-top: 16px solid transparent;
      border-bottom: 16px solid transparent;
      border-left: 28px solid transparent;
      border-right: 28px #ffffff solid; }

.m-department-nurse-index-interview-btn {
  position: absolute;
  right: -20px;
  bottom: -25px;
  padding: 15px;
  width: 352px;
  background-color: #8FC31F;
  border-radius: 6px;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #ffffff; }
  .m-department-nurse-index-interview-btn:before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    right: 25px;
    top: 50%; }
  .m-department-nurse-index-interview-btn:hover {
    opacity: 0.7;
    -webkit-transition: .3s;
    transition: .3s; }

.m-department-nurse-objective {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-nurse-objective-item {
    width: 50%; }
    .m-department-nurse-objective-item + .m-department-nurse-objective-item {
      margin-left: 40px; }
    .m-department-nurse-objective-item--occupation {
      border: 2px #DD6D6D solid; }
      .m-department-nurse-objective-item--occupation .m-department-nurse-objective-item__title {
        background-color: #DD6D6D; }
    .m-department-nurse-objective-item--capabilities {
      border: 2px #EF8200 solid; }
      .m-department-nurse-objective-item--capabilities .m-department-nurse-objective-item__title {
        background-color: #EF8200; }
    .m-department-nurse-objective-item__title {
      padding: 15px 20px;
      color: #ffffff;
      font-size: 17px; }
    .m-department-nurse-objective-item__content {
      padding: 20px 25px 0; }

.m-department-nurse-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 550px; }
  .m-department-nurse-feature-item:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .m-department-nurse-feature-item__content {
    width: 50%;
    padding: 60px 55px 45px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .m-department-nurse-feature-item__image {
    width: 50%;
    background-size: cover; }
    .m-department-nurse-feature-item__image--01 {
      background-image: url(../images/department/nursing-animal/nurse/img-01.jpg); }
      .m-department-nurse-feature-item__image--01.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-01.jpg); }
      .m-department-nurse-feature-item__image--01.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-01.jpg); }
    .m-department-nurse-feature-item__image--02 {
      background-image: url(../images/department/nursing-animal/nurse/img-02.jpg); }
      .m-department-nurse-feature-item__image--02.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-02.jpg); }
      .m-department-nurse-feature-item__image--02.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-02.jpg); }
    .m-department-nurse-feature-item__image--03 {
      background-image: url(../images/department/nursing-animal/nurse/img-03.jpg); }
      .m-department-nurse-feature-item__image--03.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-03.jpg); }
      .m-department-nurse-feature-item__image--03.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-03.jpg); }
  .m-department-nurse-feature-item-title {
    position: relative;
    color: #DD6D6D; }
    .m-department-nurse-feature-item-title .number {
      display: block;
      position: absolute;
      left: 0;
      top: -90px;
      font-family: 'PT Sans Narrow', sans-serif;
      font-weight: 700;
      font-size: 70px;
      font-style: italic; }
    .m-department-nurse-feature-item-title .text {
      font-size: 28px;
      line-height: 1.428; }
  .m-department-nurse-feature-item-comment {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-department-nurse-feature-item-comment__image img {
      border-radius: 50%; }
    .m-department-nurse-feature-item-comment__content {
      margin-left: 30px;
      padding: 30px;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      border-radius: 5px;
      background-color: #ffffff;
      position: relative; }
      .m-department-nurse-feature-item-comment__content:before {
        position: absolute;
        content: "";
        top: 56px;
        left: -56px;
        width: 56px;
        height: 32px;
        border-top: 16px transparent solid;
        border-bottom: 16px transparent solid;
        border-left: 28px transparent solid;
        border-right: 28px #ffffff solid; }
      .m-department-nurse-feature-item-comment__content dt {
        color: #DD6D6D; }
        .m-department-nurse-feature-item-comment__content dt .name {
          display: block; }

.m-department-nurse-interview-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative; }
  .m-department-nurse-interview-item + .m-department-nurse-interview-item {
    margin-top: 50px; }
  .m-department-nurse-interview-item:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .m-department-nurse-interview-item:nth-of-type(2) .m-department-nurse-interview-item__content {
      margin-right: -10px;
      position: relative; }
      .m-department-nurse-interview-item:nth-of-type(2) .m-department-nurse-interview-item__content:before {
        position: absolute;
        content: "";
        left: auto;
        right: -56px;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-right: 28px solid transparent;
        border-left: 28px #ffffff solid; }
  .m-department-nurse-interview-item__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-nurse-interview-item__image img {
      border-radius: 50%; }
  .m-department-nurse-interview-item__content {
    margin-left: -10px;
    margin-top: 60px;
    padding: 50px 30px 50px 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background-color: #DD6D6D;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    position: relative;
    color: #FFF; }
    .m-department-nurse-interview-item__content:before {
      position: absolute;
      content: "";
      top: 70px;
      left: -56px;
      width: 56px;
      height: 32px;
      border-top: 16px solid transparent;
      border-bottom: 16px solid transparent;
      border-left: 28px solid transparent;
      border-right: 28px #DD6D6D solid; }
  .m-department-nurse-interview-item-detail__text .name {
    margin-top: 20px;
    display: block; }
  .m-department-nurse-interview-item-detail__image {
    margin-left: 30px;
    float: right; }

.m-department-nurse-curriculum {
  padding: 45px 60px 50px 60px;
  background-color: #F0F6E1; }
  .m-department-nurse-curriculum-list {
    margin-left: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-department-nurse-curriculum-list__item {
      margin-left: 30px;
      width: calc(100% / 3 - 30px);
      border-radius: 6px;
      position: relative; }
      .m-department-nurse-curriculum-list__item--nurse {
        background-color: #DD6D6D; }
      .m-department-nurse-curriculum-list__item--trimmer {
        background-color: #7B522A; }
      .m-department-nurse-curriculum-list__item--trainer {
        background-color: #FCAF17; }
      .m-department-nurse-curriculum-list__item:before {
        position: absolute;
        content: "";
        top: 50%;
        right: 25px;
        -webkit-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
        width: 7px;
        height: 7px;
        border-top: 2px #ffffff solid;
        border-right: 2px #ffffff solid; }
      .m-department-nurse-curriculum-list__item a {
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #ffffff;
        font-size: 18px; }
        .m-department-nurse-curriculum-list__item a:hover {
          -webkit-transition: .3s;
          transition: .3s;
          background-color: rgba(255, 255, 255, 0.3); }
      .m-department-nurse-curriculum-list__item .icon {
        margin-right: 15px;
        display: block; }

.m-department-nurse-curriculum-slider {
  position: relative; }
  .m-department-nurse-curriculum-slider-inner {
    padding: 75px 60px;
    position: relative;
    border: 3px #DD6D6D solid;
    border-radius: 6px; }
    .m-department-nurse-curriculum-slider-inner .slick-prev,
    .m-department-nurse-curriculum-slider-inner .slick-next {
      position: absolute;
      top: 50%;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      text-indent: -9999em;
      background-color: #DD6D6D;
      z-index: 1;
      background-size: 100%;
      background-image: url(../images/common/icon-ar.png); }
    .m-department-nurse-curriculum-slider-inner .slick-prev {
      left: 0;
      -webkit-transform: translate(-50%, -50%) rotate(180deg);
      transform: translate(-50%, -50%) rotate(180deg); }
    .m-department-nurse-curriculum-slider-inner .slick-next {
      right: 0;
      -webkit-transform: translate(50%, -50%);
      transform: translate(50%, -50%); }
  .m-department-nurse-curriculum-slider-title {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    padding: 20px;
    width: 440px;
    background-color: #DD6D6D;
    border-radius: 30px;
    text-align: center; }
  .m-department-nurse-curriculum-slider__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .m-department-nurse-curriculum-slider-image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-nurse-curriculum-slider-image img {
      border-radius: 6px; }
  .m-department-nurse-curriculum-slider-content {
    margin-left: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; }
    .m-department-nurse-curriculum-slider-content .number {
      display: block;
      font-family: 'PT Sans Narrow', sans-serif;
      font-weight: 700;
      font-size: 50px;
      font-style: italic;
      color: #DD6D6D; }

.m-department-nurse-mystory {
  padding-top: 100px;
  padding-bottom: 150px;
  background-color: #8FC31F; }
  .m-department-nurse-mystory-image {
    margin-top: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-department-nurse-mystory-image__item {
      width: calc(100% / 6);
      background-color: #ffffff; }
      .m-department-nurse-mystory-image__item a {
        display: block; }
        .m-department-nurse-mystory-image__item a:hover {
          -webkit-transition: .3s;
          transition: .3s;
          opacity: 0.7; }
      .m-department-nurse-mystory-image__item img {
        width: 100%; }

.slick-brown .slick-prev, .slick-brown .slick-next {
  background-color: #00ADE6 !important; }

/* =======================================================================
入学案内
admission_info
======================================================================= */
/* index */
.m-admission_info-index-content {
  position: relative;
  padding: 20px 50px 20px 30px;
  color: #ffffff; }
  .m-admission_info-index-content--01 {
    background-color: #8FC31F; }
  .m-admission_info-index-content--02 {
    background-color: #EF8200; }
  .m-admission_info-index-content--03 {
    background-color: #3E92B6; }
  .m-admission_info-index-content--04 {
    background-color: #7E6B5A; }
  .m-admission_info-index-content:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }

/* AO入試 */
.m-step__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-bottom: 60px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .m-step__item:before {
    content: "";
    width: 2px;
    height: 100%;
    background-color: #e6e6e6;
    position: absolute;
    left: 34px;
    top: 0; }
  .m-step__item:nth-last-of-type(1) {
    padding-bottom: 0; }
    .m-step__item:nth-last-of-type(1):before {
      display: none; }
  .m-step__item__icon {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70px;
    flex: 0 0 70px;
    height: 70px;
    margin-right: 30px;
    background-color: #EF8200;
    border-radius: 50%;
    z-index: 1;
    font-weight: 700; }
    .m-step__item__icon small {
      font-size: 12px; }
    .m-step__item__icon span {
      font-size: 24px; }
  .m-step__item__content {
    padding-top: 20px; }

.m-admission_info-ao-school-scholarship {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .m-admission_info-ao-school-scholarship__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    width: 220px;
    height: 220px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    font-weight: 700;
    font-size: 32px;
    background-color: #EF8200;
    margin-right: 30px;
    border-radius: 50%; }

/* pet 2019 */
.m-department-pet-index-point-title {
  text-align: center; }
  .m-department-pet-index-point-title .point {
    margin: 0 auto 30px auto;
    width: 198px;
    height: 44px;
    background-color: #8FC31F;
    border-radius: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 19px;
    font-weight: 700;
    color: #ffffff; }
    .m-department-pet-index-point-title .point--or {
      background-color: #FCAF17; }

.m-department-pet-index-point-image-sp {
  display: none; }

.m-department-pet-index-point-02-mv {
  position: relative; }
  .m-department-pet-index-point-02-mv__system {
    position: absolute;
    top: 50%;
    right: 50px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }

.m-department-pet-index-point-02-list {
  margin-left: -60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-pet-index-point-02-list__item {
    margin-left: 60px;
    width: calc(100% / 3 - 60px);
    border-radius: 6px; }
    .m-department-pet-index-point-02-list__item img {
      border-radius: 6px 6px 0 0; }
    .m-department-pet-index-point-02-list__item--nurse {
      background-color: #FCF4F4;
      color: #DD6D6D; }
    .m-department-pet-index-point-02-list__item--trimmer {
      background-color: #F5F1EE;
      color: #7B522A; }
    .m-department-pet-index-point-02-list__item--trainer {
      background-color: #FFF9ED;
      color: #FCAF17; }
  .m-department-pet-index-point-02-list-content {
    padding: 35px; }
  .m-department-pet-index-point-02-list-title {
    position: relative;
    text-align: center; }
    .m-department-pet-index-point-02-list-title .icon {
      position: absolute;
      top: -55px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      display: block;
      width: 40px;
      height: 40px; }
    .m-department-pet-index-point-02-list-title .major {
      display: block;
      font-size: 16px; }
    .m-department-pet-index-point-02-list-title .title {
      margin-top: 10px;
      display: block;
      font-size: 22px;
      font-weight: 700; }

.m-department-pet-index-other-item {
  margin-left: auto;
  margin-right: auto;
  width: 650px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-department-pet-index-other-item:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .m-department-pet-index-other-item:nth-of-type(2) .m-department-pet-index-other-item__content {
      margin-right: auto;
      margin-left: -195px;
      padding: 45px 50px 45px 250px; }
  .m-department-pet-index-other-item__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-pet-index-other-item__image img {
      border-radius: 50%; }
  .m-department-pet-index-other-item__content {
    margin-right: -195px;
    padding: 45px 250px 45px 50px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background-color: #F0F6E1; }

.m-department-pet-index-interview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-department-pet-index-interview__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-pet-index-interview__image img {
      border-radius: 6px; }
  .m-department-pet-index-interview__content {
    margin-left: -50px;
    padding: 40px 35px;
    height: 225px;
    background-color: #ffffff;
    border-radius: 6px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    position: relative; }
    .m-department-pet-index-interview__content:before {
      position: absolute;
      content: "";
      top: 70px;
      left: -56px;
      width: 56px;
      height: 32px;
      border-top: 16px solid transparent;
      border-bottom: 16px solid transparent;
      border-left: 28px solid transparent;
      border-right: 28px #ffffff solid; }

.m-department-pet-index-interview-btn {
  position: absolute;
  right: -20px;
  bottom: -25px;
  padding: 15px;
  width: 352px;
  background-color: #8FC31F;
  border-radius: 6px;
  display: block;
  font-size: 16px;
  text-align: center;
  color: #ffffff; }
  .m-department-pet-index-interview-btn:before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    position: absolute;
    right: 25px;
    top: 50%; }
  .m-department-pet-index-interview-btn:hover {
    opacity: 0.7;
    -webkit-transition: .3s;
    transition: .3s; }

.m-department-pet-objective {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-pet-objective-item {
    width: 50%; }
    .m-department-pet-objective-item + .m-department-pet-objective-item {
      margin-left: 40px; }
    .m-department-pet-objective-item--occupation {
      border: 2px #00ADE6 solid; }
      .m-department-pet-objective-item--occupation .m-department-pet-objective-item__title {
        background-color: #00ADE6; }
    .m-department-pet-objective-item--capabilities {
      border: 2px #EF8200 solid; }
      .m-department-pet-objective-item--capabilities .m-department-pet-objective-item__title {
        background-color: #EF8200; }
    .m-department-pet-objective-item__title {
      padding: 15px 20px;
      color: #ffffff;
      font-size: 17px; }
    .m-department-pet-objective-item__content {
      padding: 20px 25px; }

.m-department-pet-feature-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 550px; }
  .m-department-pet-feature-item:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .m-department-pet-feature-item__content {
    width: 50%;
    padding: 0px 55px 45px 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .m-department-pet-feature-item__image {
    width: 50%;
    background-size: cover; }
    .m-department-pet-feature-item__image--01 {
      background-image: url(/resources/images/department/pet/index/bg-01.png); }
      .m-department-pet-feature-item__image--01.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-01.jpg); }
      .m-department-pet-feature-item__image--01.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-01.jpg); }
    .m-department-pet-feature-item__image--02 {
      background-image: url(/resources/images/department/pet/index/bg-02.png); }
      .m-department-pet-feature-item__image--02.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-02.jpg); }
      .m-department-pet-feature-item__image--02.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-02.jpg); }
    .m-department-pet-feature-item__image--03 {
      background-image: url(/resources/images/department/pet/index/bg-03.png); }
      .m-department-pet-feature-item__image--03.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-03.jpg); }
      .m-department-pet-feature-item__image--03.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-03.jpg); }
    .m-department-pet-feature-item__image--04 {
      background-image: url(/resources/images/department/pet/index/bg-04.png); }
      .m-department-pet-feature-item__image--04.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-03.jpg); }
      .m-department-pet-feature-item__image--04.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-03.jpg); }
    .m-department-pet-feature-item__image--05 {
      background-image: url(/resources/images/department/pet/feature/img01.jpg); }
      .m-department-pet-feature-item__image--05.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-03.jpg); }
      .m-department-pet-feature-item__image--05.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-03.jpg); }
    .m-department-pet-feature-item__image--06 {
      background-image: url(/resources/images/department/pet/feature/img02.jpg); }
      .m-department-pet-feature-item__image--06.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-03.jpg); }
      .m-department-pet-feature-item__image--06.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-03.jpg); }
    .m-department-pet-feature-item__image--07 {
      background-image: url(/resources/images/department/pet/feature/img03.jpg); }
      .m-department-pet-feature-item__image--07.trimmer {
        background-image: url(../images/department/nursing-animal/trimmer/img-03.jpg); }
      .m-department-pet-feature-item__image--07.trainer {
        background-image: url(../images/department/nursing-animal/trainer/img-03.jpg); }
  .m-department-pet-feature-item-title {
    position: relative;
    color: #DD6D6D; }
    .m-department-pet-feature-item-title .number {
      display: block;
      position: absolute;
      left: 0;
      top: -90px;
      font-family: 'PT Sans Narrow', sans-serif;
      font-weight: 700;
      font-size: 70px;
      font-style: italic; }
    .m-department-pet-feature-item-title .text {
      font-size: 28px;
      line-height: 1.428; }
  .m-department-pet-feature-item-comment {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-department-pet-feature-item-comment__image img {
      border-radius: 50%; }
    .m-department-pet-feature-item-comment__content {
      margin-left: 30px;
      padding: 30px;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      border-radius: 5px;
      background-color: #ffffff;
      position: relative; }
      .m-department-pet-feature-item-comment__content:before {
        position: absolute;
        content: "";
        top: 56px;
        left: -56px;
        width: 56px;
        height: 32px;
        border-top: 16px transparent solid;
        border-bottom: 16px transparent solid;
        border-left: 28px transparent solid;
        border-right: 28px #ffffff solid; }
      .m-department-pet-feature-item-comment__content dt {
        color: #DD6D6D; }
        .m-department-pet-feature-item-comment__content dt .name {
          display: block; }

.m-department-pet-interview-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-department-pet-interview-item + .m-department-pet-interview-item {
    margin-top: 50px; }
  .m-department-pet-interview-item:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .m-department-pet-interview-item:nth-of-type(2) .m-department-pet-interview-item__content {
      margin-right: -10px;
      position: relative; }
      .m-department-pet-interview-item:nth-of-type(2) .m-department-pet-interview-item__content:before {
        position: absolute;
        content: "";
        left: auto;
        right: -56px;
        border-top: 16px solid transparent;
        border-bottom: 16px solid transparent;
        border-right: 28px solid transparent;
        border-left: 28px #ffffff solid; }
  .m-department-pet-interview-item__image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-pet-interview-item__image img {
      border-radius: 50%; }
  .m-department-pet-interview-item__content {
    margin-left: -10px;
    margin-top: 60px;
    padding: 50px 30px 50px 40px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background-color: #DD6D6D;
    -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
    position: relative;
    color: #FFF; }
    .m-department-pet-interview-item__content:before {
      position: absolute;
      content: "";
      top: 70px;
      left: -56px;
      width: 56px;
      height: 32px;
      border-top: 16px solid transparent;
      border-bottom: 16px solid transparent;
      border-left: 28px solid transparent;
      border-right: 28px #DD6D6D solid; }
  .m-department-pet-interview-item-detail__text .name {
    margin-top: 20px;
    display: block; }
  .m-department-pet-interview-item-detail__image {
    margin-left: 30px;
    float: right; }

.m-department-pet-curriculum {
  padding: 45px 60px 50px 60px;
  background-color: #F0F6E1; }
  .m-department-pet-curriculum-list {
    margin-left: -30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-department-pet-curriculum-list__item {
      margin-left: 30px;
      width: calc(100% / 3 - 30px);
      border-radius: 6px;
      position: relative; }
      .m-department-pet-curriculum-list__item--nurse {
        background-color: #DD6D6D; }
      .m-department-pet-curriculum-list__item--trimmer {
        background-color: #7B522A; }
      .m-department-pet-curriculum-list__item--trainer {
        background-color: #FCAF17; }
      .m-department-pet-curriculum-list__item:before {
        position: absolute;
        content: "";
        top: 50%;
        right: 25px;
        -webkit-transform: rotate(45deg) translateY(-50%);
        transform: rotate(45deg) translateY(-50%);
        width: 7px;
        height: 7px;
        border-top: 2px #ffffff solid;
        border-right: 2px #ffffff solid; }
      .m-department-pet-curriculum-list__item a {
        padding: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #ffffff;
        font-size: 18px; }
        .m-department-pet-curriculum-list__item a:hover {
          -webkit-transition: .3s;
          transition: .3s;
          background-color: rgba(255, 255, 255, 0.3); }
      .m-department-pet-curriculum-list__item .icon {
        margin-right: 15px;
        display: block; }

.m-department-pet-curriculum-slider {
  position: relative; }
  .m-department-pet-curriculum-slider-inner {
    padding: 75px 60px;
    position: relative;
    border: 3px #DD6D6D solid;
    border-radius: 6px; }
    .m-department-pet-curriculum-slider-inner .slick-prev,
    .m-department-pet-curriculum-slider-inner .slick-next {
      position: absolute;
      top: 50%;
      width: 60px;
      height: 60px;
      border-radius: 50%;
      text-indent: -9999em;
      background-color: #DD6D6D;
      z-index: 1;
      background-size: 100%;
      background-image: url(../images/common/icon-ar.png); }
    .m-department-pet-curriculum-slider-inner .slick-prev {
      left: 0;
      -webkit-transform: translate(-50%, -50%) rotate(180deg);
      transform: translate(-50%, -50%) rotate(180deg); }
    .m-department-pet-curriculum-slider-inner .slick-next {
      right: 0;
      -webkit-transform: translate(50%, -50%);
      transform: translate(50%, -50%); }
  .m-department-pet-curriculum-slider-title {
    position: absolute;
    top: -30px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    padding: 20px;
    width: 440px;
    background-color: #DD6D6D;
    border-radius: 30px;
    text-align: center; }
  .m-department-pet-curriculum-slider__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .m-department-pet-curriculum-slider-image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
    .m-department-pet-curriculum-slider-image img {
      border-radius: 6px; }
  .m-department-pet-curriculum-slider-content {
    margin-left: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; }
    .m-department-pet-curriculum-slider-content .number {
      display: block;
      font-family: 'PT Sans Narrow', sans-serif;
      font-weight: 700;
      font-size: 50px;
      font-style: italic;
      color: #DD6D6D; }

.m-department-pet-mystory {
  padding-top: 100px;
  padding-bottom: 150px;
  background-color: #8FC31F; }
  .m-department-pet-mystory-image {
    margin-top: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-department-pet-mystory-image__item {
      width: calc(100% / 6);
      background-color: #ffffff; }
      .m-department-pet-mystory-image__item a {
        display: block; }
        .m-department-pet-mystory-image__item a:hover {
          -webkit-transition: .3s;
          transition: .3s;
          opacity: 0.7; }
      .m-department-pet-mystory-image__item img {
        width: 100%; }

/* 学費・諸費用 */
.m-toggle-item {
  margin-bottom: 2px; }
  .m-toggle-item__title {
    cursor: pointer;
    position: relative;
    padding: .75em 30px;
    color: #ffffff;
    background-color: #7E6B5A; }
    .m-toggle-item__title:after {
      content: "";
      position: absolute;
      right: 30px;
      top: 50%;
      margin-top: -10px;
      width: 21px;
      height: 21px;
      background-size: auto 100%;
      background-image: url(../images/opencampus/bus/icon-faq-toggle.png); }
    .m-toggle-item__title.is-active:after {
      background-position: -100% 0; }
  .m-toggle-item__content {
    display: none;
    border: solid 1px #e6e6e6; }

/* 学費支援制度 */
.m-admission_info-expenses_support-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 180px;
  text-align: center; }

/* =======================================================================
就職・資格
getajob
======================================================================= */
/* 就職実績 */
.m-getajob-achievement-percent {
  text-align: center;
  font-size: 150px; }
  .m-getajob-achievement-percent small {
    font-size: 36px; }

.m-getajob-achievement-num {
  padding: .75em;
  background-color: #EBB81F; }

/* 就職サポート */
.m-getajob-support-line {
  position: relative;
  padding-bottom: 40px; }
  .m-getajob-support-line:before {
    content: "";
    height: 2px;
    width: 36px;
    background-color: #3E92B6;
    position: absolute;
    left: 0;
    bottom: 0; }

.m-getajob-support-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-getajob-support-col__l {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 700px;
    flex: 0 0 700px;
    margin-right: 60px; }

/* 卒業生のメッセージ */
.m-getajob-graduate-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -30px;
  margin-bottom: -30px; }
  .m-getajob-graduate-list__item {
    display: none;
    width: calc(100% / 3 - 30px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3 - 30px);
    flex: 0 0 calc(100% / 3 - 30px);
    margin-left: 30px;
    margin-bottom: 30px; }
    .m-getajob-graduate-list__item.is-active {
      display: block; }

.m-getajob-graduate-content {
  position: relative;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .m-getajob-graduate-content:hover {
    opacity: 0.7;
    text-decoration: none; }
  .m-getajob-graduate-content__on {
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    padding-bottom: 60px;
    background-size: cover; }
    .m-getajob-graduate-content__on--01 {
      background-image: url(../images/getajob/graduate/img-01-on.jpg); }
    .m-getajob-graduate-content__on--02 {
      background-image: url(../images/getajob/graduate/img-02-on.jpg); }
    .m-getajob-graduate-content__on--03 {
      background-image: url(../images/getajob/graduate/img-03-on.jpg); }
    .m-getajob-graduate-content__on--04 {
      background-image: url(../images/getajob/graduate/img-04-on.jpg); }
    .m-getajob-graduate-content__on--05 {
      background-image: url(../images/getajob/graduate/img-05-on.jpg); }
    .m-getajob-graduate-content__on--06 {
      background-image: url(../images/getajob/graduate/img-06-on.jpg); }
    .m-getajob-graduate-content__on--07 {
      background-image: url(../images/getajob/graduate/img-07-on.jpg); }
    .m-getajob-graduate-content__on--08 {
      background-image: url(../images/getajob/graduate/img-08-on.jpg); }
    .m-getajob-graduate-content__on--09 {
      background-image: url(../images/getajob/graduate/img-09-on.jpg); }
    .m-getajob-graduate-content__on--10 {
      background-image: url(../images/getajob/graduate/img-10-on.jpg); }
    .m-getajob-graduate-content__on--11 {
      background-image: url(../images/getajob/graduate/img-11-on.jpg); }
    .m-getajob-graduate-content__on--12 {
      background-image: url(../images/getajob/graduate/img-12-on.jpg); }
    .m-getajob-graduate-content__on--13 {
      background-image: url(../images/getajob/graduate/img-13-on.jpg); }
    .m-getajob-graduate-content__on--14 {
      background-image: url(../images/getajob/graduate/img-14-on.jpg); }
    .m-getajob-graduate-content__on--15 {
      background-image: url(../images/getajob/graduate/img-15-on.jpg); }
    .m-getajob-graduate-content__on--16 {
      background-image: url(../images/getajob/graduate/img-16-on.jpg); }
    .m-getajob-graduate-content__on--17 {
      background-image: url(../images/getajob/graduate/img-17-on.jpg); }
    .m-getajob-graduate-content__on--18 {
      background-image: url(../images/getajob/graduate/img-18-on.jpg); }
    .m-getajob-graduate-content__on--19 {
      background-image: url(../images/getajob/graduate/img-19-on.jpg); }
    .m-getajob-graduate-content__on--20 {
      background-image: url(../images/getajob/graduate/img-20-on.jpg); }
    .m-getajob-graduate-content__on--21 {
      background-image: url(../images/getajob/graduate/img-21-on.jpg); }
    .m-getajob-graduate-content__on--22 {
      background-image: url(../images/getajob/graduate/img-22-on.jpg); }
    .m-getajob-graduate-content__on:before {
      content: "×Close";
      font-size: 18px;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 15px;
      margin: auto;
      color: #ffffff;
      text-align: center;
      z-index: 1; }
    .m-getajob-graduate-content__on.is-active {
      opacity: 1;
      z-index: 1; }
    .m-getajob-graduate-content__on__inner {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 20px;
      background-color: rgba(0, 0, 0, 0.3);
      color: #ffffff; }
      .m-getajob-graduate-content__on__inner a {
        color: #ffffff; }
      .m-getajob-graduate-content__on__inner__message {
        margin-top: 20px;
        padding-top: 20px;
        border-top: solid 1px #ffffff; }

.m-getajob-graduate-content-inner {
  position: relative;
  padding: 20px 40px 20px 20px; }
  .m-getajob-graduate-content-inner:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    width: 10px;
    height: 10px; }

.m-getajob-graduate-content-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 20px; }

.m-getajob-graduate-logo {
  width: 100px;
  margin-left: 20px;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.m-getajob-graduate-profile {
  color: #383838; }

.m-getajob-civil-servant-merit-title {
  text-align: center; }
  .m-getajob-civil-servant-merit-title img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
    height: auto; }
  .m-getajob-civil-servant-merit-title .en {
    display: block;
    margin-top: 1em;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700;
    font-size: 10px;
    color: #219339; }

.m-getajob-civil-servant-merit-list {
  margin-left: -60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-getajob-civil-servant-merit-list__item {
    margin-left: 60px;
    width: calc(100% / 3 - 60px); }
    .m-getajob-civil-servant-merit-list__item .number {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      font-family: 'PT Sans Narrow', sans-serif;
      letter-spacing: 0.1em;
      font-weight: 700;
      font-size: 30px;
      color: #fff;
      background: #219339;
      width: 50px;
      height: 50px;
      line-height: 50px; }
  .m-getajob-civil-servant-merit-list-title {
    margin-top: 5px;
    font-size: 20px;
    line-height: 1.8;
    color: #219339;
    height: 158px; }
  .m-getajob-civil-servant-merit-list-image {
    margin-top: 20px; }

.m-getajob-civil-servant-item-employment__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .m-getajob-civil-servant-item-employment__item li {
    margin-top: 15px; }

.m-getajob-civil-servant-course-title {
  background: #8FC31F;
  color: #fff;
  font-size: 2rem;
  padding: 13px 0 13px 14px; }

.m-getajob-civil-servant-item {
  margin-top: 40px;
  padding: 40px 50px 40px 40px;
  background-color: #ffffff; }
  .m-getajob-civil-servant-item + .m-getajob-civil-servant-item {
    margin-top: 50px; }
  .m-getajob-civil-servant-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-getajob-civil-servant-item-content--02 dl {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0; }
    .m-getajob-civil-servant-item-content--02 .m-getajob-civil-servant-item-image {
      margin-left: 65px; }
    .m-getajob-civil-servant-item-content--03 .m-getajob-civil-servant-item-image {
      margin-left: 35px; }
    .m-getajob-civil-servant-item-content .m-list-dot li + li {
      margin-top: 10px; }
  .m-getajob-civil-servant-item-image {
    -ms-flex-negative: 0;
    flex-shrink: 0; }
  .m-getajob-civil-servant-item-class {
    margin-left: 50px;
    padding: 30px 30px 40px 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    background: #fff8e9; }
    .m-getajob-civil-servant-item-class-content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      .m-getajob-civil-servant-item-class-content__item {
        width: 50%; }

.m-getajob-civil-servant-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px; }
  .m-getajob-civil-servant-item-title .icon {
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%; }
  .m-getajob-civil-servant-item-title--q {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #219339; }
    .m-getajob-civil-servant-item-title--q .icon {
      background-color: #219339;
      color: #ffffff; }
  .m-getajob-civil-servant-item-title--a {
    color: #EF8200; }
    .m-getajob-civil-servant-item-title--a .icon {
      background-color: #EF8200;
      color: #ffffff; }

.m-getajob-civil-servant-item-text {
  margin-left: 50px; }

/* =======================================================================
キャンパスライフ
campuslife
======================================================================= */
/* 年間スケジュール */
.m-campuslife-schedule-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-campuslife-schedule-col__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .m-campuslife-schedule-col__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 320px;
    flex: 0 0 320px;
    margin-left: 60px; }

.m-campuslife-schedule-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .m-campuslife-schedule-item--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .m-campuslife-schedule-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 110px;
    height: 110px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 110px;
    flex: 0 0 110px;
    margin-right: 40px;
    border: solid 1px #8FC31F;
    border-radius: 50%;
    font-weight: 700;
    color: #8FC31F; }
    .m-campuslife-schedule-item__title > span {
      font-size: 48px;
      font-style: italic;
      line-height: 1; }
      .m-campuslife-schedule-item__title > span small {
        margin-left: .25em;
        font-size: 20px;
        font-style: normal; }
    .m-campuslife-schedule-item__title > small {
      margin-top: .25em;
      font-size: 12px; }
  .m-campuslife-schedule-item__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto; }
  .m-campuslife-schedule-item__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 502px;
    flex: 0 0 502px;
    margin-left: 40px; }

/* =======================================================================
オープンキャンパス
opencampus
======================================================================= */
/* index */
.m-opencampus-index-mv {
  position: relative;
  padding-bottom: calc(860 / 1500 * 100%);
  height: 0;
  background-size: cover;
  background-position: 50%;
  background-image: url(../images/opencampus/index/mv/img.jpg); }
  .m-opencampus-index-mv:before, .m-opencampus-index-mv:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover; }
  .m-opencampus-index-mv:before {
    background-color: rgba(0, 0, 0, 0.2); }
  .m-opencampus-index-mv:after {
    background-image: url(../images/opencampus/index/mv/bg.png); }
  .m-opencampus-index-mv__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -40%, 0);
    transform: translate3d(-50%, -40%, 0);
    z-index: 1; }

.m-opencampus-index-menu {
  background-size: 318px; }

.m-opencampus-index-menu-icon {
  position: relative;
  padding-top: 80px; }
  .m-opencampus-index-menu-icon:before {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -33px;
    content: "";
    width: 66px;
    height: 66px;
    background-size: auto 100%;
    background-image: url(../images/opencampus/index/icons-request.png);
    background-color: #ffffff;
    border: solid 2px #EF8200;
    border-radius: 50%; }
  .m-opencampus-index-menu-icon--02:before {
    background-position: -100% 0; }
  .m-opencampus-index-menu-icon--03:before {
    background-position: -200% 0; }

.m-opencampus-index-other {
  position: relative;
  background-size: cover;
  background-image: url(../images/opencampus/index/other/bg.jpg); }
  .m-opencampus-index-other:before {
    content: "";
    width: 100px;
    height: 160px;
    position: absolute;
    left: 50%;
    bottom: 100px;
    margin-left: -50px;
    background-size: 100%; }

.m-opencampus-index-other-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .m-opencampus-index-other-list__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 410px;
    flex: 0 0 410px; }
    .m-opencampus-index-other-list__item a {
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      position: relative;
      width: 80%;
      height: 355px;
      border-radius: 50%;
      padding-bottom: 10%;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-align: center;
      background-color: #8FC31F;
      color: #ffffff; }
      .m-opencampus-index-other-list__item a:hover {
        opacity: 0.7;
        text-decoration: none; }
      .m-opencampus-index-other-list__item a:before {
        position: absolute;
        left: 0;
        bottom: 0;
        content: "CLICK!";
        width: 100%;
        height: 20%;
        padding-top: 5%;
        background-color: #FCEE21;
        font-size: 24px;
        color: #ffffff;
        font-family: 'PT Sans Narrow', sans-serif;
        letter-spacing: 0.1em;
        font-weight: 700;
        color: #8FC31F; }
    .m-opencampus-index-other-list__item dl {
      position: relative;
      padding-top: 80px; }
    .m-opencampus-index-other-list__item--bus dl:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      width: 102px;
      height: 60px;
      margin-left: -51px;
      background-size: 100%;
      background-image: url(../images/opencampus/index/other/icon-bus.png); }
    .m-opencampus-index-other-list__item--support dl:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      width: 60px;
      height: 60px;
      margin-left: -30px;
      background-size: 100%;
      background-image: url(../images/opencampus/index/other/icon-support.png); }
    .m-opencampus-index-other-list__item--money dl:after {
      content: "";
      position: absolute;
      left: 50%;
      top: 0;
      width: 60px;
      height: 60px;
      margin-left: -30px;
      background-size: 100%;
      background-image: url(../images/opencampus/index/other/icon-money.png); }
    .m-opencampus-index-other-list__item:nth-of-type(2n) a {
      background-color: #EF8200; }
      .m-opencampus-index-other-list__item:nth-of-type(2n) a:before {
        color: #EF8200; }
    .m-opencampus-index-other-list__item:nth-child(3) a {
      background-color: #3E92B6; }
      .m-opencampus-index-other-list__item:nth-child(3) a:before {
        color: #3E92B6; }

.m-opencampus-index-schedule {
  position: relative;
  background-size: 430px auto;
  background-image: url(../images/opencampus/index/schedule/bg.png); }

.m-opencampus-index-schedule-bg {
  background-position: 50%;
  background-repeat: no-repeat;
  background-image: url(../images/opencampus/index/schedule/icon.png); }

.m-opencampus-index-schedule-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end; }
  .m-opencampus-index-schedule-nav li + li {
    margin-left: 60px; }
  .m-opencampus-index-schedule-nav li a {
    position: relative;
    display: inline-block; }
    .m-opencampus-index-schedule-nav li a.month_navi {
      font-size: 0; }
    .m-opencampus-index-schedule-nav li a.select_month {
      font-size: 56px; }
    .m-opencampus-index-schedule-nav li a.next_month, .m-opencampus-index-schedule-nav li a.prev_month {
      cursor: pointer;
      font-size: 24px; }
      .m-opencampus-index-schedule-nav li a.next_month:hover, .m-opencampus-index-schedule-nav li a.prev_month:hover {
        text-decoration: underline; }
      .m-opencampus-index-schedule-nav li a.next_month:before, .m-opencampus-index-schedule-nav li a.prev_month:before {
        content: "";
        position: absolute;
        background-color: #8FC31F;
        border-radius: 50%;
        width: 24px;
        height: 24px;
        top: 50%;
        margin-top: -12px; }
      .m-opencampus-index-schedule-nav li a.next_month:after, .m-opencampus-index-schedule-nav li a.prev_month:after {
        content: "";
        position: absolute;
        width: 8px;
        height: 8px;
        border-top: solid 2px #ffffff;
        border-left: solid 2px #ffffff;
        top: 50%; }
    .m-opencampus-index-schedule-nav li a.prev_month {
      padding-left: 30px; }
      .m-opencampus-index-schedule-nav li a.prev_month:before {
        left: 0; }
      .m-opencampus-index-schedule-nav li a.prev_month:after {
        left: 10px;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg); }
    .m-opencampus-index-schedule-nav li a.next_month {
      padding-right: 30px; }
      .m-opencampus-index-schedule-nav li a.next_month:before {
        right: 0; }
      .m-opencampus-index-schedule-nav li a.next_month:after {
        right: 10px;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg); }

.m-opencampus-index-schedule-item {
  margin-top: 60px; }

/* experience */
.m-opencampus-experience-schedule {
  max-width: 620px;
  margin-left: auto;
  margin-right: auto; }
  .m-opencampus-experience-schedule__item {
    position: relative;
    padding-bottom: 100px;
    padding-left: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .m-opencampus-experience-schedule__item:before {
      content: "";
      position: absolute;
      left: 9px;
      top: 10px;
      width: 2px;
      height: 100%;
      background-color: #e6e6e6; }
    .m-opencampus-experience-schedule__item:after {
      content: "";
      width: 20px;
      height: 20px;
      position: absolute;
      top: 10px;
      left: 0;
      border-radius: 50%; }
    .m-opencampus-experience-schedule__item__image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 320px;
      flex: 0 0 320px;
      margin-left: 20px; }
    .m-opencampus-experience-schedule__item:nth-of-type(1) dt {
      color: #8FC31F; }
    .m-opencampus-experience-schedule__item:nth-of-type(1):after {
      background-color: #8FC31F; }
    .m-opencampus-experience-schedule__item:nth-of-type(2) dt {
      color: #3E92B6; }
    .m-opencampus-experience-schedule__item:nth-of-type(2):after {
      background-color: #3E92B6; }
    .m-opencampus-experience-schedule__item:nth-of-type(3) dt {
      color: #EBB81F; }
    .m-opencampus-experience-schedule__item:nth-of-type(3):after {
      background-color: #EBB81F; }
    .m-opencampus-experience-schedule__item:nth-of-type(4) dt {
      color: #F08302; }
    .m-opencampus-experience-schedule__item:nth-of-type(4):after {
      background-color: #F08302; }
    .m-opencampus-experience-schedule__item:nth-of-type(5) dt {
      color: #7E6B5A; }
    .m-opencampus-experience-schedule__item:nth-of-type(5):after {
      background-color: #7E6B5A; }
    .m-opencampus-experience-schedule__item:nth-of-type(5):before {
      display: none; }

.m-opencampus-experience-step {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .m-opencampus-experience-step li + li {
    margin-left: 60px; }
  .m-opencampus-experience-step li {
    position: relative;
    z-index: 1;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px; }
    .m-opencampus-experience-step li:before {
      content: "";
      width: 60px;
      height: 4px;
      position: absolute;
      left: -60px;
      top: 50%;
      margin-top: -2px;
      background-color: #e6e6e6; }
    .m-opencampus-experience-step li:nth-of-type(1) {
      background-color: #8FC31F; }
      .m-opencampus-experience-step li:nth-of-type(1):before {
        display: none; }
    .m-opencampus-experience-step li:nth-of-type(2) {
      background-color: #EBB81F; }
    .m-opencampus-experience-step li:nth-of-type(3) {
      background-color: #EF8200; }

.m-opencampus-experience-form-item {
  *zoom: 1;
  padding: 30px;
  line-height: 1.75;
  border-bottom: solid 1px #e6e6e6; }
  .m-opencampus-experience-form-item:after {
    content: "";
    display: table;
    clear: both; }
  .m-opencampus-experience-form-item > dt {
    float: left;
    width: 280px;
    font-size: 18px; }
  .m-opencampus-experience-form-item > dd {
    overflow: hidden;
    font-size: 16px; }
  .m-opencampus-experience-form-item .require {
    display: inline-block;
    margin-left: .5em;
    padding: .25em .5em;
    background-color: #D7000F;
    font-size: 12px;
    color: #ffffff; }

.m-form-btn {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
  font-size: 0; }
  .m-form-btn li {
    display: inline-block;
    width: 320px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: top; }

/* briefing */
.m-opencampus-briefing-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }
  .m-opencampus-briefing-intro__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 510px;
    flex: 0 0 510px; }
  .m-opencampus-briefing-intro__image {
    margin-right: 40px; }

.m-opencampus-briefing-intro-item {
  position: relative;
  border: solid 3px #8FC31F;
  border-radius: 10px;
  padding: 0 30px 30px; }
  .m-opencampus-briefing-intro-item-title {
    position: relative;
    background-color: #ffffff;
    text-align: center;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .m-opencampus-briefing-intro-item-list li {
    position: relative;
    padding-left: 1em;
    margin-top: .5em; }
    .m-opencampus-briefing-intro-item-list li:before {
      content: "";
      position: absolute;
      left: 0;
      top: .25em;
      width: 8px;
      height: 16px;
      border-bottom: solid 3px #EF8200;
      border-right: solid 3px #EF8200;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }

.m-opencampus-briefing-flow {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto; }
  .m-opencampus-briefing-flow__item {
    position: relative;
    padding-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .m-opencampus-briefing-flow__item:before {
      content: "";
      position: absolute;
      left: 50px;
      top: 10px;
      height: 100%;
      border-left: dotted 2px #8FC31F; }
    .m-opencampus-briefing-flow__item > div {
      position: relative;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100px;
      flex: 0 0 100px;
      background-color: #8FC31F;
      color: #ffffff;
      font-size: 20px;
      border-radius: 4px;
      padding: .5em;
      z-index: 1;
      text-align: center; }
      .m-opencampus-briefing-flow__item > div .icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: .25em;
        width: 16px;
        height: 16px;
        background-size: 100%;
        background-image: url(../images/opencampus/briefing/icon-flow.png); }
    .m-opencampus-briefing-flow__item:nth-last-of-type(1):before {
      display: none; }
    .m-opencampus-briefing-flow__item:nth-last-of-type(1) > div {
      background-color: #EF8200; }
    .m-opencampus-briefing-flow__item > dl {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 340px;
      flex: 0 0 340px;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-left: 20px; }
      .m-opencampus-briefing-flow__item > dl dt {
        font-size: 26px; }
      .m-opencampus-briefing-flow__item > dl dd {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px; }

.m-opencampus-briefing-form-item-wrap {
  display: table;
  width: 100%;
  border-bottom: solid 1px #e6e6e6; }

.m-opencampus-briefing-form-item {
  display: table-row; }
  .m-opencampus-briefing-form-item > dt,
  .m-opencampus-briefing-form-item > dd {
    border-top: solid 1px #e6e6e6;
    display: table-cell;
    padding-top: 30px;
    padding-bottom: 30px;
    vertical-align: top; }
  .m-opencampus-briefing-form-item > dt {
    position: relative;
    width: 320px;
    padding-left: 30px; }
  .m-opencampus-briefing-form-item > dd {
    padding-right: 30px; }
  .m-opencampus-briefing-form-item .require {
    display: inline-block;
    margin-left: 1em;
    color: #D7000F; }

/* bus */
.m-opencampus-bus-title {
  text-align: center; }
  .m-opencampus-bus-title > span {
    position: relative;
    display: inline-block;
    padding-left: 50px;
    padding-right: 50px; }
    .m-opencampus-bus-title > span:before, .m-opencampus-bus-title > span:after {
      content: "";
      width: 5px;
      height: 100%;
      position: absolute;
      top: 0;
      background-color: #8FC31F; }
    .m-opencampus-bus-title > span:before {
      left: 0;
      -webkit-transform: rotate(-20deg);
      transform: rotate(-20deg); }
    .m-opencampus-bus-title > span:after {
      right: 0;
      -webkit-transform: rotate(20deg);
      transform: rotate(20deg); }

.m-opencampus-bus-merit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .m-opencampus-bus-merit__item {
    position: relative;
    margin-top: 60px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48%;
    flex: 0 0 48%; }
    .m-opencampus-bus-merit__item:before {
      width: 60px;
      height: 60px;
      background-color: #8FC31F;
      position: absolute;
      left: 0;
      top: 0;
      color: #ffffff;
      text-align: center;
      font-size: 34px;
      line-height: 60px; }
    .m-opencampus-bus-merit__item:nth-of-type(1):before {
      content: "1"; }
    .m-opencampus-bus-merit__item:nth-of-type(2):before {
      content: "2"; }
    .m-opencampus-bus-merit__item:nth-of-type(3):before {
      content: "3"; }
    .m-opencampus-bus-merit__item:nth-of-type(4):before {
      content: "4"; }

.m-opencampus-bus-schedule-title {
  margin-top: 60px; }
  .m-opencampus-bus-schedule-title:nth-of-type(1) {
    margin-top: 0; }

.m-opencampus-bus-faq__item + .m-opencampus-bus-faq__item {
  margin-top: 2px; }

.m-opencampus-bus-faq-title {
  cursor: pointer;
  position: relative;
  padding: .75em 60px;
  color: #ffffff;
  background-color: #7E6B5A; }
  .m-opencampus-bus-faq-title:before {
    content: "Q";
    position: absolute;
    left: 20px;
    top: 50%;
    color: #FCEE21;
    font-size: 30px;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .m-opencampus-bus-faq-title:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    margin-top: -10px;
    width: 21px;
    height: 21px;
    background-size: auto 100%;
    background-image: url(../images/opencampus/bus/icon-faq-toggle.png); }
  .m-opencampus-bus-faq-title.is-active:after {
    background-position: -100% 0; }

.m-opencampus-bus-faq-text {
  display: none;
  position: relative;
  padding: 1em 60px;
  background-color: #f2f2f2; }
  .m-opencampus-bus-faq-text:before {
    content: "A";
    position: absolute;
    left: 20px;
    top: 0;
    color: #EF8200;
    font-size: 30px;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700; }

/* atend-support */
.m-opencampus-table {
  width: 100%; }
  .m-opencampus-table th, .m-opencampus-table td {
    padding: 1em;
    border: solid 1px #e6e6e6;
    vertical-align: middle;
    text-align: center; }
    .m-opencampus-table th.m-align-l, .m-opencampus-table td.m-align-l {
      text-align: left; }
    .m-opencampus-table th.m-align-r, .m-opencampus-table td.m-align-r {
      text-align: right; }
  .m-opencampus-table thead th, .m-opencampus-table thead td {
    padding: 1em;
    color: #ffffff;
    background-color: #7E6B5A; }
    .m-opencampus-table thead th.w50p, .m-opencampus-table thead td.w50p {
      width: 50%; }
    .m-opencampus-table thead th.w200, .m-opencampus-table thead td.w200 {
      width: 200px; }
    .m-opencampus-table thead th.w300, .m-opencampus-table thead td.w300 {
      width: 300px; }
    .m-opencampus-table thead th.w400, .m-opencampus-table thead td.w400 {
      width: 400px; }
  .m-opencampus-table tbody th.w50p, .m-opencampus-table tbody td.w50p {
    width: 50%; }
  .m-opencampus-table tbody th.w200, .m-opencampus-table tbody td.w200 {
    width: 200px; }
  .m-opencampus-table tbody th.w300, .m-opencampus-table tbody td.w300 {
    width: 300px; }
  .m-opencampus-table tbody th.w400, .m-opencampus-table tbody td.w400 {
    width: 400px; }

/* event */
.m-opencampus-event-nav {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 3px;
  margin-left: -4px;
  margin-bottom: 30px; }
  .m-opencampus-event-nav:before {
    content: "";
    width: calc(100% - 4px);
    height: 3px;
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #8FC31F; }
  .m-opencampus-event-nav__item {
    margin-left: 4px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-size: 20px; }
    .m-opencampus-event-nav__item a {
      -webkit-transition: .3s;
      transition: .3s;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      color: #8FC31F;
      padding: .75em;
      background-color: #EBF3D7; }
      .m-opencampus-event-nav__item a.is-active, .m-opencampus-event-nav__item a:hover {
        background-color: #8FC31F;
        color: #ffffff; }

.m-opencampus-event-tab {
  display: none; }
  .m-opencampus-event-tab.is-active {
    display: block; }

/* online */
.m-opencampus-online-flow__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
  padding-bottom: 80px; }
  .m-opencampus-online-flow__item:before {
    content: "";
    width: 1px;
    height: 100%;
    border-left: dashed 2px #8FC31F;
    position: absolute;
    left: 70px;
    top: 0; }
  .m-opencampus-online-flow__item:nth-last-of-type(1) {
    padding-bottom: 0; }
    .m-opencampus-online-flow__item:nth-last-of-type(1):before {
      display: none; }
  .m-opencampus-online-flow__item .step {
    position: relative;
    z-index: 1;
    padding: 10px;
    background-color: #8FC31F;
    width: 140px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    color: #ffffff; }
  .m-opencampus-online-flow__item .content {
    margin-left: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; }

.m-opencampus-online-app {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -20px; }
  .m-opencampus-online-app__item {
    margin-right: 20px; }

/* =======================================================================
Welcome to ECO!
遠方から入学をお考えの皆様へ
======================================================================= */
.m-outside-sub-section-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: -10px; }

.m-outside-sub-section-nav-item {
  width: calc(100% / 6 - 10px);
  margin-left: 10px; }
  .m-outside-sub-section-nav-item a {
    background-color: #75A34F;
    color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 10px;
    -webkit-transition: .3s;
    transition: .3s; }
    .m-outside-sub-section-nav-item a:hover {
      background-color: #8FC31F; }

.m-outside-maintitle {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  display: block;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.m-outside-maintitle-copy {
  position: absolute;
  z-index: 3;
  left: 50%;
  top: 75%;
  display: block;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0); }

.outside-w li a {
  color: #FFFFFF; }

/* index */
.m-outside-index-mv {
  position: relative;
  padding-bottom: calc(860 / 1400 * 100%);
  height: 0;
  background-size: cover;
  background-position: 50%;
  overflow: hidden; }
  .m-outside-index-mv:before, .m-outside-index-mv:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-size: cover; }
  .m-outside-index-mv:before {
    background-color: rgba(0, 0, 0, 0.2); }
  .m-outside-index-mv:after {
    background-image: url(../images/outside/bg.png); }
  .m-outside-index-mv__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 1; }

.m-outside-maintitle-sp {
  display: none; }

/* main */
.outside-content-main {
  height: 510px;
  background-size: cover;
  background-position: 50%;
  background-image: url(../images/outside/lp-bg-01.png); }

.outside-content-box {
  max-width: 1120px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  clear: both; }

.outside-main-l {
  width: 500px;
  height: auto;
  margin-top: 120px;
  display: inline-block;
  position: relative;
  z-index: 10;
  margin-left: 3em; }

.outside-main-title {
  width: 88%;
  height: auto; }

.outside-main-text {
  margin-top: 50px;
  line-height: 30px;
  color: #42210b;
  font-size: 16px; }

.outside-main-r {
  position: relative;
  max-width: 620px;
  height: auto;
  margin-top: 110px;
  display: inline-block;
  margin-left: -50px;
  position: absolute;
  z-index: 0; }

/* sub-section-01 */
/* section-01 */
.outside-sub-section-01 {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-image: url(../images/outside/lp-bg-02.png); }

.outside-sub-section-title-merit {
  text-align: center;
  margin: 0 auto;
  padding-top: 80px; }

.outside-sub-section-merit {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: #f1f1f1;
  padding-top: 30px; }

.outside-merit-box {
  width: 100%;
  height: auto; }

.outside-merit-dotted-l {
  width: 50%;
  height: auto;
  float: left;
  margin-left: 5%; }

.outside-merit-dotted-l-sp {
  display: none; }

.outside-merit-figure {
  border: dotted 4.5px #FFFFFF;
  padding: 30px;
  text-align: center;
  border-radius: 5px; }

.outside-merit-figure img {
  border-radius: 5px; }

.outside-merit-text-r {
  width: 45%;
  height: auto;
  margin-top: 0px;
  float: left; }

.outside-animal-icon-01 {
  text-align: center;
  margin-bottom: 10px;
  color: #42210b;
  margin-top: 110px; }

.outside-title-small {
  text-align: center;
  margin-bottom: 10px; }

.outside-subtext-green {
  color: #8fc31f;
  font-size: 35px;
  text-align: center;
  margin-bottom: 10px;
  line-height: 55px; }

.outside-subtext-green2 {
  color: #8fc31f;
  font-size: 30px;
  text-align: center;
  margin-bottom: 10px;
  line-height: 55px; }

.outside-subtext-green2-sub {
  color: #000;
  font-size: 16px;
  text-align: center;
  margin-bottom: 20px; }

.outside-subtext-brown {
  text-align: center;
  border-bottom: 5px #f8ea20;
  font-size: 16px;
  line-height: 32px;
  margin-bottom: 20px; }

.outside-link-button {
  text-align: center;
  margin-bottom: 30px; }

.outside-icon-dog-01 {
  position: relative;
  top: 15px;
  clear: both; }

.outside-icon-dog-02 {
  clear: both; }

.outside-icon-dog-03 {
  position: relative;
  top: 15px;
  left: 1100px;
  clear: both; }

.outside-icon-dog-04 {
  position: relative;
  top: 15px;
  clear: both; }

.outside-icon-dog-05 {
  position: relative;
  top: 15px;
  clear: both;
  text-align: right; }

.clear {
  clear: both; }

/* section-02 */
.outside-merit-box-02 {
  width: 100%;
  height: 100%;
  background: #f7ebd0;
  padding-bottom: 40px; }

.outside-merit-text-l {
  width: 50%;
  height: auto;
  margin-top: 0px;
  float: left; }

.outside-sub-section-dotted-r {
  position: relative;
  width: 50%;
  height: auto;
  float: left;
  margin-top: 35px; }

/* section-03 */
.outside-merit-box-03 {
  margin-top: 30px; }

/* section-04 */
.outside-merit-box-04 {
  width: 100%;
  height: 100%;
  background: #f7ebd0;
  padding-bottom: 50px; }

.outside-sub-section-images-r {
  width: 50%;
  height: auto;
  margin-top: 70px;
  float: left; }

/* section-05 */
.outside-merit-box-05 {
  width: 100%;
  height: 100%;
  margin-top: 30px; }

/* section-06 */
.outside-merit-box-06 {
  width: 100%;
  height: 100%;
  background: #f7ebd0;
  padding-bottom: 50px; }

/* section-07 */
.outside-merit-box-07 {
  width: 100%;
  height: 100%;
  padding: 45px 0; }

.outside-subtext-white {
  width: 70%;
  text-align: center;
  display: block;
  background: #FFFFFF;
  color: #42210b;
  margin: 0 auto;
  padding: 15px 0;
  line-height: 24px; }

/* voice */
.outside-sub-section-02 {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-image: url(../images/outside/lp-bg-03.png); }

.outside-voice-box {
  width: 100%;
  height: auto;
  background: #f7ebd0;
  padding: 60px; }

.outside-sub-section-voice-l {
  width: 50%;
  height: auto;
  float: left; }

.outside-sub-section-voice-l-sp {
  display: none; }

.outside-voice-figure img {
  border-radius: 10px; }

.outside-sub-section-voice-box-r {
  width: 40%;
  height: auto;
  float: left;
  top: 20px;
  margin-left: 30px;
  position: relative; }

.lp-section-animal-icon-01 {
  position: absolute;
  z-index: 12;
  top: -40px;
  left: 300px;
  height: 100%;
  width: 100%; }

.outside-voice-text-orange {
  position: relative;
  font-size: 27px;
  color: #ef8200;
  z-index: 13;
  line-height: 40px; }

.outside-voice-title-small {
  line-height: 32px;
  color: #42210b; }

.outside-voice-title-small sup {
  margin-top: 5px; }

.outside-voice-text {
  padding-top: 20px;
  border-top: dashed 2px #42210b;
  line-height: 28px; }

.outside-voice-box-02 {
  width: 100%;
  height: auto;
  background: #f1f1f1;
  padding: 60px;
  overflow: hidden; }

.outside-sub-section-voice-r {
  width: 50%;
  height: auto;
  float: left; }

.outside-voice-figure img {
  border-radius: 10px; }

.outside-sub-section-voice-box-l {
  width: 40%;
  height: auto;
  float: left;
  top: 20px;
  margin-right: 10%;
  position: relative; }

.lp-section-animal-icon-01 {
  position: absolute;
  z-index: 12;
  top: -40px;
  left: 67%;
  height: 100%;
  width: 100%; }

.outside-voice-text-black {
  position: relative;
  font-size: 27px;
  color: #42210b;
  z-index: 13;
  line-height: 40px; }

.outside-voice-title-small-orange {
  line-height: 32px;
  color: #ef8200; }

.outside-voice-title-small sup {
  margin-top: 5px; }

.outside-voice-text-02 {
  padding-top: 20px;
  border-top: dashed 2px #42210b;
  line-height: 28px; }

.lp-section-animal-icon-02 {
  position: absolute;
  z-index: 12;
  top: -40px;
  left: 67%;
  height: 100%;
  width: 100%; }

.outside-voice-box-03 {
  width: 100%;
  height: auto;
  background: #f7ebd0;
  padding: 60px;
  overflow: hidden; }

.lp-section-animal-icon-03 {
  position: absolute;
  z-index: 12;
  top: -40px;
  left: 67%;
  height: 100%;
  width: 100%; }

/* department */
.outside-sub-section-department {
  padding-bottom: 30px;
  text-align: center;
  margin: 0 auto; }

.outside-sub-section-03 {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-image: url(../images/outside/lp-bg-04.png);
  margin-bottom: 40px; }

.outside-department-box-01 {
  width: 45%;
  height: auto;
  display: inline-block;
  margin-bottom: 15px;
  margin-right: 5%; }

.outside-department-img-box-01 {
  display: block; }

.outside-department-box-02 {
  width: 45%;
  height: auto;
  display: inline-block;
  margin-bottom: 15px; }

.outside-department-box-03 {
  width: 20%;
  height: auto;
  display: inline-block;
  margin-right: 5%; }

.outside-department-box-04 {
  width: 20%;
  height: auto;
  display: inline-block;
  margin-right: 5%;
  vertical-align: top; }

.outside-department-box-05 {
  width: 20%;
  height: auto;
  display: inline-block;
  margin-right: 5%;
  vertical-align: top; }

.outside-department-box-06 {
  width: 20%;
  height: auto;
  display: inline-block;
  vertical-align: top; }

.outside-department-link-text {
  margin: 10px 0 10px 0;
  color: #3e92b6;
  position: relative;
  left: 30px;
  text-align: left; }

.outside-department-link-textaqua {
  margin: 10px 0 10px 0;
  color: #3e92b6;
  position: relative;
  left: 30px;
  text-align: left; }

.outside-department-link-text a {
  color: #3e92b6;
  text-decoration: underline; }

.outside-department-link-text a:before {
  content: "";
  position: absolute;
  background: url(../images/outside/lp-category-link.png);
  top: 33%;
  left: -30px;
  width: 19px;
  height: 19px;
  margin-top: -5px; }

.outside-department-link-textaqua a {
  color: #3e92b6;
  text-decoration: underline; }

.outside-department-link-textaqua a:before {
  content: "";
  position: absolute;
  background: url(../images/outside/lp-category-link.png);
  top: 33%;
  left: -30px;
  width: 19px;
  height: 19px;
  margin-top: -5px; }

/* information */
.outside-sub-section-opencampus {
  width: 100%;
  height: 100%;
  background: url(../images/outside/lp-bg-07.png);
  background-size: 100% 100%;
  padding-bottom: 15em; }

.outside-sub-section-04 {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-image: url(../images/outside/lp-bg-06.png);
  margin-bottom: 40px; }

/* opencampus */
.outside-sub-section-opencampus-box {
  margin: 0 auto;
  position: relative;
  text-align: center; }

.outside-sub-section-opencampus-support {
  position: absolute;
  top: -107px;
  left: 22%; }

.outside-sub-section-opencampus-box-l {
  margin-top: 5em;
  margin-right: 30px;
  display: inline-block; }

.outside-sub-section-opencampus-box-r {
  display: inline-block; }

.outside-sub-section-opencampus-bnr {
  margin-top: 55px; }

.outside-sub-section-opencampus-top {
  margin-top: 55px;
  padding-bottom: 220px; }

/* infomation */
.outside-sub-section-05 {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-image: url(../images/outside/lp-bg-08.png);
  margin-bottom: 40px; }

.outside-sub-section-information {
  text-align: center;
  margin: 0 auto; }

.outside-information-form-01 {
  display: inline-block;
  margin-right: 30px; }

.outside-information-form-02 {
  display: inline-block; }

.outside-information-list {
  margin-top: 30px;
  text-align: center; }

.outside-information-list-item {
  margin: 50px 20px 70px 0;
  color: #3e92b6;
  position: relative;
  left: 30px;
  display: inline-block; }

.outside-information-list-item a {
  color: #3e92b6;
  text-decoration: underline;
  margin-right: 30px; }

.outside-information-list-item a:before {
  content: "";
  position: absolute;
  background: url(../images/outside/lp-category-link.png);
  top: 33%;
  left: -30px;
  width: 19px;
  height: 19px;
  margin-top: -5px; }

.outside-tel-box {
  margin-bottom: 2em; }

.outside-sub-section-faq {
  width: 100%;
  height: 400px;
  background-size: cover;
  background-image: url(../images/outside/lp-bg-faq.png);
  margin-bottom: 40px; }

.faq-box {
  max-width: 900px;
  margin: 3em auto; }

.outside-line-animal {
  max-width: 425px; }

.outside-line-animal img {
  display: inline-block;
  width: 100%; }

.outside-line {
  position: relative;
  margin-top: 0px;
  padding-top: 90px; }

/* =======================================================================
企業のみなさま
company
======================================================================= */
.m-company-recuit-col__r {
  display: block;
  width: 100%; }
  .m-company-recuit-col__r .m-flex__item {
    width: 300px !important;
    margin-top: 0 !important;
    display: block !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

.m-company-recuit-col__l {
  display: block;
  width: 100%; }
  .m-company-recuit-col__l .m-flex__item {
    width: 300px !important;
    margin-top: 0 !important;
    display: block !important;
    -webkit-box-flex: 0 !important;
    -ms-flex: none !important;
    flex: none !important; }

.m-company-recuit-adrress {
  padding: 30px 40px;
  border: solid 3px #EF8200;
  border-radius: 4px;
  background-color: #ffffff; }

.m-company-recuit-tel {
  padding: 10px 10px;
  border: solid 1px #EF8200;
  background-color: #ffffff; }

.m-company-recuit-pd {
  padding: 0 100px; }

.m-company-inquiry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #e6e6e6;
  padding: 20px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-company-inquiry dt {
    margin-right: 20px;
    padding-right: 1em;
    border-right: solid 1px #e6e6e6; }

/* =======================================================================
卒業生のみなさま
graduate
======================================================================= */
.m-guraduate-title-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 36px;
  height: 36px;
  background-size: auto 100%;
  background-image: url(../images/graduate/icons-title.png); }
  .m-guraduate-title-icon--02 {
    background-position: -100% 0; }

.m-graduate-message {
  position: relative; }
  .m-graduate-message__name {
    position: absolute;
    left: 0;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .m-graduate-message__name span {
      padding: .25em 2em;
      color: #ffffff;
      background-color: #8FC31F;
      border-radius: 4px; }
    .m-graduate-message__name .cat {
      margin-bottom: 10px; }

.m-graduate-talk {
  position: relative;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  border: dashed 2px #8FC31F;
  border-radius: 10px;
  padding: 0 40px 60px; }
  .m-graduate-talk-title {
    position: relative;
    margin-top: -0.75em; }
    .m-graduate-talk-title span {
      display: inline-block;
      padding-left: 1em;
      padding-right: 1em;
      background-color: #ffffff; }

.m-graduate-talk-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #3E92B6;
  margin-left: -40px; }
  .m-graduate-talk-list li {
    width: calc((100% / 4) - 40px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc((100% / 4) - 40px);
    flex: 0 0 calc((100% / 4) - 40px);
    margin-left: 40px;
    position: relative;
    padding-top: 160px; }
    .m-graduate-talk-list li:before {
      content: "";
      width: 140px;
      height: 140px;
      background-color: #3E92B6;
      background-size: auto 100%;
      background-image: url(../images/graduate/icons-cat.png);
      border-radius: 50%;
      position: absolute;
      top: 0;
      left: 50%;
      margin-left: -70px; }
    .m-graduate-talk-list li:nth-of-type(2):before {
      background-position: -100% 0; }
    .m-graduate-talk-list li:nth-of-type(3):before {
      background-position: -200% 0; }
    .m-graduate-talk-list li:nth-of-type(4):before {
      background-position: -300% 0; }

.m-graduate-certificate {
  width: 100%; }
  .m-graduate-certificate th, .m-graduate-certificate td {
    width: 50%;
    border: solid 1px #e6e6e6;
    text-align: center;
    vertical-align: middle; }
  .m-graduate-certificate th {
    padding: .5em;
    background-color: #F4F8E9; }

/* =======================================================================
高校1・2年生のみなさま
high-school
======================================================================= */
.m-high-school-work-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8FC31F; }
  .m-high-school-work-title .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 34px;
    height: 34px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700;
    border-radius: 50%;
    margin-right: .5em;
    color: #ffffff;
    font-size: 20px;
    background-color: #8FC31F; }

.m-high-school-work > *:nth-of-type(1) .m-high-school-work-title {
  color: #DB9352; }

.m-high-school-work > *:nth-of-type(1) .m-high-school-work-title .num,
.m-high-school-work > *:nth-of-type(1) .m-btn {
  background-color: #DB9352; }

.m-high-school-work > *:nth-of-type(2) .m-high-school-work-title {
  color: #29ABE2; }

.m-high-school-work > *:nth-of-type(2) .m-high-school-work-title .num,
.m-high-school-work > *:nth-of-type(2) .m-btn {
  background-color: #29ABE2; }

.m-high-school-work > *:nth-of-type(3) .m-high-school-work-title {
  color: #5EB767; }

.m-high-school-work > *:nth-of-type(3) .m-high-school-work-title .num,
.m-high-school-work > *:nth-of-type(3) .m-btn {
  background-color: #5EB767; }

.m-high-school-work > *:nth-of-type(4) .m-high-school-work-title {
  color: #F27797; }

.m-high-school-work > *:nth-of-type(4) .m-high-school-work-title .num,
.m-high-school-work > *:nth-of-type(4) .m-btn {
  background-color: #F27797; }

.m-high-school-work > *:nth-of-type(5) .m-high-school-work-title {
  color: #736357; }

.m-high-school-work > *:nth-of-type(5) .m-high-school-work-title .num,
.m-high-school-work > *:nth-of-type(5) .m-btn {
  background-color: #736357; }

.m-high-school-work > *:nth-of-type(6) .m-high-school-work-title {
  color: #EFC40F; }

.m-high-school-work > *:nth-of-type(6) .m-high-school-work-title .num,
.m-high-school-work > *:nth-of-type(6) .m-btn {
  background-color: #EFC40F; }

.m-high-school-opencampus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 508px;
  background-size: cover;
  background-image: url(../images/high-school/bg-opencampus.jpg);
  text-align: center; }
  .m-high-school-opencampus-backgroundbox {
    width: 50%;
    padding: 30px;
    background: rgba(0, 0, 0, 0.4);
    border: 3px solid #FFF; }
  .m-high-school-opencampus-h span {
    position: relative;
    display: inline-block;
    background-color: #ffffff;
    padding: .25em 2em;
    border-radius: 4px; }
    .m-high-school-opencampus-h span:before {
      position: absolute;
      bottom: -18px;
      left: 50%;
      margin-left: -12px;
      content: "";
      border-top: solid 18px #ffffff;
      border-left: solid 12px transparent;
      border-right: solid 12px transparent; }
  .m-high-school-opencampus-text {
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.m-high-school-title-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 50px;
  height: 50px;
  background-size: auto 100%;
  background-color: #EF8200;
  border-radius: 50%;
  background-image: url(../images/high-school/icons-title.png); }

.m-high-school-opencampus-ex-title span {
  position: relative;
  display: inline-block;
  background-color: #8FC31F;
  padding: .25em 2em;
  border-radius: 4px; }
  .m-high-school-opencampus-ex-title span:before {
    position: absolute;
    bottom: -18px;
    left: 50%;
    margin-left: -12px;
    content: "";
    border-top: solid 18px #8FC31F;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent; }

/* =======================================================================
保護者・高校教員のみなさま
parent
======================================================================= */
.m-parent-gourp-map {
  position: relative; }
  .m-parent-gourp-map-title {
    position: absolute;
    left: 0;
    top: 0; }

.m-parent-gourp-list {
  border: solid 3px #7E6B5A;
  padding: 40px; }
  .m-parent-gourp-list-title span {
    display: inline-block;
    padding: .25em .75em;
    background-color: #7E6B5A; }

/* =======================================================================
再進学をお考えのみなさま
re-entrance
======================================================================= */
.m-re-entrance-faq-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8FC31F; }
  .m-re-entrance-faq-title .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 0.1em;
    font-weight: 700;
    border-radius: 50%;
    margin-right: .5em;
    color: #ffffff;
    font-size: 18px;
    background-color: #8FC31F; }

.m-re-entrance-faq > *:nth-of-type(1) .m-re-entrance-faq-title {
  color: #8FC31F; }

.m-re-entrance-faq > *:nth-of-type(1) .m-re-entrance-faq-title .num {
  background-color: #8FC31F; }

.m-re-entrance-faq > *:nth-of-type(2) .m-re-entrance-faq-title {
  color: #EF8200; }

.m-re-entrance-faq > *:nth-of-type(2) .m-re-entrance-faq-title .num {
  background-color: #EF8200; }

.m-re-entrance-faq > *:nth-of-type(3) .m-re-entrance-faq-title {
  color: #3E92B6; }

.m-re-entrance-faq > *:nth-of-type(3) .m-re-entrance-faq-title .num {
  background-color: #3E92B6; }

.m-re-entrance-support-title {
  text-align: center; }
  .m-re-entrance-support-title span {
    position: relative;
    display: inline-block;
    padding-bottom: .5em;
    border-bottom: solid 2px #8FC31F; }
    .m-re-entrance-support-title span:before {
      content: "";
      border-top: solid 10px #8FC31F;
      border-left: solid 8px transparent;
      border-right: solid 8px transparent;
      position: absolute;
      left: 50%;
      margin-left: -8px;
      bottom: -10px; }

/* =======================================================================
アクセス
access
======================================================================= */
.m-access-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .m-access-col__map {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 510px;
    flex: 0 0 510px;
    margin-left: 40px; }

.m-access-map {
  width: 510px;
  height: 300px;
  border: solid 5px #ffffff; }

.m-access-train {
  max-width: 832px;
  margin-left: auto;
  margin-right: auto; }

.m-access-train-title {
  position: relative; }
  .m-access-train-title:before {
    content: "■";
    width: 1em;
    height: 1em; }

.m-access-car-video {
  height: 320px;
  display: block;
  margin: 0 auto; }

/* =======================================================================
資料請求
request
======================================================================= */
.m-request-point {
  margin-left: 40px;
  margin-right: 40px; }
  .m-request-point__item {
    margin-top: 20px; }
  .m-request-point-text {
    margin-left: 1em; }

/* =======================================================================
情報公開
disclose-information
======================================================================= */
.m-disclose-information-tbl {
  width: 100%; }
  .m-disclose-information-tbl thead th {
    width: 25%; }
  .m-disclose-information-tbl th, .m-disclose-information-tbl td {
    border-bottom: solid 1px #e6e6e6;
    padding: 1em;
    text-align: center; }

.m-disclose-information-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-cotnent: space-between; }
  .m-disclose-information-col__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    margin-left: 60px; }

/* =======================================================================
お知らせ
news
======================================================================= */
.m-news-archive__item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #e6e6e6; }

.m-news-icon {
  display: inline-block;
  margin-right: 10px;
  min-width: 120px;
  padding: .25em 1em;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  background-color: #3E92B6; }
  .m-news-icon--info {
    background-color: #3E92B6; }
  .m-news-icon--student {
    background-color: #8FC31F; }
  .m-news-icon--graduate {
    background-color: #4EB1E5; }
  .m-news-icon--release {
    background-color: #EF8200; }

.m-news-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px; }
  .m-news-btn__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% / 3);
    flex: 0 0 calc(100% / 3); }
    .m-news-btn__item--index a {
      -webkit-transition: opacity 0.3s;
      transition: opacity 0.3s;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      height: 50px;
      background-color: #7E6B5A;
      color: #ffffff;
      text-align: center; }
      .m-news-btn__item--index a:hover {
        opacity: 0.7;
        text-decoration: none; }
      .m-news-btn__item--index a:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 8px;
        height: 8px;
        left: 20px;
        border-top: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg); }
    .m-news-btn__item--prev a, .m-news-btn__item--next a {
      position: relative;
      color: #7E6B5A; }
      .m-news-btn__item--prev a:hover, .m-news-btn__item--next a:hover {
        text-decoration: underline; }
      .m-news-btn__item--prev a:before, .m-news-btn__item--next a:before {
        content: "";
        position: absolute;
        top: 50%;
        width: 8px;
        height: 8px;
        border-top: solid 2px #7E6B5A;
        border-right: solid 2px #7E6B5A;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg); }
    .m-news-btn__item--prev a {
      padding-left: 1em; }
      .m-news-btn__item--prev a:before {
        left: 0; }
    .m-news-btn__item--next {
      text-align: right; }
      .m-news-btn__item--next a {
        padding-right: 1em; }
        .m-news-btn__item--next a:before {
          -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
          right: 0; }

.wp-pagenavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 60px; }
  .wp-pagenavi a, .wp-pagenavi span {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    width: 30px;
    height: 50px;
    margin-left: 5px;
    margin-right: 5px;
    border: solid 1px #7E6B5A;
    font-size: 16px;
    color: #7E6B5A; }
    .wp-pagenavi a:hover, .wp-pagenavi span:hover {
      opacity: 0.7;
      text-decoration: none; }
  .wp-pagenavi span {
    color: #8FC31F;
    border-color: #8FC31F; }
  .wp-pagenavi .previouspostslink,
  .wp-pagenavi .nextpostslink {
    position: relative;
    background-color: #7E6B5A; }
    .wp-pagenavi .previouspostslink:before,
    .wp-pagenavi .nextpostslink:before {
      content: "";
      position: absolute;
      left: 50%;
      top: 50%;
      width: 8px;
      height: 8px;
      border-top: solid 2px #ffffff;
      border-right: solid 2px #ffffff;
      -webkit-transform: translate3d(-65%, -50%, 0) rotate(45deg);
      transform: translate3d(-65%, -50%, 0) rotate(45deg); }
  .wp-pagenavi .previouspostslink {
    margin-right: 45px; }
    .wp-pagenavi .previouspostslink:before {
      -webkit-transform: translate3d(-40%, -50%, 0) rotate(-135deg);
      transform: translate3d(-40%, -50%, 0) rotate(-135deg); }
  .wp-pagenavi .nextpostslink {
    margin-left: 45px; }

/* =======================================================================
エコで学ぶ10のコト
movie
======================================================================= */
.m-movie-mv {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-bottom: calc(1080 / 1920 * 100%);
  background-color: #000000;
  overflow: hidden; }
  .m-movie-mv:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/movie/bg-mv.png);
    z-index: 1; }
  .m-movie-mv-video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; }
    .m-movie-mv-video video {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%; }
  .m-movie-mv-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2; }
    .m-movie-mv-content .text {
      margin: 20px auto 0 auto;
      width: 370px;
      display: block;
      text-align: center;
      background-color: #ffffff;
      padding: 5px;
      font-size: 20px;
      line-height: 1.5; }
  .m-movie-mv-btn {
    position: absolute;
    right: 120px;
    bottom: 35px;
    width: 150px;
    height: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #8CC63F;
    border-radius: 50%;
    color: #ffffff;
    font-size: 22px;
    line-height: 1.5;
    z-index: 2; }
    .m-movie-mv-btn:before {
      position: absolute;
      content: "";
      left: 50%;
      bottom: 20px;
      -webkit-transform: rotate(-45deg) translateX(-50%);
      transform: rotate(-45deg) translateX(-50%);
      width: 14px;
      height: 14px;
      border-left: 4px #ffffff solid;
      border-bottom: 4px #ffffff solid; }

.m-movie-item {
  height: calc(760 / 1280 * 100%);
  position: relative; }
  .m-movie-item:nth-of-type(odd) .m-movie-lesson {
    border: none; }
  .m-movie-item:nth-of-type(even) {
    position: relative;
    z-index: 2; }
    .m-movie-item:nth-of-type(even) .m-movie-item-title {
      text-align: right; }
      .m-movie-item:nth-of-type(even) .m-movie-item-title .teacher {
        margin-left: auto; }
    .m-movie-item:nth-of-type(even) .m-movie-item-text {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
  .m-movie-item--last {
    padding-bottom: 80px; }
    .m-movie-item--last .m-movie-item-bg:before {
      position: absolute;
      content: "";
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: #F7F7D0;
      -webkit-transform: skewY(10deg);
      transform: skewY(10deg);
      -webkit-transform-origin: bottom left;
      transform-origin: bottom left; }

.m-movie-item-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #F7F7D0;
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
  -webkit-transform-origin: top left;
  transform-origin: top left; }

.m-movie-item-content {
  position: relative;
  z-index: 3;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
  width: 950px; }

.m-movie-item-title .teacher {
  margin-top: 20px;
  width: 210px;
  display: block;
  background-color: #FCEE21;
  font-size: 20px;
  line-height: 1.65;
  text-align: center; }

.m-movie-lesson {
  margin-left: auto;
  margin-right: auto;
  width: 670px;
  border: 7px #F7F7D0 solid;
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden; }
  .m-movie-lesson iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0; }

.m-movie-btn {
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  font-weight: 700;
  font-size: 32px;
  position: relative; }
  .m-movie-btn a {
    padding: 30px 80px 30px 30px;
    background-color: #8CC63F;
    border-radius: 9px 9px 0 0;
    display: block;
    color: #ffffff; }
    .m-movie-btn a:hover {
      opacity: 0.3;
      -webkit-transition: .3s;
      transition: .3s; }
  .m-movie-btn .icon {
    display: block; }
  .m-movie-btn .text {
    margin-bottom: 15px;
    display: block;
    font-size: 24px; }
  .m-movie-btn:before {
    position: absolute;
    content: "";
    left: 240px;
    bottom: -155px;
    width: 5px;
    height: 155px;
    background-color: #ffffff; }
  .m-movie-btn:after {
    position: absolute;
    content: "";
    right: 240px;
    bottom: -155px;
    width: 5px;
    height: 155px;
    background-color: #ffffff; }
  .m-movie-btn-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative; }
    .m-movie-btn-content:before {
      position: absolute;
      content: "";
      top: 50%;
      right: -60px;
      -webkit-transform: rotate(-45deg) translateX(-50%);
      transform: rotate(-45deg) translateX(-50%);
      margin-top: -10px;
      width: 20px;
      height: 20px;
      border-right: 4px #ffffff solid;
      border-bottom: 4px #ffffff solid; }

/* =======================================================================
TV
======================================================================= */
.m-tv-mv {
  position: relative;
  padding-bottom: calc(375 / 1290 * 100%);
  background-size: cover;
  background-position: 50%;
  background-image: url(../images/tv/mv_bg_01.jpg); }
  .m-tv-mv__title {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    z-index: 1;
    font-size: 72px;
    color: #ffffff;
    text-align: center; }

.m-tv-catSec {
  background-size: 430px auto;
  background-image: url(../images/opencampus/index/schedule/bg.png); }

.m-tv-cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 240px;
  background: url() center no-repeat;
  background-size: cover;
  border-radius: 10px;
  position: relative; }
  .m-tv-cat:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/common/ico_dot_01.svg") 0 0;
    background-size: 2px;
    z-index: 1;
    opacity: 0.4;
    border-radius: 10px; }
  .m-tv-cat img {
    max-width: 220px;
    position: relative;
    z-index: 1; }

.m-tv-video {
  position: fixed;
  z-index: -100;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100vw;
  min-width: 177.77vh;
  height: 100vh;
  min-height: 75vw; }

.m-tv-dot {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  background: url("../images/common/ico_dot_01.svg") 0 0;
  background-size: 4px;
  z-index: 1; }

.m-tv-logo {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 230px;
  z-index: 1; }

/* =======================================================================
ECOPRESS
ecopress
======================================================================= */
.m-ecopress-mv {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 472px;
  background-image: url("../images/ecopress/img_mv.jpg");
  background-size: cover;
  background-position: 50%; }
  .m-ecopress-mv:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top: 0; }
  .m-ecopress-mv-title {
    position: relative;
    z-index: 1;
    color: #ffffff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: .15em; }

.m-ecopress-index-archives {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -60px;
  margin-bottom: -60px; }
  .m-ecopress-index-archives__item {
    width: calc(33.3% - 60px);
    margin-right: 60px;
    margin-bottom: 60px; }
  .m-ecopress-index-archives-image {
    margin-bottom: 10px; }
    .m-ecopress-index-archives-image img {
      width: 100%; }

.m-ecopress-archives {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -60px;
  margin-bottom: -60px; }
  .m-ecopress-archives__item {
    width: calc(33.3% - 60px);
    margin-right: 60px;
    margin-bottom: 60px; }
  .m-ecopress-archives-image {
    margin-bottom: 10px; }
    .m-ecopress-archives-image img {
      width: 100%; }

.m-ecopress-article-heading-vol {
  display: inline-block;
  background-color: #8FC31F;
  color: #ffffff;
  padding: 10px 20px; }

/* =======================================================================
共通
======================================================================= */
.m-btn-more {
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  background-color: #333333;
  display: block;
  text-align: center;
  font-size: 24px;
  line-height: 3.58;
  font-weight: 700;
  color: #ffffff;
  -webkit-transition: .3s;
  transition: .3s;
  position: relative; }
  .m-btn-more:hover {
    opacity: 0.7; }
  .m-btn-more:before {
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    width: 10px;
    height: 10px;
    border-right: 3px #ffffff solid;
    border-bottom: 3px #ffffff solid; }

/* =======================================================================
festival
======================================================================= */
.m-festival-mv {
  position: relative;
  width: 100%;
  height: 800px;
  background-image: url(/festival/images/bg-mv.jpg);
  background-size: cover; }

.m-festival-mv-title {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.m-festival-mv-btn {
  position: absolute;
  right: 20px;
  bottom: 20px;
  display: block;
  -webkit-transition: .3s;
  transition: .3s; }
  .m-festival-mv-btn:hover {
    -webkit-filter: brightness(110%);
    filter: brightness(110%); }

.m-festival-event {
  padding: 75px 25px 60px 25px;
  width: 100%;
  height: 100%;
  background-image: url(/festival/images/bg-checkered.png);
  background-repeat: repeat; }

.m-festival-event-text {
  font-size: 20px;
  font-weight: 700;
  line-height: 2.3; }

.m-festival-event-list {
  margin-left: -25px;
  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; }
  .m-festival-event-list__item {
    margin-top: 25px;
    margin-left: 25px;
    width: calc(100% / 7 - 25px); }
    .m-festival-event-list__item img {
      border-radius: 50%; }

.m-festival-experience-title {
  width: 100%;
  background: repeating-linear-gradient(90deg, #ffffff 0, #ffffff 25px, #fff000 25px, #fff000 50px);
  text-align: center;
  font-size: 40px;
  font-weight: 700;
  line-height: 2.6;
  color: #e3007f; }

.m-festival-experience-list {
  margin-top: -75px;
  margin-left: -30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .m-festival-experience-list__item {
    margin-top: 75px;
    margin-left: 30px;
    position: relative;
    width: calc(100% / 3 - 30px);
    border: #e3007f 3px solid; }
    .m-festival-experience-list__item .number {
      position: absolute;
      top: -40px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 80px;
      height: 80px;
      background-color: #e3007f;
      border-radius: 50%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding-right: 10px;
      color: #ffffff;
      font-size: 46px;
      font-weight: 700;
      font-family: 'PT Sans Narrow', sans-serif;
      letter-spacing: 0.1em;
      font-weight: 700;
      font-style: italic; }

.m-festival-experience-list-content {
  padding: 65px 25px 40px 25px; }

.m-festival-experience-list-title {
  color: #e3007f; }

.m-festival-experience-child-list {
  margin-top: 30px; }
  .m-festival-experience-child-list__item {
    padding: 5px;
    background-color: #fff000;
    font-size: 16px;
    line-height: 1.85; }
    .m-festival-experience-child-list__item + .m-festival-experience-child-list__item {
      margin-top: 5px; }

.m-festival-experience-school {
  position: relative;
  padding: 20px 15px;
  background-color: #e3007f;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 700;
  color: #ffffff; }
  .m-festival-experience-school .hht {
    position: absolute;
    top: -10px;
    left: 5px;
    padding: 5px 10px;
    background-color: #333333;
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: 700; }

.m-festival-pickup-bg {
  background-color: #e5f5fd; }

.m-festival-pickup {
  border: #e3007f 2px solid;
  background-image: url(/festival/images/bg-pickup.png);
  background-repeat: repeat;
  overflow: hidden;
  position: relative; }
  .m-festival-pickup:before {
    position: absolute;
    content: "";
    top: -15%;
    right: -47%;
    width: 928px;
    height: 928px;
    background-color: #fff000;
    border-radius: 50%; }
  .m-festival-pickup:after {
    position: absolute;
    content: "";
    top: 21%;
    left: -31%;
    width: 928px;
    height: 928px;
    background-color: #fff000;
    border-radius: 50%; }

.m-festival-pickup-inner {
  position: relative;
  z-index: 1; }

.m-festival-pickup-title {
  height: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #e3007f; }

.m-festival-pickup-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-festival-pickup-item__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: calc(590 / 1180 * 100%); }
  .m-festival-pickup-item__content {
    margin-left: 35px;
    padding-top: 60px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0; }
  .m-festival-pickup-item:nth-of-type(2) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .m-festival-pickup-item:nth-of-type(2) .m-festival-pickup-item__image {
      width: calc(680 / 1180 * 100%);
      margin-left: -20px; }
    .m-festival-pickup-item:nth-of-type(2) .m-festival-pickup-item__content {
      margin-left: 60px;
      padding-top: 0; }

.m-festival-pickup-item-title {
  margin-bottom: 25px; }

.m-festival-pickup-logo-list {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .m-festival-pickup-logo-list li + li {
    margin-left: 15px; }

.m-festival-pickup-text {
  margin-right: 55px; }

.m-festival-pickup-event {
  padding: 30px 55px 65px 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .m-festival-pickup-event__item {
    position: relative;
    width: 50%; }
    .m-festival-pickup-event__item + .m-festival-pickup-event__item {
      margin-left: 60px; }

.m-festival-pickup-event-title {
  position: absolute;
  top: -55px;
  left: -30px;
  z-index: 1; }

.m-festival-pickup-event-image {
  position: relative;
  border: #ffffff 6px solid; }
  .m-festival-pickup-event-image img {
    width: 100%; }

.m-festival-pickup-event-logo {
  position: absolute;
  right: -10px;
  bottom: -10px;
  width: calc(240 / 492 * 100%); }

/* =======================================================================
オープンキャンパス
カレンダー
======================================================================= */
.m-opencampus-modal-item {
  display: none;
  width: 1080px;
  max-height: calc(100vh - 80px);
  overflow: auto; }
  .m-opencampus-modal-item .m-modal-item-close {
    right: 20px;
    top: 20px; }

.m-opencampus-calendar-slider {
  margin-left: -20px;
  margin-right: -20px; }
  .m-opencampus-calendar-slider__item {
    width: calc(50% - 40px);
    margin-left: 20px;
    margin-right: 20px; }
  .m-opencampus-calendar-slider.slick-slider {
    overflow: visible; }
  .m-opencampus-calendar-slider .m-icon-slide-prev,
  .m-opencampus-calendar-slider .m-icon-slide-next {
    position: absolute;
    top: 20px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    z-index: 1; }
    .m-opencampus-calendar-slider .m-icon-slide-prev:before,
    .m-opencampus-calendar-slider .m-icon-slide-next:before {
      content: "";
      width: 8px;
      height: 8px;
      border-top: solid 2px #ffffff;
      position: absolute;
      top: 50%; }
  .m-opencampus-calendar-slider .m-icon-slide-prev {
    left: 40px;
    padding-left: 20px; }
    .m-opencampus-calendar-slider .m-icon-slide-prev:before {
      left: 0;
      border-left: solid 2px #ffffff;
      -webkit-transform: translateY(-50%) rotate(-45deg);
      transform: translateY(-50%) rotate(-45deg); }
  .m-opencampus-calendar-slider .m-icon-slide-next {
    right: 40px;
    padding-right: 20px; }
    .m-opencampus-calendar-slider .m-icon-slide-next:before {
      right: 0;
      border-right: solid 2px #ffffff;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg); }
  .m-opencampus-calendar-slider .slick-disabled {
    opacity: 0; }

.m-opencampus-calendar-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: -20px;
  margin-bottom: -20px; }
  .m-opencampus-calendar-nav__item {
    margin-right: 20px;
    margin-bottom: 20px; }
    .m-opencampus-calendar-nav__item .icon {
      display: inline-block;
      vertical-align: middle;
      width: 30px;
      height: 30px;
      margin-right: 10px;
      background-size: auto 100%; }
      .m-opencampus-calendar-nav__item .icon--oc {
        background-image: url("../images/index/opencampus-calendar/icon_oc.png"); }
      .m-opencampus-calendar-nav__item .icon--bus {
        background-image: url("../images/index/opencampus-calendar/icon_bus.png"); }
      .m-opencampus-calendar-nav__item .icon--briefing {
        background-image: url("../images/index/opencampus-calendar/icon_briefing.png"); }
      .m-opencampus-calendar-nav__item .icon--sp {
        background-image: url("../images/index/opencampus-calendar/icon_sp.png"); }
      .m-opencampus-calendar-nav__item .icon--parent {
        background-image: url("../images/index/opencampus-calendar/icon_parent.png"); }
      .m-opencampus-calendar-nav__item .icon--online {
        border: solid 1px #dbdcdc;
        background-color: #e6f3ff; }

.m-opencampus-calendar-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: -40px; }
  .m-opencampus-calendar-btns__item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    margin-right: 40px; }

.m-opencampus-calendar-bus {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 80px;
  height: 120px;
  background-color: #EF8200;
  -webkit-box-shadow: 0 6px 0 0 #cc6a00;
  box-shadow: 0 6px 0 0 #cc6a00;
  color: #ffffff;
  text-align: center;
  font-weight: 700;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }
  .m-opencampus-calendar-bus:hover {
    opacity: 0.7;
    text-decoration: none; }
  .m-opencampus-calendar-bus .text {
    display: block;
    font-size: 18px;
    margin-bottom: 10px; }
  .m-opencampus-calendar-bus .date {
    display: block;
    font-size: 32px; }
  .m-opencampus-calendar-bus:before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    right: 20px;
    top: 50%;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  .m-opencampus-calendar-bus:after {
    content: "";
    width: 12px;
    height: 12px;
    border-top: solid 3px #EF8200;
    border-right: solid 3px #EF8200;
    position: absolute;
    right: 32px;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg); }
  .m-opencampus-calendar-bus--online {
    background-color: #73bddd;
    -webkit-box-shadow: 0 6px 0 0 #3b98cc;
    box-shadow: 0 6px 0 0 #3b98cc; }
    .m-opencampus-calendar-bus--online:after {
      border-top-color: #73bddd;
      border-right-color: #73bddd; }

/* calendar */
.fc-header-toolbar {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 23px;
  font-weight: 700;
  color: #ffffff;
  background-color: #8FC31F; }

.fc-view {
  background-color: #ffffff; }
  .fc-view table {
    width: 100%;
    table-layout: fixed; }

.fc-view, .fc-view > table {
  position: relative;
  z-index: 1; }

.fc-day-header {
  padding: 20px 10px;
  border: solid 1px #dcdcdc;
  border-bottom: 0;
  text-align: center;
  font-size: 16px;
  background-color: #f7f7f7; }

.fc-day-top {
  padding: 5px 10px;
  font-size: 16px; }

.fc-basic-view .fc-body .fc-row {
  min-height: 80px; }

.fc-row {
  position: relative; }

.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4; }

.fc-day-grid .fc-row {
  z-index: 1; }

.fc-icon, .fc-row.fc-rigid, .fc-time-grid-event {
  overflow: hidden; }

.fc-bg, .fc-bgevent-skeleton, .fc-helper-skeleton, .fc-highlight-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0; }

.fc-bg, .fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
  bottom: 0; }

.fc-event {
  position: relative;
  display: block;
  overflow: hidden; }
  .fc-event.oc, .fc-event.bus, .fc-event.briefing, .fc-event.sp, .fc-event.parent {
    padding: 0;
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    background-size: auto 100%;
    text-indent: -9999em; }
  .fc-event.oc {
    background-image: url("../images/index/opencampus-calendar/icon_oc.png"); }
  .fc-event.bus {
    background-image: url("../images/index/opencampus-calendar/icon_bus.png"); }
  .fc-event.briefing {
    background-image: url("../images/index/opencampus-calendar/icon_briefing.png"); }
  .fc-event.sp {
    background-image: url("../images/index/opencampus-calendar/icon_sp.png"); }
  .fc-event.parent {
    background-image: url("../images/index/opencampus-calendar/icon_parent.png"); }
  .fc-event.text {
    font-size: 13px; }
    .fc-event.text:hover {
      text-decoration: underline; }

td.fc-event-container {
  padding: 10px 5px; }

.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table {
  height: 100%; }

.fc-bg th, .fc-bg td {
  border: solid 1px #dcdcdc; }

.fc-other-month .fc-day-number {
  visibility: hidden; }

.fc-scroller.fc-day-grid-container {
  height: auto !important;
  overflow-y: visible !important; }

.fc-sat span {
  color: #1c8fc0; }

.fc-sun span {
  color: #e73828; }

.fc-content-skeleton tbody td {
  height: 52px; }

.fc-bg .fc-sat,
.fc-bg .fc-sun {
  background-color: #e6f3ff; }

.fc-bg .fc-other-month.fc-sat,
.fc-bg .fc-other-month.fc-sun {
  background-color: #ffffff; }

@media screen and (max-width: 767px) {
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
モジュール
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  /* sp only */
  .m-align-c--pc {
    text-align: inherit; }
  .m-sp-only {
    display: block; }
  .m-pc-only {
    display: none; }
  .m-sp-img-max {
    width: 100%; }
  /* text */
  .m-text-10 {
    font-size: 1rem;
    line-height: 1.6; }
  .m-text-11 {
    font-size: 1rem;
    line-height: 1.6; }
  .m-text-12 {
    font-size: 1.1rem;
    line-height: 1.6; }
  .m-text-13 {
    font-size: 1.1rem;
    line-height: 1.6; }
  .m-text-14 {
    font-size: 1.2rem;
    line-height: 1.6; }
  .m-text-15 {
    font-size: 1.2rem;
    line-height: 1.6; }
  .m-text-16 {
    font-size: 1.6rem;
    line-height: 1.6; }
  .m-text-17 {
    font-size: 1.6rem;
    line-height: 1.4; }
  .m-text-18 {
    font-size: 1.6rem;
    line-height: 1.4; }
  .m-text-19 {
    font-size: 1.6rem;
    line-height: 1.4; }
  .m-text-20 {
    font-size: 1.6rem;
    line-height: 1.8; }
  .m-text-21 {
    font-size: 1.6rem;
    line-height: 1.8; }
  .m-text-22 {
    font-size: 1.6rem;
    line-height: 1.8; }
  .m-text-23 {
    font-size: 1.6rem;
    line-height: 1.8; }
  .m-text-24 {
    font-size: 1.6rem;
    line-height: 1.8; }
  .m-text-25 {
    font-size: 1.6rem;
    line-height: 1.8; }
  .m-text-26 {
    font-size: 1.6rem;
    line-height: 1.8; }
  .m-text-27 {
    font-size: 1.6rem;
    line-height: 1.8; }
  .m-text-28 {
    font-size: 1.8rem;
    line-height: 1.8; }
  .m-text-30 {
    font-size: 1.8rem;
    line-height: 1.8; }
  .m-text-31 {
    font-size: 1.8rem;
    line-height: 1.8; }
  .m-text-32 {
    font-size: 2.0rem;
    line-height: 1.8; }
  .m-text-34 {
    font-size: 2.0rem;
    line-height: 1.8; }
  .m-text-35 {
    font-size: 2.0rem;
    line-height: 1.8; }
  .m-text-36 {
    font-size: 2.0rem;
    line-height: 1.8; }
  .m-text-37 {
    font-size: 2.0rem;
    line-height: 1.8; }
  .m-text-38 {
    font-size: 2.0rem;
    line-height: 1.8; }
  .m-text-40 {
    font-size: 2.2rem;
    line-height: 1.8; }
  .m-text-42 {
    font-size: 2.2rem;
    line-height: 1.8; }
  .m-text-44 {
    font-size: 2.2rem;
    line-height: 1.8; }
  .m-text-46 {
    font-size: 2.2rem;
    line-height: 1.8; }
  .m-text-48 {
    font-size: 2.2rem;
    line-height: 1.8; }
  .m-text-lhl {
    line-height: 1.8; }
  .m-ls1 {
    letter-spacing: 0em; }
  .m-ls2 {
    letter-spacing: 0em; }
  .m-uline:hover {
    text-decoration: underline; }
  .m-hline {
    text-decoration: underline; }
  .m-hline:hover {
    text-decoration: underline; }
  .m-op {
    -webkit-transition: opacity 0s;
    transition: opacity 0s; }
    .m-op:hover {
      opacity: 1; }
  .m-marker:before {
    height: 4px; }
  /* margin */
  .m-mt-2xs {
    margin-top: 5px; }
  .m-mt-xs {
    margin-top: 10px; }
  .m-mt-s {
    margin-top: 10px; }
  .m-mt {
    margin-top: 15px; }
  .m-mt-l {
    margin-top: 20px; }
  .m-mt-xl {
    margin-top: 25px; }
  .m-mt-2xl {
    margin-top: 30px; }
  .m-mt-3xl {
    margin-top: 30px; }
  .m-mb-2xs {
    margin-bottom: 5px; }
  .m-mb-xs {
    margin-bottom: 10px; }
  .m-mb-s {
    margin-bottom: 10px; }
  .m-mb {
    margin-bottom: 15px; }
  .m-mb-l {
    margin-bottom: 20px; }
  .m-mb-xl {
    margin-bottom: 25px; }
  .m-mb-2xl {
    margin-bottom: 30px; }
  .m-mb-3xl {
    margin-bottom: 30px; }
  /* padding */
  .m-pt-2xs {
    padding-top: 5px; }
  .m-pt-xs {
    padding-top: 10px; }
  .m-pt-s {
    padding-top: 10px; }
  .m-pt {
    padding-top: 15px; }
  .m-pt-l {
    padding-top: 20px; }
  .m-pt-xl {
    padding-top: 25px; }
  .m-pt-2xl {
    padding-top: 30px; }
  .m-pt-3xl {
    padding-top: 30px; }
  .m-pb-2xs {
    padding-bottom: 5px; }
  .m-pb-xs {
    padding-bottom: 10px; }
  .m-pb-s {
    padding-bottom: 10px; }
  .m-pb {
    padding-bottom: 15px; }
  .m-pb-l {
    padding-bottom: 20px; }
  .m-pb-xl {
    padding-bottom: 25px; }
  .m-pb-2xl {
    padding-bottom: 30px; }
  .m-pb-3xl {
    padding-bottom: 30px; }
  .m-p-xs {
    padding: 10px; }
  .m-p-s {
    padding: 10px; }
  .m-p {
    padding: 15px; }
  .m-p-l {
    padding: 20px; }
  .m-p-xl {
    padding: 20px; }
  .l-inner-xs,
  .l-inner-s,
  .l-inner-m,
  .l-inner {
    max-width: inherit;
    padding-left: 15px;
    padding-right: 15px; }
    .l-inner-xs .l-inner-xs,
    .l-inner-xs .l-inner-s,
    .l-inner-xs .l-inner-m,
    .l-inner-xs .l-inner,
    .l-inner-s .l-inner-xs,
    .l-inner-s .l-inner-s,
    .l-inner-s .l-inner-m,
    .l-inner-s .l-inner,
    .l-inner-m .l-inner-xs,
    .l-inner-m .l-inner-s,
    .l-inner-m .l-inner-m,
    .l-inner-m .l-inner,
    .l-inner .l-inner-xs,
    .l-inner .l-inner-s,
    .l-inner .l-inner-m,
    .l-inner .l-inner {
      padding-left: 0;
      padding-right: 0; }
  /* border */
  .m-bor {
    border-width: 2px; }
    .m-bor--line {
      border-width: 1px; }
  /* bg */
  .m-bg-diagonal {
    background-size: 3px; }
  /* flex */
  .m-flex:not(.m-flex--sp) {
    display: block; }
    .m-flex:not(.m-flex--sp).m-flex--c3 {
      margin-right: 0; }
    .m-flex:not(.m-flex--sp).m-flex--c2 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--c3 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--c4 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--c5 > .m-flex__item {
      width: auto; }
      .m-flex:not(.m-flex--sp).m-flex--c2 > .m-flex__item:first-child, .m-flex:not(.m-flex--sp).m-flex--c3 > .m-flex__item:first-child, .m-flex:not(.m-flex--sp).m-flex--c4 > .m-flex__item:first-child, .m-flex:not(.m-flex--sp).m-flex--c5 > .m-flex__item:first-child {
        margin-top: 0; }
    .m-flex:not(.m-flex--sp).m-flex--g10, .m-flex:not(.m-flex--sp).m-flex--g20, .m-flex:not(.m-flex--sp).m-flex--g30, .m-flex:not(.m-flex--sp).m-flex--g40, .m-flex:not(.m-flex--sp).m-flex--g60, .m-flex:not(.m-flex--sp).m-flex--g80 {
      margin-left: 0; }
      .m-flex:not(.m-flex--sp).m-flex--g10 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g20 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g30 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g40 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g60 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g80 > .m-flex__item {
        margin-left: 0;
        margin-top: inherit; }
      .m-flex:not(.m-flex--sp).m-flex--g10.m-flex--c2 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g10.m-flex--c3 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g10.m-flex--c4 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g10.m-flex--c5 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g20.m-flex--c2 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g20.m-flex--c3 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g20.m-flex--c4 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g20.m-flex--c5 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g30.m-flex--c2 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g30.m-flex--c3 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g30.m-flex--c4 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g30.m-flex--c5 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g40.m-flex--c2 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g40.m-flex--c3 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g40.m-flex--c4 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g40.m-flex--c5 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g60.m-flex--c2 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g60.m-flex--c3 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g60.m-flex--c4 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g60.m-flex--c5 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g80.m-flex--c2 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g80.m-flex--c3 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g80.m-flex--c4 > .m-flex__item, .m-flex:not(.m-flex--sp).m-flex--g80.m-flex--c5 > .m-flex__item {
        width: auto; }
    .m-flex:not(.m-flex--sp) > .m-flex__item + .m-flex__item {
      margin-top: 15px; }
  .m-flex--sp.m-flex--sp--c2 {
    margin-left: -10px; }
    .m-flex--sp.m-flex--sp--c2 > .m-flex__item {
      margin-top: 10px;
      margin-left: 10px;
      width: calc((100% / 2) - 10px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 10px);
      flex: 0 0 calc((100% / 2) - 10px); }
      .m-flex--sp.m-flex--sp--c2 > .m-flex__item:nth-of-type(1), .m-flex--sp.m-flex--sp--c2 > .m-flex__item:nth-of-type(2) {
        margin-top: 0; }
    .m-flex--sp.m-flex--sp--c2.m-flex--g0 > .m-flex__item {
      width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
      flex: 0 0 50%; }
  .m-flex--sp.m-flex--g0 {
    margin-left: 0; }
    .m-flex--sp.m-flex--g0 > .m-flex__item {
      margin-left: 0;
      margin-top: 0; }
  /* table */
  /* btn */
  input.m-btn,
  .m-btn {
    width: 100%;
    padding: 0 calc(.5em + 10px) 0 0.5em;
    font-size: 1.4rem; }
    input.m-btn--ar-r:before, input.m-btn--ar-b:before,
    .m-btn--ar-r:before,
    .m-btn--ar-b:before {
      right: 10px; }
    input.m-btn--s,
    .m-btn--s {
      font-size: 1.2rem; }
    input.m-btn--xs,
    .m-btn--xs {
      font-size: 1rem; }
    input.m-btn--w240,
    .m-btn--w240 {
      width: 100%; }
    input.m-btn--w320,
    .m-btn--w320 {
      width: 100%; }
    input.m-btn--w480,
    .m-btn--w480 {
      width: 100%; }
    input.m-btn--zipcode,
    .m-btn--zipcode {
      width: 80px;
      height: 40px; }
  /* icon */
  .m-icon--opencampus-freedial {
    width: 22px;
    height: 13px; }
  .m-icon--opencampus-01, .m-icon--opencampus-02, .m-icon--opencampus-03 {
    width: 40px;
    height: 40px; }
  .m-icon--tel {
    width: 22px;
    height: 22px;
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px); }
  /* nav */
  .m-content-nav {
    margin-left: -2px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .m-content-nav__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(50% - 2px);
      flex: 0 0 calc(50% - 2px);
      margin-left: 2px;
      font-size: 1.4rem; }
      .m-content-nav__item small {
        font-size: 1rem; }
      .m-content-nav__item a {
        height: 70px;
        padding-bottom: 10px;
        border-bottom-width: 1px; }
        .m-content-nav__item a:before {
          bottom: 10px; }
  /* main visual */
  .m-mv__image--re-entrance:before {
    display: none; }
  .m-mv__content {
    width: auto;
    padding: 15px 15px 0;
    float: none;
    margin-right: 0;
    margin-top: 0px; }
    .m-mv__content--parent {
      width: auto;
      position: static;
      margin-top: 0;
      right: auto;
      top: auto;
      float: none;
      -webkit-transform: translateY(0%);
      transform: translateY(0%); }
    .m-mv__content--re-entrance {
      position: static;
      width: auto;
      left: auto;
      top: auto;
      height: auto;
      margin-top: 0;
      padding: 15px;
      display: block;
      color: #595757;
      float: none; }
  .m-mv__image {
    margin-left: -25%;
    margin-right: -25%; }
  /* title */
  .m-title {
    position: relative;
    height: auto;
    left: auto;
    right: auto;
    top: auto;
    font-size: 1.6rem;
    padding: 15px; }
    .m-title-text--ecopress {
      font-size: 1.8rem; }
  .m-content-title {
    height: 120px;
    padding: 15px;
    background-size: 100% auto;
    background-position: 50%;
    font-size: 2.6rem;
    background-image: url(../images/common/bg-title-sp.png); }
  .m-dot-title {
    font-size: 2.4rem; }
  .m-bar-title {
    border-top-width: 1px;
    border-bottom-width: 1px; }
  .m-department-detail-title {
    margin-left: auto;
    margin-right: auto; }
    .m-department-detail-title img {
      width: auto;
      height: 16px; }
  /* breadcrumb */
  .m-breadcrumb {
    max-width: inherit;
    font-size: 1rem; }
  .m-breadcrumb__item:before {
    font-size: 1rem; }
  /* modal window */
  .m-modal-item-close {
    width: 30px;
    height: 30px;
    right: -15px;
    top: -15px; }
  .m-modal-item {
    left: 20px;
    top: 20px;
    min-width: inherit;
    max-width: inherit;
    width: calc(100% - 40px);
    max-height: calc(100% - 40px);
    padding: 20px;
    -webkit-transform: none;
    transform: none; }
  /* form */
  .m-input-text,
  .m-textarea {
    width: 100%;
    padding: 10px;
    font-size: 1.4rem; }
  .m-input-text {
    width: 100%; }
  .m-input-text--s {
    width: 60%; }
  .m-input-text--xs {
    width: 120px; }
  input[type="radio"],
  input[type="checkbox"] {
    width: 16px;
    height: 16px; }
  label input[type="checkbox"] {
    margin-top: 2px; }
  label {
    display: block; }
  label + label {
    margin-left: 0; }
  select.m-select {
    width: 100%;
    font-size: 1.4rem; }
  .m-news-detail-body {
    padding-top: 15px; }
  .mod-wysiwyg hr {
    margin-bottom: 1em; }
  .mod-wysiwyg blockquote {
    margin: 0 0 1em;
    padding: 10px; }
  .mod-wysiwyg img {
    max-width: 100%;
    height: auto; }
    .mod-wysiwyg img.alignleft, .mod-wysiwyg img.alignright, .mod-wysiwyg img.aligncenter {
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
    .mod-wysiwyg img.alignleft, .mod-wysiwyg img.alignright {
      margin-bottom: 15px; }
  .mod-wysiwyg h1, .mod-wysiwyg h2, .mod-wysiwyg h3, .mod-wysiwyg h4, .mod-wysiwyg h5, .mod-wysiwyg h6, .mod-wysiwyg ul, .mod-wysiwyg ol, .mod-wysiwyg p {
    margin-bottom: 1em; }
  .mod-wysiwyg ul, .mod-wysiwyg ol, .mod-wysiwyg p, .mod-wysiwyg table, .mod-wysiwyg blockquote {
    font-size: 1.2rem; }
  .mod-wysiwyg h1 {
    font-size: 1.7rem; }
  .mod-wysiwyg h2 {
    padding: 10px;
    border-left-width: 5px;
    font-size: 1.6rem; }
  .mod-wysiwyg h3 {
    padding-bottom: 5px;
    border-bottom: solid 1px #8FC31F;
    font-size: 1.5rem; }
  .mod-wysiwyg h4 {
    padding-left: 5px;
    border-left-width: 3px;
    font-size: 1.4rem; }
  .mod-wysiwyg h5 {
    font-size: 1.3rem; }
  .mod-wysiwyg h6 {
    font-size: 1.2rem; }
  .mod-wysiwyg table {
    width: 100%;
    margin-bottom: 1em; }
  .wp-caption {
    padding: 10px; }
  p.wp-caption-text,
  .wp-caption-text {
    font-size: 1rem; } }

@media screen and (max-width: 767px) {
  /* base */
  a {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2); }
    a:hover {
      opacity: 1 !important;
      text-decoration: none !important; }
  a.m-uline:hover {
    text-decoration: underline !important; }
  /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
共通
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
  html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%; }
  body {
    font-size: 1rem; }
  #l-wrapper {
    min-width: inherit;
    overflow: hidden;
    padding-left: 0; }
  .t-home #l-wrapper {
    padding-left: 0; }
    .t-home #l-wrapper.is-scrolled {
      padding-left: 0; }
  .l-container {
    padding-top: 50px; }
  .t-home .l-container,
  .t-outside.t-index .l-container,
  .t-opencampus.t-index .l-container,
  .t-prospectus.t-01 .l-container,
  .t-prospectus.t-02 .l-container,
  .t-prospectus.t-03 .l-container,
  .t-department:not(.t-index):not(.t-voice):not(.t-curriculum) .l-container {
    padding-top: 0; }
  .m-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    overflow: visible;
    border-right: 0;
    background-color: transparent; }
    .m-header-bg {
      display: none; }
    .m-header-logo {
      position: relative;
      z-index: 2;
      padding-top: 10px;
      padding-left: 15px; }
      .m-header-logo a {
        width: 72px;
        height: 30px;
        background-size: auto 100%;
        background-position: 0 50%; }
    .m-header-sub-nav {
      display: none; }
  .t-home .m-header {
    left: 0; }
    .t-home .m-header.is-scrolled {
      left: 0; }
  .t-home .m-header-logo a,
  .t-opencampus.t-index .m-header-logo a,
  .t-WelcometoECO.t-index .m-header-logo a,
  .t-prospectus.t-01 .m-header-logo a,
  .t-prospectus.t-02 .m-header-logo a,
  .t-prospectus.t-03 .m-header-logo a,
  .t-department:not(.t-index):not(.t-voice):not(.t-curriculum) .m-header-logo a {
    background-image: url(../images/common/logo-wh.png); }
  .m-header-nav {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 50px;
    overflow: auto;
    background-color: #ffffff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    z-index: 5040;
    -webkit-overflow-scrolling: touch; }
    .m-header-nav.is-active {
      -webkit-transform: translateX(0);
      transform: translateX(0); }
  .m-global-navSp {
    display: block;
    padding-bottom: 100px; }
    .m-global-navSp-links {
      border-top: 1px solid #cccccc;
      font-weight: bold; }
      .m-global-navSp-links__item {
        font-size: 1.4rem;
        text-align: center;
        border-bottom: 1px solid #cccccc;
        width: 100%; }
        .m-global-navSp-links__item a, .m-global-navSp-links__item .btn {
          display: block;
          padding: 15px;
          padding-right: 30px;
          position: relative; }
          .m-global-navSp-links__item a:after, .m-global-navSp-links__item .btn:after {
            -webkit-transition: .3s;
            transition: .3s;
            content: "";
            position: absolute;
            right: 15px;
            top: 50%;
            width: 8px;
            height: 8px;
            border-top: solid 2px #EF8200;
            border-right: solid 2px #EF8200;
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg); }
          .m-global-navSp-links__item a:hover, .m-global-navSp-links__item .btn:hover {
            background-color: #8FC31F;
            color: #ffffff; }
            .m-global-navSp-links__item a:hover:after, .m-global-navSp-links__item .btn:hover:after {
              border-top-color: #FCEE21;
              border-right-color: #FCEE21; }
        .m-global-navSp-links__item .btn:after {
          -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg); }
        .m-global-navSp-links__item .btn.is-active:after {
          -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
          border-top-color: #FCEE21;
          border-right-color: #FCEE21; }
        .m-global-navSp-links__item--target .btn:hover, .m-global-navSp-links__item--target a:hover {
          background-color: #EF8200; }
        .m-global-navSp-links__item i {
          width: 25px;
          display: block;
          float: left; }
        .m-global-navSp-links__item.is-withImg {
          text-align: left; }
          .m-global-navSp-links__item.is-withImg a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center; }
      .m-global-navSp-links__img {
        margin-right: 15px;
        width: 130px; }
    .m-global-navSp-3colLinks {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      padding: 15px;
      font-weight: bold; }
      .m-global-navSp-3colLinks__item {
        font-size: 1.2rem;
        text-align: center;
        width: 32%; }
        .m-global-navSp-3colLinks__item a {
          display: block;
          position: relative;
          padding-bottom: 30px; }
          .m-global-navSp-3colLinks__item a:after {
            -webkit-transition: .3s;
            transition: .3s;
            content: "";
            position: absolute;
            left: 50%;
            bottom: 8px;
            width: 8px;
            height: 8px;
            border-top: solid 2px #EF8200;
            border-right: solid 2px #EF8200;
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            margin-left: -4px; }
      .m-global-navSp-3colLinks__img {
        margin-bottom: 6px; }
  .m-global-nav {
    display: none; }
    .m-global-nav__item {
      font-size: 1.4rem; }
      .m-global-nav__item a {
        padding-left: 15px;
        padding-right: 15px; }
        .m-global-nav__item a .en {
          font-size: 1rem; }
        .m-global-nav__item a:before {
          -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg); }
        .m-global-nav__item a.is-active:before {
          -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg); }
      .m-global-nav__item:nth-of-type(1) > a {
        border-top: 0; }
      .m-global-nav__item:nth-last-of-type(1) > a {
        border-bottom: 0; }
      .m-global-nav__item:hover .m-global-nav-child {
        left: auto; }
    .m-global-nav-child {
      -webkit-transition: 0s;
      transition: 0s;
      display: none;
      position: relative;
      width: auto;
      top: auto;
      left: auto;
      height: auto;
      z-index: 1; }
      .m-global-nav-child__item {
        width: auto;
        font-size: 1.2rem; }
        .m-global-nav-child__item a {
          height: auto;
          padding: 15px; }
          .m-global-nav-child__item a br {
            display: none; }
          .m-global-nav-child__item a:after {
            -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            border-top-color: #FCEE21;
            border-right-color: #FCEE21; }
        .m-global-nav-child__item:nth-of-type(1) {
          display: block; }
        .m-global-nav-child__item:nth-last-of-type(1) > a {
          border-bottom: 0; }
      .m-global-nav-child:not(.m-global-nav-child--target) .m-global-nav-child__item:nth-of-type(1) {
        display: block; }
  .m-sub-nav-title {
    font-size: 1.4rem;
    padding-left: 15px;
    padding-right: 15px; }
  .m-sub-nav__item {
    font-size: 1.2rem; }
  .m-header-sp-logo {
    display: block;
    position: absolute;
    left: 15px;
    top: 10px;
    height: 30px; }
    .m-header-sp-logo img {
      width: auto;
      height: 100%; }
  .m-header-sp-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6; }
    .m-header-sp-btn__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3);
      flex: 0 0 calc(100% / 3);
      width: calc(100% / 3);
      font-size: 1.2rem;
      font-weight: 700; }
      .m-header-sp-btn__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 60px; }
        .m-header-sp-btn__item a .icon {
          width: 30px;
          height: 30px;
          background-size: auto 100%;
          background-image: url(../images/common/icons-h-nav-or.png);
          margin-right: 5px; }
          .m-header-sp-btn__item a .icon--request {
            background-position: -100% 0; }
          .m-header-sp-btn__item a .icon--access {
            background-position: -200% 0; }
  .m-header-sp-nav {
    display: block;
    background-color: #666666; }
    .m-header-sp-nav__item {
      border-top: solid 1px rgba(255, 255, 255, 0.3); }
      .m-header-sp-nav__item a {
        display: block;
        padding: 15px;
        font-size: 1.2rem;
        color: #ffffff; }
  .m-h-menu {
    position: fixed;
    right: 0;
    top: 0;
    left: auto;
    margin-top: 0;
    width: 50px;
    height: 50px;
    font-size: 1rem;
    border-radius: 0;
    padding-top: 32px;
    z-index: 5050; }
    .m-h-menu span {
      width: 20px;
      height: 1px;
      margin-left: -10px; }
      .m-h-menu span:nth-of-type(1) {
        top: 12px; }
      .m-h-menu span:nth-of-type(2) {
        top: 18px; }
      .m-h-menu span:nth-of-type(3) {
        top: 24px; }
    .m-h-menu.is-active span:nth-of-type(1) {
      -webkit-transform: translateY(6px) rotate(-45deg);
      transform: translateY(6px) rotate(-45deg); }
    .m-h-menu.is-active span:nth-of-type(3) {
      -webkit-transform: translateY(-6px) rotate(45deg);
      transform: translateY(-6px) rotate(45deg); }
    .m-h-menu.is-active {
      left: auto; }
  .t-home .m-h-logo {
    left: -9999px;
    top: -9999px; }
  .t-home .m-h-menu {
    position: fixed;
    left: auto;
    top: 0; }
  .m-h-nav {
    display: none; }
  .t-home .m-h-nav {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    right: auto;
    top: auto; }
    .t-home .m-h-nav__item {
      width: calc(100% / 3);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3);
      flex: 0 0 calc(100% / 3);
      margin-left: 0;
      font-size: 1.2rem;
      text-align: center; }
      .t-home .m-h-nav__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 80px;
        padding: 35px 0 0;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #595757; }
        .t-home .m-h-nav__item a:before {
          left: 50%;
          top: 10px;
          margin-top: 0;
          margin-left: -15px; }
  .m-footer {
    padding: 30px 20px;
    margin-bottom: 50px; }
    .m-footer:before {
      display: none; }
  .m-footer-sns__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30px;
    flex: 0 0 30px;
    margin-left: 15px;
    margin-right: 15px; }
    .m-footer-sns__item a {
      width: 30px;
      height: 30px; }
  .m-footer-nav {
    display: none; }
  .m-footer-btm {
    margin-top: 0;
    display: block; }
    .m-footer-btm-col1 {
      width: auto;
      margin-bottom: 20px; }
    .m-footer-btm-col2 {
      width: 100%; }
  .m-footer-logo {
    max-width: inherit;
    margin-top: 0; }
  .m-footer-tel {
    margin-top: 0px;
    font-size: 3rem; }
  .m-footer-tel-small {
    width: 100%;
    font-size: 1.5rem; }
  .m-footer-cr {
    margin-top: 30px;
    font-size: 1rem;
    line-height: 1.4; }
  .m-f-bnr {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #EF8200; }
    .m-f-bnr__item {
      width: 50%;
      -webkit-box-flex: 0;
      -ms-flex: 0 0  50%;
      flex: 0 0  50%;
      font-size: 1.2rem; }
      .m-f-bnr__item a {
        height: 75px;
        padding-top: 15px; }
        .m-f-bnr__item a:before {
          right: 50%;
          top: 10px;
          -webkit-transform: translateX(50%) rotate(135deg);
          transform: translateX(50%) rotate(135deg); }
      .m-f-bnr__item:nth-of-type(2) a {
        background-color: #EAA200; }
      .m-f-bnr__item:nth-of-type(3) a {
        background-color: #E5B802; }
  .m-fixed-btn {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 5010;
    border-top: 1px solid #fff; }
    .m-fixed-btn__item {
      width: 50%;
      font-size: 1.4rem;
      font-weight: 700; }
      .m-fixed-btn__item:not(:last-child) {
        border-right: 1px solid #fff; }
      .m-fixed-btn__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 50px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #ffffff;
        position: relative;
        padding-right: 20px; }
        .m-fixed-btn__item a i {
          width: 30px;
          height: 30px;
          margin-right: 10px;
          background-size: auto 100%;
          background-image: url(../images/common/icons-h-nav-wh.png); }
        .m-fixed-btn__item a.opencampus {
          background-color: #EF8200; }
          .m-fixed-btn__item a.opencampus i {
            background-position: 0 0; }
        .m-fixed-btn__item a.request {
          background-color: #8FC31F; }
          .m-fixed-btn__item a.request i {
            background-position: -100% 0; }
        .m-fixed-btn__item a span {
          margin-left: .25em; }
        .m-fixed-btn__item a:after {
          content: "";
          display: block;
          position: absolute;
          right: 10px;
          top: 50%;
          margin-top: -10px;
          width: 20px;
          height: 20px;
          background: url(../images/common/icon-ar.png) center no-repeat;
          background-size: contain; } }

@media screen and (max-width: 767px) {
  /* =======================================================================
トップ
======================================================================= */
  .m-home-mv {
    background-size: cover;
    background-position: 50%;
    padding-bottom: 120vw; }
    .m-home-mv:before {
      background-size: 1px; }
    .m-home-mv:after {
      background-size: 180%; }
    .m-home-mv__title {
      width: 65%; }
    .m-home-mv__loading {
      display: none; }
    .m-home-mv__video {
      width: 213vw;
      height: 100%;
      min-height: 75vw;
      margin-left: -50vw; }
    .m-home-mv .m-mv-scroll {
      width: 50px;
      height: 50px;
      margin-left: -25px; }
  .m-home-feature-h img {
    width: 70%; }
  .m-home-feature-leaves-item {
    width: 50px; }
    .m-home-feature-leaves-item.item01 {
      right: 10px;
      top: 10px; }
    .m-home-feature-leaves-item.item02 {
      left: 10px;
      bottom: 10px; }
    .m-home-feature-leaves-item.item03 {
      right: 10px;
      bottom: 10px; }
  .m-home-charm {
    background-size: 120px; }
    .m-home-charm-points-item {
      width: 48%; }
      .m-home-charm-points-item dt img {
        width: 83px; }
      .m-home-charm-points-item dd {
        padding: 10px; }
  .m-home-title {
    text-align: center; }
    .m-home-title img {
      margin-left: auto;
      margin-right: auto; }
    .m-home-title .en {
      display: block;
      font-family: 'PT Sans Narrow', sans-serif;
      letter-spacing: 0.1em;
      font-weight: 700;
      margin-top: 1em;
      font-size: 1.4rem;
      color: #8FC31F; }
  .m-home-department-title {
    position: static;
    left: auto;
    top: auto;
    -webkit-transform: none;
    transform: none; }
  .m-home-department-links {
    display: block; }
    .m-home-department-links-item {
      width: 100%; }
      .m-home-department-links-item:not(:last-child) {
        margin-bottom: 20px; }
  .m-home-department-list {
    *zoom: 1;
    margin-left: 0;
    margin-right: 0; }
    .m-home-department-list:after {
      content: "";
      display: table;
      clear: both; }
    .m-home-department-list__item {
      margin-top: 15px;
      float: none;
      width: auto;
      padding-left: 0;
      padding-right: 0; }
      .m-home-department-list__item:nth-of-type(-n + 3) {
        margin-top: 15px; }
      .m-home-department-list__item__title {
        font-size: 2rem; }
      .m-home-department-list__item img {
        width: 100%; }
  .m-home-special-links {
    display: block; }
    .m-home-special-links-item {
      width: 100%; }
      .m-home-special-links-item:not(:last-child) {
        margin-bottom: 20px; }
  .m-home-bnrSec-links {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .m-home-bnrSec-links-item {
      width: 48%;
      margin-bottom: 4%; }
      .m-home-bnrSec-links-item a {
        display: block; }
      .m-home-bnrSec-links-item figure {
        width: auto; }
      .m-home-bnrSec-links-item dl {
        width: auto; }
  .m-home-sns-h {
    width: 50%;
    margin-left: auto;
    margin-right: auto; }
  .m-home-sns-fukidashi {
    width: 60px; }
  .m-home-sns-secs {
    display: block; }
    .m-home-sns-secs-col {
      width: auto; }
    .m-home-sns-secs-item {
      width: 100%;
      margin-bottom: 20px; }
    .m-home-sns-secs-circleImg, .m-home-sns-secs-img {
      width: 25%; }
    .m-home-sns-secs-circleImg img {
      border-radius: 50%;
      border: 4px solid #000; }
    .is-twitter .m-home-sns-secs-circleImg img {
      border-color: #29ABE2; }
    .is-instagram .m-home-sns-secs-circleImg img {
      border-color: #EF8200; }
  .m-home-graduate-list {
    margin-left: 0;
    margin-right: 0; }
    .m-home-graduate-list__item {
      float: none;
      width: auto;
      padding-left: 0;
      padding-right: 0;
      margin-top: 5px; }
      .m-home-graduate-list__item img {
        width: 100%; }
      .m-home-graduate-list__item__content {
        padding: 20px; }
    .m-home-graduate-list-col {
      margin-top: 15px; }
    .m-home-graduate-list-logo {
      width: 80px;
      margin-right: 15px; }
  .m-home-opencampus-list {
    margin-left: 0;
    margin-right: 0; }
    .m-home-opencampus-list__item {
      margin-top: 15px;
      float: none;
      width: auto;
      padding-left: 0;
      padding-right: 0; }
      .m-home-opencampus-list__item img {
        width: 100%; }
      .m-home-opencampus-list__item__content {
        padding: 10px 15px; }
        .m-home-opencampus-list__item__content time {
          font-size: 1.4rem; }
          .m-home-opencampus-list__item__content time small {
            font-size: 1rem; }
  .m-home-opencampus-label {
    font-size: 1.4rem; }
    .m-home-opencampus-label span {
      border-radius: 2px; }
      .m-home-opencampus-label span:before {
        border-top-width: 6px;
        border-left-width: 4px;
        border-right-width: 4px;
        bottom: -6px;
        margin-left: -4px; }
  .m-home-topics-list {
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px; }
    .m-home-topics-list .slick-prev {
      left: -30px; }
    .m-home-topics-list .slick-next {
      right: -30px; }
  .m-home-topics-list-box {
    position: relative;
    width: 100%; }
  .m-home-news-list__item {
    padding: 15px 0; }
    .m-home-news-list__item a {
      display: block; }
  .m-home-news-list__img {
    width: auto;
    margin-right: 0; }
  .m-home-line {
    margin-top: 15px;
    padding-top: 78px; }
    .m-home-line a {
      padding: 15px;
      border-radius: 2px; }
    .m-home-line:before {
      margin-left: -51px;
      width: 102px;
      height: 78px;
      background-repeat: no-repeat; }
    .m-home-line__qr {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 120px;
      flex: 0 0 120px;
      margin-right: 15px; }
  .m-home-bnr {
    margin-left: 15px;
    margin-right: 15px; }
    .m-home-bnr__item {
      width: 100%;
      margin-left: 0px;
      margin-right: 0px; }
      .m-home-bnr__item__content {
        padding: 10px; }
      .m-home-bnr__item img {
        width: 100%; }
    .m-home-bnr .m-icon-slide-prev,
    .m-home-bnr .m-icon-slide-next {
      border-radius: 2px; }
    .m-home-bnr .m-icon-slide-prev {
      left: -10px; }
    .m-home-bnr .m-icon-slide-next {
      right: -10px; } }

@media screen and (max-width: 767px) {
  .wrap-sp {
    padding: 0 15px; }
  .m-mv-scroll {
    bottom: 10px;
    width: 30px;
    height: 30px;
    margin-left: -15px; }
  /* =======================================================================
学校の魅力
prospectus
======================================================================= */
  /* index */
  .m-prospectus-index-mv__title {
    font-size: 2.4rem; }
  .m-prospectus-index-col {
    display: block; }
    .m-prospectus-index-col__image {
      margin: 0;
      text-align: center; }
    .m-prospectus-index-col__content {
      width: 100%;
      margin-bottom: 1em; }
    .m-prospectus-index-col__bnr {
      width: 100%;
      margin: 0; }
  .m-prospectus-index-feature img {
    width: 100%; }
  .m-prospectus-index-feature__title {
    font-size: 3.2rem; }
    .m-prospectus-index-feature__title span {
      font-size: 2.4rem; }
  .m-prospectus-index-feature__content {
    font-size: 3rem; }
  /* common */
  .m-prospectus-mv__num {
    margin-bottom: 15px;
    font-size: 1.6rem; }
    .m-prospectus-mv__num span {
      margin-top: 5px;
      width: 30px;
      height: 30px;
      font-size: 2rem; }
  .m-prospectus-mv__title {
    font-size: 2.4rem; }
  /* 01 */
  .m-prospectus-01-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 15px; }
  .m-prospectus-01-title {
    height: 40px;
    margin-left: 20px;
    margin-right: 20px; }
    .m-prospectus-01-title:before {
      content: "";
      border-top-width: 20px;
      border-left-width: 20px;
      left: -20px; }
    .m-prospectus-01-title:after {
      content: "";
      border-top-width: 20px;
      border-right-width: 20px;
      right: -20px; }
    .m-prospectus-01-title span:before {
      border-bottom-width: 20px;
      border-left-width: 20px;
      left: -20px; }
    .m-prospectus-01-title span:after {
      border-bottom-width: 20px;
      border-right-width: 20px;
      right: -20px; }
  .m-prospectus-01-image__hover {
    padding: 15px;
    font-size: 1.4rem; }
  /* 02 */
  .m-prospectus-02-list__item {
    padding-bottom: calc(640 / 960 * 100%); }
    .m-prospectus-02-list__item + .m-prospectus-02-list__item {
      margin-top: 2px; }
    .m-prospectus-02-list__item--01 .m-prospectus-02-list__item__frip--front {
      background-image: url(../images/prospectus/02/img-01-sp.jpg); }
    .m-prospectus-02-list__item--01 .m-prospectus-02-list__item__frip--back {
      background-image: url(../images/prospectus/02/img-01-on-sp.jpg); }
    .m-prospectus-02-list__item--02 .m-prospectus-02-list__item__frip--front {
      background-image: url(../images/prospectus/02/img-02-sp.jpg); }
    .m-prospectus-02-list__item--02 .m-prospectus-02-list__item__frip--back {
      background-image: url(../images/prospectus/02/img-02-on-sp.jpg); }
    .m-prospectus-02-list__item--03 .m-prospectus-02-list__item__frip--front {
      background-image: url(../images/prospectus/02/img-03-sp.jpg); }
    .m-prospectus-02-list__item--03 .m-prospectus-02-list__item__frip--back {
      background-image: url(../images/prospectus/02/img-03-on-sp.jpg); }
    .m-prospectus-02-list__item--04 .m-prospectus-02-list__item__frip--front {
      background-image: url(../images/prospectus/02/img-04-sp.jpg); }
    .m-prospectus-02-list__item--04 .m-prospectus-02-list__item__frip--back {
      background-image: url(../images/prospectus/02/img-04-on-sp.jpg); }
    .m-prospectus-02-list__item--05 .m-prospectus-02-list__item__frip--front {
      background-image: url(../images/prospectus/02/img-05-sp.jpg); }
    .m-prospectus-02-list__item--05 .m-prospectus-02-list__item__frip--back {
      background-image: url(../images/prospectus/02/img-05-on-sp.jpg); }
    .m-prospectus-02-list__item--06 .m-prospectus-02-list__item__frip--front {
      background-image: url(../images/prospectus/02/img-06-sp.jpg); }
    .m-prospectus-02-list__item--06 .m-prospectus-02-list__item__frip--back {
      background-image: url(../images/prospectus/02/img-06-on-sp.jpg); }
    .m-prospectus-02-list__item--07 .m-prospectus-02-list__item__frip--front {
      background-image: url(../images/prospectus/02/img-07-sp.jpg); }
    .m-prospectus-02-list__item--07 .m-prospectus-02-list__item__frip--back {
      background-image: url(../images/prospectus/02/img-07-on-sp.jpg); }
    .m-prospectus-02-list__item--08 .m-prospectus-02-list__item__frip--front {
      background-image: url(../images/prospectus/02/img-08-sp.jpg); }
    .m-prospectus-02-list__item--08 .m-prospectus-02-list__item__frip--back {
      background-image: url(../images/prospectus/02/img-08-on-sp.jpg); }
    .m-prospectus-02-list__item__title {
      width: auto;
      margin-top: -27px; }
    .m-prospectus-02-list__item__content {
      opacity: 1;
      padding: 15px; }
      .m-prospectus-02-list__item__content .icon {
        display: none; }
      .m-prospectus-02-list__item__content .btn-close {
        display: none; }
  .m-prospectus-02-list__item--01 {
    padding-bottom: calc(640 / 960 * 100%); }
  /* 03 */
  .m-prospectus-03-bg {
    background-size: 12px; }
  .m-prospectus-03-training > *:nth-of-type(1) img {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  .m-prospectus-03-training > *:nth-of-type(2) img {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  .m-prospectus-03-training > *:nth-of-type(3) img {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg); }
  .m-prospectus-03-training > *:nth-of-type(4) img {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  .m-prospectus-03-training > *:nth-of-type(5) img {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  .m-prospectus-03-training > *:nth-of-type(6) img {
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg); }
  .m-prospectus-03-training > *:nth-of-type(7) img {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg); }
  .m-prospectus-03-training > *:nth-of-type(8) img {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg); }
  .m-prospectus-03-training > *:nth-of-type(9) img {
    -webkit-transform: rotate(-1deg);
    transform: rotate(-1deg); }
  .m-prospectus-03-training img {
    border-width: 2px; }
  .m-prospectus-03-training-title {
    margin-bottom: 20px; }
    .m-prospectus-03-training-title span {
      min-width: inherit;
      border-radius: 2px;
      font-size: 1.4rem; }
      .m-prospectus-03-training-title span:before {
        border-top-width: 10px;
        border-left-width: 6px;
        border-right-width: 6px;
        bottom: -10px;
        margin-left: -6px; }
  /* =======================================================================
学科紹介
department
======================================================================= */
  /* index */
  .m-department-index-title {
    position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    padding-left: 70px;
    padding-right: 70px; }
    .m-department-index-title:before, .m-department-index-title:after {
      content: "";
      width: 62px;
      height: 124px; }
  .m-department-index-col {
    display: block; }
    .m-department-index-col__content {
      background-size: 100px 109px; }
    .m-department-index-col__image {
      margin-top: 15px;
      margin-left: 0px;
      text-align: center; }
  /* common */
  .m-department-mv__image:before {
    display: none; }
  .m-department-mv__content {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    padding: 20px 15px; }
  .m-department-mv__white {
    position: absolute;
    color: #231815;
    left: auto;
    right: 15px;
    top: 80px;
    z-index: 1;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-text-orientation: upright;
    /* Safari */
    text-orientation: upright;
    line-height: 2.5; }
    .m-department-mv__white span {
      background: #FFF;
      font-size: 1.9rem;
      padding: 5px;
      font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .m-department-mv--zoo .m-department-mv__content {
    background-color: #FFF; }
    .m-department-mv--zoo .m-department-mv__content .m-department-mv__term {
      color: #94C527 !important; }
  .m-department-mv--trimmer .m-department-mv__content {
    background-color: #7C4529; }
  .m-department-mv--nurse .m-department-mv__content {
    background-color: #8FC31F; }
  .m-department-mv--nurse .m-department-mv__image:after {
    background-image: none; }
  .m-department-mv--nurse-detail .m-department-mv__content {
    background-color: #DD6D6D; }
  .m-department-mv--nurse-detail .m-department-mv__icon {
    font-size: 14px;
    color: #DD6C6C;
    border: solid 1px #DD6C6C; }
  .m-department-mv--nurse-detail .m-department-mv__image:after {
    background-image: none; }
  .m-department-mv--nature .m-department-mv__content {
    background-color: #8FC31F; }
  .m-department-mv--dogtrainer .m-department-mv__content {
    background-color: #FDB813; }
  .m-department-mv--aquarium .m-department-mv__content {
    background-color: #0073A2; }
  .m-department-mv__icon {
    font-size: 1.2rem; }
  .m-department-mv__title {
    margin-top: 10px;
    font-size: 2.4rem;
    font-weight: bold;
    letter-spacing: 3px;
    color: #000; }
  .m-department-mv__term {
    margin-top: 10px;
    font-size: 2rem; }
    .m-department-mv__term.m-pet {
      color: #0088A8; }
  .m-department-mv .m-mv-scroll {
    display: none; }
  .m-department-intro {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .m-department-intro__content {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      margin-right: 0px;
      margin-bottom: 15px; }
    .m-department-intro__image {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 35%;
      flex: 0 0 35%;
      text-align: center; }
    .m-department-intro__ph {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
      flex: 0 0 60%;
      margin-left: 0;
      text-align: center; }
    .m-department-intro-job {
      margin-top: 15px;
      border-width: 1px; }
      .m-department-intro-job-title {
        padding: .5em 1em;
        font-size: 1.3rem; }
  .m-bg-dot {
    background-size: 12px; }
  .m-department-feature {
    display: block; }
    .m-department-feature-title {
      position: relative;
      font-size: 1.8rem; }
      .m-department-feature-title > i {
        top: -.15em;
        font-size: 2.4rem; }
    .m-department-feature__content {
      padding: 15px 15px 15px 40px; }
  .m-department-qualification-list {
    display: block;
    padding: 15px; }
    .m-department-qualification-list__item {
      margin-left: 0;
      margin-right: 0;
      margin-bottom: 0;
      padding-left: 1em;
      font-size: 1.4rem; }
      .m-department-qualification-list__item + .m-department-qualification-list__item {
        margin-top: 10px; }
      .m-department-qualification-list__item:before {
        width: 6px;
        height: 14px; }
  .m-department-timetable-wrap {
    margin-top: 15px;
    border-width: 2px;
    border-radius: 5px;
    padding: 10px; }
    .m-department-timetable-wrap--zoo .m-department-timetable td {
      font-size: 1rem; }
    .m-department-timetable-wrap--zoo .m-department-timetable tbody tr:nth-last-of-type(1) th {
      font-size: 1.2rem; }
  .m-department-timetable th, .m-department-timetable td {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    padding-bottom: 10px; }
  .m-department-timetable thead th {
    font-size: 1.6rem; }
  .m-department-timetable tbody th {
    font-size: 2.4rem; }
    .m-department-timetable tbody th small {
      font-size: 1rem;
      letter-spacing: -0.1em; }
  .m-department-timetable tbody td {
    font-size: 1rem; }
  .m-department-timetable-zoo-btn,
  .m-department-timetable-zoo-btn2 {
    font-size: 1.4rem;
    padding: 10px;
    margin-top: -10px;
    margin-bottom: -10px; }
  .m-department-timetable-zoo-btn {
    padding-top: 50px;
    padding-bottom: 50px; }
  .m-department-zoo-mystory-item {
    min-width: inherit;
    max-width: inherit; }
  .m-department-curriculum-electives {
    margin-left: auto;
    display: block; }
    .m-department-curriculum-electives__item {
      margin-left: auto;
      width: 100%; }
      .m-department-curriculum-electives__item img {
        width: 100%; }
      .m-department-curriculum-electives__item + .m-department-curriculum-electives__item {
        margin-top: 40px; }
      .m-department-curriculum-electives__item:nth-child(n+4) {
        margin-top: 50px; }
    .m-department-curriculum-electives-content {
      padding: 25px 15px;
      height: 125px; }
    .m-department-curriculum-electives-title {
      font-size: 17px;
      position: relative; }
      .m-department-curriculum-electives-title:before {
        position: absolute;
        content: "";
        top: -50px;
        width: 44px;
        height: 44px; }
    .m-department-curriculum-electives-btn {
      padding: 10px;
      font-size: 12px; }
    .m-department-curriculum-electives--sp {
      display: none; }
  .m-department-curriculum-electives-sp {
    display: block; }
    .m-department-curriculum-electives-sp__item {
      border-radius: 6px;
      position: relative; }
      .m-department-curriculum-electives-sp__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center; }
        .m-department-curriculum-electives-sp__item a:hover {
          opacity: 0.5;
          -webkit-transition: .3s;
          transition: .3s; }
      .m-department-curriculum-electives-sp__item + .m-department-curriculum-electives-sp__item {
        margin-top: 15px; }
      .m-department-curriculum-electives-sp__item--nurse {
        background-color: #DD6D6D; }
      .m-department-curriculum-electives-sp__item--trimmer {
        background-color: #7B522A; }
      .m-department-curriculum-electives-sp__item--trainer {
        background-color: #FCAF17; }
      .m-department-curriculum-electives-sp__item:before {
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        width: 10px;
        height: 10px;
        border-bottom: solid 2px #ffffff;
        border-right: solid 2px #ffffff;
        -webkit-transform: translateY(-50%) rotate(-45deg);
        transform: translateY(-50%) rotate(-45deg); }
    .m-department-curriculum-electives-sp__image {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 32%; }
      .m-department-curriculum-electives-sp__image img {
        border-radius: 6px 0 0 6px; }
    .m-department-curriculum-electives-sp__title {
      padding-left: 20px;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #ffffff;
      font-size: 17px;
      font-weight: 700; }
  .m-department-curriculum-teacher {
    margin-top: 30px;
    display: block; }
    .m-department-curriculum-teacher__image {
      text-align: center; }
    .m-department-curriculum-teacher__content {
      margin-top: 25px;
      margin-left: auto;
      text-align: center; }
    .m-department-curriculum-teacher-profile {
      margin-top: 10px;
      line-height: 2; }
    .m-department-curriculum-teacher-comment {
      margin-top: 35px;
      margin-left: auto;
      margin-right: auto;
      padding: 35px 25px 30px 40px;
      border-radius: 5px;
      position: relative; }
      .m-department-curriculum-teacher-comment:before {
        position: absolute;
        content: "";
        top: -56px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 32px;
        height: 56px;
        border-top: 28px transparent solid;
        border-left: 16px transparent solid;
        border-right: 16px transparent solid;
        border-bottom: 28px #FAF9F5 solid; }
      .m-department-curriculum-teacher-comment--wh {
        -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.5);
        box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.5); }
        .m-department-curriculum-teacher-comment--wh:before {
          width: 32px;
          height: 56px;
          border-top: 28px transparent solid;
          border-left: 16px transparent solid;
          border-right: 16px transparent solid;
          border-bottom: 28px #ffffff solid;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          -webkit-filter: drop-shadow(-1px -6px 3px rgba(204, 204, 204, 0.5));
          filter: drop-shadow(-1px -6px 3px rgba(204, 204, 204, 0.5)); }
  /* zoo 2019 */
  .m-department-zoo-curriculum-or-title {
    padding: 5px;
    width: 220px; }
    .m-department-zoo-curriculum-or-title img {
      width: auto;
      height: 9px; }
  .m-department-zoo-curriculum-item {
    margin-top: 30px;
    display: block; }
    .m-department-zoo-curriculum-item--02 .m-department-zoo-curriculum-item__content {
      margin-left: auto;
      margin-right: auto; }
    .m-department-zoo-curriculum-item__content {
      margin-top: 10px;
      margin-left: auto; }
  .m-department-zoo-curriculum-other-list {
    margin-left: -10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .m-department-zoo-curriculum-other-list__item {
      margin-left: 10px;
      width: calc(100% / 2 - 10px); }
      .m-department-zoo-curriculum-other-list__item:nth-of-type(n+3) {
        margin-top: 10px; }
    .m-department-zoo-curriculum-other-list-title {
      padding: 15px 5px;
      font-size: 15px;
      position: relative; }
      .m-department-zoo-curriculum-other-list-title:before {
        position: absolute;
        content: "";
        top: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 34px;
        height: 34px;
        background-size: cover; }
      .m-department-zoo-curriculum-other-list-title--aquarium {
        color: #00669B; }
        .m-department-zoo-curriculum-other-list-title--aquarium:before {
          background-image: url(../images/department/zoo/curriculum/common/icon-lesson-aquarium.png); }
      .m-department-zoo-curriculum-other-list-title--amphibious {
        color: #B55F98; }
        .m-department-zoo-curriculum-other-list-title--amphibious:before {
          background-image: url(../images/department/zoo/curriculum/common/icon-lesson-amphibious.png); }
      .m-department-zoo-curriculum-other-list-title--training {
        color: #F47A4D; }
        .m-department-zoo-curriculum-other-list-title--training:before {
          background-image: url(../images/department/zoo/curriculum/common/icon-lesson-training.png); }
      .m-department-zoo-curriculum-other-list-title--environment {
        color: #38BB9C; }
        .m-department-zoo-curriculum-other-list-title--environment:before {
          background-image: url(../images/department/zoo/curriculum/common/icon-lesson-environment.png); }
  .m-department-timetable-zoo-icon {
    position: relative;
    padding-top: 30px; }
    .m-department-timetable-zoo-icon:before {
      width: 24px;
      height: 24px; }
  .m-department-graduate-title {
    width: auto;
    border-radius: 2px;
    padding: 15px; }
    .m-department-graduate-title span {
      font-size: 1.2rem; }
    .m-department-graduate-title:before {
      bottom: -12px;
      margin-left: -8px;
      border-top-width: 12px;
      border-left-width: 8px;
      border-right-width: 8px; }
  .m-department-pickup {
    display: block; }
    .m-department-pickup-content {
      display: block;
      margin-top: 15px; }
    .m-department-pickup__item {
      margin-left: 0;
      margin-right: 0;
      width: auto; }
      .m-department-pickup__item__content {
        padding: 30px 15px; }
  .m-department-pickup-movie-box {
    width: 100%;
    margin: 0 auto; }
  .m-department-pickup-movie {
    width: 100%;
    height: auto; }
  .m-department-pickup-movie .movie-size {
    width: 100%;
    height: 250px; }
  .m-department-pickup-movie-text {
    font-size: 19px; }
  .m-department-pickup-movie-text span:after {
    top: 52%; }
  .m-department-message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .m-department-message--r {
      margin-top: 30px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse; }
    .m-department-message__image {
      width: 160px;
      height: 160px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
      flex: 0 0 160px;
      margin-left: auto;
      margin-right: auto; }
    .m-department-message__content {
      width: 100%;
      -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto;
      margin-top: -5px;
      margin-left: 0px;
      padding: 30px 15px 15px;
      border-radius: 2px; }
      .m-department-message__content:before {
        left: 50%;
        top: -20px;
        margin-top: 0;
        margin-left: -10px;
        border-left: solid 10px transparent;
        border-right: solid 10px transparent;
        border-top: 0;
        border-bottom: solid 20px #ffffff; }
    .m-department-message-title {
      left: -5px;
      top: -20px;
      font-size: 1.4rem;
      border-radius: 2px; }
    .m-department-message--r .m-department-message__content:before {
      left: 50%;
      right: auto;
      border-left: solid 10px transparent;
      border-right: solid 10px transparent; }
  .m-department-nurse-npo__title {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 71px;
    flex: 0 0 71px;
    margin-right: 15px; }
  .m-department-examination {
    display: block; }
    .m-department-examination__content {
      width: auto;
      margin-bottom: 20px;
      margin-right: 0px; }
    .m-department-examination-title {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .m-department-examination-title .icon {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 80px;
        height: 80px; }
        .m-department-examination-title .icon span {
          font-size: 2.4rem; }
        .m-department-examination-title .icon small {
          font-size: 1.2rem; }
      .m-department-examination-title > div span {
        font-size: 2rem; }
      .m-department-examination-title > div small {
        font-size: 1.2rem; }
    .m-department-examination-text dd {
      margin-left: 0px;
      margin-right: 0px; }
  .m-department-opencampus-title {
    margin-bottom: 1em; }
  .m-department-opencampus-flex {
    display: block; }
    .m-department-opencampus-flex-l {
      width: 100%;
      padding-top: 0;
      margin-right: 0;
      margin-bottom: 2em; }
    .m-department-opencampus-flex-r {
      width: 100%; }
  .m-department-opencampus-line {
    padding-top: 0 !important; }
  .m-department-opencampus-line:before {
    content: none; }
  /* zoo 2018 */
  .m-department-zoo-column-col {
    display: block; }
  .m-department-zoo-column-content {
    width: auto; }
  .m-department-zoo-column-aside {
    width: auto;
    margin-top: 40px; }
  .m-department-zoo-column-article-body hr {
    margin-bottom: 1em; }
  .m-department-zoo-column-article-body blockquote {
    margin: 0 0 1em;
    padding: 10px; }
  .m-department-zoo-column-article-body img {
    max-width: 100%;
    height: auto; }
    .m-department-zoo-column-article-body img.alignleft, .m-department-zoo-column-article-body img.alignright, .m-department-zoo-column-article-body img.aligncenter {
      float: none;
      display: block;
      margin-left: auto;
      margin-right: auto;
      text-align: center; }
    .m-department-zoo-column-article-body img.alignleft, .m-department-zoo-column-article-body img.alignright {
      margin-bottom: 15px; }
  .m-department-zoo-column-article-body h1, .m-department-zoo-column-article-body h2, .m-department-zoo-column-article-body h3, .m-department-zoo-column-article-body h4, .m-department-zoo-column-article-body h5, .m-department-zoo-column-article-body h6, .m-department-zoo-column-article-body ul, .m-department-zoo-column-article-body ol, .m-department-zoo-column-article-body p {
    margin-bottom: 1em; }
  .m-department-zoo-column-article-body ul, .m-department-zoo-column-article-body ol, .m-department-zoo-column-article-body p, .m-department-zoo-column-article-body table, .m-department-zoo-column-article-body blockquote {
    font-size: 1.2rem; }
  .m-department-zoo-column-article-body h1 {
    font-size: 1.7rem; }
  .m-department-zoo-column-article-body h2 {
    padding: 10px;
    border-left-width: 5px;
    font-size: 1.6rem; }
  .m-department-zoo-column-article-body h3 {
    padding: 5px 10px;
    font-size: 1.5rem; }
  .m-department-zoo-column-article-body h4 {
    font-size: 1.5rem; }
  .m-department-zoo-column-article-body h5 {
    font-size: 1.4rem; }
  .m-department-zoo-column-article-body h6 {
    font-size: 1.3rem; }
  .m-department-zoo-column-article-body p + h2,
  .m-department-zoo-column-article-body p + h3 {
    margin-top: 2em; }
  .m-department-zoo-column-article-body table {
    width: 100%;
    margin-bottom: 1em; }
  .m-department-zoo-column-aside-list li a {
    padding-left: 30px; }
    .m-department-zoo-column-aside-list li a:before {
      left: 10px;
      top: 20px; }
  .m-department-zoo-column-article-btn-list {
    margin-top: 40px; }
  .m-department-zoo-column-article-btn-list__item a.prev:before {
    margin-top: -3px; }
  .m-department-zoo-column-article-btn-list__item a.next:after {
    margin-top: -3px; }
  .m-department-zoo-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .m-department-zoo-nav > * + * {
      margin-left: 0px; }
    .m-department-zoo-nav > * {
      width: calc(100% / 2); }
    .m-department-zoo-nav a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      padding: 10px;
      font-size: 15px; }
      .m-department-zoo-nav a img {
        width: 100%;
        max-width: inherit; }
  .m-department-zoo-nav li {
    width: 50%; }
  .m-department-zoo-index-intro:before {
    width: 117px;
    height: 156px;
    right: 0;
    bottom: 0; }
  .m-department-zoo-index-intro-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .m-department-zoo-index-intro-image li {
      width: 240px; }
  .m-department-zoo-index-intro .m-department-intro-job {
    width: 60%;
    margin-top: 20px; }
  .m-department-zoo-index-feature-title {
    margin-left: 25px; }
  .m-department-zoo-image > * {
    width: calc(100% / 3);
    padding-bottom: calc(100% / 2.9); }
  .m-department-zoo-index-slide .slick-prev,
  .m-department-zoo-index-slide .slick-next {
    width: 30px;
    height: 30px; }
  .m-department-zoo-index-point {
    padding: 15px; }
    .m-department-zoo-index-point i {
      width: 80px;
      font-size: 1.2rem; }
    .m-department-zoo-index-point dd + dt {
      margin-top: 10px; }
  .m-department-zoo-index-result {
    padding: 15px; }
    .m-department-zoo-index-result dt {
      position: absolute;
      left: 20px; }
  .m-department-zoo-merit-list {
    margin-left: auto;
    display: block; }
    .m-department-zoo-merit-list__item {
      margin-left: auto;
      width: 100%; }
      .m-department-zoo-merit-list__item + .m-department-zoo-merit-list__item {
        margin-top: 15px; }
    .m-department-zoo-merit-list-title {
      margin-top: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 15px; }
      .m-department-zoo-merit-list-title .number {
        margin-top: -5px;
        margin-right: 10px;
        font-family: 'PT Sans Narrow', sans-serif;
        letter-spacing: 0.1em;
        font-weight: 700;
        font-size: 20px; }
    .m-department-zoo-merit-list-image {
      margin-top: 20px; }
      .m-department-zoo-merit-list-image img {
        width: 100%; }
  .m-department-zoo-civil-servants-item {
    margin-top: 20px;
    padding: 20px 25px 20px 20px; }
    .m-department-zoo-civil-servants-item + .m-department-zoo-civil-servants-item {
      margin-top: 25px; }
    .m-department-zoo-civil-servants-item-content {
      display: block; }
      .m-department-zoo-civil-servants-item-content--02 .m-department-zoo-civil-servants-item-image {
        margin-left: auto; }
      .m-department-zoo-civil-servants-item-content--03 .m-department-zoo-civil-servants-item-image {
        margin-left: auto; }
      .m-department-zoo-civil-servants-item-content .m-list-dot li + li {
        margin-top: 10px; }
    .m-department-zoo-civil-servants-item-image {
      margin-top: 10px; }
    .m-department-zoo-civil-servants-item-class {
      margin-left: auto;
      padding: 15px; }
  .m-department-zoo-civil-servants-item-title {
    font-size: 15px; }
    .m-department-zoo-civil-servants-item-title .icon {
      margin-right: 5px;
      width: 30px;
      height: 30px; }
  .m-department-zoo-civil-servants-item-text {
    margin-top: 10px;
    margin-left: auto; }
  .m-department-zoo-bnr {
    display: block; }
    .m-department-zoo-bnr__item {
      width: auto; }
      .m-department-zoo-bnr__item a:after {
        content: "";
        width: 12px;
        height: 12px;
        border-top-width: 2px;
        border-right-width: 2px;
        right: 20px; }
    .m-department-zoo-bnr__content {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      padding: 20px 40px 20px 20px; }
  .m-department-zoo-title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.2rem;
    height: 120px; }
    .m-department-zoo-title__icon {
      font-size: 1rem;
      padding: 5px 10px;
      margin-right: 0px;
      margin-bottom: 10px; }
    .m-department-zoo-title__title {
      font-size: 2rem; }
  .m-department-zoo-btn {
    width: 100%;
    height: 42px;
    position: relative; }
    .m-department-zoo-btn img {
      width: auto;
      height: 11px; }
    .m-department-zoo-btn:before {
      position: absolute;
      content: "";
      top: 50%;
      right: 40px;
      -webkit-transform: rotate(45deg) translateY(-50%);
      transform: rotate(45deg) translateY(-50%);
      width: 8px;
      height: 8px;
      border-top: 2px #ffffff solid;
      border-right: 2px #ffffff solid; }
    .m-department-zoo-btn:hover {
      opacity: 0.7; }
  .m-department-zoo-curriculum-slider__item {
    padding: 15px; }
  .m-department-zoo-curriculum-slider-image {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    width: auto;
    text-align: center; }
  .m-department-zoo-curriculum-slider .slick-prev,
  .m-department-zoo-curriculum-slider .slick-next {
    width: 30px;
    height: 30px; }
  .m-department-zoo-voice-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: -20px;
    margin-left: -10px; }
    .m-department-zoo-voice-list__item {
      width: calc(100% / 2 - 10px);
      margin-left: 10px;
      margin-bottom: 20px; }
  .m-department-zoo-voice-btn {
    width: 100%;
    height: 40px; }
    .m-department-zoo-voice-btn:before {
      right: 20px; }
  /* zoo 2020 */
  /* nurse 2020 */
  .m-department-nurse-objective-item__content p {
    font-size: 16px; }
  .m-depaetment-nurse-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .m-depaetment-nurse-nav li {
      width: 50%;
      border-bottom: 1px solid #FFF; }
      .m-depaetment-nurse-nav li:nth-child(2n) {
        border-right: none; }
  .m-department-mv--nurse-detail .m-department-mv__content {
    background: #FFF; }
    .m-department-mv--nurse-detail .m-department-mv__content .m-department-mv__term {
      color: #DD6D6D; }
  .m-depaetment-nurse-column {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .m-depaetment-nurse-column li {
      width: 48%;
      margin-bottom: 20px; }
  .m-department-nurse-detail-title {
    margin-bottom: 30px; }
  .m-depaetment-nurse-column2-r p {
    text-align: left !important; }
  .m-depaetment-nurse-column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap; }
    .m-depaetment-nurse-column2 div {
      width: 100%;
      margin-bottom: 20px; }
    .m-depaetment-nurse-column2.m-row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap; }
  .inter-ribon {
    position: absolute;
    right: 0;
    top: -50px; }
  .m-depaetment-nurse-nav-list a {
    font-size: 15px; }
    .m-depaetment-nurse-nav-list a br {
      display: block; }
  .m-department-nurse-interview-item__content:before {
    content: "";
    border-top: 28px solid #DD6D6D !important;
    border-bottom: 28px solid #DD6D6D !important; }
  .m-department-nurse-interview-item__image {
    position: relative;
    top: 5px;
    z-index: 1; }
  /* pet 2020 */
  .m-depaetment-pet-nav-list a {
    font-size: 15px; }
    .m-depaetment-pet-nav-list a br {
      display: block; }
  .m-department-pet-feature-item__content {
    width: 100%;
    padding: 35px 15px 45px 20px !important; }
  .m-department-pet-feature-item {
    display: block; }
  .m-department-pet-feature-item__image {
    width: 100%;
    height: 260px; }
  .m-department-pet-objective-item__content {
    font-size: 16px; }
  .m-depaetment-pet-column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap; }
  .min-height-280 {
    min-height: auto; }
  .min-height-330 {
    min-height: auto; }
  .m-depaetment-pet-column2-l {
    width: 100% !important; }
  .m-depaetment-pet-column2-r {
    width: 100% !important; }
  .m-department-pet-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .m-department-pet-nav a {
      padding: 10px; }
      .m-department-pet-nav a img {
        width: 100%;
        max-width: inherit; }
  .m-department-pet-objective-item__content p {
    font-size: 16px; }
  .m-depaetment-pet-nav {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .m-depaetment-pet-nav li {
      width: 50%;
      border-bottom: 1px solid #FFF; }
      .m-depaetment-pet-nav li:nth-child(2n) {
        border-right: none; }
  .m-department-mv--pet-detail .m-department-mv__content {
    background: #FFF; }
    .m-department-mv--pet-detail .m-department-mv__content .m-department-mv__term {
      color: #DD6D6D; }
  .m-depaetment-pet-column {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .m-depaetment-pet-column li {
      width: 48%;
      margin-bottom: 20px; }
  .m-department-pet-detail-title {
    margin-bottom: 30px; }
  .m-depaetment-pet-column2-r p {
    text-align: left !important; }
  .m-depaetment-pet-column2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap; }
    .m-depaetment-pet-column2 div {
      width: 100%;
      margin-bottom: 20px; }
    .m-depaetment-pet-column2.m-row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
      flex-flow: column nowrap; }
  .m-department-title2020 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #00ADE6;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 2px; }
    .m-department-title2020 span {
      font-size: 1.5rem; }
  .m-department-title2020-info {
    text-align: left; }
  .m-department-title2020-m {
    font-size: 2.4rem;
    font-weight: bold;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-style: normal; }
  .m-department-pet-objective {
    display: block; }
    .m-department-pet-objective-item {
      width: 100%; }
      .m-department-pet-objective-item + .m-department-pet-objective-item {
        margin-left: auto;
        margin-top: 30px; }
  .m-department-feature-title--num {
    margin: 0 auto;
    text-align: center; }
    .m-department-feature-title--num span {
      padding: 3px 10px;
      color: #FFF;
      background: #00ADE6;
      font-family: fot-tsukuardgothic-std, sans-serif;
      font-style: normal;
      display: inline-block;
      margin: 0 auto; }
  /* nurse 2019 */
  .m-department-nurse-index-point-title {
    text-align: center; }
    .m-department-nurse-index-point-title .point {
      margin: 0 auto 15px auto;
      width: 158px;
      height: 38px;
      border-radius: 13px; }
    .m-department-nurse-index-point-title img {
      width: auto;
      height: 22px; }
  .m-department-zoo-curriculum-comment {
    margin-top: 15px;
    display: block; }
    .m-department-zoo-curriculum-comment__image {
      margin-left: auto;
      margin-right: auto;
      width: 50%; }
    .m-department-zoo-curriculum-comment__content {
      margin-top: 35px;
      margin-left: auto;
      padding: 20px;
      -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
      box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
      background-color: #ffffff;
      position: relative; }
      .m-department-zoo-curriculum-comment__content:before {
        position: absolute;
        content: "";
        top: -56px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 32px;
        height: 56px;
        border-top: 28px transparent solid;
        border-bottom: 28px #ffffff solid;
        border-left: 16px transparent solid;
        border-right: 16px transparent solid;
        -webkit-filter: drop-shadow(-1px -6px 3px rgba(204, 204, 204, 0.5));
        filter: drop-shadow(-1px -6px 3px rgba(204, 204, 204, 0.5)); }
      .m-department-zoo-curriculum-comment__content--last {
        background-color: #FAF9F5; }
        .m-department-zoo-curriculum-comment__content--last:before {
          border-bottom: 28px #FAF9F5 solid; }
      .m-department-zoo-curriculum-comment__content--wh {
        -webkit-box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3);
        box-shadow: 0px 0px 6px 3px rgba(204, 204, 204, 0.3); }
  .m-department-nurse-index-point-image {
    display: none; }
    .m-department-nurse-index-point-image-sp {
      display: block; }
  .m-department-nurse-index-point-02-mv {
    position: relative; }
    .m-department-nurse-index-point-02-mv__system {
      margin-top: 10px;
      position: static;
      top: 0;
      right: 0;
      -webkit-transform: translateY(0);
      transform: translateY(0); }
  .m-department-nurse-index-point-02-list {
    margin-left: auto;
    display: block; }
    .m-department-nurse-index-point-02-list__item {
      margin-left: auto;
      width: 100%; }
      .m-department-nurse-index-point-02-list__item + .m-department-nurse-index-point-02-list__item {
        margin-top: 20px; }
      .m-department-nurse-index-point-02-list__item img {
        width: 100%;
        border-radius: 6px 6px 0 0; }
    .m-department-nurse-index-point-02-list-content {
      padding: 20px; }
    .m-department-nurse-index-point-02-list-title {
      position: relative; }
      .m-department-nurse-index-point-02-list-title .icon {
        position: absolute;
        top: -42px; }
      .m-department-nurse-index-point-02-list-title .major {
        font-size: 13px; }
      .m-department-nurse-index-point-02-list-title .title {
        margin-top: 5px;
        font-size: 17px; }
  .m-department-nurse-index-other-title img {
    width: auto;
    height: 15px; }
  .m-department-nurse-index-other-item {
    width: 100%; }
    .m-department-nurse-index-other-item:nth-of-type(2) .m-department-nurse-index-other-item__content {
      margin-right: auto;
      margin-left: auto;
      padding: 25px; }
    .m-department-nurse-index-other-item__image {
      width: 40%; }
      .m-department-nurse-index-other-item__image img {
        border-radius: 50%; }
    .m-department-nurse-index-other-item__content {
      margin-right: auto;
      padding: 25px;
      background-color: transparent; }
  .m-department-nurse-index-interview {
    display: block; }
    .m-department-nurse-index-interview__image img {
      border-radius: 6px; }
    .m-department-nurse-index-interview__content {
      margin-top: 10px;
      margin-left: auto;
      padding: 20px;
      height: 180px;
      position: relative; }
      .m-department-nurse-index-interview__content:before {
        position: absolute;
        content: "";
        top: -35px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: auto;
        height: auto;
        border-top: auto;
        border-bottom: 20px solid #ffffff;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent; }
  .m-department-nurse-index-interview-btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    border-radius: 0 0 6px 6px;
    font-size: 13px; }
    .m-department-nurse-index-interview-btn:before {
      content: "";
      width: 7px;
      height: 7px;
      border-top: solid 2px #ffffff;
      border-right: solid 2px #ffffff;
      -webkit-transform: translateY(-50%) rotate(45deg);
      transform: translateY(-50%) rotate(45deg);
      position: absolute;
      right: 25px;
      top: 50%; }
    .m-department-nurse-index-interview-btn:hover {
      opacity: 0.7;
      -webkit-transition: .3s;
      transition: .3s; }
  .m-department-nurse-objective {
    display: block; }
    .m-department-nurse-objective-item {
      width: 100%; }
      .m-department-nurse-objective-item + .m-department-nurse-objective-item {
        margin-left: auto;
        margin-top: 30px; }
  .m-department-nurse-feature-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
    .m-department-nurse-feature-item__content {
      width: 100%;
      padding: 35px 15px 45px 20px !important; }
    .m-department-nurse-feature-item__image {
      width: 100%;
      height: 260px; }
    .m-department-nurse-feature-item-title {
      position: relative;
      color: #DD6D6D; }
      .m-department-nurse-feature-item-title .number {
        display: block;
        position: absolute;
        left: 0;
        top: -90px;
        font-family: 'PT Sans Narrow', sans-serif;
        font-weight: 700;
        font-size: 70px;
        font-style: italic; }
      .m-department-nurse-feature-item-title .text {
        font-size: 20px;
        line-height: 1.428; }
    .m-department-nurse-feature-item-comment {
      margin-top: 15px;
      display: block; }
      .m-department-nurse-feature-item-comment__image {
        text-align: center; }
        .m-department-nurse-feature-item-comment__image img {
          border-radius: 50%; }
      .m-department-nurse-feature-item-comment__content {
        margin-top: 30px;
        margin-left: auto;
        padding: 20px;
        position: relative; }
        .m-department-nurse-feature-item-comment__content:before {
          position: absolute;
          content: "";
          top: -56px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          width: 32px;
          height: 56px;
          border-top: 28px transparent solid;
          border-bottom: 28px #ffffff solid;
          border-left: 16px transparent solid;
          border-right: 16px transparent solid; }
        .m-department-nurse-feature-item-comment__content dt {
          color: #DD6D6D; }
          .m-department-nurse-feature-item-comment__content dt .name {
            display: block; }
  .m-department-nurse-interview-title img {
    width: auto;
    height: 41px; }
  .m-department-nurse-interview-item {
    margin-top: 25px;
    display: block; }
    .m-department-nurse-interview-item + .m-department-nurse-interview-item {
      margin-top: 25px; }
    .m-department-nurse-interview-item:nth-of-type(2) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .m-department-nurse-interview-item:nth-of-type(2) .m-department-nurse-interview-item__content {
        margin-right: auto;
        position: relative; }
        .m-department-nurse-interview-item:nth-of-type(2) .m-department-nurse-interview-item__content:before {
          position: absolute;
          content: "";
          left: 50%;
          right: auto;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          border-top: 28px solid transparent;
          border-bottom: 28px solid #ffffff;
          border-right: 16px solid transparent;
          border-left: 16px transparent solid; }
    .m-department-nurse-interview-item__image {
      margin-left: auto;
      margin-right: auto;
      width: 50%; }
    .m-department-nurse-interview-item__content {
      margin-left: auto;
      margin-top: 30px;
      padding: 20px;
      position: relative; }
      .m-department-nurse-interview-item__content:before {
        position: absolute;
        content: "";
        top: -56px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 32px;
        height: 56px;
        border-top: 28px solid transparent;
        border-bottom: 28px solid #ffffff;
        border-left: 16px solid transparent;
        border-right: 16px transparent solid;
        -webkit-filter: drop-shadow(-1px -6px 3px rgba(204, 204, 204, 0.5));
        filter: drop-shadow(-1px -6px 3px rgba(204, 204, 204, 0.5)); }
    .m-department-nurse-interview-item-detail__text {
      margin-top: 20px; }
      .m-department-nurse-interview-item-detail__text .name {
        margin-top: 10px;
        display: block; }
    .m-department-nurse-interview-item-detail__image {
      margin-top: 20px;
      margin-left: auto;
      text-align: center;
      float: none; }
  .m-department-nurse-curriculum {
    padding: 20px 0 25px 0;
    background-color: transparent; }
    .m-department-nurse-curriculum-list {
      margin-left: auto;
      display: block; }
      .m-department-nurse-curriculum-list__item {
        margin-left: auto;
        margin-right: auto;
        width: 70%; }
        .m-department-nurse-curriculum-list__item + .m-department-nurse-curriculum-list__item {
          margin-top: 10px; }
        .m-department-nurse-curriculum-list__item a {
          padding: 15px;
          font-size: 14px; }
  .m-department-nurse-curriculum-slider {
    margin-top: 60px;
    padding: 0 10px;
    position: relative; }
    .m-department-nurse-curriculum-slider-inner {
      padding: 60px 25px;
      position: relative; }
      .m-department-nurse-curriculum-slider-inner .slick-prev,
      .m-department-nurse-curriculum-slider-inner .slick-next {
        position: absolute;
        width: 40px;
        height: 40px; }
    .m-department-nurse-curriculum-slider-title {
      position: absolute;
      top: -20px;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      padding: 15px;
      width: 350px;
      border-radius: 15px; }
      .m-department-nurse-curriculum-slider-title img {
        width: 50%; }
    .m-department-nurse-curriculum-slider__item {
      display: block !important; }
    .m-department-nurse-curriculum-slider-image img {
      border-radius: 6px; }
    .m-department-nurse-curriculum-slider-content {
      margin-top: 15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      margin-left: auto; }
      .m-department-nurse-curriculum-slider-content .number {
        margin-right: 15px;
        font-size: 30px; }
  .m-department-nurse-mystory-title img {
    width: auto;
    height: 41px; }
  .m-department-nurse-mystory {
    padding-top: 60px;
    padding-bottom: 60px; }
    .m-department-nurse-mystory-image {
      margin-top: 40px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .m-department-nurse-mystory-image__item {
        width: calc(100% / 3); }
  /* =======================================================================
入学案内
admission_info
======================================================================= */
  /* index */
  .m-admission_info-index-content {
    position: relative;
    padding: 15px 30px 15px 15px; }
    .m-admission_info-index-content:before {
      right: 15px;
      width: 12px;
      height: 12px; }
  /* AO入試 */
  .m-step__item {
    padding-bottom: 30px; }
    .m-step__item:before {
      width: 1px;
      left: 25px; }
    .m-step__item__icon {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 50px;
      flex: 0 0 50px;
      height: 50px;
      margin-right: 15px; }
      .m-step__item__icon small {
        font-size: 1rem; }
      .m-step__item__icon span {
        font-size: 1.8rem; }
    .m-step__item__content {
      padding-top: 10px; }
  .m-admission_info-ao-school-scholarship__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    width: 100px;
    height: 100px;
    font-size: 1.6rem;
    margin-right: 15px; }
  /* 学費・諸費用 */
  .m-toggle-item {
    margin-bottom: 1px; }
    .m-toggle-item__title {
      padding: .75em 15px; }
      .m-toggle-item__title:after {
        right: 15px;
        margin-top: -8px;
        width: 16px;
        height: 16px; }
    .m-toggle-item__content {
      padding-left: 15px;
      padding-right: 15px; }
  /* 学費支援制度 */
  .m-admission_info-expenses_support-box {
    height: auto;
    padding: 15px; }
  /* =======================================================================
就職・資格
getajob
======================================================================= */
  /* 就職実績 */
  .m-getajob-achievement-percent {
    font-size: 10rem; }
    .m-getajob-achievement-percent small {
      font-size: 3.6rem; }
  /* 就職サポート */
  .m-getajob-support-line {
    padding-bottom: 15px; }
    .m-getajob-support-line:before {
      height: 1px;
      width: 18px; }
  .m-getajob-support-col {
    display: block; }
    .m-getajob-support-col__l {
      margin-right: 0; }
    .m-getajob-support-col__r {
      margin-top: 15px; }
  /* 卒業生のメッセージ */
  .m-getajob-graduate-list {
    display: block;
    margin-left: 0;
    margin-bottom: 0; }
    .m-getajob-graduate-list__item {
      display: none;
      width: auto;
      margin-bottom: 0;
      margin-left: 0; }
      .m-getajob-graduate-list__item + .m-getajob-graduate-list__item {
        margin-top: 30px; }
      .m-getajob-graduate-list__item.is-active {
        display: block; }
  .m-getajob-graduate-content {
    -webkit-transition: opacity 0s;
    transition: opacity 0s; }
    .m-getajob-graduate-content:hover {
      opacity: 1; }
    .m-getajob-graduate-content figure img {
      width: 100%; }
    .m-getajob-graduate-content__on:before {
      font-size: 1.2rem; }
    .m-getajob-graduate-content__on__inner {
      padding: 15px; }
      .m-getajob-graduate-content__on__inner__message {
        margin-top: 15px;
        padding-top: 15px; }
  .m-getajob-graduate-content-col {
    margin-top: 15px; }
  .m-getajob-graduate-logo {
    width: 80px;
    margin-left: 15px; }
  .m-getajob-civil-servant-item-employment__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .m-getajob-civil-servant-item-employment__item li {
      font-size: 1.2rem; }
  .m-getajob-civil-servant-merit-list {
    margin-left: auto;
    display: block; }
    .m-getajob-civil-servant-merit-list__item {
      margin-left: auto;
      width: 100%; }
      .m-getajob-civil-servant-merit-list__item + .m-getajob-civil-servant-merit-list__item {
        margin-top: 30px; }
    .m-getajob-civil-servant-merit-list-title {
      margin-top: 5px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      font-size: 15px;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      height: auto; }
      .m-getajob-civil-servant-merit-list-title .number {
        margin-top: 5px;
        margin-right: 10px;
        font-family: 'PT Sans Narrow', sans-serif;
        letter-spacing: 0.1em;
        font-weight: 700;
        font-size: 20px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        -ms-flex-negative: 0;
        flex-shrink: 0; }
    .m-getajob-civil-servant-merit-list-image {
      margin-top: 20px; }
      .m-getajob-civil-servant-merit-list-image img {
        width: 100%; }
  .m-getajob-civil-servant-item {
    margin-top: 20px;
    padding: 20px 25px 20px 20px; }
    .m-getajob-civil-servant-item + .m-getajob-civil-servant-item {
      margin-top: 25px; }
    .m-getajob-civil-servant-item-content {
      display: block; }
      .m-getajob-civil-servant-item-content--02 .m-getajob-civil-servant-item-image {
        margin-left: auto; }
      .m-getajob-civil-servant-item-content--03 .m-getajob-civil-servant-item-image {
        margin-left: auto; }
      .m-getajob-civil-servant-item-content .m-list-dot li + li {
        margin-top: 10px; }
    .m-getajob-civil-servant-item-image {
      margin-top: 10px; }
    .m-getajob-civil-servant-item-class {
      margin-left: auto;
      padding: 15px; }
  .m-getajob-civil-servant-item-title {
    font-size: 15px; }
    .m-getajob-civil-servant-item-title .icon {
      margin-right: 5px;
      width: 30px;
      height: 30px; }
  .m-getajob-civil-servant-item-text {
    margin-top: 10px;
    margin-left: auto; }
  /* =======================================================================
キャンパスライフ
campuslife
======================================================================= */
  /* 年間スケジュール */
  .m-campuslife-schedule-col {
    display: block; }
    .m-campuslife-schedule-col__image {
      margin-left: 0;
      margin-top: 15px;
      text-align: center; }
  .m-campuslife-schedule-item {
    display: block;
    position: relative;
    min-height: 80px;
    padding-left: 95px; }
    .m-campuslife-schedule-item__title {
      position: absolute;
      left: 0;
      top: 0;
      width: 80px;
      height: 80px;
      margin-right: 0px; }
      .m-campuslife-schedule-item__title > span {
        font-size: 2rem; }
        .m-campuslife-schedule-item__title > span small {
          font-size: 1rem; }
      .m-campuslife-schedule-item__title > small {
        font-size: 1rem; }
    .m-campuslife-schedule-item__image {
      margin-top: 15px;
      margin-left: 0px;
      text-align: center; }
  /* =======================================================================
オープンキャンパス
opencampus
======================================================================= */
  /* index */
  .m-opencampus-index-mv__title {
    width: 50%; }
  .m-opencampus-index-mv .m-mv-scroll {
    display: none; }
  .m-opencampus-index-menu {
    background-size: 159px; }
  .m-opencampus-index-menu-icon {
    padding-top: 0;
    padding-left: 40px;
    min-height: 30px; }
    .m-opencampus-index-menu-icon:before {
      left: 0;
      top: 50%;
      margin-left: 0;
      width: 30px;
      height: 30px;
      margin-top: -15px; }
  .m-opencampus-index-menu-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse; }
    .m-opencampus-index-menu-col > * {
      width: calc(50% - 10px); }
    .m-opencampus-index-menu-col figure {
      margin-top: 0; }
  .m-opencampus-index-other:before {
    width: 50px;
    height: 80px;
    left: 50%;
    top: 50%;
    bottom: auto;
    margin-top: -40px;
    margin-left: -25px; }
  .m-opencampus-index-other-list {
    display: block; }
    .m-opencampus-index-other-list__item + .m-opencampus-index-other-list__item {
      margin-top: 20px; }
    .m-opencampus-index-other-list__item a {
      margin-left: auto;
      margin-right: auto;
      width: 250px;
      height: 250px;
      padding-bottom: 10%; }
      .m-opencampus-index-other-list__item a:before {
        font-size: 1.5rem; }
    .m-opencampus-index-other-list__item dl {
      padding-top: 40px; }
    .m-opencampus-index-other-list__item--bus dl:after {
      width: 51px;
      height: 30px;
      margin-left: -25px; }
    .m-opencampus-index-other-list__item--support dl:after {
      width: 30px;
      height: 30px;
      margin-left: -15px; }
  .m-opencampus-index-schedule {
    background-size: 215px auto; }
    .m-opencampus-index-schedule-item-image img {
      width: 100%; }
  .m-opencampus-index-schedule-bg {
    background-image: none; }
  .m-opencampus-index-schedule-nav li + li {
    margin-left: 30px; }
  .m-opencampus-index-schedule-nav li {
    font-size: 1.4rem; }
    .m-opencampus-index-schedule-nav li:nth-of-type(2) span {
      font-size: 2.8rem; }
  .m-opencampus-index-schedule-item {
    margin-top: 30px; }
  /* experience */
  .m-opencampus-experience-schedule {
    max-width: inherit; }
    .m-opencampus-experience-schedule__item {
      display: block;
      position: relative;
      padding-bottom: 50px;
      padding-left: 20px; }
      .m-opencampus-experience-schedule__item:before {
        left: 5px;
        top: 5px;
        width: 1px; }
      .m-opencampus-experience-schedule__item:after {
        width: 10px;
        height: 10px;
        top: 5px; }
      .m-opencampus-experience-schedule__item__image {
        margin-top: 15px;
        margin-left: 0px; }
  .m-opencampus-experience-step li + li {
    margin-left: 30px; }
  .m-opencampus-experience-step li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    font-size: 1.4rem; }
    .m-opencampus-experience-step li:before {
      width: 30px;
      height: 2px;
      left: -30px;
      margin-top: -1px; }
  .m-opencampus-experience-form-item {
    padding: 15px; }
    .m-opencampus-experience-form-item > dt {
      float: none;
      width: auto;
      font-size: 1.4rem; }
    .m-opencampus-experience-form-item > dd {
      margin-top: 10px;
      font-size: 1.2rem; }
    .m-opencampus-experience-form-item .require {
      font-size: 1rem; }
  .m-form-btn {
    padding: 30px 15px; }
    .m-form-btn li {
      display: block;
      width: auto;
      margin-left: 0;
      margin-right: 0; }
    .m-form-btn li + li {
      margin-top: 10px; }
  /* briefing */
  .m-opencampus-briefing-intro {
    display: block; }
    .m-opencampus-briefing-intro__image {
      margin-right: 0;
      margin-top: 15px;
      text-align: center; }
  .m-opencampus-briefing-intro-item {
    border-width: 2px;
    border-radius: 5px;
    padding: 0 15px 15px;
    margin-top: 30px; }
    .m-opencampus-briefing-intro-item-list li:before {
      top: .15em;
      width: 6px;
      height: 12px;
      border-bottom-width: 2px;
      border-right-width: 2px; }
  .m-opencampus-briefing-flow {
    max-width: inherit; }
    .m-opencampus-briefing-flow__item > div {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 80px;
      flex: 0 0 80px;
      font-size: 1.6rem;
      border-radius: 2px; }
    .m-opencampus-briefing-flow__item > dl {
      display: block;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; }
      .m-opencampus-briefing-flow__item > dl dt {
        font-size: 1.8rem; }
      .m-opencampus-briefing-flow__item > dl dd {
        margin-top: 15px; }
  .m-opencampus-briefing-form-item-wrap {
    display: block; }
  .m-opencampus-briefing-form-item {
    display: block;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: solid 1px #e6e6e6; }
    .m-opencampus-briefing-form-item > dt,
    .m-opencampus-briefing-form-item > dd {
      border-top: 0;
      display: block;
      padding-top: 0;
      padding-bottom: 0; }
    .m-opencampus-briefing-form-item > dt {
      width: auto;
      padding-left: 0; }
    .m-opencampus-briefing-form-item > dd {
      margin-top: 10px;
      padding-right: 0; }
  /* bus */
  .m-opencampus-bus-title > span {
    padding-left: 30px;
    padding-right: 30px; }
    .m-opencampus-bus-title > span:before, .m-opencampus-bus-title > span:after {
      width: 2px; }
  .m-opencampus-bus-merit {
    display: block; }
    .m-opencampus-bus-merit__item {
      margin-top: 15px;
      padding-top: 40px; }
      .m-opencampus-bus-merit__item:before {
        width: 40px;
        height: 40px;
        font-size: 2.4rem;
        line-height: 40px; }
  .m-opencampus-bus-schedule-title {
    margin-top: 30px; }
    .m-opencampus-bus-schedule-title:nth-of-type(1) {
      margin-top: 0; }
  .m-opencampus-bus-faq__item + .m-opencampus-bus-faq__item {
    margin-top: 1px; }
  .m-opencampus-bus-faq-title {
    padding: .75em 40px; }
    .m-opencampus-bus-faq-title:before {
      left: 15px;
      font-size: 2rem; }
    .m-opencampus-bus-faq-title:after {
      right: 15px;
      margin-top: -8px;
      width: 16px;
      height: 16px; }
  .m-opencampus-bus-faq-text {
    padding: 1em 40px; }
    .m-opencampus-bus-faq-text:before {
      top: 5px;
      left: 15px;
      font-size: 2rem; }
  /* atend-support */
  .m-opencampus-table thead th.w200, .m-opencampus-table thead td.w200,
  .m-opencampus-table tbody th.w200,
  .m-opencampus-table tbody td.w200 {
    width: 80px; }
  .m-opencampus-table thead th.w300, .m-opencampus-table thead td.w300,
  .m-opencampus-table tbody th.w300,
  .m-opencampus-table tbody td.w300 {
    width: 100px; }
  .m-opencampus-table thead th.w400, .m-opencampus-table thead td.w400,
  .m-opencampus-table tbody th.w400,
  .m-opencampus-table tbody td.w400 {
    width: 120px; }
  /* event */
  .m-opencampus-event-nav {
    padding-bottom: 2px;
    margin-left: -2px;
    margin-bottom: 15px; }
    .m-opencampus-event-nav:before {
      width: calc(100% - 2px);
      height: 2px; }
    .m-opencampus-event-nav__item {
      margin-left: 2px;
      font-size: 1.4rem; }
      .m-opencampus-event-nav__item a {
        padding: .75em .25em; }
  /* online */
  .m-opencampus-online-flow__item {
    padding-bottom: 40px; }
    .m-opencampus-online-flow__item:before {
      left: 40px; }
    .m-opencampus-online-flow__item .step {
      width: 80px;
      font-size: 1.6rem; }
    .m-opencampus-online-flow__item .content {
      margin-left: 20px; }
  .m-opencampus-online-app {
    margin-right: -10px; }
    .m-opencampus-online-app__item {
      margin-right: 10px; }
  /* =======================================================================
企業のみなさま
company
======================================================================= */
  .m-company-recuit-col {
    display: block; }
    .m-company-recuit-col__r {
      display: block;
      margin-left: 0px;
      margin-top: 15px; }
      .m-company-recuit-col__r .m-flex__item {
        margin-top: 10px !important; }
    .m-company-recuit-col__l {
      display: block;
      width: 100%; }
      .m-company-recuit-col__l .m-flex__item {
        margin-top: 10px !important; }
  .m-company-recuit-adrress {
    padding: 15px;
    border-width: 2px;
    border-radius: 2px; }
  .m-company-inquiry {
    display: block;
    max-width: inherit;
    padding: 15px; }
    .m-company-inquiry dt {
      margin-right: 0px;
      padding-right: 0;
      border-right: 0;
      border-bottom: solid 1px #e6e6e6;
      padding-bottom: 10px;
      margin-bottom: 10px; }
  .m-company-recuit-pd {
    padding: 0; }
  /* =======================================================================
卒業生のみなさま
graduate
======================================================================= */
  .m-graduate-message {
    position: relative; }
    .m-graduate-message img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
    .m-graduate-message__name span {
      border-radius: 2px; }
  .m-graduate-talk {
    position: relative;
    max-width: inherit;
    border-width: 1px;
    border-radius: 5px;
    padding: 0 15px 15px; }
  .m-graduate-talk-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-bottom: -10px; }
    .m-graduate-talk-list li {
      width: calc((100% / 2) - 10px);
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc((100% / 2) - 10px);
      flex: 0 0 calc((100% / 2) - 10px);
      margin-left: 10px;
      margin-bottom: 10px;
      padding-top: 80px; }
      .m-graduate-talk-list li:before {
        width: 70px;
        height: 70px;
        margin-left: -35px; }
  /* =======================================================================
高校1・2年生のみなさま
high-school
======================================================================= */
  .m-high-school-work-title .num {
    font-size: 2rem; }
  .m-high-school-opencampus {
    padding: 60px 15px;
    min-height: inherit; }
    .m-high-school-opencampus-h span {
      border-radius: 2px; }
      .m-high-school-opencampus-h span:before {
        bottom: -12px;
        margin-left: -8px;
        border-top-width: 12px;
        border-left-width: 8px;
        border-right-width: 8px; }
    .m-high-school-opencampus-backgroundbox {
      width: 80%;
      padding: 15px;
      background: rgba(0, 0, 0, 0.4);
      border: 3px solid #FFF; }
  .m-high-school-opencampus-ex-title span {
    border-radius: 2px; }
    .m-high-school-opencampus-ex-title span:before {
      bottom: -12px;
      margin-left: -8px;
      border-top-width: 12px;
      border-left-width: 8px;
      border-right-width: 8px; }
  /* =======================================================================
保護者・高校教員のみなさま
parent
======================================================================= */
  .m-parent-gourp-list {
    border-width: 2px;
    padding: 15px; }
  /* =======================================================================
再進学をお考えのみなさま
re-entrance
======================================================================= */
  .m-re-entrance-faq-title .num {
    width: 30px;
    height: 30px;
    font-size: 1.4rem; }
  /* =======================================================================
アクセス
access
======================================================================= */
  .m-access-col {
    display: block; }
    .m-access-col__map {
      margin-top: 15px;
      margin-left: 0px; }
  .m-access-map {
    width: 100%;
    height: 200px;
    border-width: 2px; }
  .m-access-train {
    max-width: inherit; }
  .m-access-car-video {
    width: 100%;
    height: 200px; }
  /* =======================================================================
資料請求
request
======================================================================= */
  .m-request-point__item {
    margin-top: 15px; }
  /* =======================================================================
情報公開
disclose-information
======================================================================= */
  .m-disclose-information-tbl th, .m-disclose-information-tbl td {
    padding: 1em 0; }
  .m-disclose-information-col {
    display: block; }
    .m-disclose-information-col__image {
      margin-top: 15px;
      margin-left: 0px;
      text-align: center; }
  /* =======================================================================
お知らせ
news
======================================================================= */
  .m-news-archive__item {
    padding-top: 15px;
    padding-bottom: 15px; }
  .m-news-icon {
    margin-right: 5px;
    min-width: 100px;
    padding: .25em .5em;
    font-size: 1rem; }
  .m-news-btn {
    font-size: 1.2rem; }
    .m-news-btn__item {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% / 3);
      flex: 0 0 calc(100% / 3); }
      .m-news-btn__item--index a:before {
        left: 10px; }
  .wp-pagenavi {
    margin-top: 30px; }
    .wp-pagenavi a, .wp-pagenavi span {
      font-size: 1.2rem; }
    .wp-pagenavi .previouspostslink {
      margin-right: 5px; }
    .wp-pagenavi .nextpostslink {
      margin-left: 5px; }
  /* =======================================================================
Welcome to ECO!
遠方から入学をお考えの皆様へ
======================================================================= */
  .m-outside-sub-section-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: -20px;
    margin-top: -20px;
    margin-right: -20px;
    margin-bottom: -20px; }
  .m-outside-sub-section-nav-item {
    width: calc(100% / 3);
    margin-left: 0px; }
  .WelcometoECO.m-header-logo a {
    background-image: url(../images/common/logo-wh.png); }
  .m-outside-maintitle {
    display: block;
    position: absolute;
    z-index: 2;
    width: 50%;
    left: 50%;
    top: 50%;
    display: block;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); }
  .m-outside-index-mv__title {
    display: none; }
  .m-outside-maintitle-copy {
    display: none; }
  .outside-w li a {
    color: #FFFFFF; }
  /* index */
  .m-outside-index-mv {
    padding-bottom: calc(860 / 1400 * 100%); }
    .m-outside-index-mv__title {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate3d(-50%, -50%, 0);
      transform: translate3d(-50%, -50%, 0);
      z-index: 1; }
    .m-outside-index-mv .m-mv-scroll {
      display: none; }
  /* main */
  .outside-content-main {
    padding-bottom: 30px;
    height: 100%;
    background-size: cover;
    background-image: url(../images/outside/lp-bg-01.png); }
  .outside-content-box {
    max-width: 1120px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding-top: 2em;
    clear: both; }
  .outside-main-l {
    width: 100%;
    height: auto;
    margin-top: 45px;
    display: inline-block;
    z-index: 10;
    margin-left: 3em;
    position: static; }
  .outside-main-title {
    width: 100%;
    height: auto; }
  .outside-main-title img {
    width: 85%;
    height: auto; }
  .outside-main-text {
    margin-top: 1em;
    line-height: 2em;
    color: #42210b;
    font-size: 3.5vw; }
  .outside-main-r {
    width: 85%;
    height: auto;
    margin: 0 auto;
    display: block;
    z-index: 0;
    position: static;
    -webkit-text-decoration: center;
    text-decoration: center; }
  .outside-main-img {
    margin-top: 2em; }
  /* sub-section-01 */
  /* section-01 */
  .outside-sub-section-01 {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url(../images/outside/lp-bg-02.png); }
  .outside-sub-section-title-merit {
    text-align: center;
    margin: 0 auto;
    padding: 2% 1% 2% 1%; }
  .outside-sub-section-merit {
    width: 100%;
    height: auto;
    margin: 0 auto;
    background: #f1f1f1;
    padding-top: 0px; }
  .outside-merit-box {
    width: 100%;
    height: auto;
    padding-top: 2em; }
  .outside-merit-dotted-l {
    display: none; }
  .outside-merit-dotted-l-sp {
    width: 85%;
    height: auto;
    float: none;
    margin: 2em auto;
    display: block; }
  .outside-merit-figure {
    border: dotted 4px #FFFFFF;
    padding: 1.5em;
    text-align: center;
    border-radius: 5px; }
  .outside-merit-figure img {
    border-radius: 5px; }
  .outside-merit-text-r {
    width: 100%;
    height: auto;
    margin-top: 3em;
    float: none; }
  .outside-animal-icon-01 {
    text-align: center;
    margin-bottom: 10px;
    color: #42210b;
    margin-top: 20px; }
  .outside-animal-icon-02 {
    text-align: center;
    margin-bottom: 10px;
    color: #42210b;
    margin-top: 2em; }
  .outside-title-small {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 10px;
    padding: 0 20px; }
  .outside-title-small img {
    height: 100%; }
  .outside-subtext-green {
    color: #8fc31f;
    font-size: 6vw;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.5em; }
  .outside-subtext-green2 {
    color: #8fc31f;
    font-size: 6vw;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.5em; }
  .outside-subtext-green2-sub {
    color: #000;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px; }
  .outside-subtext-brown {
    text-align: center;
    border-bottom: 5px #f8ea20;
    font-size: 3.5vw;
    line-height: 2em;
    margin-bottom: 20px; }
  .outside-link-button {
    text-align: center; }
  .outside-icon-dog-01 {
    position: relative;
    top: 15px;
    clear: both;
    display: none; }
  .outside-icon-dog-02 {
    clear: both;
    display: none; }
  .outside-icon-dog-03 {
    position: relative;
    top: 15px;
    left: 1100px;
    clear: both;
    display: none; }
  .outside-icon-dog-04 {
    position: relative;
    top: 15px;
    clear: both;
    display: none; }
  .outside-icon-dog-05 {
    position: relative;
    top: 15px;
    clear: both;
    display: none; }
  .clear {
    clear: both; }
  /* section-02 */
  .outside-merit-box-02 {
    width: 100%;
    height: auto;
    background: #f7ebd0;
    padding-bottom: 2em; }
  .outside-merit-text-l {
    width: 100%;
    height: auto;
    float: none;
    padding-top: 1em; }
  .outside-sub-section-dotted-r {
    position: static;
    width: 85%;
    height: auto;
    float: none;
    margin: 2em auto; }
  /* section-03 */
  .outside-merit-box-03 {
    margin-top: 1em; }
  /* section-04 */
  .outside-merit-box-04 {
    width: 100%;
    height: 100%;
    background: #f7ebd0;
    padding-bottom: 2em; }
  .outside-sub-section-images-r {
    width: 85%;
    height: auto;
    margin-top: 2em;
    float: none;
    margin: 0 auto;
    text-align: center; }
  /* section-05 */
  .outside-merit-box-05 {
    width: 100%;
    height: 100%;
    margin-top: 2em; }
  /* section-06 */
  .outside-merit-box-06 {
    width: 100%;
    height: 100%;
    background: #f7ebd0;
    padding-bottom: 2em; }
  /* section-07 */
  .outside-merit-box-07 {
    width: 100%;
    height: 100%;
    padding: 2em 0; }
  .outside-subtext-white {
    width: 70%;
    text-align: center;
    display: block;
    background: #FFFFFF;
    color: #42210b;
    margin: 0 auto;
    padding: 15px 0;
    line-height: 24px;
    font-size: 3vw; }
  /* voice */
  .outside-sub-section-02 {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url(../images/outside/lp-bg-03.png); }
  .outside-voice-box {
    width: 100%;
    height: auto;
    background: #f7ebd0;
    padding: 0; }
  .outside-sub-section-voice-l {
    display: none; }
  .outside-sub-section-voice-l-sp {
    width: 85%;
    height: auto;
    float: none;
    margin: 0 auto;
    display: block; }
  .outside-sub-section-voice-l02 {
    width: 100%;
    height: auto; }
  .outside-voice-figure {
    padding-top: 2em; }
  .outside-voice-figure img {
    border-radius: 10px; }
  .outside-sub-section-voice-box-r {
    width: 85%;
    height: auto;
    float: none;
    margin: 0 auto; }
  .lp-section-animal-icon-01 {
    position: absolute;
    z-index: 12;
    top: -40px;
    left: 49%;
    height: 100%;
    width: 100%; }
  .outside-voice-text-orange {
    position: relative;
    font-size: 5vw;
    color: #ef8200;
    z-index: 13;
    line-height: 2em; }
  .outside-voice-title-small {
    line-height: 32px;
    color: #42210b;
    font-size: 2vh; }
  .outside-voice-title-small sup {
    margin-top: 5px; }
  .outside-voice-text {
    padding-top: 20px;
    border-top: dashed 2px #42210b;
    line-height: 2em;
    font-size: 2vh; }
  .outside-voice-box-02 {
    width: 100%;
    height: auto;
    background: #f1f1f1;
    padding: 0px;
    margin: 0 auto;
    overflow: hidden; }
  .outside-sub-section-voice-r {
    width: 85%;
    height: auto;
    float: none;
    margin: 4em auto;
    text-align: center; }
  .outside-voice-figure {
    margin: 3em auto; }
  .outside-voice-figure img {
    border-radius: 10px;
    width: 100%;
    height: auto; }
  .outside-sub-section-voice-box-l {
    width: 85%;
    height: auto;
    float: none;
    top: 40px;
    margin-right: 0%;
    margin: 0 auto;
    position: relative; }
  .lp-section-animal-icon-01 {
    position: absolute;
    z-index: 12;
    top: -35px;
    left: 49%;
    height: 100%;
    width: 100%; }
  .outside-voice-text-black {
    position: relative;
    font-size: 5vw;
    color: #42210b;
    z-index: 13;
    line-height: 2em; }
  .outside-voice-title-small-orange {
    line-height: 32px;
    color: #ef8200;
    font-size: 2vh; }
  .outside-voice-title-small sup {
    margin-top: 5px; }
  .outside-voice-text-02 {
    padding-top: 20px;
    border-top: dashed 2px #42210b;
    line-height: 28px;
    font-size: 2vh; }
  .lp-section-animal-icon-02 {
    position: absolute;
    z-index: 12;
    top: -30px;
    left: 58%;
    height: 85%;
    width: 85%; }
  .outside-voice-box-03 {
    width: 100%;
    height: auto;
    background: #f7ebd0;
    padding: 0px;
    margin: 0 auto;
    overflow: hidden; }
  .lp-section-animal-icon-03 {
    position: absolute;
    z-index: 12;
    top: -32px;
    left: 64%;
    height: 90%;
    width: 80%; }
  /* department */
  .outside-sub-section-department {
    padding-bottom: 30px;
    margin-left: 0; }
  .outside-sub-section-03 {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url(../images/outside/lp-bg-04.png);
    margin-bottom: 40px; }
  .outside-department-box-01 {
    width: 95%;
    height: auto;
    display: inline-block;
    margin-bottom: 15px;
    margin: 0 auto; }
  .outside-department-box-02 {
    width: 95%;
    height: auto;
    display: inline-block;
    margin-bottom: 15px; }
  .outside-department-box-03 {
    width: 45%;
    height: auto;
    display: inline-block;
    margin-right: 3%; }
  .outside-department-box-04 {
    width: 45%;
    height: auto;
    display: inline-block;
    margin-right: 0; }
  .outside-department-box-05 {
    width: 45%;
    height: auto;
    display: inline-block;
    margin-right: 3%; }
  .outside-department-box-06 {
    width: 45%;
    height: auto;
    display: inline-block; }
  .outside-department-link-text {
    margin: 10px 0 10px 0;
    color: #3e92b6;
    position: relative;
    left: 20px;
    font-size: 4vw; }
  .outside-department-link-textaqua {
    margin: 10px 0 10px 0;
    color: #3e92b6;
    position: relative;
    left: 20px;
    font-size: 4vw;
    width: 145px; }
  .outside-department-link-text a {
    color: #3e92b6;
    text-decoration: underline; }
  .outside-department-link-text a:before {
    content: "";
    position: absolute;
    background: url(../images/outside/lp-category-link.png);
    top: 33%;
    left: -22px;
    width: 19px;
    height: 19px;
    margin-top: -5px; }
  .outside-department-link-textaqua a {
    color: #3e92b6;
    text-decoration: underline; }
  .outside-department-link-textaqua a:before {
    content: "";
    position: absolute;
    background: url(../images/outside/lp-category-link.png);
    top: 33%;
    left: -22px;
    width: 19px;
    height: 19px;
    margin-top: -5px; }
  /* information */
  .outside-sub-section-opencampus {
    height: 100%;
    background: url(../images/outside/lp-bg-09.png) no-repeat center;
    padding-bottom: 0px; }
  .outside-sub-section-04 {
    width: 100%;
    height: 155px;
    background-size: cover;
    background-image: url(../images/outside/lp-bg-06.png);
    margin-bottom: 40px; }
  /* opencampus */
  .outside-sub-section-opencampus-box {
    margin: 0 auto;
    position: relative;
    text-align: center; }
  .outside-sub-section-opencampus-support {
    position: absolute;
    top: -123px;
    left: 0%; }
  .outside-sub-section-opencampus-box-l {
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
    display: block;
    width: 80%; }
  .outside-sub-section-opencampus-box-r {
    display: inline-block;
    margin-bottom: 35px;
    margin-right: auto;
    margin-left: auto;
    width: 80%; }
  .outside-sub-section-opencampus-bnr {
    margin-top: 80px;
    padding-bottom: 50px;
    width: 85%;
    height: auto;
    margin: 0 auto; }
  .outside-sub-section-opencampus-top {
    margin-top: 80px;
    padding-bottom: 50px;
    width: 85%;
    height: auto;
    margin: 0 auto; }
  /* infomation */
  .outside-sub-section-05 {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url(../images/outside/lp-bg-08.png);
    margin-bottom: 40px; }
  .outside-sub-section-information {
    text-align: center;
    margin: 0 auto; }
  .outside-information-form-01 {
    display: block;
    margin-right: 0px;
    width: 100%;
    height: auto;
    margin-bottom: 1em; }
  .outside-information-form-02 {
    display: inline-block;
    margin-right: 0px;
    width: 100%;
    height: auto; }
  .outside-tel-box {
    border: solid 2px #42210b;
    padding: 1em;
    margin: 10%; }
  .outside-information-tel figure {
    width: 85%;
    height: auto;
    margin: 1em;
    margin: 0 auto;
    margin-bottom: 0em; }
  .outside-information-tel figure img {
    margin-top: 1em; }
  .outside-information-form {
    width: 100%; }
  .outside-information-list {
    margin-top: 30px;
    margin-left: -30px;
    text-align: left; }
  .outside-information-list-item {
    margin: 0px;
    width: 46%;
    height: 80px;
    background: #f2f2f2;
    color: #3e92b6;
    position: relative;
    left: 30px;
    display: inline-block;
    margin-top: 2px; }
  .outside-information-list-item a {
    color: #3e92b6;
    text-decoration: underline;
    margin-right: -15px;
    padding-top: 30px;
    padding-left: 50px;
    display: block;
    font-size: 4vw;
    width: 100%;
    height: 100%; }
  .outside-information-list-item a:before {
    content: "";
    position: absolute;
    background: url(../images/outside/lp-category-link.png);
    top: 42%;
    left: 20px;
    width: 19px;
    height: 19px;
    margin-top: -5px; }
  .faq-box {
    max-width: 100%;
    width: 85%;
    margin: 2em auto; }
  .outside-line {
    position: relative;
    margin-top: 0;
    padding-top: 0; }
  .outside-sub-section-faq {
    width: 100%;
    height: auto;
    background-size: cover;
    background-image: url(../images/outside/lp-bg-faq.png);
    margin-bottom: 40px; }
  /* =======================================================================
エコで学ぶ10のコト
movie
======================================================================= */
  .m-movie-mv {
    padding-bottom: calc(1080 / 1920 * 100% * 1.5); }
    .m-movie-mv-content__title {
      margin-left: auto;
      margin-right: auto;
      width: 100%; }
    .m-movie-mv-content .text {
      margin: 15px auto 0 auto;
      width: 100%;
      white-space: nowrap;
      font-size: 1.3rem; }
    .m-movie-mv-video video {
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: 100%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%); }
    .m-movie-mv-btn {
      right: 10px;
      bottom: 10px;
      width: 70px;
      height: 70px;
      font-size: 1.2rem;
      padding-bottom: 7px; }
      .m-movie-mv-btn:before {
        position: absolute;
        content: "";
        bottom: 10px;
        width: 8px;
        height: 8px;
        border-left: 2px #ffffff solid;
        border-bottom: 2px #ffffff solid; }
  .m-movie-item {
    height: calc(910 / 740 * 100%);
    position: relative; }
    .m-movie-item--last {
      padding-bottom: 60px; }
      .m-movie-item--last .m-movie-item-bg:before {
        display: none; }
  .m-movie-item-content {
    width: 100%; }
  .m-movie-item-title img {
    width: auto;
    height: 38px; }
  .m-movie-item-title .teacher {
    margin-top: 15px;
    width: 168px;
    font-size: 1.7rem;
    line-height: 1.65;
    text-align: center; }
  .m-movie-lesson {
    width: 100%; }
  .m-movie-btn {
    width: 100%;
    font-size: 23px;
    position: relative; }
    .m-movie-btn a {
      padding: 23px 40px 23px 20px; }
    .m-movie-btn .icon {
      width: 30%; }
      .m-movie-btn .icon--02 {
        display: none; }
    .m-movie-btn .text {
      margin-bottom: 5px;
      font-size: 1.9rem; }
    .m-movie-btn:before {
      position: absolute;
      content: "";
      left: 120px;
      bottom: -100px;
      width: 5px;
      height: 100px;
      background-color: #ffffff; }
    .m-movie-btn:after {
      position: absolute;
      content: "";
      right: 120px;
      bottom: -100px;
      width: 5px;
      height: 100px;
      background-color: #ffffff; }
    .m-movie-btn-content {
      position: relative; }
      .m-movie-btn-content:before {
        position: absolute;
        content: "";
        right: -35px;
        margin-top: -5px;
        width: 10px;
        height: 10px;
        border-right: 2px #ffffff solid;
        border-bottom: 2px #ffffff solid; }
  /* =======================================================================
TV
======================================================================= */
  .m-tv-mv__title {
    font-size: 32px; }
  .m-tv-catSec {
    background-size: 215px auto; }
  .m-tv-logo {
    width: 100px; }
  /* =======================================================================
ECOPRESS
ecopress
======================================================================= */
  .m-ecopress-mv {
    height: 210px; }
    .m-ecopress-mv-title {
      font-size: 2.6rem; }
  .m-ecopress-index-archives {
    margin-right: -20px;
    margin-bottom: -20px; }
    .m-ecopress-index-archives__item {
      width: calc(50% - 20px);
      margin-right: 20px;
      margin-bottom: 20px; }
  .m-ecopress-archives {
    display: block;
    margin-right: 0;
    margin-bottom: 0; }
    .m-ecopress-archives__item {
      width: auto;
      margin-right: 0;
      margin-bottom: 0; }
      .m-ecopress-archives__item + .m-ecopress-archives__item {
        margin-top: 20px; }
    .m-ecopress-archives a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
    .m-ecopress-archives-content {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
      flex: 1 1 0; }
    .m-ecopress-archives-image {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: calc(50% - 20px);
      margin-right: 20px;
      margin-bottom: 0; }
  .m-ecopress-article-heading-vol {
    padding: 5px 10px; } }

@media screen and (max-width: 767px) {
  /* =======================================================================
共通
======================================================================= */
  .m-btn-more {
    width: 100%;
    font-size: 1.7rem;
    position: relative; }
    .m-btn-more:before {
      position: absolute;
      content: "";
      width: 8px;
      height: 8px; }
  /* =======================================================================
festival
======================================================================= */
  .m-festival-mv {
    height: 400px; }
  .m-festival-mv-btn {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 50%; }
  .m-festival-event {
    padding: 30px 15px;
    background-size: 50px; }
  .m-festival-event-text {
    font-size: 1.5rem; }
  .m-festival-event-list {
    margin-left: -15px; }
    .m-festival-event-list__item {
      margin-top: 15px;
      margin-left: 15px;
      width: calc(100% / 4 - 15px); }
  .m-festival-experience-title {
    background: repeating-linear-gradient(90deg, #ffffff 0, #ffffff 15px, #fff000 15px, #fff000 30px);
    font-size: 1.5rem; }
  .m-festival-experience-list {
    margin-top: -30px;
    margin-left: -10px; }
    .m-festival-experience-list__item {
      margin-top: 30px;
      margin-left: 10px;
      position: relative;
      width: calc(100% / 2 - 10px); }
      .m-festival-experience-list__item .number {
        position: absolute;
        top: -20px;
        width: 40px;
        height: 40px;
        padding-right: 5px;
        font-size: 2.3rem; }
  .m-festival-experience-list-content {
    padding: 30px 10px 20px 10px; }
  .m-festival-experience-child-list {
    margin-top: 20px; }
    .m-festival-experience-child-list__item {
      font-size: 1.1rem;
      line-height: 1.5; }
  .m-festival-experience-school {
    padding: 20px 5px;
    font-size: 1.2rem; }
    .m-festival-experience-school .hht {
      position: absolute;
      padding: 5px;
      font-size: 1rem; }
  .m-festival-pickup {
    position: relative;
    background-size: 50px; }
    .m-festival-pickup:before {
      position: absolute;
      content: "";
      top: 12%;
      right: -47%;
      width: 464px;
      height: 464px;
      background-color: #fff000;
      border-radius: 50%; }
    .m-festival-pickup:after {
      position: absolute;
      content: "";
      top: 40%;
      left: -31%;
      width: 464px;
      height: 464px;
      background-color: #fff000;
      border-radius: 50%; }
  .m-festival-pickup-title {
    height: 60px; }
    .m-festival-pickup-title img {
      width: 50%; }
  .m-festival-pickup-item {
    display: block; }
    .m-festival-pickup-item__content {
      margin-left: auto;
      padding: 10px; }
    .m-festival-pickup-item__image {
      width: 70%; }
    .m-festival-pickup-item:nth-of-type(2) {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse; }
      .m-festival-pickup-item:nth-of-type(2) .m-festival-pickup-item__image {
        margin-left: auto;
        width: 70%; }
      .m-festival-pickup-item:nth-of-type(2) .m-festival-pickup-item__content {
        margin-left: auto; }
  .m-festival-pickup-item-title {
    margin-bottom: 10px;
    width: 50%; }
  .m-festival-pickup-logo-list {
    margin-top: 10px; }
    .m-festival-pickup-logo-list li + li {
      margin-left: 5px; }
  .m-festival-pickup-text {
    margin-right: 0; }
  .m-festival-pickup-event {
    padding: 50px 30px 30px 30px;
    display: block; }
    .m-festival-pickup-event__item {
      position: relative;
      width: 100%; }
      .m-festival-pickup-event__item + .m-festival-pickup-event__item {
        margin-left: auto;
        margin-top: 50px; }
  .m-festival-pickup-event-title {
    position: absolute;
    top: -30px;
    left: -15px;
    width: 50%; }
  .m-festival-pickup-event-image img {
    width: 100%; } }

@media screen and (max-width: 767px) {
  /* =======================================================================
オープンキャンパス
カレンダー
======================================================================= */
  .m-opencampus-modal-item {
    display: none;
    width: calc(100% - 40px);
    max-height: inherit;
    height: calc(100vh - 40px); }
    .m-opencampus-modal-item .m-modal-item-close {
      right: 10px;
      top: 10px; }
  .m-opencampus-calendar-slider {
    margin-left: 0px;
    margin-right: 0px; }
    .m-opencampus-calendar-slider__item {
      margin-left: 0;
      margin-right: 0; }
    .m-opencampus-calendar-slider .m-icon-slide-prev,
    .m-opencampus-calendar-slider .m-icon-slide-next {
      top: 18px;
      font-size: 1.2rem; }
    .m-opencampus-calendar-slider .m-icon-slide-prev {
      left: 20px;
      padding-left: 12px; }
    .m-opencampus-calendar-slider .m-icon-slide-next {
      padding-right: 12px;
      right: 20px; }
  .m-opencampus-calendar-nav {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: -10px; }
    .m-opencampus-calendar-nav__item {
      width: calc(50% - 10px);
      margin-right: 10px;
      margin-bottom: 10px; }
      .m-opencampus-calendar-nav__item .icon {
        width: 10px;
        height: 10px;
        margin-right: 5px; }
  .m-opencampus-calendar-btns {
    display: block;
    margin-right: 0; }
    .m-opencampus-calendar-btns__item {
      margin-right: 0; }
      .m-opencampus-calendar-btns__item + .m-opencampus-calendar-btns__item {
        margin-top: 20px; }
  .m-opencampus-calendar-bus {
    width: 100%;
    height: 100px;
    padding: 16px 20px; }
    .m-opencampus-calendar-bus .text {
      font-size: 1.3rem;
      margin-bottom: 10px; }
    .m-opencampus-calendar-bus .date {
      font-size: 2.3rem; }
    .m-opencampus-calendar-bus:before {
      width: 22px;
      height: 22px;
      right: 20px;
      top: 68%; }
    .m-opencampus-calendar-bus:after {
      width: 8px;
      height: 8px;
      border-top-width: 2px;
      border-right-width: 2px;
      right: 28px;
      top: 68%; }
  /* calendar */
  .fc-header-toolbar {
    height: 48px;
    font-size: 1.6rem; }
  .fc-day-header {
    padding: 10px 5px;
    font-size: 1.2rem; }
  .fc-day-top {
    padding: 5px;
    font-size: 1.2rem; }
  .fc-event {
    position: relative;
    display: block;
    overflow: hidden; }
    .fc-event.oc, .fc-event.bus, .fc-event.briefing, .fc-event.sp, .fc-event.parent {
      width: 18px;
      height: 18px; }
    .fc-event.text {
      font-size: 1rem; }
  .fc-event-container {
    padding: 5px; }
  .fc-content-skeleton tbody td {
    height: 52px; } }

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
keyframes
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    display: none; }
  1% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 1;
    display: block; } }
@keyframes fadeIn {
  0% {
    opacity: 0;
    display: none; }
  1% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 1;
    display: block; } }

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    display: block; }
  99% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 0;
    display: none; } }

@keyframes fadeOut {
  0% {
    opacity: 1;
    display: block; }
  99% {
    opacity: 0;
    display: block; }
  100% {
    opacity: 0;
    display: none; } }

@-webkit-keyframes fadeUp {
  0% {
    opacity: 0;
    display: none;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  1% {
    opacity: 0;
    display: block;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  100% {
    opacity: 1;
    display: block;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@keyframes fadeUp {
  0% {
    opacity: 0;
    display: none;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  1% {
    opacity: 0;
    display: block;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  100% {
    opacity: 1;
    display: block;
    -webkit-transform: translateY(0px);
    transform: translateY(0px); } }

@-webkit-keyframes homeLine {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  1% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes homeLine {
  0% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  1% {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes homeMvTitle {
  0% {
    opacity: 0;
    display: none;
    -webkit-transform: translate3d(-50%, -40%, 0);
    transform: translate3d(-50%, -40%, 0); }
  1% {
    opacity: 0;
    display: block;
    -webkit-transform: translate3d(-50%, -40%, 0);
    transform: translate3d(-50%, -40%, 0); }
  100% {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); } }

@keyframes homeMvTitle {
  0% {
    opacity: 0;
    display: none;
    -webkit-transform: translate3d(-50%, -40%, 0);
    transform: translate3d(-50%, -40%, 0); }
  1% {
    opacity: 0;
    display: block;
    -webkit-transform: translate3d(-50%, -40%, 0);
    transform: translate3d(-50%, -40%, 0); }
  100% {
    opacity: 1;
    display: block;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0); } }

@media screen and (min-width: 768px) {
  .m-home-mv__loading.is-active {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .m-home-mv__title {
    -webkit-transform: translate3d(-50%, -40%, 0);
    transform: translate3d(-50%, -40%, 0);
    opacity: 0; }
    .m-home-mv__title.is-active {
      -webkit-animation-name: homeMvTitle;
      animation-name: homeMvTitle;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-direction: normal;
      animation-direction: normal;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 1.5s;
      animation-delay: 1.5s; }
  .m-home-feature__content,
  .m-home-department-list__item,
  .m-home-graduate .l-inner,
  .m-home-opencampus .l-inner {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
    .m-home-feature__content.is-active,
    .m-home-department-list__item.is-active,
    .m-home-graduate .l-inner.is-active,
    .m-home-opencampus .l-inner.is-active {
      -webkit-animation-name: fadeUp;
      animation-name: fadeUp;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-direction: normal;
      animation-direction: normal;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 0s;
      animation-delay: 0s; }
  .m-home-feature__content:before {
    opacity: 0;
    -webkit-transform: translateY(50px);
    transform: translateY(50px); }
  .m-home-feature__content.is-active:before {
    -webkit-animation-name: fadeUp;
    animation-name: fadeUp;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s; }
  .m-home-department-title {
    opacity: 0; }
    .m-home-department-title.is-active {
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
      -webkit-animation-timing-function: ease-in-out;
      animation-timing-function: ease-in-out;
      -webkit-animation-iteration-count: 1;
      animation-iteration-count: 1;
      -webkit-animation-direction: normal;
      animation-direction: normal;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-delay: 1.2s;
      animation-delay: 1.2s; }
  .m-home-department-list__item:nth-of-type(1).is-active {
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .m-home-department-list__item:nth-of-type(2).is-active {
    -webkit-animation-delay: .2s;
    animation-delay: .2s; }
  .m-home-department-list__item:nth-of-type(3).is-active {
    -webkit-animation-delay: .4s;
    animation-delay: .4s; }
  .m-home-department-list__item:nth-of-type(4).is-active {
    -webkit-animation-delay: .6s;
    animation-delay: .6s; }
  .m-home-department-list__item:nth-of-type(5).is-active {
    -webkit-animation-delay: .8s;
    animation-delay: .8s; }
  .m-home-department-list__item:nth-of-type(6).is-active {
    -webkit-animation-delay: 1s;
    animation-delay: 1s; }
  .m-home-line:before {
    -webkit-transform: translateY(100%);
    transform: translateY(100%); }
  .m-home-line.is-active:before {
    -webkit-animation-name: homeLine;
    animation-name: homeLine;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s; }
  .m-home-department-list__item a {
    overflow: hidden; }
    .m-home-department-list__item a .m-home-department-list__item__image {
      -webkit-transition: 1s;
      transition: 1s; }
    .m-home-department-list__item a:hover .m-home-department-list__item__image {
      -webkit-transform: scale(1.1);
      transform: scale(1.1); } }