@charset "utf-8";
/* CSS Document */

.section-top__main-image {
  /*ミッションの画像*/
  width: 100%; /*横幅いっぱい*/
  height: 100vw; /*画像の高さ*/
  max-height: 580px; /*最大でも*/
  object-fit: cover; /*画像が枠の中にきれいにカバーするようにはまってほしいから画像の埋め込みどうするか*/
  object-position: 80% 80%; /*画像のどの辺を表示するの　画像の真ん中表示*/
}
/*トップ　mobile*/

/*aboutus moblie*/
.about-title img {
  width: 80%;
  margin: 25px 35px;
}



.about-top__image {
  background-image: url("../images/aboutus/about_bike.jpg");/*トップビジュアルの写真*/
  background-position: left 0% top 80%; /*画像の位置*/
  background-size:  130%;/*横の幅は自動　高さは120％に指定*/
  background-repeat: no-repeat;/*繰り返し画像が出ないようにするもの*/
  
}
.about-top__image-filter {/*トップビジュアルの影*/
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.60);/*画像の影　不透明度*/
  padding-bottom: 50px;
  
}
.about-top__image-message h2 {
  font-size: 2.0rem;
  text-align: left;
  padding-left: 13px;
  padding-top: 20px;
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0-1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
}
address {
  padding: 20px 0 20px 15px;
  font-style: normal;
  text-align: left;
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0-1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
}



.about-information {
  /*margin-bottom: 20px; /*tableに下の余白*/
  text-shadow:1px 1px 0 #000, -1px -1px 0 #000,
              -1px 1px 0 #000, 1px -1px 0 #000,
              0px 1px 0 #000,  0-1px 0 #000,
              -1px 0 0 #000, 1px 0 0 #000;
}
.about-information table {
  display: block; /**/
  text-align: left; /*テキスト左揃え*/
  
  margin: 0 auto; /*中央そろう*/
}
.about-information table th {
  width: 34%; /*横幅34％*/
  font-weight: 500; /*フォントの太さ*/
}
th {
  text-align: left;
  font-size: 1.4rem;
  padding-left: 30px;
  letter-spacing: 0.18em;
}
td {
  text-align: left;
  padding-left: 20px;
  padding-right: 40px;
  font-size: 1.4rem;
  letter-spacing: 0.18em;
}














/*========= レイアウトのためのCSS ===============*/

.wrapper{
  overflow: hidden;
}


.box{
 
  padding-bottom: 20px;
  margin:0 auto;
  color: #fff;
  box-sizing:border-box;
}


/*
*{
  border: 1px solid red!important;
}*/