#mv .mv-l {
  width: 18.7%;
  position: relative; }
  @media screen and (max-width: 960px) {
    #mv .mv-l {
      display: none; } }
  #mv .mv-l #text-layer {
    position: absolute;
    width: 100%;
    top: 8%;
    z-index: 20; }
    #mv .mv-l #text-layer div {
      text-align: center; }
    #mv .mv-l #text-layer div:nth-child(2) {
      margin-top: 18%; }
    #mv .mv-l #text-layer div:nth-child(3) {
      margin-top: 9%; }
    #mv .mv-l #text-layer div:nth-child(4) {
      margin-top: 18%; }
      #mv .mv-l #text-layer div:nth-child(4) div {
        width: 5px;
        margin-left: 15%;
        background-color: #fafafa; }
      #mv .mv-l #text-layer div:nth-child(4) ul li {
        text-align: left;
        padding-left: 18%;
        padding-bottom: 25px; }
        @media screen and (max-width: 1250px) {
          #mv .mv-l #text-layer div:nth-child(4) ul li {
            padding-bottom: 15px; } }
        #mv .mv-l #text-layer div:nth-child(4) ul li p {
          display: inline-block;
          font-size: 2.4rem;
          color: #fafafa;
          font-family: mrs-eaves-xl-serif, serif;
          border-bottom: #fafafa 1px solid;
          padding-bottom: 1px; }
          @media screen and (max-width: 1250px) {
            #mv .mv-l #text-layer div:nth-child(4) ul li p {
              font-size: 1.8rem; } }
      #mv .mv-l #text-layer div:nth-child(4) ul li:nth-child(4) {
        padding-bottom: 5px; }
  @media screen and (max-width: 1570px) {
    #mv .mv-l #text-layer img {
      width: 55%;
      height: auto; }
    #mv .mv-l #text-layer div:nth-child(2) {
      margin-top: 8%; }
    #mv .mv-l #text-layer div:nth-child(3) {
      margin-top: 3%; }
    #mv .mv-l #text-layer div:nth-child(4) {
      margin-top: 20%; }
      #mv .mv-l #text-layer div:nth-child(4) div {
        margin-left: 15%; }
      #mv .mv-l #text-layer div:nth-child(4) ul li {
        padding-left: 13%; } }
  #mv .mv-l #background-layer_01 {
    height: 100%;
    background-color: #00294e; }
  #mv .mv-l #background-layer_02 {
    position: absolute;
    width: 100%;
    height: 20%;
    top: 0;
    z-index: 10;
    background-color: #222222; }
  #mv .mv-l #background-layer_03 {
    position: absolute;
    background: #222222;
    width: 100%;
    height: 20%;
    top: 20%;
    clip-path: polygon(0 0, 100% 0, 0 100%); }
#mv .mv-r {
  width: 81.3%; }
  @media screen and (max-width: 960px) {
    #mv .mv-r {
      width: 100%; } }
  #mv .mv-r img {
    object-fit: cover;
    width: 100%;
    height: 100%; }

main .main-contents {
  position: relative;
  height: 731px;
  margin-top: 120px; }
  @media screen and (max-width: 1570px) {
    main .main-contents {
      height: 550px; } }
  @media screen and (max-width: 1250px) {
    main .main-contents {
      height: 400px; } }
  @media screen and (max-width: 960px) {
    main .main-contents {
      height: auto;
      margin-top: 200px; } }
  main .main-contents .size-wrap {
    width: 81.3%;
    position: absolute; }
    @media screen and (max-width: 960px) {
      main .main-contents .size-wrap {
        width: 100%;
        position: relative; } }
    main .main-contents .size-wrap .m-text {
      position: relative;
      width: 38%;
      padding: 0 30px 0; }
      @media screen and (max-width: 960px) {
        main .main-contents .size-wrap .m-text {
          width: 100%; } }
      main .main-contents .size-wrap .m-text h2 {
        font-size: 3.6rem;
        line-height: 180%;
        margin: 0 0 100px 0;
        font-family: mrs-eaves-xl-serif, serif;
        font-weight: 800; }
        @media screen and (max-width: 1570px) {
          main .main-contents .size-wrap .m-text h2 {
            font-size: 2.4rem;
            margin: 0 0 30px 0; } }
        @media screen and (max-width: 1250px) {
          main .main-contents .size-wrap .m-text h2 {
            font-size: 1.8rem;
            text-align: center; } }
      main .main-contents .size-wrap .m-text p {
        font-size: 2.0rem;
        margin: 40px 0 0 0;
        line-height: 180%; }
        @media screen and (max-width: 1570px) {
          main .main-contents .size-wrap .m-text p {
            margin: 20px 0 0 0; } }
        @media screen and (max-width: 1250px) {
          main .main-contents .size-wrap .m-text p {
            font-size: 1.6rem; } }
      main .main-contents .size-wrap .m-text a p {
        position: absolute;
        width: 45%;
        left: 45%;
        border-bottom: solid 1px #222222; }
        @media screen and (max-width: 960px) {
          main .main-contents .size-wrap .m-text a p {
            width: 35%;
            left: 10%; } }
      main .main-contents .size-wrap .m-text a .triangle {
        position: absolute;
        display: inline-block;
        width: 20px;
        height: 20px;
        clip-path: polygon(0 0, 0% 100%, 100% 50%);
        background-color: #222222;
        right: 20px;
        top: 8px; }
        @media screen and (max-width: 1570px) {
          main .main-contents .size-wrap .m-text a .triangle {
            right: 0px; } }
        @media screen and (max-width: 1250px) {
          main .main-contents .size-wrap .m-text a .triangle {
            width: 15px;
            height: 15px; } }
    main .main-contents .size-wrap .m-image {
      width: 62%; }
      @media screen and (max-width: 960px) {
        main .main-contents .size-wrap .m-image {
          width: 100%; } }
      main .main-contents .size-wrap .m-image img {
        width: 100%;
        height: auto; }
main #m_01 .size-wrap {
  right: 0; }
main #m_03 .size-wrap {
  right: 0; }
main #m_04 {
  margin: 240px 0 0 0;
  height: auto; }
  @media screen and (max-width: 1570px) {
    main #m_04 {
      margin: 150px 0 0 0; } }
  main #m_04 .size-wrap {
    margin: 0 auto;
    text-align: center;
    padding: 0 85px 50px;
    position: static; }
    @media screen and (max-width: 1250px) {
      main #m_04 .size-wrap {
        padding: 0; } }
    main #m_04 .size-wrap h2 {
      font-family: mrs-eaves-xl-serif, serif;
      font-size: 3.6rem; }
      @media screen and (max-width: 1250px) {
        main #m_04 .size-wrap h2 {
          font-size: 2.4rem; } }
    main #m_04 .size-wrap ul {
      padding: 100px 80px 0; }
      @media screen and (max-width: 1570px) {
        main #m_04 .size-wrap ul {
          padding: 50px 80px 0; } }
      main #m_04 .size-wrap ul li {
        line-height: 5;
        border-bottom: solid #222222 1px;
        align-items: baseline; }
        main #m_04 .size-wrap ul li .date {
          width: 30%;
          font-size: 1.8rem; }
        main #m_04 .size-wrap ul li .news {
          font-size: 2.4rem; }
          @media screen and (max-width: 1250px) {
            main #m_04 .size-wrap ul li .news {
              font-size: 1.8rem; } }
main #m_05 {
  margin: 240px 0 240px 0;
  height: auto; }
  @media screen and (max-width: 1570px) {
    main #m_05 {
      margin: 150px 0 0 0; } }
  main #m_05 .size-wrap {
    margin: 0 auto;
    text-align: center;
    padding: 0 85px;
    position: static; }
    @media screen and (max-width: 960px) {
      main #m_05 .size-wrap {
        padding: 0 5%; } }
    main #m_05 .size-wrap h2 {
      font-family: mrs-eaves-xl-serif, serif;
      font-size: 3.6rem; }
    main #m_05 .size-wrap .map-area {
      padding: 100px 80px;
      align-items: flex-end; }
      @media screen and (max-width: 1570px) {
        main #m_05 .size-wrap .map-area {
          padding: 50px 0px; } }
      main #m_05 .size-wrap .map-area .access-left {
        position: relative;
        width: 35%;
        text-align: left;
        bottom: 0; }
        @media screen and (max-width: 960px) {
          main #m_05 .size-wrap .map-area .access-left {
            width: 100%;
            text-align: center; } }
        main #m_05 .size-wrap .map-area .access-left ul li {
          font-size: 1.6rem;
          line-height: 2; }
        main #m_05 .size-wrap .map-area .access-left ul li:nth-child(1) {
          font-size: 2.4rem;
          margin: 0 0 30px 0; }
        main #m_05 .size-wrap .map-area .access-left ul li:nth-child(3) {
          margin: 0 0 30px 0; }
        main #m_05 .size-wrap .map-area .access-left ul li:nth-child(5) {
          margin: 0 0 30px 0; }
      main #m_05 .size-wrap .map-area .access-right {
        width: 65%; }
        @media screen and (max-width: 960px) {
          main #m_05 .size-wrap .map-area .access-right {
            width: 100%;
            margin-top: 50px; } }
        main #m_05 .size-wrap .map-area .access-right .map {
          width: 100%; }