/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
.mv {
  background: url("../images/sitemap/mv_bg.jpg") no-repeat;
  background-position: center 85%;
  background-size: cover; }

.pages .h2_ttl .message {
  bottom: -16px; }
  @media screen and (max-width: 750px) {
    .pages .h2_ttl .message {
      bottom: -1.6vw; } }

#area .nav_area {
  font-size: 16px;
  max-width: 750px;
  width: 100%;
  margin: 0 auto; }
  #area .nav_area .parent {
    display: flex;
    flex-wrap: wrap;
    text-align: left; }
    #area .nav_area .parent li {
      margin-top: 40px;
      width: 40%; }
      #area .nav_area .parent li a {
        color: #062f60;
        border: 1px solid #062f60;
        padding: 15px 20px;
        display: block;
        position: relative;
        left: 0;
        border-left: 10px solid #062f60; }
        #area .nav_area .parent li a:after {
          content: '';
          display: inline-block;
          background: url(../common/images/arrow_blue.png) no-repeat;
          width: 12px;
          height: 22px;
          position: absolute;
          background-size: contain;
          right: 20px;
          top: 50%;
          transform: translateY(-50%); }
        #area .nav_area .parent li a:hover {
          left: 20px;
          transition: 0.3s; }
    #area .nav_area .parent .parent_links:nth-child(2n-1) {
      margin-right: 80px; }
    #area .nav_area .parent .parent_links ul {
      margin-left: 60px;
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      #area .nav_area .parent .parent_links ul li {
        width: 40%; }
        #area .nav_area .parent .parent_links ul li:nth-child(2n-1) {
          margin-right: 60px; }
        #area .nav_area .parent .parent_links ul li a {
          width: 100%; }
  #area .nav_area .services {
    margin: 40px 0; }
    #area .nav_area .services .parent_links {
      width: 100%;
      margin-right: 0 !important; }
      #area .nav_area .services .parent_links a {
        width: 40%; }

@media screen and (max-width: 750px) {
  #area .nav_area {
    font-size: 3.4666666667vw; }
    #area .nav_area .parent li {
      margin-top: 5.3333333333vw;
      width: 100%; }
      #area .nav_area .parent li a {
        padding: 2vw 2.6666666667vw;
        border-left: 1.3333333333vw solid #062f60; }
        #area .nav_area .parent li a:after {
          width: 1.6vw;
          height: 2.9333333333vw;
          right: 2.6666666667vw; }
        #area .nav_area .parent li a:hover {
          left: 0; }
    #area .nav_area .parent .parent_links:nth-child(2n-1) {
      margin-right: 0; }
    #area .nav_area .parent .parent_links ul {
      margin-left: 5.3333333333vw; }
      #area .nav_area .parent .parent_links ul li {
        width: 100%; }
        #area .nav_area .parent .parent_links ul li:nth-child(2n-1) {
          margin-right: 0; }
        #area .nav_area .parent .parent_links ul li a {
          width: 100%; }
    #area .nav_area .services {
      margin: 0; }
      #area .nav_area .services .parent_links {
        width: 100%;
        margin-right: 0 !important; }
        #area .nav_area .services .parent_links a {
          width: 100%; } }