@charset "UTF-8";

/*───────────────────────────
  footer CSS
───────────────────────────*/

/*CONTACT*/
#contact h2 {
   color: #fff;
}

#contact h3 {
   font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
   padding: 0 10px 0;
}

#contact {
   padding: 10px;
   background-color: #0d0015;
   background-position:center center;
   background-size: cover;
   color: #fff;
}

.contact-notice {
   padding: 20px 10px 10px;
   margin-bottom: 30px;
}

#contact-type {
   width: 100%;
   max-width: 450px;
   height: 135px;
   margin: 0 auto 50px;
   color: #000;
}
#contact-type ul {
   width: 100%;
   height: 90px;
   padding: 10px;
   margin-bottom: 40px;
}

#contact-type ul li {
   width: 46%;
   height: 90px;
   float: left;
}

#contact-type ul li:nth-child(1) {
   margin-left: 2%;
   margin-right: 4%;
}

#contact-type ul li:nth-child(2) {
   margin-rifht: 2%;
}

#contact-type ul li a{
   display: block;
   width: 100%;
   padding: 10px 3px;
   background-color: #afafb0;
   border-radius: 10px;
   font-size: 14px;
   text-align: center;
}

#contact-type ul li img {
   margin: 0 auto;
}


input[type="tel"],
input[type="number"],
input[type="text"],
input[type="email"] {
   width: 100%;
   height: 45px;
   padding: 5px;
   font-size: 14px;
   color: #000;
   background-color: #f8f8ff;
}

select {
   width: 100%;
   height: 45px;
   margin-bottom: 1.2em;
   font-size: 14px;
   color: black;
   background-color: #f8f8ff;
   border: solid 1px lightgray;
}

textarea {
   width: 100%;
   height: 200px;
   font-size: 14px;
   padding: 5px;
   color: black;
   background-color: #f8f8ff;
   border: solid 1px  lightgray;
}

input[type="submit"] {
   -webkit-appearance : none;
   display: block;
   width: 80%;
   max-width: 400px;
   height: 50px;
   margin: 30px auto 20px;
   padding: 10px;
   background: #3eb370;
   color: #fff;
   font-size: 20px;
   cursor: pointer;
   transition: all 0.3s ease 0s;
}

input[type="submit"]:hover {
    background-color: #f5f5f5;
    color: black;
}

::placeholder {
    color: #999;
    font-size: 14px;
}



input:focus {
   outline: 3px #ffec47 solid;
}

textarea:focus {
   outline: 3px #ffec47 solid;
}

input[type=checkbox] {
   margin-right: 8px;
   transform: scale(1.3);
   position: relative;
}

.policy label {
   position: relative;

}

.tbl-r02 {
   width: 100%;

}
.tbl-r02 th {
   text-align: left;
   font-size: 14px;
   font-weight: normal;
   position: relative;
}

.tbl-r02 th,
.tbl-r02 td {
   margin: 0 auto 3px;
   display: block;
   width: 92%;
}

.tbl-r02 td {
   margin-bottom: 20px;
}

.req {
   position: absolute;
   top: -13px;
   left: -10px;
   font-size: 21px;
   color: red;
}

.policy .req {
   left: -18px;
}

.contact-attention {
   padding: 0 5px 50px;
   margin-bottom: 30px;
   font-size: 13px;
}

.policy {
   padding: 0 20px 20px;
   font-size: 13px;
}

.caution {
   font-size: 12px;
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;}


.text-link::after {
   display: inline-block;
   content: "";
   width: 14px;
   height: 15px;
   margin-top: 3px;
   margin-bottom: -2px;
   margin-left: 3px;
   margin-right: 3px;
   background-image: url(../img/text-link.svg);
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}
.text-link {
   border-bottom: 1px solid #dcdcdc;
}


/*footer*/

footer {
   padding-bottom: 45px;
   background-color: #2b2b2b;
   color: #fff;
}

.footer-nav {
   margin-bottom: 30px;
   padding: 10px;
   font-family: "Ubuntu", sans-serif;
   font-size: 21px;
   font-weight: 700;
}

.footer-sub-menu {
   font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
   font-size: 14px;
   margin-left: 5px;
   margin-bottom: 5px;
/*   font-weight: 500;*/
}

.footer-container-R {
   text-align: center;
}

.footer-logo img {
   width: 120px;
   margin: 0 auto 30px;
}

.footer-sns {
   margin-bottom: 30px;
}

.footer-sns img {
   margin: 0 auto;
}

#copy {
   font-size: 0.7rem;
   text-align: center;
}



@media screen and (min-width: 679px) {
/*CONTACT*/
   #contact-container {
      width: 85%;
      margin: 0 auto;
   }

   #contact h3 {
      font-size: 30px;
   }

   #contact-type {
      max-width: 560px;
   }

   #contact-type ul li a {
      font-size: 21px;
   }

   #contact-type ul li img {
      width: 80px;
   }

   input[type="tel"],
   input[type="number"],
   input[type="text"],
   input[type="email"] {
      font-size: 15px;
   }

   select {
      font-size: 15px;

   }

   textarea {
      font-size: 15px;
   }

   input[type="submit"] {
      max-width: 250px;
      height: 60px;
      font-size: 24px;
   }

   ::placeholder {
      font-size: 15px!important;

   }

   input[type=checkbox] {
      margin-right: 13px;
      transform: scale(1.8);
   }

   .contact-attention {
      padding: 0 30px 50px;
      margin-bottom: 80px;

      font-size: 13.5px;
   }

   .policy {
      padding: 0 30px 50px;
      margin-bottom: 30px;
      font-size: 15px;
   }

   .tbl-r02 th {
      font-size: 15px;
   }

   .caution {
      font-size: 14px;
   }


/*footer*/
   .footer-nav {
      font-size: 21px;
   }

   .footer-container-R img {
      width: 180px;
   }

   .footer-sns img {
      width: 40px;
   }



}



@media screen and (min-width: 1023px) {

/*CONTACT*/
   #contact h3 {
      text-align: center;
   }

   .contact-notice {
      text-align: center;

   }
   #contact-wrapper h2 {
      text-align: center;
   }

   #contact-container {
      width: 100%;
      max-width: 660px;
      margin: 0 auto;
   }

   #contact-type {
      width: 100%;
      max-width: 550px;
      margin: 0 auto 50px;
   }

   #contact-type ul {
      margin-bottom: 100px;
   }

   #contact-type ul li a {
      font-size: 21px;
   }

   #contact-type ul li img {
      width: 60px;
   }

   input[type="tel"],
   input[type="number"],
   input[type="text"],
   input[type="email"] {
      font-size: 16px;
   }

   select {
      font-size: 16px;

   }

   textarea {
      font-size: 16px;
   }

   input[type="submit"] {
      font-size: 24px;
   }

   ::placeholder {
      font-size: 14px!important;
   }

   .contact-attention {
      padding: 0 30px 50px;
      margin-bottom: 80px;
      font-size: 14px;
   }
   .policy {
      padding: 0 40px 50px;
      margin-bottom: 30px;
   }

   .tbl-r02 th {
      font-size: 16px;
   }
   .caution {
      font-size: 14px;
   }

/*footer*/
   #footer-wraper {
      width: 100%;
      max-width: 1080px;
      margin: 0 auto 50px;
      position: relative;
   }

   .footer-nav {
      margin-top: 75px;
      font-size: 18px;
      font-weight: 500;
   }

   .footer-sub-menu {
      margin-left: 0;
   }

   .footer-sub-menu li{
      margin-right: 0!important;
      font-size: 13px;
      clear: both;
   }

   .footer-nav li a {
      width: 100%;
   }

   .footer-nav li {
      display: inline-block;
      margin-right: 30px;
      float: left;
   }

   .footer-nav li:last-child {
      margin-right: 0;

   }

   .footer-sns {
      position: absolute;
      top: 30px;
      right: 50px;
   }

   .footer-sns img {
      width: 35px;
   }

   .footer-container-L {
      width: 60%;
      float: right;
   }

   .footer-container-R {
      width: 30%;
      margin-top: 50px;
      float: left;
   }

   #copy {
      font-size: 1rem;
   }



}