@charset "UTF-8";

/* Scss Document */

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

header {

  position: fixed;

  left: 0;

  top: 0;

  width: 100%;

  z-index: 9999;

  transition: .5s; }

  header.active {

    background-color: #fff; }

    header.active .header_box h1 a {

      color: #384158; }

    header.active .header_menu a {

      color: #384158; }



.header_box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: center;

  padding: 0 40px;

  height: 120px; }

  .header_box h1 {

    letter-spacing: 0.05em;

    font: 1.8rem/1.7em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    position: relative;

    padding: 0 0 0 70px;

    color: #fff; }

    .header_box h1:before {

      position: absolute;

      content: "";

      display: block;

      width: 56px;

      height: 70px;

      left: 0;

      top: -7px;

      background: url("../images/logo.svg") center center no-repeat;

      background-size: contain; }

    .header_box h1 a {

      color: #fff; }



nav {

  max-width: 600px;

  width: calc(100% - 380px); }



.header_menu {

  width: 100%;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  align-items: flex-start; }

  .header_menu p {

    display: none; }

  .header_menu ul {

    display: none; }

  .header_menu a {

    font: 1.6rem/1.6em 'Noto Sans JP', sans-serif;

    font-weight: 500;

    color: #fff; }

  .header_menu .sp_none {

    display: none; }



@media (max-width: 1280px) {

  .header_box {

    padding: 0 20px; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  header {

    /*background-color: #fff;

    .header_box{

      h1{

        a{

          color: $main;

        }

      }//h1

    }// 

    nav{

      a{  

      color: #fff !important;

        font:1.6rem/1.6em 'Noto Sans JP', sans-serif;

        font-weight: 400;

      }

    }//nav*/ }



  .header_box {

    padding: 0 0 0 20px;

    height: 60px; }

    .header_box h1 {

      font: 1.6rem/1.5em 'Noto Sans JP', sans-serif;

      font-weight: 500;

      position: relative;

      padding: 0 0 0 45px; }

      .header_box h1:before {

        width: 37px;

        height: 45px;

        left: 0;

        top: 0px; }



  nav {

    max-width: 100%;

    width: 100%;

    background: linear-gradient(to right, #0080BF, #18A068);

    position: absolute;

    right: 0;

    top: 60px;

    max-height: 0;

    transition: .5s;

    overflow: hidden;

    opacity: 0; }

    nav.sp_active {

      opacity: 1;

      overflow: scroll;

      max-height: 100vh;

      height: 100vh;

      padding: 0 0 30%; }

    nav a {

      color: #fff; }



  .header_menu {

    width: 100%;

    display: block;

    border-bottom: 1px solid #A7D7D6; }

    .header_menu p {

      display: block;

      font: 1.6rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      width: 100%;

      letter-spacing: 0.25em;

      margin: 0 0 20px;

      padding: 50px 30px 0;

      color: #fff; }

    .header_menu ul {

      display: block;

      max-height: 0;

      transition: .5s;

      overflow: hidden;

      opacity: 0; }

      .header_menu ul.sp_active {

        opacity: 1;

        max-height: 100vh;

        padding: 0 0 10px; }

    .header_menu li {

      padding: 0 50px; }

      .header_menu li a {

        color: #fff;

        position: relative;

        padding: 8px 10px 8px 16px;

        display: block;

        width: 100%;

        border: none;

        position: relative; }

        .header_menu li a br {

          display: none; }

        .header_menu li a:before {

          position: absolute;

          content: "-";

          left: 3px; }

        .header_menu li a.second {

          margin: 0 0 0 16px; }

    .header_menu span {

      display: block;

      border-top: 1px solid #A7D7D6; }

    .header_menu a {

      width: 100%;

      font: 1.6rem/2.2em 'Noto Sans JP', sans-serif;

      font-weight: 500;

      color: #fff !important;

      display: block;

      padding: 15px 30px; }

      .header_menu a.no_link {

        pointer-events: none; }

    .header_menu .btn_nav {

      position: relative; }

      .header_menu .btn_nav:before {

        position: absolute;

        content: "";

        display: block;

        width: 15px;

        height: 1px;

        background-color: #fff;

        right: 30px;

        top: 30px; }

      .header_menu .btn_nav:after {

        position: absolute;

        content: "";

        display: block;

        width: 1px;

        height: 15px;

        background-color: #fff;

        right: 37px;

        top: 23px;

        transition: .3s; }

      .header_menu .btn_nav.sp_active:after {

        opacity: 0; }

    .header_menu .sp_none {

      display: block; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  header {

    background-color: #fff; }

    header h1 a {

      color: #384158 !important; } }

@media (max-width: 480px) {

  .header_box {

    padding: 0 0 0 10px;

    height: 60px; }

    .header_box h1 {

      font: 1.4rem/1.4em 'Noto Sans JP', sans-serif;

      font-weight: 500;

      position: relative;

      padding: 0 0 0 35px; }

      .header_box h1:before {

        width: 28px;

        height: 41px;

        top: -1px; }

      .header_box h1 a {

        color: #fff; }



  .header_menu p {

    padding: 40px 30px 0;

    color: #fff; } }

/*max-width:480px*/

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

.toggle {

  display: none; }



@media (max-width: 1024px) {

  .toggle {

    display: block;

    width: 60px;

    height: 60px;

    position: relative; }

    .toggle span {

      position: absolute;

      display: block;

      width: 35px;

      height: 1px;

      background-color: #ffffff;

      left: 50%;

      -webkit-transform: translate(-50%, -50%);

      /* Safari用 */

      transform: translate(-50%, -50%);

      transition: .3s; }

      .toggle span:nth-of-type(1) {

        top: 30%; }

      .toggle span:nth-of-type(2) {

        top: 50%; }

      .toggle span:nth-of-type(3) {

        top: 70%; }

    .toggle.fixed span {

      background-color: #384158; }

    .toggle.sp_active span:nth-of-type(1) {

      top: 50%;

      -webkit-transform: translate(-50%, -50%) rotate(-45deg);

      /* Safari用 */

      transform: translate(-50%, -50%) rotate(-45deg); }

    .toggle.sp_active span:nth-of-type(2) {

      opacity: 0; }

    .toggle.sp_active span:nth-of-type(3) {

      top: 50%;

      -webkit-transform: translate(-50%, -50%) rotate(45deg);

      /* Safari用 */

      transform: translate(-50%, -50%) rotate(45deg); } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .toggle span {

    background-color: #384158; } }

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

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

.side {

  background: linear-gradient(#0080BF, #18A068);

  width: fit-content;

  position: fixed;

  z-index: 9000;

  right: -10px;

  top: 160px;

  border-radius: 10px 0 0 10px;

  transition: .3s;

  overflow: hidden; }

  .side a {

    transition: .3s;

    display: block;

    writing-mode: vertical-rl;

    width: 80px;

    height: 260px;

    font: 2.0rem/88px 'Noto Serif JP', serif;

    font-weight: 500;

    letter-spacing: 0.1em;

    text-align: center;

    padding: 0 0 50px;

    color: #fff;

    position: relative;

    z-index: 5; }

    .side a:before {

      display: block;

      position: absolute;

      background: url("../images/common/side.svg") center center no-repeat;

      background-size: contain;

      content: "";

      width: 40px;

      height: 40px;

      border-radius: 50%;

      left: 17px;

      bottom: 20px;

      transition: .3s; }

  .side:before {

    transition: .3s;

    position: absolute;

    content: "";

    width: 100%;

    height: 100%;

    background-color: #fff;

    left: 0;

    top: 0;

    opacity: 0; }

  .side:hover:before {

    opacity: 1; }

  .side:hover a {

    color: #384158; }

    .side:hover a:before {

      background: url("../images/common/side_hover.svg") center center no-repeat;

      background-size: contain; }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .side {

    top: auto;

    right: auto;

    bottom: -55px;

    left: 50%;

    -webkit-transform: translate(-50%, 0%);

    /* Safari用 */

    transform: translate(-50%, 0%);

    border: 1px solid #fff;

    border-radius: 15px 15px 0 0;

    transition: .3s;

    overflow: visible; }

    .side a {

      writing-mode: horizontal-tb;

      width: 540px;

      height: 50px;

      font: 2.0rem/48px 'Noto Serif JP', serif;

      font-weight: 500;

      text-align: center;

      padding: 0 0 0 0;

      z-index: 5;

      border-radius: 15px 15px 0 0; }

      .side a span {

        position: relative;

        padding: 0 45px 0 0;

        display: inline-block; }

        .side a span:before {

          display: block;

          position: absolute;

          background: url("../images/common/side.svg") center center no-repeat;

          background-size: contain;

          content: "";

          width: 30px;

          height: 30px;

          border-radius: 50%;

          top: 50%;

          left: auto;

          right: 0;

          -webkit-transform: translate(0%, -50%);

          /* Safari用 */

          transform: translate(0%, -50%);

          transition: .3s; }

      .side a:before {

        display: none; }

    .side:before {

      display: none; }

    .side.sp_active {

      bottom: -1px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .side {

    width: calc(100% - 65px);

    left: 5px;

    -webkit-transform: translate(0%, 0%);

    /* Safari用 */

    transform: translate(0%, 0%); }

    .side a {

      max-width: 100%;

      width: 100%; }

      .side a span {

        margin: 0 auto; }

    .side.sp_active {

      bottom: -1px; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .side {

    width: calc(100% - 65px);

    max-width: 300px;

    left: 5px;

    -webkit-transform: translate(0%, 0%);

    /* Safari用 */

    transform: translate(0%, 0%);

    border: 2px solid #fff; }

    .side a {

      max-width: 100%;

      width: 100%; }

      .side a span {

        margin: 0 auto; }

    .side.sp_active {

      bottom: -1px; } }

/*max-width:768px*/

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

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

.page_top {

  display: block;

  width: 70px;

  height: 70px;

  border-radius: 50%;

  background: linear-gradient(45deg, #0080BF, #18A068);

  position: fixed;

  z-index: 9000;

  right: 5px;

  bottom: -75px;

  border: 1px solid #fff;

  text-align: center;

  font: 1.4rem/95px 'Noto Serif JP', serif;

  font-weight: 400;

  color: #fff;

  transition: .3s; }

  .page_top:hover {

    cursor: pointer;

    bottom: 10px; }

  .page_top.active {

    bottom: 5px; }

  .page_top:before {

    position: absolute;

    content: "";

    display: block;

    width: 20px;

    height: 20px;

    background: url("../images/common/arrow_icon_white.svg") center center no-repeat;

    background-size: contain;

    top: 17%;

    left: 35%;

    -webkit-transform: translate(-50%, -50%);

    /* Safari用 */

    transform: translate(-50%, -50%);

    transform: rotate(-90deg); }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .page_top {

    display: block;

    width: 50px;

    height: 51px;

    font: 1.2rem/65px 'Noto Serif JP', serif;

    font-weight: 400; }

    .page_top:hover {

      cursor: pointer; }

    .page_top.active {

      bottom: -1px; }

    .page_top:before {

      width: 15px;

      height: 15px;

      left: 35%; }



  /*.page_top{

    display: block;

    width: 50px;

    height: 51px;

    background: linear-gradient(45deg,#0080BF, #18A068); 

    position: fixed;

    z-index: 9000;

    right:5px;

    bottom: -51px;

    border: 1px solid #fff;

    text-align: center;

    font:1.4rem/47px 'Noto Serif JP', serif;

    font-weight: 400;

    color: #fff;

    transition: .3s;

    border-radius: 10px 10px 0 0;

    &:hover{

      cursor: pointer;

    }

    &.active{

      bottom: -1px;

    }

    &:before{

      display: none;

    }

  }

    */ }

/*max-width:1024px*/

/*max-width:768px*/

/*max-width:480px*/

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

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

footer {

  color: #fff;

  background: linear-gradient(90deg, #0080BF, #18A068);

  position: relative;

  z-index: 8888; }



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

.footer_conttact {

  padding: 95px 0;

  border-bottom: 1px solid #A7D7D6;

  text-align: center; }

  .footer_conttact small {

    font: 1.6rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    display: block;

    margin: 0 0 40px; }

  .footer_conttact p {

    font: 3.4rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500; }

  .footer_conttact span {

    margin: 20px 0 0;

    display: block;

    font: 1.8rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500; }



.footer_conttact_flex {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: center;

  justify-content: center;

  width: 100%; }

  .footer_conttact_flex p {

    font: 2.6rem/1.0em 'Noto Serif JP', serif;

    letter-spacing: 0.1em; }



.footer_tell {

  padding: 70px 55px;

  width: calc(100%/2);

  max-width: 1000px;

  text-align: center; }

  .footer_tell a {

    color: #fff;

    margin: 30px auto 0;

    display: block;

    width: fit-content;

    font: 4.2rem/1.0em 'Noto Serif JP', serif;

    letter-spacing: 0.1em; }



.footer_mail {

  text-align: center;

  padding: 60px 0 65px;

  width: calc(100%/2);

  max-width: 1000px;

  border-left: 1px solid #A7D7D6; }

  .footer_mail a {

    max-width: 400px;

    width: 100%;

    display: block;

    background-color: #fff;

    height: 65px;

    border: 1px solid #fff;

    margin: 30px auto 0;

    border-radius: 50px;

    color: #384158;

    font: 1.8rem/62px 'Noto Serif JP', serif;

    font-weight: 500;

    letter-spacing: 0.1em;

    position: relative; }

    .footer_mail a:before {

      position: absolute;

      content: "";

      display: block;

      background: url("../images/common/arrow_icon.svg") center center no-repeat;

      background-size: contain;

      width: 23px;

      height: 19px;

      right: 45px;

      top: 22px; }

    .footer_mail a:hover {

      background-color: inherit;

      color: #fff; }

      .footer_mail a:hover:before {

        background: url("../images/common/arrow_icon_white.svg") center center no-repeat;

        background-size: contain; }



.footer_box {

  padding: 95px 30px 120px;

  border-top: 1px solid #A7D7D6;

  width: 100%; }



.footer_item {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between;

  max-width: 1440px;

  margin: 0 auto; }



.footer_address {

  max-width: 415px; }

  .footer_address dl {

    letter-spacing: 0.05em;

    margin: 0 0 55px; }

  .footer_address dt {

    font: 2.0rem/1.8em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    padding: 0 0 0 90px;

    position: relative;

    margin: 0 0 35px; }

    .footer_address dt:before {

      position: absolute;

      content: "";

      display: block;

      background: url("../images/logo_white.svg") center center no-repeat;

      background-size: contain;

      width: 70px;

      height: 87px;

      left: 0; }

  .footer_address dd {

    font: 1.6rem/1.9em 'Noto Sans JP', sans-serif;

    font-weight: 400; }

    .footer_address dd a {

      color: #fff; }

  .footer_address small {

    font: 1.2rem/1.8em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    letter-spacing: 0.1em; }



.footer_menu {

  max-width: 860px;

  width: calc(100% - 440px); }

  .footer_menu p {

    font: 1.8rem/1.0em 'Noto Serif JP', serif;

    font-weight: 400;

    width: 100%;

    letter-spacing: 0.25em;

    margin: 0 0 30px; }

  .footer_menu dl {

    font: 1.6rem/2.2em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    margin: 0 0; }

  .footer_menu .only {

    margin: 0 0 10px; }

  .footer_menu a, .footer_menu span {

    font: 1.6rem/2.2em 'Noto Sans JP', sans-serif;

    font-weight: 400;

    color: #fff;

    display: block;

    width: fit-content; }

    .footer_menu a.only, .footer_menu span.only {

      margin: 0 0 10px; }

    .footer_menu a:hover, .footer_menu span:hover {

      cursor: pointer; }

  .footer_menu a:hover {

    color: yellow; }

  .footer_menu li a {

    color: #fff;

    position: relative;

    padding: 0 16px 0 16px;

    display: block;

    width: fit-content; }

    .footer_menu li a.no_dot {

      padding: 0;

      margin: 0; }

      .footer_menu li a.no_dot:before {

        display: none; }

    .footer_menu li a:before {

      position: absolute;

      content: "-";

      left: 3px; }

    .footer_menu li a.second {

      margin: 0 0 0 16px; }



.footer_menu_box {

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: space-between; }



@media (max-width: 1280px) {

  .footer_item {

    flex-direction: column; }



  .footer_menu {

    width: 100%;

    max-width: 840px;

    margin: 0 auto 80px;

    order: 1; }



  .footer_address {

    max-width: 415px;

    margin: 0 auto;

    order: 2; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .footer_conttact {

    padding: 75px 0; }



  .footer_tell a {

    font: 3.5rem/1.0em 'Noto Serif JP', serif;

    letter-spacing: 0.1em; }



  .footer_mail {

    padding: 45px 30px; }



  .footer_box {

    padding: 75px 30px 100px; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .footer_conttact {

    display: none; }



  .footer_conttact_flex p {

    font: 2.0rem/1.0em 'Noto Serif JP', serif;

    letter-spacing: 0.1em; }



  .footer_tell {

    width: 100%;

    border-bottom: 1px solid #A7D7D6; }

    .footer_tell a {

      margin: 25px auto 0;

      font: 3.5rem/1.0em 'Noto Serif JP', serif;

      letter-spacing: 0.1em; }



  .footer_mail {

    width: 100%;

    border-left: none; }

    .footer_mail a {

      height: 65px;

      margin: 30px auto 0;

      font: 1.8rem/62px 'Noto Serif JP', serif;

      font-weight: 500; }



  .footer_box {

    padding: 95px 0 120px; }



  .footer_item {

    flex-direction: column; }



  .footer_menu {

    max-width: 860px;

    width: 100%;

    border-bottom: 1px solid #A7D7D6; }

    .footer_menu p {

      padding: 0 30px; }

    .footer_menu .only {

      margin: 0; }

    .footer_menu a, .footer_menu span {

      padding: 15px 30px;

      font: 1.6rem/2.2em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      width: 100%;

      transition: .3s;

      border-top: 1px solid #A7D7D6; }

      .footer_menu a.only, .footer_menu span.only {

        margin: 0; }

    .footer_menu span {

      position: relative; }

      .footer_menu span:before {

        position: absolute;

        content: "";

        display: block;

        width: 15px;

        height: 1px;

        background-color: #fff;

        right: 30px;

        top: 30px; }

      .footer_menu span:after {

        position: absolute;

        content: "";

        display: block;

        width: 1px;

        height: 15px;

        background-color: #fff;

        right: 37px;

        top: 23px;

        transition: .3s; }

      .footer_menu span.sp_active:after {

        opacity: 0; }

    .footer_menu ul {

      max-height: 0;

      transition: .5s;

      overflow: hidden;

      opacity: 0; }

      .footer_menu ul.sp_active {

        opacity: 1;

        max-height: 100vh;

        padding: 0 0 10px; }

    .footer_menu li {

      padding: 0 50px; }

      .footer_menu li a {

        color: #fff;

        position: relative;

        padding: 10px 10px 10px 16px;

        display: block;

        width: 100%;

        border: none; }

        .footer_menu li a br {

          display: none; }



  .footer_menu_box {

    display: block; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .footer_conttact_flex p {

    font: 1.7rem/1.0em 'Noto Serif JP', serif;

    letter-spacing: 0.1em; }



  .footer_tell {

    padding: 35px 0; }

    .footer_tell a {

      margin: 20px auto 0;

      width: fit-content;

      font: 2.2rem/1.0em 'Noto Serif JP', serif;

      letter-spacing: 0.1em; }



  .footer_mail {

    padding: 35px 0; }

    .footer_mail a {

      max-width: 280px;

      height: 50px;

      margin: 20px auto 0;

      font: 1.6rem/48px 'Noto Serif JP', serif;

      font-weight: 500; }

      .footer_mail a:before {

        width: 18px;

        height: 19px;

        right: 25px;

        top: 14px; }



  .footer_box {

    padding: 55px 0 100px; }



  .footer_item {

    flex-direction: column;

    max-width: 1440px;

    margin: 0 auto; }



  .footer_address {

    width: 100%;

    margin: 0 auto; }

    .footer_address dl {

      max-width: 315px;

      width: 100%;

      letter-spacing: 0.05em;

      margin: 0 auto 20px; }

    .footer_address dt {

      font: 1.6rem/1.8em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      padding: 0 0 0 65px;

      position: relative;

      margin: 0 0 20px; }

      .footer_address dt:before {

        width: 50px;

        height: 62px;

        left: 0; }

    .footer_address dd {

      font: 1.5rem/1.9em 'Noto Sans JP', sans-serif;

      font-weight: 400; }

      .footer_address dd a {

        color: #fff; }

    .footer_address small {

      display: block;

      max-width: 315px;

      width: 100%;

      margin: 0 auto;

      font: 1.2rem/1.8em 'Noto Sans JP', sans-serif;

      font-weight: 400;

      letter-spacing: 0.1em; }



  .footer_menu {

    margin: 0 auto 50px; }

    .footer_menu p {

      font: 1.5rem/1.0em 'Noto Serif JP', serif;

      font-weight: 400;

      width: 100%;

      letter-spacing: 0.25em;

      margin: 0 0 20px;

      padding: 0 30px; }

    .footer_menu a, .footer_menu span {

      padding: 15px 30px;

      font: 1.5rem/2.2em 'Noto Sans JP', sans-serif;

      font-weight: 400; } }

/*max-width:480px*/

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

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

.mv {

  height: 600px;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: column;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: center;

  justify-content: center;

  align-items: center;

  position: relative; }

  .mv:before {

    position: absolute;

    content: "";

    display: block;

    width: 100%;

    height: 8px;

    bottom: 0;

    left: 0;

    background: linear-gradient(90deg, #0080BF, #18A068); }

  .mv.news_mv {

    background: url("../images/news/mv.jpg") center center no-repeat;

    background-size: cover; }

  .mv.center-introduction_mv {

    background: url("../images/center_introduction/mv.jpg") center center no-repeat;

    background-size: cover; }

  .mv.contact_mv {

    background: url("../images/contact/mv.jpg") center center no-repeat;

    background-size: cover; }

  .mv.performance_mv {

    background: url("../images/performance/mv.jpg") center center no-repeat;

    background-size: cover; }

  .mv.staff_mv {

    background: url("../images/staff/mv.jpg") center center no-repeat;

    background-size: cover; }

  .mv.staff_mv {

    background: url("../images/staff/mv.jpg") center center no-repeat;

    background-size: cover; }

  .mv.edication_mv {

    background: url("../images/education/education_mv.jpg") center center no-repeat;

    background-size: cover;

    height: 700px; }

  .mv.specialist_mv {

    background: url("../images/education_specialist/mv.jpg") center center no-repeat;

    background-size: cover;

    height: 700px; }

  .mv.initial_trainingt_mv {

    background: url("../images/education-initial_training/mv.jpg") center center no-repeat;

    background-size: cover;

    height: 700px; }

  .mv.undergraduate_mv {

    background: url("../images/education-undergraduate/mv.jpg") center center no-repeat;

    background-size: cover;

    height: 700px; }

  .mv.short-term-training_mv {

    background: url("../images/education-short-term-training/mv.jpg") center center no-repeat;

    background-size: cover;

    height: 700px; }



.mv_ttl {

  width: calc(100% - 100px);

  max-width: 720px;

  margin: 0 auto;

  border-left: 1px solid #fff;

  border-right: 1px solid #fff;

  color: #fff;

  text-align: center;

  position: relative; }

  .mv_ttl:before {

    position: absolute;

    content: "";

    display: block;

    height: 1px;

    width: calc((100% - 50px)/2);

    background-color: #d7d9de;

    bottom: -1px;

    left: -1px; }

  .mv_ttl:after {

    position: absolute;

    content: "";

    display: block;

    height: 1px;

    width: calc((100% - 50px)/2);

    background-color: #d7d9de;

    bottom: -1px;

    right: -1px; }

  .mv_ttl > div {

    position: relative;

    width: 100%;

    height: 100%;

    padding: 50px 40px; }

    .mv_ttl > div:before {

      position: absolute;

      content: "";

      display: block;

      height: 1px;

      background-color: #d7d9de;

      top: -1px;

      left: -1px; }

    .mv_ttl > div:after {

      position: absolute;

      content: "";

      display: block;

      height: 1px;

      background-color: #d7d9de;

      top: -1px;

      right: -1px; }

  .mv_ttl span {

    position: absolute;

    top: -1.0rem;

    left: 50%;

    -webkit-transform: translate(-50%, 0%);

    /* Safari用 */

    transform: translate(-50%, 0%);

    font: 1.6rem/1.0em 'Noto Serif JP', serif;

    font-weight: 400; }

  .mv_ttl p {

    position: relative;

    font: 2.8rem/1.0em 'Noto Serif JP', serif;

    font-weight: 500;

    letter-spacing: 0.2em; }

    .mv_ttl p:before {

      position: absolute;

      content: "";

      display: block;

      height: 80px;

      width: 1px;

      background-color: #d7d9de;

      top: 60px;

      left: 50%;

      -webkit-transform: translate(-50%, 0%);

      /* Safari用 */

      transform: translate(-50%, 0%); }

    .mv_ttl p:after {

      position: absolute;

      content: "";

      display: block;

      height: 6px;

      width: 6px;

      border-radius: 50%;

      background-color: #d7d9de;

      top: 60px;

      left: 50%;

      -webkit-transform: translate(-50%, 0%);

      /* Safari用 */

      transform: translate(-50%, 0%);

      animation-name: after;

      animation-fill-mode: backwards;

      animation-duration: 3s;

      animation-iteration-count: infinite;

      animation-timing-function: ease-out; }

  .mv_ttl.center-introduction_mv_ttl > div:before {

    width: calc((100% - 180px)/2); }

  .mv_ttl.center-introduction_mv_ttl > div:after {

    width: calc((100% - 180px)/2); }

  .mv_ttl.news_mv_ttl > div:before {

    width: calc((100% - 100px)/2); }

  .mv_ttl.news_mv_ttl > div:after {

    width: calc((100% - 100px)/2); }

  .mv_ttl.contact_mv_ttl > div:before {

    width: calc((100% - 110px)/2); }

  .mv_ttl.contact_mv_ttl > div:after {

    width: calc((100% - 110px)/2); }

  .mv_ttl.performance_mv_ttl > div:before {

    width: calc((100% - 130px)/2); }

  .mv_ttl.performance_mv_ttl > div:after {

    width: calc((100% - 130px)/2); }

  .mv_ttl.staff_mv_ttl > div:before {

    width: calc((100% - 160px)/2); }

  .mv_ttl.staff_mv_ttl > div:after {

    width: calc((100% - 160px)/2); }



@keyframes after {

  0% {

    top: 60px; }

  90% {

    top: 140px; }

  100% {

    top: 140px; } }

/*max-width:1280px*/

@media (max-width: 1024px) {

  .mv {

    height: 50vh; } }

/*max-width:1024px*/

@media (max-width: 768px) {

  .mv {

    height: 50vh;

    padding: 20px 0 0 0; }

    .mv.edication_mv {

      background: url("../images/education/sp_education_mv.jpg") center center no-repeat;

      background-size: cover; }

    .mv.specialist_mv {

      background: url("../images/education_specialist/sp_mv.jpg") center center no-repeat;

      background-size: cover; }

    .mv.initial_trainingt_mv {

      background: url("../images/education-initial_training/sp_mv.jpg") center center no-repeat;

      background-size: cover; }

    .mv.undergraduate_mv {

      background: url("../images/education-undergraduate/sp_mv.jpg") center center no-repeat;

      background-size: cover; }

    .mv.short-term-training_mv {

      background: url("../images/education-short-term-training/sp_mv.jpg") center center no-repeat;

      background-size: cover; }

    .mv p {

      position: relative;

      font: 2.2rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500;

      letter-spacing: 0.2em; } }

/*max-width:768px*/

@media (max-width: 480px) {

  .mv {

    height: 300px;

    padding: 35px 0 0 0; }

    .mv:before {

      position: absolute;

      content: "";

      display: block;

      width: 100%;

      height: 5px;

      bottom: 0;

      left: 0;

      background: linear-gradient(90deg, #0080BF, #18A068); }

    .mv.center-introduction_mv {

      background: url("../images/center_introduction/sp_mv.jpg") center center no-repeat;

      background-size: cover;

      height: 300px; }

    .mv.performance_mv {

      background: url("../images/performance/sp_mv.jpg") center center no-repeat;

      background-size: cover;

      height: 300px; }

    .mv.staff_mv {

      background: url(../images/staff/sp_mv.jpg) center center no-repeat;

      background-size: cover;

      height: 300px; }

    .mv.edication_mv {

      background: url("../images/education/sp_education_mv.jpg") center center no-repeat;

      background-size: cover;

      height: 60vh;

      padding: 0 0 3%; }

    .mv.specialist_mv {

      background: url("../images/education_specialist/sp_mv.jpg") center center no-repeat;

      background-size: cover;

      height: 60vh;

      padding: 0 0 3%; }

    .mv.initial_trainingt_mv {

      background: url("../images/education-initial_training/sp_mv.jpg") center center no-repeat;

      background-size: cover;

      height: 60vh;

      padding: 0 0 3%; }

    .mv.undergraduate_mv {

      background: url("../images/education-undergraduate/sp_mv.jpg") center center no-repeat;

      background-size: cover;

      height: 60vh;

      padding: 0 0 3%; }

    .mv.short-term-training_mv {

      background: url("../images/education-short-term-training/sp_mv.jpg") center center no-repeat;

      background-size: cover;

      height: 60vh;

      padding: 0 0 3%; }



  .mv_ttl {

    width: calc(100% - 80px);

    max-width: 480px;

    margin: 0 auto; }

    .mv_ttl:before {

      width: calc((100% - 30px)/2); }

    .mv_ttl:after {

      width: calc((100% - 30px)/2); }

    .mv_ttl > div {

      padding: 35px 20px; }

    .mv_ttl span {

      font: 1.4rem/1.0em 'Noto Serif JP', serif;

      font-weight: 400;

      width: 100%;

      display: block; }

    .mv_ttl p {

      font: 1.8rem/1.0em 'Noto Serif JP', serif;

      font-weight: 500; }

      .mv_ttl p:before {

        height: 50px;

        top: 40px;

        left: 50%;

        -webkit-transform: translate(-50%, 0%);

        /* Safari用 */

        transform: translate(-50%, 0%); }

      .mv_ttl p:after {

        height: 5px;

        width: 5px;

        top: 60px;

        left: 50%;

        -webkit-transform: translate(-50%, 0%);

        /* Safari用 */

        transform: translate(-50%, 0%); }



  @keyframes after {

    0% {

      top: 35px; }

    90% {

      top: 85px; }

    100% {

      top: 85px; } } }

/*max-width:480px*/

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

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

.pagination {

  max-width: 300px;

  margin: 0 auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  flex-direction: row;

  flex-wrap: wrap;

  -webkit-box-pack: justify;

  -ms-flex-pack: justify;

  -webkit-justify-content: space-between;

  justify-content: center;

  align-items: center; }

  .pagination a, .pagination span {

    font: 1.8rem/28px 'Noto Serif JP', serif;

    font-weight: 400;

    margin: 0 5px;

    padding: 0 5px;

    height: 30px;

    color: #384158; }

  .pagination a:hover {

    color: #69A3D8; }

  .pagination span {

    position: relative; }

    .pagination span:before {

      position: absolute;

      content: "";

      width: 100%;

      height: 1px;

      border-bottom: 1px solid #ccc;

      left: 0;

      bottom: 0; }



@media (max-width: 768px) {

  .pagination {

    max-width: 300px;

    margin: 0 auto 60px; }

    .pagination a, .pagination span {

      font: 1.8rem/28px 'Noto Serif JP', serif;

      font-weight: 400;

      margin: 0 5px;

      padding: 0 5px;

      height: 30px; } }

/*max-width:480px*/

@media (max-width: 480px) {

  .pagination {

    max-width: 300px;

    margin: 0 auto; }

    .pagination a, .pagination span {

      font: 1.5rem/28px 'Noto Serif JP', serif;

      font-weight: 400;

      margin: 0 5px;

      padding: 0 5px;

      height: 30px; } }

/*max-width:480px*/

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

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

.target_link {

  padding: 150px 0 0;

  margin: -150px 0 0;

  position: relative;

  z-index: -1;

  pointer-events: none;

  display: block; }



.target_staff {

  padding: 50px 0 0;

  margin: -50px 0 0;

  position: relative;

  z-index: -1;

  pointer-events: none;

  display: block; }



/*max-width:1280px*/

@media (max-width: 1024px) {

  .target_link {

    padding: 100px 0 0;

    margin: -100px 0 0; } }

/*max-width:1024px*/

/*max-width:768px*/

/*max-width:480px*/

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

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

.performance_flow {

  opacity: 0;

  transition: 0.5s;

  position: relative;

  top: 150px;

  visibility: hidden; }

  .performance_flow.show {

    opacity: 1;

    top: 0;

    visibility: inherit; }



.center_flow {

  opacity: 0;

  transition: 0.5s;

  position: relative;

  top: 150px;

  visibility: hidden; }

  .center_flow.show {

    opacity: 1;

    top: 0;

    visibility: inherit; }



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

.content_pic.show:before {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: -100%;

  animation: content_pic_before 1s linear 0s 1 forwards;

  z-index: 1; }

.content_pic.show:after {

  position: absolute;

  content: "";

  width: 100%;

  height: 100%;

  top: 0;

  left: -100%;

  background-color: #ccc;

  animation: content_pic_after 1s linear 0s 1 forwards;

  z-index: 2; }



@keyframes content_pic_after {

  0% {

    left: -100%; }

  50% {

    left: 0; }

  100% {

    left: 100%; } }

@keyframes content_pic_before {

  0% {

    left: -100%; }

  50% {

    left: 0; }

  100% {

    left: 0%; } }

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

/*

.show_txt{

  .index_txt_show,

  .index_txt_show02,

  .index_txt_show02-2,

  .index_txt_show02-3,

  .index_txt_show02-4,

  .index_txt_show03,

  .index_txt_show03-2,

  .index_txt_show04,

  .index_txt_show04-2,

  .index_txt_show04-3,

  .index_txt_show04-4,

  .index_txt_show04-5{

    opacity: 0;

  }

  &.show{

    .index_txt_show{

      animation: index_show_txt 1s linear 0.5s 1 forwards;

    }

    .index_txt_show02{

      animation: index_show_txt 1s linear 2.0s 1 forwards;

    }

    .index_txt_show02-2{

      animation: index_show_txt 1s linear 3.0s 1 forwards;

    }

    .index_txt_show02-3{

      animation: index_show_txt 1s linear 4.0s 1 forwards;

    }

    .index_txt_show02-4{

      animation: index_show_txt 1s linear 5.0s 1 forwards;

    }

    .index_txt_show03{

      animation: index_show_txt 1s linear 6.5s 1 forwards;

    }

    .index_txt_show03-2{

      animation: index_show_txt 1s linear 7.5s 1 forwards;

    }

    .index_txt_show04{

      animation: index_show_txt 1s linear 8.5s 1 forwards;

    } 

    .index_txt_show04-2{

      animation: index_show_txt 1s linear 9.5s 1 forwards;

    } 

    .index_txt_show04-3{

      animation: index_show_txt 1s linear 10.5s 1 forwards;

    } 

    .index_txt_show04-4{

      animation: index_show_txt 1s linear 11.5s 1 forwards;

    }    

  }//show

}







@keyframes index_show_txt {

  0%{

    opacity: 0;

  }



  100% {

    opacity:1;

  }

}



.index_txt_pic{

  .index_show_pic{

    opacity: 0;

  }

  &.show{

    .top_pic01{

      animation: index_show_pic 2s linear 0.5s 1 forwards;

    }

    .top_pic02{

      animation: index_show_pic 2s linear 0.5s 1 forwards;

    }

    .top_pic03{

      animation: index_show_pic 2s linear .5s 1 forwards;

    }

  }

}



@keyframes index_show_pic {

  0%{

    opacity: 0;

  }



  100% {

    opacity:1;

  }

}



@media (max-width:1280px) {



.index_txt_pic{

  .index_show_pic{

    opacity: 0;

  }

  &.show{

    .top_pic01{

      animation: index_show_pic 2s linear 0s 1 forwards;

    }

    .top_pic02{

      animation: index_show_pic 2s linear 0.5s 1 forwards;

    }

    .top_pic03{

      animation: index_show_pic 2s linear 1.0s 1 forwards;

    }

  }

}





}*/

.index_top_btm_txt_show .opacity {

  opacity: 0; }

.index_top_btm_txt_show .block {

  opacity: 0; }

.index_top_btm_txt_show.show .opacity {

  animation: index_top_btm_txt_opacity 1s linear 0.5s 1 forwards; }

.index_top_btm_txt_show.show .block {

  animation: index_top_btm_txt_block 1s linear 0s 1 forwards; }



/*@keyframes index_top_btm_txt_opacity {

  0%{

    opacity: 0;

  }



  100% {

    opacity:0.2;

  }

}



@keyframes index_top_btm_txt_block{

  0%{

    opacity: 0;

  }



  100% {

    opacity:1.0;

  }

}*/

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

.default_flow {

  opacity: 0;

  position: relative;

  top: 50px; }

  .default_flow.default_show {

    animation: default_show 0.5s linear 0s 1 forwards; }



@keyframes default_show {

  0% {

    opacity: 0;

    top: 50px; }

  100% {

    opacity: 1.0;

    top: 0; } }