@charset "UTF-8";
.basic-top-title {
  font-size: 30px;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 2.5px;
  position: relative; }

.container-mv .mv {
  height: 250px;
  background: #c1fff6;
  background: -moz-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: -webkit-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: -o-linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  background: linear-gradient(45deg, #c1fff6 0%, #fffaf4 26%, #fff9fd 54%, #ffe2e6 75%, #fffcdd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1fff6', endColorstr='#fffcdd', GradientType=1); }
  .container-mv .mv #breadCrumb {
    padding: 15px 5px 5px 25px; }
    .container-mv .mv #breadCrumb a:hover {
      opacity: 0.7; }
    .container-mv .mv #breadCrumb .bread-item {
      color: #999999;
      font-size: 13px; }
    .container-mv .mv #breadCrumb .fa-home {
      color: #ffa9bb; }
  .container-mv .mv .mv-title-area h2 {
    text-align: center;
    font-size: 36px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 2.5px;
    padding: 50px 0 0 0; }
    .container-mv .mv .mv-title-area h2 .blue {
      color: #8ae2f8;
      font-weight: 700; }
    .container-mv .mv .mv-title-area h2 .ja {
      display: block;
      text-align: center;
      color: #666666;
      font-size: 20px;
      font-weight: 300;
      padding: 8px 0 0 0; }

@media screen and (max-width: 1050px) {
  .container-mv .mv {
    height: 220px; }
  .container-mv .mv .mv-title-area h2 {
    padding: 40px 0 0 0; } }

@media screen and (max-width: 768px) {
  .container-mv .mv {
    height: 180px; }
  .container-mv .mv .mv-title-area h2 {
    padding: 30px 0 0 0; } }

@media screen and (max-width: 480px) {
  .container-mv .mv {
    height: 150px; }
  .container-mv .mv .mv-title-area h2 {
    padding: 17px 0 0 0;
    font-size: 28px; }
  .container-mv .mv .mv-title-area h2 .ja {
    font-size: 17px; }
  .container-mv .mv #breadCrumb .bread-item {
    font-size: 12px; }
  .container-mv .mv #breadCrumb {
    padding: 7px 5px 5px 15px; } }

.site-map-container {
  padding: 60px 11.806%; }
  .site-map-container .site-map-title-square {
    margin: 20px 0 5px 35px; }
  .site-map-container .basic-table {
    margin: 50px 0; }
    .site-map-container .basic-table th:hover a,
    .site-map-container .basic-table td:hover a {
      opacity: 0.7; }

.site-map-title-area .site-map-date {
  padding: 0 0 5px 0; }
  .site-map-title-area .site-map-date span {
    position: relative;
    font-size: 14px; }

.site-map-title-area .site-map-title {
  color: #333333;
  font-size: 26px;
  margin: 0px 0 10px 0;
  position: relative; }
  .site-map-title-area .site-map-title::after {
    content: "";
    width: 100%;
    height: 3px;
    background-image: url(/lib/cmn_img/line.png);
    background-repeat: repeat-x;
    position: absolute;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: -3px; }

.site-map-p {
  padding: 15px 0; }

.site-map-img {
  margin: 10px 0; }

.site-map-btn {
  margin: 50px auto;
  text-align: center;
  display: block; }
  .site-map-btn a {
    color: white;
    padding: 15px 70px 12px 90px;
    background-color: #dadada;
    -webkit-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
    position: relative; }
    .site-map-btn a::after {
      content: "◀︎";
      position: absolute;
      -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
      transform: translate(0, -50%);
      top: 53%;
      font-size: 10px;
      left: 65px; }
    .site-map-btn a:hover {
      color: black; }

@media screen and (max-width: 768px) {
  .site-map-container {
    padding: 45px 30px; } }

@media screen and (max-width: 480px) {
  .site-map-container {
    padding: 40px 18px; }
  .site-map-title-area .site-map-title {
    font-size: 24px;
    padding: 0px 0 0px 0; }
  .site-map-p {
    padding: 10px 0;
    font-size: 14px; }
  .container-mv .mv #breadCrumb {
    padding: 5px 5px 5px 5px; } }