/* --------------------------------
 * box_1
 * -------------------------------- */
.box_1 {
  width: 1200px;
  margin: 0 auto 5%;
  padding: 8%;
  background-color: #fff;
}

@media screen and (max-width: 769px) {
  .box_1 {
    width: 100%;
    padding: 10% 3%;
  }
}

.box_1 .text {
  font-size: 2.5rem;
  letter-spacing: 2px;
  margin: 0 0 3%;
}

@media screen and (max-width: 769px) {
  .box_1 .text {
    font-size: 1.8rem;
    letter-spacing: 1px;
    margin: 0 0 5%;
  }
}

.box_1 .text_1 {
  line-height: 1.8;
}

.box_1 .text_2 {
  width: 45%;
  margin: 1% auto 8%;
  padding: 0.5% 0;
  border: 1px solid #999;
  letter-spacing: 1px;
}

@media screen and (max-width: 769px) {
  .box_1 .text_2 {
    width: 70%;
    padding: 3%;
    margin: 3% auto 8%;
  }
}

.box_1 .text_2 a {
  color: #000;
  text-decoration: none;
}

.box_1 .text_3 {
  text-align: left;
}

.box_1 .text_3 span {
  color: red;
}

.box_1_inner {
  width: 100%;
  margin: 3% auto 5%;
  padding: 0;
}

@media screen and (max-width: 769px) {
  .box_1_inner {
    width: 100%;
    margin: 5% 0 0;
    padding: 3% 0;
  }
}

.box_1_inner table {
  width: 100%;
  margin: 0;
}

.box_1_inner table th {
  width: 100%;
  display: block;
  padding: 2% 0 0;
  text-align: left;
  vertical-align: middle;
}

@media screen and (max-width: 769px) {
  .box_1_inner table th {
    width: 100%;
    display: block;
    text-align: left;
    padding: 3% 0 0;
  }
}

.box_1_inner table th span {
  color: red;
}

.box_1_inner table td {
  width: 100%;
  display: block;
  padding: 2% 0;
  text-align: left;
}

@media screen and (max-width: 769px) {
  .box_1_inner table td {
    width: 100%;
    display: block;
  }
}

.box_1_inner table #name, .box_1_inner table #mail, .box_1_inner table #naiyo {
  position: relative;
  background-color: #eeeeee;
  display: block;
  padding: 2%;
  width: 100%;
  font-size: 1.8rem;
}

@media screen and (max-width: 769px) {
  .box_1_inner table #name, .box_1_inner table #mail, .box_1_inner table #naiyo {
    width: 100%;
    font-size: 1.6rem;
  }
}

#btn {
  display: block;
  margin: 5% auto 0;
  width: 30%;
  border: 1px solid #1e3784;
  background-color: #1e3784;
  padding: 1.5% 0;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.8rem;
}

@media screen and (max-width: 769px) {
  #btn {
    float: none;
    width: 70%;
    margin: 8% auto 0;
    padding: 4% 0;
    -webkit-appearance: none;
    border-radius: 0;
  }
}

#btn:hover {
  border: 1px solid #1e3784;
  color: #1e3784;
  background-color: #fff;
}

/* --------------------------------
 * kakunin_php
 * -------------------------------- */
.kakunin_box {
  width: 100%;
  margin: 8% 0;
}

.kakunin_box .k_btn {
  width: 20%;
  display: inline-block;
  margin-right: 3%;
}

@media screen and (max-width: 769px) {
  .kakunin_box .k_btn {
    width: 70%;
    margin: 5% auto;
  }
}

.kakunin_box .k_btn a {
  display: block;
  font-size: 1.8rem;
  color: #1e3784;
  padding: 6.4% 0;
  text-decoration: none;
  border: 1px solid #1e3784;
}

@media screen and (max-width: 769px) {
  .kakunin_box .k_btn a {
    font-size: 1.5rem;
    padding: 6% 0;
  }
}

.kakunin_box .k_btn a:hover {
  color: #fff;
  background-color: #1e3784;
}

.kakunin_box #k_btn_2 {
  width: 20%;
  display: inline-block;
  border: 1px solid #fff;
  background-color: #1e3784;
  font-size: 1.8rem;
  color: #fff;
  padding: 1% 0;
}

@media screen and (max-width: 769px) {
  .kakunin_box #k_btn_2 {
    width: 70%;
    font-size: 1.5rem;
    padding: 4% 0;
    -webkit-appearance: none;
    border-radius: 0;
  }
}

.kakunin_box #k_btn_2:hover {
  border: 1px solid #1e3784;
  background-color: #fff;
  color: #1e3784;
}

/* --------------------------------
 * thanks.ht
 * -------------------------------- */
.th_btn {
  display: block;
  margin: 5% auto 0;
  width: 20%;
  border: 1px solid #1e3784;
  background-color: #1e3784;
  padding: 1.5% 0;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
  font-size: 1.8rem;
}

@media screen and (max-width: 769px) {
  .th_btn {
    float: none;
    width: 70%;
    margin: 8% auto 0;
    padding: 4% 0;
    -webkit-appearance: none;
    border-radius: 0;
  }
}

.th_btn:hover {
  border: 1px solid #1e3784;
  color: #1e3784;
  background-color: #fff;
}