@charset "utf-8";
/*
  MAIN_COLUMN
----------------------------------------------------------------------------------------------------*/
.MAIN-COLUMN {
  position: relative;
  z-index: 2;
  width: 75%;
  float: left;
  *text-align: left;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN {
    width: 100%;
    float: none;
  }
}

.MAIN-COLUMN hr {
  margin: 0 12px 24px;
}

/*
  RIGHT SIDE
----------------------------------------------------------------------------------------------------*/
.RIGHT-SIDE {
  position: relative;
  z-index: 1;
  width: 25%;
  float: right;
  *text-align: left;
}
@media screen and (max-width: 768px) {
  .RIGHT-SIDE {
    width: auto;
    float: none;
    margin-top: 0;
    padding: 24px 6px 1px;
    background: #ccd0d9;
  }
}
@media screen and (max-width: 480px) {
  .RIGHT-SIDE {
    margin-top: 24px;
  }
}

/*
  Heading
----------------------------------------------------------------------------------------------------*/
/* h1 --------------------------------------------*/
.MAIN-COLUMN h1 {
  height: 101px;
  line-height: 101px;
  margin: 0 12px 24px;
  font-size: 171.42857%;
  *text-align: left;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
}
#POPUP .MAIN-COLUMN h1 {
  line-height:normal;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN h1 {
    line-height: 1.6;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 0 24px;
    padding: 31px 18px;
    width: 100%;
    height: auto;
    background: #fff;
    border-bottom: 1px solid #e6e9ee;
    -webkit-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 480px) {
  .MAIN-COLUMN h1 {
    margin: 0 0 24px;
    height: auto;
    background: #fff;
    border-bottom: 1px solid #e6e9ee;
  }
}

/* h Level2 --------------------------------------------*/
.MAIN-COLUMN .hLevel2 {
  position: relative;
  display: block;
  line-height: 20px;
  padding: 15px 0;
  font-size: 114.28571%;
  z-index: 5;
  border-radius: 7px 7px 0 0;
  overflow: hidden;
  zoom: 1;
}
.MAIN-COLUMN .hLevel2:before, .MAIN-COLUMN .hLevel2:after {
  content: "";
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .hLevel2:after {
  clear: both;
}
.MAIN-COLUMN .hLevel2 a:hover {
  text-decoration: underline;
}
.MAIN-COLUMN .hLevel2 h2 {
  float: left;
  padding: 0 15px 0 36px;
  min-height: 24px;
  line-height: 24px;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.MAIN-COLUMN .hLevel2 h2 .icon_window {
  margin: 0 5px 0 0;
}
.MAIN-COLUMN .hLevel2 .icon_linkList {
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 15px;
}
.MAIN-COLUMN .hLevel2 .rightLink {
  margin-right: 15px;
  float: right;
  font-size: 87.5%;
  background-position: left 7px;
}
.MAIN-COLUMN .hLevel2 img {
  border: none !important;
}
.MAIN-COLUMN a.hLevel2 {
  color: #555566;
}
.MAIN-COLUMN a.hLevel2:visited {
  color: #555566;
}
.MAIN-COLUMN a.hLevel2:focus {
  color: #555566;
}
.MAIN-COLUMN a.hLevel2:hover {
  color: #555566;
}
.MAIN-COLUMN a.hLevel2:active {
  color: #555566;
}
.MAIN-COLUMN a.hLevel2 h2 {
  padding: 0 40px 0 36px;
}
.MAIN-COLUMN a.hLevel2:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

/* h Level3 --------------------------------------------*/
.MAIN-COLUMN .hLevel3 {
  padding: 0 2px 10px;
  margin: 25px 0 15px;
  font-size: 114.28571%;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.MAIN-COLUMN .hLevel3:first-child {
  margin-top: 0;
}

/* h Level4 --------------------------------------------*/
.MAIN-COLUMN .hLevel4 {
  margin: 10px 0 10px !important;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.MAIN-COLUMN .hLevel4:first-child {
  margin: 0 0 10px !important;
}

/*
  Boxes
----------------------------------------------------------------------------------------------------*/
.MAIN-COLUMN .box {
  display: block !important;
  overflow: hidden;
  border-radius: 7px;
  background: #fff;
  margin: 0 12px 24px;
  word-wrap: break-word;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .box {
    margin: 0 6px 24px;
  }
  .MAIN-COLUMN .box img {
    max-width: 100% !important;
    height: auto !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.MAIN-COLUMN .boxTrance {
  display: block;
  margin: 0 12px 24px;
}
.MAIN-COLUMN .boxTrance p {
  margin-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .boxTrance {
    margin: 0 6px 24px;
  }
}

.MAIN-COLUMN .ind {
  padding: 18px 15px 3px 15px;
  zoom: 1;
}
.MAIN-COLUMN .ind:before, .MAIN-COLUMN .ind:after {
  content: "";
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .ind:after {
  clear: both;
}
.MAIN-COLUMN .ind .line {
  margin: 18px -15px;
  *zoom: 1;
  height: 1px;
  overflow: hidden;
}
.MAIN-COLUMN .ind .line hr {
  margin: 0;
  padding: 0;
  *zoom: 1;
  *margin: -7px 0 0 0;
}
.MAIN-COLUMN .ind a:hover {
  text-decoration: underline;
}

/* 1 stations --------------------------------------------*/
.MAIN-COLUMN .m_boxes1 {
  position: relative;
  *text-align: left;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes1 {
    padding: 0 6px;
  }
}

/* 2 stations --------------------------------------------*/
.MAIN-COLUMN .m_boxes2 {
  zoom: 1;
  *text-align: left;
}
.MAIN-COLUMN .m_boxes2:before, .MAIN-COLUMN .m_boxes2:after {
  content: "";
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .m_boxes2:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes2 {
    padding: 0 6px;
  }
}
.MAIN-COLUMN .m_boxes2 .area {
  float: left;
  width: 369px;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes2 .area {
    width: 50%;
  }
}
@media screen and (max-width: 480px) {
  .MAIN-COLUMN .m_boxes2 .area,
#POPUP .MAIN-COLUMN .m_boxes2 .area {
    float: none;
    width: 100%;
  }
}
.MAIN-COLUMN .m_boxes2 .box {
  overflow: hidden;
}

/* 2 stations02 --------------------------------------------*/
.MAIN-COLUMN .m_boxes2ls {
  zoom: 1;
}
.MAIN-COLUMN .m_boxes2ls:before, .MAIN-COLUMN .m_boxes2ls:after {
  content: "";
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .m_boxes2ls:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes2ls {
    padding: 0 6px;
  }
}
.MAIN-COLUMN .m_boxes2ls .area01 {
  float: left;
  width: 492px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes2ls .area01 {
    width: 66.66666%;
  }
}
@media screen and (max-width: 480px) {
  .MAIN-COLUMN .m_boxes2ls .area01 {
    float: none;
    width: 100%;
  }
}
.MAIN-COLUMN .m_boxes2ls .area02 {
  float: left;
  width: 246px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes2ls .area02 {
    width: 33.33333%;
  }
}
@media screen and (max-width: 480px) {
  .MAIN-COLUMN .m_boxes2ls .area02 {
    float: left;
    width: 100%;
  }
  .MAIN-COLUMN .m_boxes2ls .area02 .area {
    float: left;
    width: 50%;
  }
}
.MAIN-COLUMN .m_boxes2ls .box {
  overflow: hidden;
}

/* 3 stations --------------------------------------------*/
.MAIN-COLUMN .m_boxes3 {
  zoom: 1;
}
.MAIN-COLUMN .m_boxes3:before, .MAIN-COLUMN .m_boxes3:after {
  content: "";
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .m_boxes3:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes3 {
    padding: 0 6px;
  }
}
.MAIN-COLUMN .m_boxes3 .area {
  float: left;
  width: 246px;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes3 .area {
    width: 33.33333%;
  }
}
@media screen and (max-width: 480px) {
  .MAIN-COLUMN .m_boxes3 .area {
    width: 50%;
  }
}
.MAIN-COLUMN .m_boxes3 .box {
  overflow: hidden;
}
.MAIN-COLUMN .m_boxes3 .box img {
  border-bottom: 1px solid #e6e9ee;
  border-radius: 7px 7px 0 0;
}
.MAIN-COLUMN .m_boxes3 .box .link_selfW > img, .MAIN-COLUMN .m_boxes3 .box .link_selfB > img, .MAIN-COLUMN .m_boxes3 .box .link_blankW > img, .MAIN-COLUMN .m_boxes3 .box .link_blankB > img {
  border-radius: 7px 7px 0 0;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes3 .box .link_selfW > img:first-child, .MAIN-COLUMN .m_boxes3 .box .link_selfB > img:first-child, .MAIN-COLUMN .m_boxes3 .box .link_blankW > img:first-child, .MAIN-COLUMN .m_boxes3 .box .link_blankB > img:first-child {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.MAIN-COLUMN .m_boxes3 .box .ami {
  border-radius: 7px 7px 0 0;
  overflow: hidden;
}
.MAIN-COLUMN .m_boxes3 a.box:hover dt, .MAIN-COLUMN .m_boxes3 a.box:hover span {
  text-decoration: underline;
}

/* 3 stations --------------------------------------------*/
.MAIN-COLUMN .m_boxes3top {
  zoom: 1;
}
.MAIN-COLUMN .m_boxes3top:before, .MAIN-COLUMN .m_boxes3top:after {
  content: "";
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .m_boxes3top:after {
  clear: both;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes3top {
    padding: 0 6px;
  }
}
.MAIN-COLUMN .m_boxes3top .area {
  float: left;
  width: 246px;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes3top .area {
    width: 33.33333%;
  }
}
@media screen and (max-width: 480px) {
  .MAIN-COLUMN .m_boxes3top .area {
    width: 50%;
  }
}
.MAIN-COLUMN .m_boxes3top .box {
  overflow: hidden;
}
.MAIN-COLUMN .m_boxes3top .box .link_selfW > img, .MAIN-COLUMN .m_boxes3top .box .link_selfB > img, .MAIN-COLUMN .m_boxes3top .box .link_blankW > img, .MAIN-COLUMN .m_boxes3top .box .link_blankB > img {
  border-bottom: none;
  border-radius: 7px 7px 0 0;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes3top .box .link_selfW > img:first-child, .MAIN-COLUMN .m_boxes3top .box .link_selfB > img:first-child, .MAIN-COLUMN .m_boxes3top .box .link_blankW > img:first-child, .MAIN-COLUMN .m_boxes3top .box .link_blankB > img:first-child {
    width: 100% !important;
    max-width: 100% !important;
  }
}
.MAIN-COLUMN .m_boxes3top .box .icon_img {
  border-radius: 0 0 0 0;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_boxes3top .box .icon_img {
    width: auto !important;
  }
}
.MAIN-COLUMN .m_boxes3top .box .ami {
  border-radius: 7px 7px 0 0;
}
.MAIN-COLUMN .m_boxes3top .box:hover dl, .MAIN-COLUMN .m_boxes3top .box:hover p {
  color: #D2EEFA;
}
.MAIN-COLUMN .m_boxes3top .ind {
  display: block;
  padding: 15px 17px;
  color: #fff;
  text-align: center;
  font-weight: bold;
  border-radius: 0 0 7px 7px;
}

/* border --------------------------------------------*/
.MAIN-COLUMN .m_border {
  margin: 0 12px 24px;
  padding: 15px 0;
  border: 2px solid #DEE1E8;
  border-radius: 7px;
}
@media screen and (max-width: 768px) {
  .MAIN-COLUMN .m_border {
    margin: 0 12px 24px;
  }
}
.MAIN-COLUMN .m_border dt {
  padding: 0 15px;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.MAIN-COLUMN .m_border dt .link_arrow {
  background-position: 0 6px;
}
.MAIN-COLUMN .m_border .box {
  overflow: hidden;
}
.MAIN-COLUMN .m_border a:hover {
  text-decoration: underline;
}

/* other --------------------------------------------*/
.MAIN-COLUMN .other {
  margin-bottom: 24px;
}
.MAIN-COLUMN .other .box {
  margin-top: 20px;
}
.MAIN-COLUMN .other dt {
  margin: 0 12px;
  font-family: "Noto Sans JP","Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
}
.MAIN-COLUMN .other a:hover {
  text-decoration: underline;
}

/*
  Lists
----------------------------------------------------------------------------------------------------*/
/* Horizontal List --------------------------------------------*/
.MAIN-COLUMN .listHorizontal {
  padding: 9px 0;
  padding: 9px 0 18px\9;
  *padding: 9px 0 18px;
  margin-left: -5px;
  overflow: hidden;
  zoom: 1;
}
.MAIN-COLUMN .listHorizontal:before, .MAIN-COLUMN .listHorizontal:after {
  content: "";
  display: block;
  overflow: hidden;
}
.MAIN-COLUMN .listHorizontal:after {
  clear: both;
}
.MAIN-COLUMN .listHorizontal li {
  float: left;
  white-space: nowrap\9;
  *white-space: nowrap;
  margin: 6px 20px 6px -1px;
  padding-left: 20px;
  border-left: 1px solid #CCD0D9;
}
.MAIN-COLUMN .listHorizontal li a:hover {
  text-decoration: underline;
}
.MAIN-COLUMN .listHorizontal:not(:target) {
  padding: 9px 0\9;
}