@charset "UTF-8";
html {
  font-size: 10.5px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  height: 100%;
}
body {
  position: relative;
  color: #231815;
  font-size: 1.2em;
  line-height: 1.5;
  text-align: left;
  box-sizing: content-box;
  background-color: transparent;
  min-width: 320px;
  max-width: 768px;
  min-height: calc(100% - 64px);
  margin: -25px auto auto;
  padding-bottom: 25px;
}
body, button, input, textarea {
  font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, 'メイリオ', Meiryo, Arial, sans-serif;
  font-weight: 400;
}
@media all and (-ms-high-contrast: none) {
  body, button, input, textarea {
  font-family: "メイリオ", Meiryo, Arial, sans-serif;
  }
}
a, button {
  outline: none;
  -webkit-tap-highlight-color: transparent;
}
a, button {
  color: inherit;
  text-decoration: none;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
/*** clearfix ***/
.cf {
  *zoom: 1;
}
.cf:after {
  content: "";
  display: table;
  clear: both;
}
.background {
  position: absolute;
  top: 20px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-image: url("../img/bg-base.svg");
  background-position: center top;
  background-repeat: repeat;
  background-size: 100%;
  width: 100%;
  max-width: 768px;
  /*height: 100%;*/
  margin: auto;
}
/*** layout fix ***/
@media screen and (min-width: 481px) {
  .sp {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .pc {
    display: none !important;
  }
}
/*** common ***/
.contents-wrap {
  position: relative;
  max-width: 480px;
  margin: 0 auto;
}
/*** header ***/
header {
  width: 100%;
}
header .contents-wrap {
  display: flex;
  justify-content: center;
  width: 35%;
  box-sizing: border-box;
  padding: 98px 0 40px;
}
@media screen and (max-width: 480px) {
  header .contents-wrap {
    padding: 19.07vw 0 1.33vw;
  }
}
header .site-logo {
  max-height: 200px;
}
/*** content ***/
.content {
  border-radius: 15px;
  box-sizing: border-box;
  background-color: white;
  width: auto;
  height: 100%;
  margin: 0 calc(19 / 375 * 100%);
  overflow: hidden;
}
/*** main ***/
main {
  height: auto;
  /*max-height: 720px;*/
}
/*** box ***/
/*main .box {
  border-radius: 15px;
  box-sizing: border-box;
  background-color: white;
  width: auto;
  height: 100%;
  margin: 0 calc(19 / 375 * 100%);
  padding: 25px 22px 40px;
  overflow: hidden;
}*/
main .box .contents-wrap {
  height: 100%;
  padding-bottom: 72px;
}
.page-entry main .box .contents-wrap {
  padding-bottom: 65px;
}
main .box h1 {
  font-size: calc(26 / 10.5 * 1em);
  line-height: calc(35 / 25 * 1em);
  letter-spacing: .1em;
  text-align: center;
}
/*** page-entry entry-period ***/
/*.page-entry .entry-period {
  text-align: center;
  margin-top: 18px;
}
.page-entry .entry-period .title {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: calc(12.64 / 10.5 * 1em);
  font-weight: bold;
  text-align: center;
  letter-spacing: .1em;
  background-color: #6bb72d;
  width: 100%;
  max-width: calc(158 / 12.64 * 1em);
  height: calc(22 / 12.64 * 1em);
}
.page-entry .entry-period .period {
  display: inline-block;
  width: 100%;
  max-width: 350px;
  margin-top: 15px;
}
.page-entry .entry-period .title img,
.page-entry .entry-period .period img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}*/
/*** page-entry guide ***/
/*.page-entry .guide {
  font-size: 1em;
  line-height: 1.5;
  list-style: none;
  margin-top: 10px;
  margin-right: -.25em;
}*/
/*** page-entry entry-form ***/

.page-entry .entry-form .contents-entry {
  border: 2.5px solid #fff000;
  border-radius: 8.5px;
  margin: 20px -4px 0;
  padding: 22px 18px 28px;
}
.page-entry .entry-form .contents-entry p {
  font-size: calc(14 / 10.5 * 1em);
  font-weight: bold;
  line-height: calc(25 / 14 * 1em);
  letter-spacing: .05em;
  text-align: center;
  white-space: nowrap;
  margin: 0 -1em 0 -0.5em;
}
.page-entry .entry-form label:not(.input-agree) {
  display: flex;
  flex-direction: column;
}
.page-entry .entry-form label.input-name, .page-entry .entry-form label.input-tel, .page-entry .entry-form label.input-email, .page-entry .entry-form label.input-postcode, .page-entry .entry-form label.input-address, .page-entry .entry-form label.input-gift, .page-entry .entry-form label.input-account, .page-entry .entry-form label.input-contract {
  margin-top: 25px;
}
.page-entry .entry-form label:not(.input-agree) > span {
  font-size: 1em;
  font-weight: bold;
  line-height: 1;
  letter-spacing: .1em;
  border-radius: 3px;
}
/*.page-entry .entry-form label.input-tel > span { letter-spacing: 0.416em; }
.page-entry .entry-form label.input-email > span { letter-spacing: 0.207em; }*/
.page-entry .entry-form label:not(.input-agree) > input, textarea, select {
  font-size: calc(14 / 10.5 * 1em);
  line-height: calc(21 / 14 * 1em);
  letter-spacing: .1em;
  word-break: break-all;
  border: 2px solid #dbdcdc;
  border-radius: 3.6px;
  margin: 6px 0;
  padding: calc(7 / 14 * 1em) calc(12 / 14 * 1em);
}
.page-entry .entry-form label.input-name > input.error, .page-entry .entry-form label.input-tel > input.error, .page-entry .entry-form label.input-email > input.error {
  background-color: #f7c7c6;
}
.page-entry .contents-entry label {
  position: relative;
}
.page-entry .entry-form label:not(.input-agree) > span.required {
  position: absolute;
  top: -5px;
  right: 0;
  padding: 4px;
  background-color: #e50012;
  color: #fff;
  letter-spacing: normal;
}
/*** page-entry attention ***/
.page-entry .entry-form label:not(.input-agree) > span.attention {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: normal;
  line-height: calc(25 / 14 * 1em);
  font-weight: normal;
}
/*** page-entry item ***/
.page-entry .entry-form label:not(.input-agree) > span.item {
  font-size: 1.2em;
}
.page-entry .entry-form label:not(.input-agree) > span.item.wrap_tx {
  line-height: 1.4;
  width: calc(100% - 32px);
}
/*** page-entry notes ***/
/*.page-entry .entry-form .notes {
  font-size: calc(11.5 / 10.5 * 1em);
}
.page-entry .entry-form .notes ul {
  list-style: none;
}*/
/*** page-entry input-agree ***/
/*.page-entry .entry-form .input-agree {
  display: flex;
  align-items: center;
  margin-top: 14px;
}*/
/*.page-entry .entry-form .input-agree input[type="checkbox"] {
  display: none;
}
.page-entry .entry-form .input-agree input[type="checkbox"] + .checkbox {
  position: relative;
  border: 1px solid #231815;
  border-radius: 3.5px;
  width: calc(17.5 / 10.5 * 1em);
  height: calc(17.5 / 10.5 * 1em);
  margin-right: 10px;
}
.page-entry .entry-form .input-agree input[type="checkbox"] + .checkbox:after {
  content: "";
  position: absolute;
  left: calc(5 / 10.5 * 1em);
  top: calc(6 / 10.5 * 1em);
  border-left: 2px solid #231815;
  border-bottom: 2px solid #231815;
  width: calc(10 / 10.5 * 1em);
  height: calc(6 / 10.5 * 1em);
  transform: scale(0) rotate(-45deg);
  transform-origin: 10% 70%;
  transition: transform .2s;
}
.page-entry .entry-form .input-agree input[type="checkbox"]:checked + .checkbox:after {
  transform: scale(1) rotate(-45deg);
}
.page-entry .entry-form .input-agree span {
  font-size: 1em;
  font-weight: bold;
  line-height: calc(15 / 10.5 * 1em);
}*/
/*** entry-form btn-submit ***/
.entry-form .btn-submit {
  display: block;
}
.entry-form .btn-submit.input-confirm {
  margin-top: 17px;
}
.entry-form .btn-submit.input-edit {
  margin-top: 27px;
}
.entry-form .btn-submit.input-send {
  margin-top: 14px;
}
.entry-form .btn-submit input {
  display: none;
}
.entry-form .btn-submit input + div {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-radius: 9px;
  overflow: hidden;
  cursor: pointer;
}
.entry-form .btn-submit.input-confirm input + div {
  width: calc(196 / 293 * 100%);
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}
.entry-form .btn-submit.input-edit input + div, .entry-form .btn-submit.input-send input + div {
  width: calc(196 / 293 * 100%);
  height: 40px;
  margin-left: auto;
  margin-right: auto;
}
.entry-form .btn-submit input + div:before, .entry-form .btn-submit input + div:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 9px;
  margin: auto;
  overflow: hidden;
}
.entry-form .btn-submit input + div span, .entry-form .btn-submit input + div span + i {
  position: relative;
  z-index: 2;
}
.entry-form .btn-submit input + div:before {
  z-index: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.entry-form .btn-submit.input-confirm input + div:before, .entry-form .btn-submit.input-send input + div:before {
  background-color: #e50012;
}
.entry-form .btn-submit.input-edit input + div:before {
  background-color: #009fe8;
}
.entry-form .btn-submit input + div:after {
  z-index: 1;
  background-color: #aaa;
  opacity: 0;
  transition: opacity .2s;
}
.entry-form .btn-submit input[disabled] + div {
  pointer-events: none;
}
.entry-form .btn-submit input[disabled] + div:after {
  opacity: 1;
}
.entry-form .btn-submit input + div span {
  color: white;
  font-size: calc(16.5 / 10.5 * 1em);
  line-height: 1;
  /*letter-spacing: .1em;*/
  letter-spacing: normal;
}
.entry-form .btn-submit.input-confirm input + div span + i, .entry-form .btn-submit.input-send input + div span + i {
  background-image: url("../img/arrow-entry.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 20px;
  height: 20px;
  margin-left: calc(10 / 10.5 * 1em);
  overflow: hidden;
}
/*** btn-return ***/
.box .btn-return {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  border: 2px solid #888;
  border-radius: 9px;
  width: calc(196 / 293 * 100%);
  height: 36px;
  margin: 0 auto;
  overflow: hidden;
}
.box .btn-return span {
  color: #888;
  font-size: calc(15 / 10.5 * 1em);
  font-weight: bold;
  line-height: 1;
  /*letter-spacing: .05em;*/
  letter-spacing: normal;
}
/*** page-entry error ***/
.page-entry .box .error-details {
  margin: 20px -4px 0;
  padding: 22px 18px 28px;
  border: 2px solid #e50012;
  border-radius: 9px;
  font-size: calc(14 / 10.5 * 1em);
  font-weight: bold;
  line-height: calc(30 / 16 * 1em);
  letter-spacing: .05em;
}
.page-entry .box .error-details span {
  color: #e50012;
}
/*** page-confirm ***/
.page-confirm .contents-confirm {
  border: 2.5px solid #fff000;
  border-radius: 8.5px;
  margin: 20px -4px 0;
  padding: 22px 18px 28px;
}
.page-confirm .contents-confirm p {
  font-size: calc(14 / 10.5 * 1em);
  font-weight: bold;
  line-height: calc(25 / 14 * 1em);
  letter-spacing: .1em;
  text-align: center;
  white-space: nowrap;
  margin: 0 -1em 0 -.5em;
}
.page-confirm .contents-confirm dl {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-top: 25px;
}
.page-confirm .contents-confirm dl dt {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: .1em;
}
.page-confirm .contents-confirm dl dd.required {
  position: absolute;
  top: -5px;
  right: 0;
  padding: 5px;
  border-radius: 3px;
  background-color: #e50012;
  color: #fff;
  letter-spacing: normal;
  font-size: 1em;
  line-height: 1;
  font-weight: bold;
}
.page-confirm .contents-confirm dl dd.input {
  font-size: calc(14 / 10.5 * 1em);
  line-height: calc(21 / 14 * 1em);
  letter-spacing: .1em;
  word-break: break-all;
  border: 2px solid #dbdcdc;
  border-radius: 3.6px;
  margin: 6px 0;
  padding: calc(7 / 14 * 1em) calc(12 / 14 * 1em);
}
.page-confirm .contents-confirm dl dd.attention {
  padding-left: 1em;
  text-indent: -1em;
  letter-spacing: normal;
  line-height: calc(25 / 14 * 1em);
  font-weight: normal;
}
.page-confirm .contents-confirm dd + dt {
  margin-top: 25px;
}
/*** page-completed ***/
.page-completed .box {
  padding: 30px 0;
}
.page-completed .box .contents-wrap {
  height: auto;
  padding-bottom: 0;
}
.page-completed .box h1 img {
  width: 100%;
}
.page-completed .box .notes, .page-completed .box .guide {
  text-align: center;
}
.page-completed .box .notes {
  font-size: calc(12 / 10.5 * 1em);
  line-height: calc(21 / 12 * 1em);
  letter-spacing: .075em;
  margin-top: 10px;
}
.page-completed .box .guide {
  font-size: calc(16 / 11 * 1em);
  font-weight: bold;
  line-height: calc(30 / 16 * 1em);
  letter-spacing: .1em;
  margin-top: 44px;
}
.page-completed .box .attention {
  max-width: 350px;
  margin: 10px auto 0;
}
.page-completed .box .attention .small {
  padding-left: 1em;
  text-indent: -1em;
  line-height: calc(25 / 14 * 1em);
  font-size: 1em;
}
@media screen and (max-width: 480px) {
  .page-completed .box {
    padding: 25px 22px;
  }
  .page-completed .box .attention {
    max-width: 290px;
  }
}
.page-completed .box .logo {
  display: block;
  width: auto;
  height: calc(50 / 10.5 * 1em);
  margin: 56px auto 0;
}
.page-completed .box .btn-box {
  margin-top: 50px;
}
.page-completed .box .btn-box a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin: 0 auto 20px;
  border-radius: 9px;
  width: calc(196 / 293 * 100%);
}
.page-completed .box .btn-box a:last-of-type {
  margin-bottom: 0;
}
.page-completed .box .btn-box .btn-application {
  background-color: #e50012;
}
.page-completed .box .btn-box .btn-ahamo {
  border: 2px solid #888;
}
.page-completed .box .btn-box a span {
  font-size: calc(13 / 10.5 * 1em);
  font-weight: bold;
  line-height: 1;
  letter-spacing: .05em;
}
.page-completed .box .btn-box .btn-application span {
  color: #fff;
}
.page-completed .box .btn-box .btn-ahamo span {
  color: #888;
}
.page-completed .box .btn-entry {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  margin-top: 20px;
  border: 2px solid #e50012;
  border-radius: 9px;
}
.page-completed .box .btn-entry span {
  font-size: calc(13 / 10.5 * 1em);
  font-weight: bold;
  line-height: 1;
  color: #e50012;
}
/*** page-error ***/
.page-error .box {
  padding-left: 15px;
  padding-right: 15px;
}
.page-error .box .contents-wrap {
  padding-bottom: 56px;
}
.page-error .error-details {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  height: calc(100% - 72px);
  max-height: 440px;
  padding: calc(30 / 667 * 100vh) 0 calc(20 / 667 * 100vh);
}
.page-error .error-details h2 {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(15 / 10.5 * 1em);
  font-weight: bold;
  line-height: 1;
  letter-spacing: .1em;
  text-align: center;
  border: 2px solid #e50012;
  border-radius: 9px;
  width: calc(300 / 307 * 100%);
  height: 48px;
}
.page-error .error-details h2.finished {
  border: 2px solid #6bb72d;
}
.page-error .error-details .set {
  padding: calc(25 / 667 * 100vh) 0;
}
.page-error .error-details .set p:first-child {
  font-size: calc(15 / 10.5 * 1em);
  font-weight: bold;
  line-height: calc(30 / 16 * 1em);
  letter-spacing: .05em;
  text-align: center;
  min-height: calc(30 / 16 * 4em);
}
.page-error .error-details .set .notes {
  font-size: calc(12.5 / 10.5 * 1em);
  line-height: calc(21 / 12.5 * 1em);
  letter-spacing: .05em;
  text-align: center;
  min-height: calc(21 / 12.5 * 2em);
  margin-top: 3px;
}
/*** footer ***/
footer {
  height: 70px;
  }
footer .contents-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 100%;
  transform: scale(1);
}
@media screen and (min-width: 481px) {
  footer {
    height: 84px;
    background: none;
}
}
/*** footer fnav ***/
footer nav ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  width: calc(230px * 1.2);
}
footer nav ul li a {
  display: block;
  font-size: calc(10 / 10.5 * 1em);
  line-height: 1.5;
}
footer .copyright {
  font-size: calc(10 / 10.5 * 1em);
  line-height: 1.5;
  margin-top: calc(4 / 10 * 1em);
}
/* ====================================================
campaign
==================================================== */
#campaign {
  font-family: 'Noto Sans JP', 'Noto Sans', 'Noto Sans CJK JP', 'ヒラギノ角ゴ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Hiragino Kaku Gothic', sans-serif;
  /*padding: 50px 0;*/
}
#campaign .contents-wrap {
  margin: 0 auto;
}
#campaign h2 {
  font-size: calc(15 / 10.5 * 1em);
  line-height: 1.6em;
  font-weight: bold;
  letter-spacing: .05em;
  color: #231815;
  margin: 0 0 0.3em;
  text-align: center;
}
#campaign .present {
  border: 3px solid #cf0f31;
  border-radius: 18px;
  padding: 20px;
  margin: 0 0 30px;
  text-align: center;
}
#campaign .present p {
  font-size: 34px;
  line-height: 1.4em;
  font-weight: bold;
  letter-spacing: .05em;
  color: #231815;
  margin: 0;
}
#campaign .present p.copy {
  font-size: 18px;
  line-height: 1.4em;
  margin: 0 0 0.3em;
}
#campaign .present p .small {
  font-size: 15px;
  line-height: 1em;
  margin: 0;
  display: block;
}
#campaign .present .d-point {
  max-width: 300px;
  width: calc(400 / 768 * 100vw);
}
#campaign .step {
  width: 100%;
  display: block;
  margin: 0 0 50px;
}
#campaign .step h2 {
  font-size: 19px;
  line-height: 1.6em;
  font-weight: bold;
  letter-spacing: 0;
  white-space: nowrap;
  color: #231815;
  margin: 0 -1em 15px -1em;
  text-align: center;
}
#campaign .step .box {
  width: 90%;
  max-width: 350px;
  display: block;
  padding: 0 10%;
  margin: 5px auto;
  font-size: 15px;
  line-height: 1.6em;
  font-weight: bold;
  letter-spacing: .05em;
  color: #000;
  border-radius: inherit;
  overflow: visible;
}
#campaign .step .box .bg-ylw {
  display: inline-block;
  position: relative;
  z-index: 0;
  width: auto;
}
#campaign .step .box .bg-ylw:before {
  content: "";
  width: calc(100% + 10px);
  height: 100%;
  background: #fff100;
  position: absolute;
  left: -5px;
  top: 0;
  z-index: -1;
}
#campaign .step .box .caution {
  display: block;
  margin: 0 0 0 .5em;
  font-size: 90%;
}
#campaign .step .box.start {
  margin-top: calc(1em + 2px);
  padding-top: 1em;
  border-top: 1px dashed #000;
  position: relative;
}
#campaign .step .box.start .arrow {
  width: 10%;
  position: absolute;
  left: 0;
  top: -1px;
}
#campaign .term h2 {
  font-size: 14px;
  line-height: 1.6em;
  font-weight: normal;
  letter-spacing: .15em;
  color: #231815;
  margin: 0 0 5px 0;
  text-align: center;
}
#campaign .bdr-box {
  width: 100%;
  display: block;
  padding: 0 2px 0 0;
  border: 2px solid #7d7d7d;
  border-radius: 18px;
  overflow: hidden;
}
#campaign .scroll-box {
  width: 100%;
  height: 250px;
  display: block;
  padding: 1.5em 1.3em 1.5em 1.5em;
  overflow-y: auto;
  overflow-x: inherit;
}
#campaign .scroll-box h3 {
  font-size: 14px;
  line-height: 1.6em;
  font-weight: bold;
  color: #231815;
  margin: 0 0 .2em 0;
}
#campaign .scroll-box h4 {
  font-size: 12px;
  line-height: 1.8em;
  font-weight: bold;
  color: #231815;
  margin: 1.5em 0 0 0;
}
#campaign .scroll-box p {
  font-size: 12px;
  line-height: 1.8em;
  color: #231815;
  margin: 0;
}
#campaign .scroll-box ul.numble, #campaign .scroll-box ul.number {
  width: 100%;
  counter-reset: number 0;
}
#campaign .scroll-box ul.numble li, #campaign .scroll-box ul.caution li, #campaign .scroll-box ul.number li {
  width: 100%;
  padding: 0 0 0 1.2em;
  position: relative;
  font-size: 12px;
  line-height: 1.8em;
  color: #231815;
}
#campaign .scroll-box ul.numble li span {
  position: absolute;
  left: 0;
  top: 0;
}
#campaign .scroll-box ul.number li:before {
  counter-increment: number 1;
  content: counter(number)". ";
  position: absolute;
  left: 0;
  top: 0;
}
#campaign .scroll-box ul.caution li:before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
}
#campaign .scroll-box ul.number li ul.numble li:before {
  content: none;
}
#campaign .scroll-box ul {
  list-style: none;
}
/*** mobile ***********************************************************************************/
@supports (display: grid) { /* IE fix */
  @media screen and (max-width: 480px) {
    body {
      font-size: 1em;
    }
    /*** box ***/
    main .box {
      padding: 25px 22px;
    }
    .page-entry .entry-period .period {
      max-width: calc(291 / 10.5 * 1em);
    }
    /* ====================================================
  campaign
  ==================================================== */
    #campaign .step .box {
      padding: 0 0 0 14%;
    }
    #campaign {
      /*padding: calc(30 / 375 * 100vw) 0 calc(40 / 375 * 100vw);*/
    }
    #campaign .present {
      margin-bottom: calc(25 / 375 * 100vw);
    }
    #campaign .present p.copy {
      font-size: calc(18 / 375 * 100vw);
    }
    #campaign .step {
      margin-bottom: calc(25 / 375 * 100vw);
    }
    .mov-wrap {
      margin: 0 0 20%;
    }
    /*** page-error ***/
    .page-error .error-details {
      max-height: 350px;
    }
    /*** footer ***/
    footer .contents-wrap {
      transform: scale(.9);
    }
    /*** footer fnav ***/
    footer nav ul {
      width: 230px;
    }
  }
} /* IE fix */
select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}
.product {
  margin-top: 20px;
  padding: 5px;
  border-radius: 3.6px;
  background: #ededed;
  font-size: calc(10 / 10.5 * 1em);
}
/*220705_atlas21追記*/
main .box h1 {
  font-size: calc(26 / 14 * 1em);
}
.guide p + p {
  margin-top: 26px;
}
.page-entry .entry-form label:not(.input-agree) > textarea {
  resize: none;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .page-entry .entry-form label:not(.input-agree) > textarea {
  min-height: 10.4vw;
  width: 100%;
  }
}
.page-completed .box h1 {
  padding-bottom: 28px;
}
.entry_tx {
  width: calc(251 / 10.5 * 1em);
  margin: 0 auto;
}
/*230324_atlas21追記*/
main .box h1 {
  font-size: calc(26 / 15 * 1em);
}
@media screen and (max-width: 480px) {
  main .box h1 {
    font-size: calc(26 / 19 * 1em);
  }
}