@charset "UTF-8";
#top header {
  border-bottom: none; }
  @media screen and (max-width: 600px) {
    #top header {
      border-bottom: 1px solid #ddd; } }
#top .container {
  background: #fff; }
#top .caption-aria {
  max-width: none; }
#top #conversion .request-bana {
  display: none; }

.main {
  max-width: 1280px;
  margin: auto;
  background: url("../images/top/main_kanbai@2x.jpg") top right no-repeat;
  background-size: 100% auto; }
  .main .main-sp {
    display: none; }
  @media screen and (min-width: 1280px) {
    .main {
      height: 640px; } }
  @media screen and (max-width: 1279px) {
    .main {
      height: 1px;
      padding-bottom: 49.7%; } }
  @media screen and (max-width: 600px) {
    .main {
      /*padding-bottom: 60%;*/
      /*background-size: cover;*/ }
      .main .main-pc {
        display: none; }
      .main .main-sp {
        display: block; } }

.sc {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 0 20px;
  text-align: center; }
  .sc .seko {
    background: #e1e1e1;
    /*margin-bottom: 20px;*/
    padding: 10px 0 15px;
    box-sizing: border-box; }
    @media screen and (max-width: 480px) {
      .sc .seko {
        padding: 7px 0 11px; }
        .sc .seko img {
          height: 30px;
          width: auto; } }
  .sc .txt {
    margin: 30px auto 0; }
    .sc .txt img {
      margin: 5px 2px; }
  .sc .logo {
    margin-bottom: 10px; }
  @media screen and (max-width: 600px) {
    .sc .txt img {
      width: auto;
      height: 35px; }
    .sc .logo {
      text-align: center; }
      .sc .logo img {
        display: block;
        margin: auto; } }
  .sc .bnr {
    max-width: 960px;
    width: 94%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px auto 10px; }
    .sc .bnr_cam, .sc .bnr_xmas {
      width: 48.9583333333%; }
    .sc .bnr .note {
      margin-top: 10px;
      text-align: justify; }
    .sc .bnr a:hover {
      opacity: 0.8; }
    @media screen and (max-width: 960px) {
      .sc .bnr {
        display: block; }
        .sc .bnr_cam, .sc .bnr_xmas {
          width: auto;
          max-width: 470px;
          margin: 0 auto 20px; }
        .sc .bnr_cam, .sc .bnr_xmas {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-flow: wrap;
          flex-flow: wrap; } }
  @media screen and (max-width: 600px) {
    .sc .bnr_cam {
      width: 90%; }
    .sc .bnr_xmas {
      width: 90%; } }
  .sc .boxItem {
    max-width: 640px;
    width: 94%;
    margin: auto;
    /*border: solid 1px #cc0000;*/
    /*margin-top: 45px;*/
    margin-top: 15px;
    text-align: center; }
    .sc .boxItem a {
      color: #cc0000; }
  .sc .txtBox.kyugyo {
    text-align: center;
    padding: 24px;
    /*font-size: 16px;*/
    font-size: 30px;
    /*color: #cc0000;*/
    color: #00416a; }
    .sc .txtBox.kyugyo a {
      /*color:#cc0000;*/
      color: #00416a;
      text-decoration: none;
      border-bottom: 1px solid #00416a; }
      .sc .txtBox.kyugyo a:hover {
        opacity: 0.7; }

.bnr_taxi {
  max-width: 470px;
  width: 94%;
  margin: 30px auto 10px; }
  .bnr_taxi img {
    width: 100%;
    height: auto; }
  .bnr_taxi a:hover {
    opacity: 0.8; }
  .bnr_taxi .note {
    margin-top: 10px;
    text-align: left; }

.merit {
  max-width: 1280px;
  margin: 0 auto;
  background: #00416a;
  padding: 15px 0;
  text-align: center; }
  .merit .txt img {
    margin: 5px 2px; }
  .merit ul {
    /*margin-top: 10px;*/ }
    .merit ul li {
      display: inline-block;
      max-width: 294px;
      width: 22.96875%;
      margin: .5%; }
      .merit ul li img {
        width: 100%;
        height: auto; }
    .merit ul a img {
      transition: .3s; }
    .merit ul a:hover img {
      opacity: 0.6; }
  @media screen and (max-width: 600px) {
    .merit .txt img {
      height: 20px;
      width: auto; }
    .merit ul {
      margin-top: 20px; }
      .merit ul li {
        width: 90%;
        margin: 0 auto 10px; } }

.bnr_storage {
  margin: 0 auto;
  max-width: 960px;
  width: 90%;
  margin-bottom: 30px; }
  .bnr_storage a:hover {
    opacity: 0.7; }
  .bnr_storage img {
    width: 100%;
    height: auto; }

.contents {
  padding: 50px 0; }
  @media screen and (max-width: 600px) {
    .contents {
      padding: 30px 0; } }

.contentsLink {
  max-width: 1280px;
  margin: auto; }
  .contentsLink .box {
    overflow: hidden;
    margin-bottom: 10px; }
  .contentsLink .pic {
    background: center center no-repeat;
    background-size: cover;
    height: 460px;
    width: 61%;
    float: left;
    position: relative; }
    .contentsLink .pic .note {
      position: absolute;
      bottom: 1px;
      right: 3px;
      color: #fff; }
    .contentsLink .pic .shadow {
      text-shadow: 1px 2px 3px #000; }
    @media screen and (max-width: 600px) {
      .contentsLink .pic {
        float: none !important;
        width: 100%;
        height: 200px; } }
  .contentsLink .txt {
    float: right;
    width: 39%;
    text-align: center; }
    @media screen and (max-width: 600px) {
      .contentsLink .txt {
        float: none !important;
        width: 100%;
        padding: 40px 0; } }
    .contentsLink .txt h5 {
      margin-top: 100px; }
      .contentsLink .txt h5 .border {
        display: block;
        width: 30px;
        height: 2px;
        background-color: #fff;
        margin: 10px auto 0; }
      @media screen and (max-width: 600px) {
        .contentsLink .txt h5 {
          margin-top: 0px; } }
    .contentsLink .txt h6 {
      margin: 30px auto; }
      .contentsLink .txt h6 img {
        margin: 8px 0; }
      @media screen and (max-width: 1180px) {
        .contentsLink .txt h6 img {
          height: 18px;
          width: auto; } }
      @media screen and (max-width: 840px) {
        .contentsLink .txt h6 img {
          height: 13px;
          width: auto; } }
      @media screen and (max-width: 600px) {
        .contentsLink .txt h6 img {
          height: 16px;
          width: auto; } }
    .contentsLink .txt a {
      display: block;
      text-decoration: none;
      background: rgba(1, 1, 1, 0.3);
      padding: 10px 0;
      width: 60%;
      margin: auto;
      color: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: .2s;
      transition: .2s;
      border: 1px solid #ccc;
      font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      -webkit-font-smoothing: antialiased;
      font-feature-settings: "palt";
      font-weight: 300; }
      .contentsLink .txt a:hover {
        opacity: 0.7; }
    .contentsLink .txt .commingsoon {
      display: block;
      text-decoration: none;
      background: rgba(1, 1, 1, 0.3);
      padding: 10px 0;
      width: 60%;
      margin: auto;
      color: #fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      font-family: "ヒラギノ明朝 ProN", "HiraMinProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      -webkit-font-smoothing: antialiased;
      font-feature-settings: "palt";
      font-weight: 300;
      opacity: 0.7; }
  .contentsLink #brandBox {
    background-color: #4784aa; }
    .contentsLink #brandBox .pic {
      /*float: right;*/
      background-image: url(../images/top/pic_brand.jpg); }
    .contentsLink #brandBox .txt {
      /*float: left;*/ }
    .contentsLink #brandBox a {
      border-color: #4784aa; }
      .contentsLink #brandBox a:hover {
        border-color: #fff; }
  .contentsLink #locationBox {
    background-color: #5ba295; }
    .contentsLink #locationBox .pic {
      float: right;
      background-image: url(../images/top/pic_location.jpg); }
    .contentsLink #locationBox .txt {
      float: left; }
    .contentsLink #locationBox a {
      border-color: #5ba295; }
      .contentsLink #locationBox a:hover {
        border-color: #fff; }
  .contentsLink #accessBox {
    background-color: #b17a23; }
    .contentsLink #accessBox .pic {
      background-image: url(../images/top/pic_access.jpg); }
    .contentsLink #accessBox a {
      border-color: #b17a23; }
      .contentsLink #accessBox a:hover {
        border-color: #fff; }
  .contentsLink #designBox {
    background-color: #aa5f5f; }
    .contentsLink #designBox .pic {
      float: right;
      background-image: url(../images/top/pic_design.jpg); }
    .contentsLink #designBox .txt {
      float: left; }
    .contentsLink #designBox a {
      border-color: #aa5f5f; }
      .contentsLink #designBox a:hover {
        border-color: #fff; }
  .contentsLink #planBox {
    background-color: #b1a523; }
    .contentsLink #planBox .pic {
      background-image: url(../images/top/pic_plan.jpg); }
    .contentsLink #planBox a {
      border-color: #b1a523; }
      .contentsLink #planBox a:hover {
        border-color: #fff; }
  .contentsLink #galleryBox {
    background-color: #73553b; }
    .contentsLink #galleryBox .pic {
      float: right;
      background-image: url(../images/top/pic_gallery.jpg); }
    .contentsLink #galleryBox .txt {
      float: left; }
    .contentsLink #galleryBox a {
      border-color: #73553b; }
      .contentsLink #galleryBox a:hover {
        border-color: #fff; }
  .contentsLink #equipmentBox {
    background-color: #b15f65; }
    .contentsLink #equipmentBox .pic {
      background-image: url("../images/top/pic_equipment.jpg"); }
    .contentsLink #equipmentBox a {
      border-color: #b15f65; }
      .contentsLink #equipmentBox a:hover {
        border-color: #fff; }
  .contentsLink #structureBox {
    background-color: #67608d; }
    .contentsLink #structureBox .pic {
      float: right;
      background-image: url("../images/top/pic_structure.jpg"); }
    .contentsLink #structureBox .txt {
      float: left; }
    .contentsLink #structureBox a {
      border-color: #67608d; }
      .contentsLink #structureBox a:hover {
        border-color: #fff; }

.infoBody {
  width: 90%;
  margin: 3em auto 1rem; }
  @media screen and (max-width: 600px) {
    .infoBody {
      margin: 2em auto 1rem; } }

#bnr_pc {
  display: block; }
  @media screen and (max-width: 600px) {
    #bnr_pc {
      display: none; } }

#bnr_sp {
  display: none;
  text-align: left;
  width: 94%;
  max-width: 470px;
  margin: 24px auto; }
  @media screen and (max-width: 600px) {
    #bnr_sp {
      display: block; } }

#top .onlypc {
  display: block; }
  @media screen and (max-width: 600px) {
    #top .onlypc {
      display: none; } }
#top .onlysp {
  display: none; }
  @media screen and (max-width: 600px) {
    #top .onlysp {
      display: block; } }

/* kanbai */
.mainCap {
  margin: 0 auto 1.5rem;
  border-bottom: 1px solid #eee; }

.info-kanbai {
  margin: 2rem auto 0; }
  .info-kanbai img {
    width: 100%;
    height: auto;
    margin: 0 auto; }
  .info-kanbai .pc {
    display: block;
    max-width: 1002px; }
  .info-kanbai .sp {
    display: none; }
  @media screen and (max-width: 600px) {
    .info-kanbai .pc {
      display: none; }
    .info-kanbai .sp {
      display: block;
      max-width: 552px; } }

.complink {
  margin-top: 5rem; }