@charset "UTF-8";
@import url("global.css");
#bodyarea .infotext {
  margin-bottom: 60px;
  text-align: justify;
}

.block_tel .dot_title {
  margin-bottom: 25px;
}
.block_tel .tel_box {
  margin-bottom: 80px;
}

.block_line {
  margin-bottom: 80px;
}
.block_line .dot_title {
  margin-bottom: 25px;
}
.block_line .linebtn {
  margin-top: 15px;
}
.block_line .linebtn a {
  display: inline-flex;
  border: 1px solid #189D18;
  background-color: #ECFEEC;
  color: #189D18;
  border-radius: 3px;
  box-sizing: border-box;
  height: 50px;
}
@media (any-hover: hover) {
  .block_line .linebtn a:hover {
    opacity: .7;
  }
}
.block_line .linebtn a .icon {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 50px;
  font-size: 30px;
  color: #fff;
  background-color: #189D18;
}
.block_line .linebtn a .text {
  align-self: center;
  font-family: "Lexend", "Zen Kaku Gothic New", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック Medium", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Meiryo", "メイリオ", Helvetica, sans-serif;
  font-size: 15px;
  padding: 0 17px;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1600px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )
 
------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 959px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  #bodyarea .infotext > p br {
    display: none;
  }

  .block_tel .dot_title {
    margin-bottom: 20px;
  }
  .block_tel .tel_box {
    margin-bottom: 50px;
  }

  .block_line {
    margin-bottom: 50px;
  }
  .block_line .dot_title {
    margin-bottom: 20px;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-4 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  #bodyarea .infotext {
    margin-bottom: 35px;
    text-align: justify;
  }

  .block_tel .dot_title {
    margin-bottom: 15px;
  }

  .block_line .dot_title {
    margin-bottom: 5px;
  }
}