@import url("global.css");
@import url("owners.css");
.maintenance #contents {
  padding-top: 80px; }
.maintenance .sec_intro {
  margin-bottom: 80px; }
  .maintenance .sec_intro .main_catch {
    margin-bottom: 50px;
    text-align: center;
    font-size: clamp(20px, 3.2vw, 28px);
    font-weight: bold; }
    .maintenance .sec_intro .main_catch br {
      display: none; }
  .maintenance .sec_intro .text_area {
    text-align: center; }
    .maintenance .sec_intro .text_area p {
      margin-bottom: 1em; }
.maintenance .btn_tenken {
  width: 60%;
  max-width: 650px;
  margin: 0 auto 80px; }
  .maintenance .btn_tenken a {
    height: 180px;
    display: flex;
    align-items: stretch;
    justify-content: space-between; }
    .maintenance .btn_tenken a .text_area {
      width: 50%;
      padding: 20px;
      box-sizing: border-box;
      background: #D69466;
      color: #fff;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      .maintenance .btn_tenken a .text_area .lead {
        margin-bottom: 10px;
        font-size: clamp(18px, 2.8vw, 22px);
        font-weight: bold; }
    .maintenance .btn_tenken a .img_area {
      width: 50%;
      position: relative; }
      .maintenance .btn_tenken a .img_area .hagaki {
        display: block;
        width: 70px;
        position: absolute;
        right: -10px;
        bottom: -10px;
        transform: rotate(20deg);
        filter: drop-shadow(0 0 10px rgba(35, 35, 35, 0.1)); }
    .maintenance .btn_tenken a:hover {
      transform: scale(1.02); }

#formarea {
  margin-top: 80px; }
  #formarea .text {
    text-align: center;
    margin-bottom: 50px; }

#formarea .notes span, #formarea .notes a {
  font-size: inherit;
  text-decoration: underline; }

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

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

 Responsive-Breakpoint-2 ( 960px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .maintenance #contents {
    padding-top: 60px; }
  .maintenance .sec_intro {
    margin-bottom: 60px; }
  .maintenance .btn_tenken {
    width: 100%;
    max-width: 650px;
    margin: 0 auto 60px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .maintenance #contents {
    padding-top: 50px; }
  .maintenance .sec_intro {
    margin-bottom: 40px; }
    .maintenance .sec_intro .main_catch {
      margin-bottom: 30px; }
      .maintenance .sec_intro .main_catch br {
        display: block; }
    .maintenance .sec_intro .text_area {
      text-align: justify; }
      .maintenance .sec_intro .text_area br {
        display: none; }
  .maintenance .btn_tenken {
    margin: 0 auto 50px; }
    .maintenance .btn_tenken a {
      height: auto;
      display: block; }
      .maintenance .btn_tenken a .text_area {
        width: 100%;
        padding: 15px;
        display: block; }
        .maintenance .btn_tenken a .text_area .lead {
          margin-bottom: 10px;
          font-size: clamp(18px, 3.1vw, 24px);
          font-weight: bold; }
      .maintenance .btn_tenken a .img_area {
        width: 100%;
        height: 80px; }

  #formarea {
    margin-top: 50px; } }