@charset "utf-8";

/** |READ ME| **********************************************************************************************************

"contact"

Cascading Style Sheet Setting File

Ver.20221017

------------------------------------------------------------------------------------------------------------------------

********************************************************************************************************** |READ ME| **/
.contact-main {
    padding:0;
}
.contact-inner {
    max-width:1000px;
    margin:0 auto;
    text-align:left;
    padding-bottom:170px;
}
.contact-w-bk .contact-inner {
    padding:170px 0;
}
.contact-g-bk {
    background:#F7F7F7;
}
.contact-w-bk {
    background:#fff;
}
.contact-main-box {
    display:flex;
    background:#fff;
    align-items:center;
}
.contact-main-box + .contact-main-box {
    margin-top:50px;
}
.contact-main-imgbox {
    width:400px;
}
.contact-main-imgbox img {
    display:block;
    width:100%;
}
.contact-main-txtbox {
    width:calc(100% - 400px);
    box-sizing:border-box;
    padding-left:80px;
}
.contact-main-txtbox-ttl{
    color:#F03;
    font-size:18px;
    font-weight:bold;
}
.contact-main-txtbox-tel{
    font-size:60px;
    font-weight:bold;
    line-height:1;
    margin:10px 0 0;
    letter-spacing:normal;
}
.contact-main-txtbox-txt{
    font-size:16px;
}
.contact-btn-wrap {
    display:table;
    margin-top:30px;
}
.contact-btn {
    display:block;
    font-size:14px;
    padding-left:65px;
    padding-right:27px;
    position:relative;
    line-height:38px;
    border:1px solid #333;
    border-radius:20px;
}
.contact-btn::before {
    content:"";
    display:block;
    position:absolute;
    top:12px;
    left:30px;
    background:url("../img/contact/contact-btn-item.png");
    width:17px;
    height:14px;
}
.contact-under-box-wrap{
    margin:auto;
    max-width:800px;
}
.contact-under-box dl {
    display:flex;
    justify-content:space-between;
    padding:0 0 50px;
    margin:0 0 50px;
    border-bottom:1px solid #DDDDDD;
}
.contact-under-box:last-child dl {
    margin:0;
    padding:0;
    border-bottom:none;
}
.contact-under-box dl dd {
    display:flex;
    justify-content:space-between;
}
.contact-under-box .contact-btn-wrap {
    margin-top:0;
}
.contact-under-box .contact-btn {
    font-size:16px;
    padding-left:75px;
    padding-right:45px;
}
.contact-under-box .contact-btn::before {
    left:40px;
}
.contact-under-box-telbox {
    text-align:center;
}
.contact-under-box-main-hd {
    font-size:20px;
    font-weight:bold;
}
.contact-under-box-sub-hd {
    font-size:14px;
    font-weight:bold;
}
.contact-under-box-tel {
    font-size:28px;
    font-weight:bold;
    letter-spacing:normal;
}
.contact-under-box-teltxt {
    font-size:12px;
}
.contact-under-box-txt {
    text-align:center;
    font-size:14px;
    font-weight:bold;
}
.contact-under-box-txt a{
  text-decoration:underline;
  opacity:1;
  color:#000;
}
.contact-under-box-txt a:hover{
  text-decoration:none;
  opacity:1;
  color:#000;
}
@media (max-width:640px) {
  .contact-main {
      padding:0;
  }
  .contact-inner {
      padding-bottom:100px;
  }
  .contact-w-bk .contact-inner {
      padding:100px 0;
  }
  .contact-main-box {
      align-items:baseline;
      display:block;
  }
  .contact-main-imgbox {
      width:100%;
  }
  .contact-main-txtbox {
      width:100%;
      box-sizing:border-box;
      padding:30px;
  }
  .contact-main-txtbox-ttl{
      color:#F03;
      font-size:18px;
  }
  .contact-main-txtbox-tel{
      font-size:32px;
      margin:5px 0;
  }
  .contact-main-txtbox-txt{
      font-size:16px;
  }
  .contact-btn-wrap {
      display:table;
      margin-top:10px;
  }
  .contact-btn {
      display:block;
      font-size:14px;
      padding-left:65px;
      padding-right:27px;
      position:relative;
      line-height:38px;
      border:1px solid #333;
      border-radius:20px;
  }
  .contact-btn::before {
      content:"";
      display:block;
      position:absolute;
      top:12px;
      left:30px;
      background:url("../img/contact/contact-btn-item.png");
      width:17px;
      height:14px;
  }
  .contact-under-box dl {
      display:block;
      padding:0 0 30px;
      margin:0 0 30px;
      border-bottom:1px solid #DDDDDD;
  }
  .contact-under-box:last-child dl {
      margin:0;
      padding:0;
      border-bottom:none;
  }
  .contact-under-box dl dt {
      width:100%;
      margin-bottom:10px;
  }
  .contact-under-box dl dd {
      width:100%;
      display:block;
  }
  .contact-under-box .contact-btn {
      font-size:16px;
      padding-left:75px;
      padding-right:45px;
  }
  .contact-under-box .contact-btn::before {
      left:40px;
  }
  .contact-under-box-telbox {
      text-align:left;
  }
  .contact-under-box-main-hd {
      font-size:20px;
      font-weight:bold;
  }
  .contact-under-box-sub-hd {
      font-size:14px;
      font-weight:bold;
  }
  .contact-under-box-tel {
      font-size:28px;
      font-weight:bold;
      letter-spacing:normal;
  }
  .contact-under-box-teltxt {
      font-size:12px;
  }
  .contact-under-box-txt {
      text-align:left;
      font-size:14px;
      font-weight:bold;
  }
}