@charset "utf-8";

.acc_wrapper {
  background-color: #FBFBE2;
}

.acc_container {
  width: 98rem;
  margin: 0 auto;
  padding-top: 5rem; 
  padding-bottom: 22rem;
}

.acc_apple {
  width: 3.7rem;
  height: 3.4rem;
  margin: 0.7rem 1.895rem 0 0;
}

/* 郵便番号と住所の行間 */
.acc_number1,.acc_number2{
  line-height: calc(50 / 30);
}

.acc_number1 {
  font-family: var(--ZenMaru);
  font-size: 3rem;
  color: #8C4F53;
font-weight: 700;
}

.acc_number2 {
  font-family: var(--ZenMaru);
  font-size: 3rem;
  color: #8C4F53;
  font-weight: 700;
  margin-bottom: 6.1rem;
}

.acc_flex {
  display: flex;
  justify-content: center;   
}

/* 交通案内説明のlineheightで指定している数値とデザインの数値から
余白の値を割り出し */
.acc_map {
  margin-bottom: 2.6rem;
    
}
.acc_mapimg {
  width: 98rem;
  height: 42.3rem;

}
.acc_train {
  width:25.2rem;
  margin: 0 auto;
}
.acc_p1,.acc_p2,.acc_p3 {
  position: relative;
  font-family: var(--ZenMaru);
  color: #8C4F53;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.acc_stick{
  margin-bottom: 2.6rem;
}

/* メディアクエリ */
@media screen and ( max-width:699.98px) {
  .acc_mapimg {
    width: 100%;
    height: 30rem;
  }
  .acc_number1 {
    font-family: var(--ZenMaru);
    font-size: 2rem;
    color: #8C4F53;
    font-weight: 700;
  }
  .acc_number2 {
    font-family: var(--ZenMaru);
    font-size: 2rem;
    color: #8C4F53;
    font-weight: 700;
    margin-bottom: 2.05rem;
  }
  .acc_number1,.acc_number2{
    line-height: calc(50 / 20);
  }
  .acc_container {
    width: 100%;
    padding-top: 8rem;
    padding-bottom: 19.4rem;
  }
  .acc_flex{
    width: 33.5rem;
    margin: 0 auto;
  }
  
  .acc_apple{
    margin-top: 1rem;
    margin-right: 1.295rem;
  }

  .acc_train {
    margin-top: 3.5rem;
  }
}