@charset "UTF-8";

img {
  max-width: 100%;
}

.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}
.gothic {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
}

.table {
display: table;
width: 100%;
}

.text-left { text-align: left !important; }
.text-center { text-align: center !important; }
.text-right { text-align: right !important; }

.mb15 { margin-bottom: 15px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb60 { margin-bottom: 60px !important; }

.mt15 { margin-top: 15px !important; }
.mt30 { margin-top: 30px !important; }
.mt45 { margin-top: 45px !important; }
.mt60 { margin-top: 60px !important; }

.img-responsive {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}

.pc-only { display: block !important; }
.sp-only { display: none !important; }

@media only screen and (max-width:960px) {
  #site-content-main {
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #site-content-main.sp-layout-lr {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  #site-content-main.sp-layout-rl {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  #site-content > .column {
    float: none !important;
    width: 100% !important;
  }

  .pc-only { display: none !important; }
  .sp-only { display: block !important; }

  #cms-breadcrumb {
    white-space: nowrap;
    overflow: hidden;
  }

}