/*font*/
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }

@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }

/*! based on html5doctor.com Reset Stylesheet v1.6.1 Author: Richard Clark - http://richclarkdesign.com */
html {
  box-sizing: border-box; }

*,
::before,
::after {
  box-sizing: inherit; }

body {
  background: transparent;
  color: #000;
  line-height: 1;
  -webkit-text-size-adjust: 100%; }
  html[lang="ja"] body {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif; }

/* main elements group */
audio,
canvas,
progress,
video {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

/* a */
/************************************header*/
body,
html {
  /*overflow-x: hidden;*/
  /*height: 100%;*/ }

.box {
  max-width: 1400px;
  margin: 0 auto;
  width: 92%; }

/*@include keyframes(h001) {
  0%{
    height:94px;
    }
    100%{
    height:0;
    }


    }*/
#main_area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

@supports (-ms-ime-align: auto) {
  #main_area {
    position: absolute; } }

#main_area02 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }
  #main_area02 #main_area02_in {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    #main_area02 #main_area02_in #main_area02_in_area {
      max-width: 1400px;
      margin: 0 auto;
      width: 92%;
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-align-items: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-end;
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end; }
      #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r {
        width: 50%;
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-align-items: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
        #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 {
          position: relative; }
          #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_ph001 {
            position: absolute;
            z-index: 0;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            -webkit-animation: n002 1s cubic-bezier(0.79, 0.16, 0.73, 0.62) forwards 0.6s;
            animation: n002 1s cubic-bezier(0.79, 0.16, 0.73, 0.62) forwards 0.6s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
            #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_ph001.active {
              -webkit-animation: n001 0.5s forwards;
              animation: n001 0.5s forwards;
              -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }
          #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_txt002_in,
          #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_txt001_in {
            position: relative;
            z-index: 1;
            text-align: center; }
          #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_txt002_in {
            font-size: 1.75rem;
            font-weight: bold;
            color: #fff;
            -webkit-animation: m002 1s forwards 1.2s;
            animation: m002 1s forwards 1.2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
            #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_txt002_in.active {
              -webkit-animation: m001 0.5s forwards;
              animation: m001 0.5s forwards;
              -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }
          #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_txt001_in {
            font-family: "Times New Roman", YuMincho, "Hiragino Mincho ProN", "MS PMincho", Meiryo, serif;
            font-size: 1.875rem;
            color: #fff;
            letter-spacing: 0.1em;
            padding-top: 30px;
            -webkit-animation: l002 1s forwards 1.4s;
            animation: l002 1s forwards 1.4s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both; }
            #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_txt001_in.active {
              -webkit-animation: l001 0.5s forwards;
              animation: l001 0.5s forwards;
              -webkit-animation-fill-mode: both;
              animation-fill-mode: both; }

#top_contents {
  position: relative;
  top: 100%;
  z-index: 99;
  background: #fff;
  padding-top: 40px; }

#news_area02 {
  padding-bottom: 60px; }

.top_md001 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px; }
  .top_md001::before {
    content: attr(data-txt);
    font-family: "Poppins", sans-serif;
    display: block;
    line-height: 1.4;
    margin: 0 auto;
    text-align: center;
    color: #0071bc;
    font-size: 1.625rem; }

.news_box_list {
  padding: 0 10px 20px;
  position: relative; }
  .news_box_list::before {
    content: "";
    display: block;
    left: 0;
    top: 0;
    z-index: 2;
    height: 3px;
    width: 100%;
    background: #0071bc; }
  .news_box_list .news_box_list_in {
    background-position: left top;
    background-image: url(../../image/bg_sli001.png);
    background-repeat: repeat;
    display: block;
    padding: 20px 20px 20px;
    box-shadow: 10px 10px 0 0 rgba(0, 0, 0, 0.1);
    min-height: 140px;
    position: relative; }
    .news_box_list .news_box_list_in::before {
      content: "";
      display: block;
      position: absolute;
      right: 3px;
      bottom: 3px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 0 18px 18px;
      border-color: transparent transparent #0071bc transparent; }
    .news_box_list .news_box_list_in .news_box_txt001 {
      padding-top: 5px;
      font-size: 0.8125rem; }
    .news_box_list .news_box_list_in h3 {
      font-weight: bold;
      line-height: 1.4; }
    .news_box_list .news_box_list_in .n_title {
      display: -webkit-flex;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-align-items: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-justify-content: flex-start;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      margin-bottom: 14px; }
      .news_box_list .news_box_list_in .n_title time {
        color: #999;
        font-weight: bold;
        font-size: 0.9375rem; }
      .news_box_list .news_box_list_in .n_title span {
        display: -webkit-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-align-items: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-justify-content: flex-start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
        padding: 2px 6px;
        margin-right: 10px; }
        .news_box_list .news_box_list_in .n_title span i {
          font-size: 0.75rem;
          font-weight: bold;
          padding-left: 6px; }
        .news_box_list .news_box_list_in .n_title span::before {
          content: "";
          display: block;
          width: 16px;
          height: 14px;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover; }
        .news_box_list .news_box_list_in .n_title span.info {
          border: solid 1px #0071bc; }
          .news_box_list .news_box_list_in .n_title span.info i {
            color: #0071bc; }
          .news_box_list .news_box_list_in .n_title span.info::before {
            background-image: url(../image/news_cate001.png); }
        .news_box_list .news_box_list_in .n_title span.parent {
          border: solid 1px #6dba08; }
          .news_box_list .news_box_list_in .n_title span.parent i {
            color: #6dba08; }
          .news_box_list .news_box_list_in .n_title span.parent::before {
            background-image: url(../image/news_cate002.png); }
        .news_box_list .news_box_list_in .n_title span.exam {
          border: solid 1px #cf6068; }
          .news_box_list .news_box_list_in .n_title span.exam i {
            color: #cf6068; }
          .news_box_list .news_box_list_in .n_title span.exam::before {
            background-image: url(../image/news_cate003.png); }

/*top_btn*/
.top_btn {
  padding-top: 30px; }
  .top_btn .top_btn_nav {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list {
      display: block;
      min-width: 500px;
      padding: 24px;
      background: #0071bc;
      text-align: center;
      border-radius: 100px;
      box-shadow: 6px 6px 0 0 rgba(0, 0, 0, 0.1);
      -webkit-transition: 0.3s ease-in;
      transition: 0.3s ease-in;
      border: solid 2px #0071bc; }
      .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list:hover {
        background: #fff; }
        .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list:hover i {
          color: #0071bc; }
          .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list:hover i::before {
            background-image: url(/image/btn_icon001_on.png); }
          .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list:hover i::after {
            border-top: 3px solid #0071bc;
            border-right: 3px solid #0071bc; }
      .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list i {
        color: #fff;
        font-weight: bold;
        font-size: 1.1875rem;
        position: relative;
        padding-right: 20px;
        padding-left: 50px; }
        .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list i::before {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 50%;
          background-position: center center;
          background-repeat: no-repeat;
          background-size: cover;
          background-image: url(/image/btn_icon001.png);
          width: 41px;
          height: 41px;
          margin-top: -23px;
          -webkit-transition: 0.3s ease-in;
          transition: 0.3s ease-in; }
        .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list i::after {
          content: "";
          display: block;
          position: absolute;
          right: 0;
          top: 50%;
          width: 14px;
          height: 14px;
          border-top: 3px solid #fff;
          border-right: 3px solid #fff;
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          transform: rotate(45deg);
          margin-top: -7px; }

/*top_btn-end*/
/*top_btn_s*/
.top_btn002 {
  padding-top: 30px;
  text-align: center; }
  .top_btn002 .top_btn_list {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    min-width: 300px;
    padding: 14px 24px;
    text-align: center;
    border-radius: 100px;
    border: solid 1px #fff;
    color: #fff;
    font-weight: bold;
    font-size: 1.125rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease; }
    .top_btn002 .top_btn_list:hover {
      background: #0071bc; }
    .top_btn002 .top_btn_list i {
      position: relative;
      padding-right: 30px;
      padding-left: 30px; }
      .top_btn002 .top_btn_list i::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 14px;
        height: 14px;
        border-top: 3px solid #fff;
        border-right: 3px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -7px; }

.top_btn002_n {
  padding-bottom: 30px;
  text-align: center; }
  .top_btn002_n .top_btn002_n_list {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    min-width: 300px;
    padding: 14px 24px;
    text-align: center;
    border-radius: 100px;
    border: solid 1px #0071bc;
    color: #0071bc;
    font-weight: bold;
    font-size: 1.125rem;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease; }
    .top_btn002_n .top_btn002_n_list:hover {
      background: #0071bc;
      color: #fff; }
      .top_btn002_n .top_btn002_n_list:hover i::after {
        border-top: 3px solid #fff;
        border-right: 3px solid #fff; }
    .top_btn002_n .top_btn002_n_list i {
      position: relative;
      padding-right: 30px;
      padding-left: 30px; }
      .top_btn002_n .top_btn002_n_list i::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        width: 14px;
        height: 14px;
        border-top: 3px solid #0071bc;
        border-right: 3px solid #0071bc;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -7px; }

/*top_btn_s-end*/
.top_md001 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 20px; }
  .top_md001::before {
    content: attr(data-txt);
    font-family: "Poppins", sans-serif;
    display: block;
    line-height: 1.4;
    margin: 0 auto;
    text-align: center;
    color: #0071bc;
    font-size: 1.625rem; }

#second_area {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../../image/con001_ph001.jpg);
  background-attachment: fixed;
  padding: 150px 0;
  position: relative; }
  #second_area::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-image: url(../../image/bg_sli002.png);
    z-index: 1;
    opacity: .6; }
  #second_area .box {
    position: relative;
    z-index: 2; }

.second_md001 h2 {
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 1.75rem;
  text-align: center; }

.second_md001::before {
  content: "";
  display: block;
  margin: 0 auto 10px;
  width: 48px;
  height: 46px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/image/top_icon001.png); }

/*third_area*/
#third_area {
  border-top: solid 6px #0071bc;
  padding-top: 40px; }

/*fourth_area*/
#fourth_area {
  padding-bottom: 60px; }

.fourth_md001 {
  margin-bottom: 30px; }
  .fourth_md001 h2 {
    margin: 0 auto;
    font-weight: bold;
    font-size: 1.5rem;
    text-align: center; }
  .fourth_md001::before {
    content: "";
    display: block;
    margin: 0 auto 20px;
    width: 110px;
    height: 127px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../../image/top_icon003.png); }

#fourth_nav {
  position: relative;
  padding-top: 4vw; }
  #fourth_nav #fourth_nav_ph {
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10; }
    #fourth_nav #fourth_nav_ph img {
      max-width: 90%;
      display: block;
      margin: 0 auto; }
  #fourth_nav #fourth_nav_in {
    display: -webkit-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-justify-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 92%;
    margin: 0 auto; }
    #fourth_nav #fourth_nav_in .fourth_list {
      width: 33.33333%;
      width: calc(100% / 3); }
      #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in {
        display: block;
        position: relative; }
        #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in:hover .fourth_ph img {
          -webkit-transform: scale(1.1, 1.1);
          -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1); }
        #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in:hover .fourth_list_md h3::before {
          width: 40%; }
        #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in:hover .fourth_list_md h3::after {
          right: 60%; }
        #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in::before {
          content: "";
          position: absolute;
          z-index: 2;
          display: block;
          width: 100%;
          height: 40%;
          left: 0;
          bottom: 0;
          background-image: -owg-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
          background-image: -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.6));
          background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.6)); }
        #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_ph {
          overflow: hidden; }
          #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_ph img {
            max-width: 100%;
            -webkit-transition: 0.9s ease;
            transition: 0.9s ease;
            min-width: 100%; }
        #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_list_md {
          position: absolute;
          left: 0;
          width: 100%;
          bottom: 70px;
          z-index: 3;
          padding: 0 2vw; }
          #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_list_md h3 {
            color: #fff;
            font-weight: bold;
            font-size: 2.25rem;
            line-height: 1.3;
            position: relative;
            padding-bottom: 20px; }
            #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_list_md h3::before {
              content: "";
              display: block;
              position: absolute;
              left: 0;
              bottom: 0;
              width: 100%;
              height: 1px;
              background: #fff;
              -webkit-transition: 0.4s ease;
              transition: 0.4s ease; }
            #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_list_md h3::after {
              content: "";
              display: block;
              position: absolute;
              right: 0;
              bottom: 0;
              width: 40px;
              height: 1px;
              background: #fff;
              -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg);
              transform: rotate(-45deg);
              -webkit-transform-origin: right top;
                  -ms-transform-origin: right top;
                      transform-origin: right top;
              -webkit-transition: 0.4s ease;
              transition: 0.4s ease; }

/*fourth_area-end*/
/*fifth_area*/
#fifth_md_area {
  margin-bottom: 30px;
  padding-top: 40px; }
  #fifth_md_area .fifth_md001 {
    text-align: center;
    font-size: 2.25rem; }
  #fifth_md_area .fifth_md002 {
    text-align: center;
    font-size: 1.25rem; }
  @media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif; } }
  @media screen and (max-width: 1000px) {
  #main_area {
    position: relative; }
  #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r {
    width: 80%;
    margin: 0 auto; }
  #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 {
    width: 100%; }
  #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_ph001 img {
    max-width: 200px;
    width: 100%; }
  #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_txt002_in {
    font-size: 1.0625rem; }
  #main_area02 #main_area02_in #main_area02_in_area #main_area02_in_area_r #main_txt001 #main_txt001_in {
    font-size: 1.25rem; }
  #top_contents {
    top: 0;
    padding-top: 0; }
  .news_box_list .news_box_list_in {
    min-height: 170px; }
  .top_btn .top_btn_nav .top_btn_nav_in {
    width: 100%;
    text-align: center; }
  .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list {
    min-width: inherit !important;
    max-width: 92%;
    width: 92%;
    margin: 0 auto; }
  .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list i {
    padding-left: 30px; }
  .top_btn .top_btn_nav .top_btn_nav_in .top_btn_list i::before {
    width: 20px;
    height: 20px;
    margin-top: -10px; }
  #second_area {
    padding: 50px 0;
    background-image: url(../../image/con001_ph001_sp.jpg);
    background-attachment: scroll; }
  .second_md001::before {
    width: 24px;
    height: 23px; }
  #fourth_area {
    padding-top: 20px;
    padding-bottom: 30px; }
  .fourth_md001 h2 {
    font-size: 1.125rem; }
  .fourth_md001::before {
    margin: 0 auto 10px;
    width: 55px;
    height: 64px; }
  #fourth_nav #fourth_nav_in {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
  #fourth_nav #fourth_nav_in .fourth_list {
    width: 100%;
    width: calc(100% / 1); }
  #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in::before {
    height: 70%; }
  #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_ph {
    height: 284px; }
  #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_ph img {
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px);
    transform: translate(0, -20px); }
  #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_list_md {
    bottom: 40px; }
  #fifth_md_area {
    padding-top: 0; }
  #fifth_md_area .fifth_md001 {
    font-size: 1.875rem; }
  #fifth_md_area .fifth_md002 {
    font-size: 1.125rem; } }
  @media screen and (max-width: 1280px) {
  #fourth_nav #fourth_nav_in .fourth_list .fourth_list_in .fourth_list_md h3 {
    font-size: 1.5rem; } }