@charset "UTF-8";
/*===============================
scss 変数ファイル
================================*/
/*
カラー
================================*/
/*
メディアクエリ
================================*/
#about .pageHeading {
  background-image: url(../../images/page/about/about_back.jpg);
}
@media screen and (min-width: 768px) {
  #about .sec01 .columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#about .sec01 .columns .img img {
  width: 100%;
}
#about .sec01 .columns .text {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  #about .sec01 .columns .text {
    margin-top: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  #about .sec01 .profile .columns .img {
    width: 35%;
    margin-right: 50px;
  }
}
@media screen and (min-width: 1024px) {
  #about .sec01 .profile .columns .img {
    margin-right: 70px;
  }
}
@media screen and (min-width: 1200px) {
  #about .sec01 .profile .columns .img {
    width: 580px;
  }
}
@media screen and (min-width: 768px) {
  #about .sec01 .message .columns .img {
    width: 35%;
    margin-right: 50px;
  }
}
@media screen and (min-width: 1200px) {
  #about .sec01 .message .columns .img {
    width: 500px;
  }
}
#about .sec01 .outline .outlineList dl {
  border-top: 1px solid #666;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}
@media screen and (min-width: 768px) {
  #about .sec01 .outline .outlineList dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
#about .sec01 .outline .outlineList dl:last-child {
  border-bottom: 1px solid #666;
}
#about .sec01 .outline .outlineList dl dt,
#about .sec01 .outline .outlineList dl dd {
  padding: 15px 15px;
  line-height: 1.6em;
}
@media screen and (min-width: 768px) {
  #about .sec01 .outline .outlineList dl dt,
  #about .sec01 .outline .outlineList dl dd {
    padding: 15px 20px;
  }
}
#about .sec01 .outline .outlineList dl dt {
  background-color: #dee6f3;
}
@media screen and (min-width: 768px) {
  #about .sec01 .outline .outlineList dl dt {
    width: 250px;
  }
}
@media screen and (min-width: 1024px) {
  #about .sec01 .outline .outlineList dl dt {
    width: 380px;
  }
}
#about .sec01 .outline .outlineList dl dd {
  border-top: 1px solid #666;
}
@media screen and (min-width: 768px) {
  #about .sec01 .outline .outlineList dl dd {
    border-top: none;
    border-left: 1px solid #666;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
#about .sec01 .map .gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
#about .sec01 .map .gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}