@charset "UTF-8";
/*  color*/
.bg-blue {
  background-color: #1a73e8;
}

.bg-sumi {
  background-color: #222;
}

.bg-white {
  background-color: #fff;
}

/*font*/
/*size*/
/*anime*/
/*メール配信*/
.mail__txt {
  font-size: 16px;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}
@media screen and (max-width: 1390px ) {
  .mail__txt {
    margin-bottom: 2.1582733813vw;
    font-size: clamp(10px, 1.1510791367vw, 16px);
  }
}
@media screen and (max-width: 1390px ) and (max-width: 600px) {
  .mail__txt {
    font-size: max(12px, 3vw);
    margin-bottom: 7.5vw;
    font-size: max(16px, 4vw);
  }
}

.mail__heading {
  font-size: 16px;
  letter-spacing: 0.05em;
  color: #1a73e8;
  font-weight: bold;
}
@media screen and (max-width: 1390px ) {
  .mail__heading {
    font-size: clamp(10px, 1.1510791367vw, 16px);
  }
}
@media screen and (max-width: 1390px ) and (max-width: 600px) {
  .mail__heading {
    font-size: max(16px, 4vw);
  }
}

.mail__term {
  padding: 25px;
  overflow-y: scroll;
  height: 250px;
  color: #888;
  background-color: #f5f5f5;
  margin-bottom: 30px;
}
@media screen and (max-width: 1390px ) {
  .mail__term {
    padding: 1.7985611511vw;
    height: 17.9856115108vw;
    margin-bottom: 2.1582733813vw;
  }
}
@media screen and (max-width: 1390px ) and (max-width: 600px) {
  .mail__term {
    padding: 6.25vw;
    height: 62.5vw;
    margin-bottom: 7.5vw;
  }
}

.mail__term-ttl {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 1em;
}
@media screen and (max-width: 1390px ) {
  .mail__term-ttl {
    font-size: clamp(11px, 1.1510791367vw, 16px);
  }
}
@media screen and (max-width: 1390px ) and (max-width: 600px) {
  .mail__term-ttl {
    font-size: max(12px, 3vw);
  }
}

.mail__term-txt {
  font-size: 14px;
  line-height: 1.4;
}
@media screen and (max-width: 1390px ) {
  .mail__term-txt {
    font-size: clamp(10px, 1.0071942446vw, 14px);
  }
}
@media screen and (max-width: 1390px ) and (max-width: 600px) {
  .mail__term-txt {
    font-size: max(12px, 3vw);
  }
}

.mail__form-wrap {
  margin-bottom: 30px;
}
@media screen and (max-width: 1390px ) {
  .mail__form-wrap {
    margin-bottom: 2.1582733813vw;
  }
}
@media screen and (max-width: 1390px ) and (max-width: 600px) {
  .mail__form-wrap {
    margin-bottom: 7.5vw;
  }
}

.mail__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 600px) {
  .mail__form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.mail__form-wrap form input[type=text] {
  width: 480px !important;
  border: 1px solid #888;
  border-radius: 3px !important;
  padding: 23px 20px !important;
  line-height: 1 !important;
  font-size: 16px !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1390px ) {
  .mail__form-wrap form input[type=text] {
    font-size: clamp(10px, 1.1510791367vw, 16px) !important;
    width: 34.5323741007vw !important;
    padding: 1.654676259vw 1.4388489209vw !important;
  }
}
@media screen and (max-width: 1390px ) and (max-width: 600px) {
  .mail__form-wrap form input[type=text] {
    width: 92.5vw !important;
    max-width: 100% !important;
    padding: 5.75vw 4.5vw !important;
    font-size: max(14px, 3.5vw) !important;
  }
}

.mail__form-wrap form input[type=text]::-webkit-input-placeholder {
  color: #888;
}

.mail__form-wrap form input[type=text]::-moz-placeholder {
  color: #888;
}

.mail__form-wrap form input[type=text]:-ms-input-placeholder {
  color: #888;
}

.mail__form-wrap form input[type=text]::-ms-input-placeholder {
  color: #888;
}

.mail__form-wrap form input[type=text]::placeholder {
  color: #888;
}

.mail__form-wrap form input[type=submit] {
  color: #fff;
  background: #1a73e8;
  width: 215px !important;
  text-align: center;
  line-height: 1;
  padding-block: 18px !important;
  border-radius: calc(infinity * 1px);
  margin-left: 25px !important;
  font-weight: bold;
  font-size: 14px !important;
  border: 1px solid #1a73e8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (any-hover: hover) {
  .mail__form-wrap form input[type=submit]:hover {
    background-color: #fff;
    color: #1a73e8;
  }
}
@media screen and (max-width: 1390px ) {
  .mail__form-wrap form input[type=submit] {
    font-size: clamp(10px, 1.0071942446vw, 14px);
    margin-left: 1.7985611511vw;
    width: 15.4676258993vw;
    padding-block: 1.2949640288vw;
  }
}
@media screen and (max-width: 1390px ) and (max-width: 600px) {
  .mail__form-wrap form input[type=submit] {
    width: 77.5vw;
    padding-block: 4.5vw;
    margin-left: 0;
    margin-top: 5vw;
    font-size: max(14px, 3.5vw);
  }
}

.mail__consent input[type=radio] {
  accent-color: #1a73e8;
  color: white;
  background-color: white;
  margin-right: 0.25em;
}
/*# sourceMappingURL=history.css.map */