@charset "UTF-8";
/***********************共通設定************************/
/*----------------------------------------------------
メニュー用
----------------------------------------------------*/
/*----------------------------------------------------
トップの検索フィール用
----------------------------------------------------*/
#about {
  height: 120px;
  background: #00242A;
  padding: 90px 0 0px;
  color: #fff;
  /* 750以下  */
}
#about h1 {
  width: 250px;
  margin: 30px auto;
}
@media all and (max-width: 750px) {
  #about {
    height: 110px;
    padding: 50px 0 0px;
  }
  #about h1 {
    width: 180px;
  }
}

.kv_bread {
  background: #00353C;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .kv_bread {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-flow: column-reverse;
            flex-flow: column-reverse;
  }
}

.about_kv {
  background-image: url(../images/about/about_kv.jpg);
  background-size: cover;
  height: 575px;
  background-position: center;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .about_kv {
    background-image: url(../images/about/about_kv_sp.jpg);
    height: 315px;
  }
}

.about_messsage {
  background: #00353C;
  padding: 0px 20px 20px;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .about_messsage {
    padding: 40px 30px 20px;
  }
}
.about_messsage h2 {
  width: 320px;
  margin: 0 auto;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .about_messsage h2 {
    width: 200px;
  }
}

.about_text {
  max-width: 1080px;
  text-align: left;
  color: #fff;
  margin: 0 auto 100px;
  font-size: 18px;
  line-height: 2.3;
  /* 750以下  */
}
.about_text p {
  margin: 40px 0;
  letter-spacing: 0.1em;
  font-weight: 300;
  /* 750以下  */
}
@media all and (max-width: 750px) {
  .about_text p {
    margin: 0 0 40px 0;
    line-height: 1.88;
    letter-spacing: 0.03em;
  }
}
@media all and (max-width: 750px) {
  .about_text {
    font-size: 16px;
    margin: 0 auto;
  }
}

.bread ul li {
  color: #fff;
}
.bread ul li a {
  color: #fff;
}
.bread ul li a::after {
  background: #fff;
}

/*動画*/
@media all and (max-width: 750px) {
.media {
	padding-bottom:50px;
    width: 95%;
    max-width: 95%;
	margin: 1em auto;
}
}	

@media all and (min-width: 751px) {
.media {
	padding-bottom:50px;	
    width: 60%;
    max-width: 60%;
	margin: 1em auto;
}
}
/*# sourceMappingURL=about.css.map */