@charset "UTF-8";
/* css */
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap&text=0123456789%OFF-Copyright©TUCo.,Ltd.AllRightsReserved￥");
@import url("https://fonts.googleapis.com/css2?family=Roboto&display=swap");
.contactPage .contactPage__body {
  max-width: 103rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
}
.contactPage .contactArea__head {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.contactPage .contactArea__title {
  font-weight: bold;
  font-size: 1.4rem;
  letter-spacing: 0.35px;
  color: #000000;
  background-color: #F2F2F2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  height: 4rem;
  white-space: nowrap;
}
.contactPage .contactArea__title:not(:last-child) {
  margin-right: 0.2rem;
}
.contactPage .contactArea__title span {
  font-size: 1rem;
  letter-spacing: 0.25px;
}
.contactPage .contactArea__single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding-bottom: 60px;
}
.contactPage .contactArea__single h2{
  width: 100%;
  line-height: 40px;
/*  margin-top: 20px; */
  margin-bottom: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  border-bottom: 2px solid #F2F2F2;
}
.contactPage .contactArea__single h2 img{
  display: unset;
  padding-right: 10px;
  height: 17px;
}
.contactPage .contactArea__details {
  width: 100%;
  margin: 10px;
}
.contactPage .contactArea__details span{
  color: #ff0000;
}
.contactPage .contactArea__details a{
  color: #0f4db1;
  text-decoration: underline;
}
.contactPage .contactArea__details p.title{
  width: 100%;
  line-height: 25px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}
.contactPage .contactArea__details p.notes{
  padding: 2rem;
  background-color: #FAFAFA;
  border-radius: 10px;
}
.contactPage .contactArea__details p.img{
  width: 50%;
  text-align: center;
  margin: 10px auto;
}
.contactPage .contactArea__details img{
  display: revert;
}
.contactPage .contactArea__details ul{
  padding: 10px 20px 0px 20px;
  list-style: disc;
}
.contactPage .contactArea__details ol{
  padding: 10px 20px 0px 20px;
  list-style: decimal;
}
.contactPage .contactArea__details ul li,
.contactPage .contactArea__details ol li{
  margin-bottom: 10px;
  padding-left: 15px;
}
.contactPage .contactArea__details ul.sub_list{
  padding: 10px 0px 0px 20px;
  list-style: circle;
}
.contactPage .contactArea__details ol.sub_list{
  padding: 10px 0px 0px 20px;
  list-style: lower-roman;
}
.contactPage .contactArea__details ul.sub_list li,
.contactPage .contactArea__details ol.sub_list li{
  margin-bottom: 5px;
  padding-left: 10px;
}
.contactPage .contact__tabel {
  padding: 2.3rem 2.5rem 3rem;
  background-color: #FAFAFA;
  border-radius: 10px;
  margin-bottom: 20px;
}
.contactPage .contact__tabel h3{
  line-height: 4rem;
  font-size: 1.6rem;
  font-weight: bold;
}
.contactPage .contact__tabel table{
  width: 100%;
}
.contactPage .contact__tabel th{
  width: 25%;
  line-height: 40px;
  text-align: left;
  font-size: 1.5rem;
  font-weight: bold;
}
.contactPage .contact__tabel td{
  padding-bottom: 15px
}
.contactPage .endBody p {
  text-align: center;
  font-size: 1.4rem;
  line-height: 2.5rem;
  letter-spacing: 0.35px;
}
.contactPage .endBody p:not(:last-child) {
  margin-bottom: 1.5rem;
}
.contactPage .endBody p a {
  text-decoration: underline;
  color: #0F4db1;
}
.contactPage .endBody__link {
  display: block;
  font-weight: bold;
  font-size: 1.6rem;
  letter-spacing: 0.4px;
  color: #FFF;
  text-align: center;
  border-radius: 10px;
  border: 2px solid #0F4db1;
  background-color: #0F4db1;
  padding: 1.1rem 4rem;
  cursor: pointer;
  -webkit-transition: color ease 0.3s, background-color ease 0.3s;
  transition: color ease 0.3s, background-color ease 0.3s;
  margin: 5.8rem auto 0;
  width: 34rem;
}
@media screen and (min-width: 768px) {
  .contactPage .endBody p a:hover {
    text-decoration: none;
  }
  .contactPage .endBody__link:hover {
    color: #0F4db1;
    background-color: #fff;
  }
}
@media screen and (max-width: 767px) {
  .contactPage .contactPageGuide__body {
    max-width: 103rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 1.5rem;
  }
  .contactPage .contactArea__head {
    display: none;
  }
  .contactPage .contactArea__main {
    border-top: 1px solid #F2F2F2;
  }
  .contactPage .contactArea__single {
    display: block;
    padding-bottom: 2rem;
  }
  .contactPage .contactArea__details {
    width: auto;
  }
  .contactPage .contactArea__details p.img{
    width: 100%;
  }
  .contactPage .contact__tabel th,
  .contactPage .contact__tabel td{
    display: block;
    width: 100%;
  }
  .contactPage .endBody__link {
    border-radius: 4px;
    padding: 1.3rem 4rem 1.2rem;
  }
  .form__main input.half {
    width: 45%;
  }
  .form__btn--confirm form {
    width: 100%;
  }
}