@charset "UTF-8";
/*レスポンシブ対応。カラム数とカラム間marginを自由に設定するMixin*/
/*一列組のみ、記事が増え、2段、3段になるカラム組には適さない*/
/*参考→　https://qiita.com/noqua/items/0dc04aa528269db41a07　*/
.slide-dots li {
  display: inline-block;
  margin: 0 5px; }
  .slide-dots li button {
    position: relative;
    text-indent: -9999px; }
    .slide-dots li button:before {
      content: '●';
      color: #bfbfbf;
      font-size: 1px;
      text-indent: 0px;
      position: absolute;
      top: 0;
      left: 0; }
  .slide-dots li.slick-active button:before {
    content: '●';
    color: #5583a5; }

.slick-slider {
  max-width: 750px;
  margin: 0 auto 140px; }
  @media all and (max-width: 620px) {
    .slick-slider {
      margin: 0 auto 40px; } }

.slick-list {
  margin-bottom: 10px; }

.thumbnail {
  padding-top: 100%;
  width: 100%;
  position: relative; }
  .thumbnail img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 0 12px; }
    @media all and (max-width: 620px) {
      .thumbnail img {
        padding: 0 2px; } }

.company-data {
  padding: 60px 0 0;
  max-width: 750px;
  margin: 0 auto; }
  .company-data .data-top {
    border-top: 1px solid #cccccc;
    margin-bottom: 60px; }
  .company-data dl {
    display: flex;
    border-bottom: 1px solid #cccccc; }
    @media all and (max-width: 980px) {
      .company-data dl {
        display: block; } }
  .company-data dt {
    text-align: right;
    width: 125px;
    padding: 20px 0 18px; }
    @media all and (max-width: 980px) {
      .company-data dt {
        text-align: left;
        padding: 20px 0 12px; } }
  .company-data dd {
    text-align: left;
    padding: 20px 0 18px 60px; }
    @media all and (max-width: 980px) {
      .company-data dd {
        padding: 0 0 18px; } }

#map {
  height: 400px;
  margin: 0 0 20px 0; }

.map-wrapper .flex-unit {
  display: flex; }
  @media all and (max-width: 620px) {
    .map-wrapper .flex-unit {
      display: block; } }
.map-wrapper .text-unit {
  text-align: justify; }
  .map-wrapper .text-unit h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 0 0 20px 0; }
  .map-wrapper .text-unit p br {
    display: block; }
.map-wrapper .button-basic {
  margin: 0 0 0 auto; }
  @media all and (max-width: 620px) {
    .map-wrapper .button-basic {
      margin: 30px 0 40px auto; } }