@charset "UTF-8";
.sp_only {
  display: none;
}

.pc_only {
  display: block;
}

html {
  font-size: 62.5%;
  /*pxだと10px;*/
}

body {
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

body .bodyWrappe {
  max-width: 980px;
  margin: 0 auto;
  -webkit-box-shadow: 0px 1px 20px #c7c7c7;
          box-shadow: 0px 1px 20px #c7c7c7;
}

.textLeft {
  text-align: left;
}

.textRight {
  text-align: right;
}

img {
  width: 100%;
}

.secBtn .btnArea {
  background-color: #fff;
  margin: 0 7.4%;
}

.secBtn .btnArea .redBtn {
  margin: 0 auto;
  width: 46%;
  border-radius: 10px;
}

.secBtn .btnArea .redBtn:hover {
  -webkit-filter: brightness(130%);
          filter: brightness(130%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.secBtn .btnArea .whiteBtn {
  border: 1px solid #000;
  border-radius: 5px;
  margin: 0 auto;
  padding: 1.3rem 0;
  width: 45%;
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.2rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.secBtn .btnArea .whiteBtn:hover {
  background-color: #000;
  color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.secBtn .btnArea h3 {
  font-size: 1.6rem;
}

.secB1 {
  padding: 4rem 0;
}

.secB2 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.secB3 {
  padding-bottom: 4rem;
}

.secB4 {
  padding: 5rem 0 8rem;
}

.red {
  color: #c5000e;
}

.rLine {
  text-decoration: underline;
  -webkit-text-decoration-color: #c5000e;
          text-decoration-color: #c5000e;
}

.mt-10 {
  margin-top: 1rem !important;
}

.mt-20 {
  margin-top: 2rem !important;
}

.mt-30 {
  margin-top: 3rem !important;
}

.mb-10 {
  margin-bottom: 1rem !important;
}

.mb-20 {
  margin-bottom: 2rem !important;
}

.mb-30 {
  margin-bottom: 3rem !important;
}

.secKeiyaku {
  padding: 20px 14%;
}

.secKeiyaku .cb {
  padding: 30px;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
}

.secKeiyaku .keiyakuBox {
  width: 100%;
  height: 300px;
  border: 1px solid #000;
  /* わかりやすくボーダーを引く */
  overflow-y: scroll;
  /* 縦方向にスクロール可能にする */
  text-align: left;
  padding: 15px;
}

.secKeiyaku .keiyakuBox h1 {
  font-size: 2.4rem;
}

.secKeiyaku .keiyakuBox h2 {
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 700;
}

.secKeiyaku .keiyakuBox p {
  margin-top: 5px;
  font-size: 1.4rem;
}

.secKeiyaku .keiyakuBox .boxRed {
  margin-top: 15px;
  padding: 5px;
  border: 1px solid red;
  color: red;
}

.secKeiyaku .keiyakuBox .boxRed h2 {
  margin-top: 0px;
}

.inputBtn {
  margin: 0 auto;
  width: 46%;
}

.inputBtn:hover {
  -webkit-filter: brightness(130%);
          filter: brightness(130%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.fv {
  position: relative;
}

.fv .secbtn1 {
  position: absolute;
  bottom: 3%;
  left: 0;
  right: 0;
  margin: auto;
  margin: 0 7.4%;
}

.fv .secbtn1 .redBtn {
  margin: 0 auto;
  width: 46%;
  border-radius: 10px;
}

.fv .secbtn1 .redBtn:hover {
  -webkit-filter: brightness(130%);
          filter: brightness(130%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}

.mainBox {
  padding: 30px 6%;
}

.mainBox .secTK {
  padding: 30px 4%;
  background-color: #f4f4f4;
}

.mainBox .secTK h1 {
  font-size: 2.4rem;
  font-weight: 800;
  padding-bottom: 30px;
}

.mainBox .secTK .infoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  padding: 30px 0;
}

.mainBox .secTK .infoBox .title {
  width: 30%;
  font-weight: 700;
  font-size: 1.6rem;
}

.mainBox .secTK .infoBox .detail {
  width: 70%;
  font-size: 1.6rem;
  padding-left: 15px;
}

.mainBox .secTK .infoBox:first-of-type {
  border-top: 1px solid lightgray;
}

.mainBox .secTK .infoBox + .infoBox {
  border-top: 1px solid lightgray;
}

.mainBox .secTK .infoBox:last-of-type {
  border-bottom: 1px solid lightgray;
}

.mainBox .secPP {
  padding: 30px 5%;
  background-color: #f4f4f4;
}

.mainBox .secPP .infoBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: left;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 30px 0 0;
}

.mainBox .secPP .infoBox .title {
  width: 100%;
  font-weight: 700;
  font-size: 1.6rem;
}

.mainBox .secPP .infoBox .detail {
  width: 100%;
  font-size: 1.6rem;
  padding-left: 15px;
}

.longurl {
  word-break: break-all;
}

.bold {
  font-weight: 700;
}

table {
  margin-top: 10px;
  border-collapse: collapse;
}

table th,
table td {
  font-size: 1.4rem;
  border: 1px solid #000;
  padding: 2px;
  font-weight: 400;
}
/*# sourceMappingURL=style.css.map */