@charset "UTF-8";

:root {
  --form-theme-color: #006AB8;
}

/*-------------------------------------------

    0. anker--reset
    1. anker--class
    2. anker--temp
    3. anker--form
    4. anker--input-set

-------------------------------------------*/

/* anker--reset
----------------------------------------------------------------*/
header abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: 0 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
dl,
li,
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
a {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
img {
  vertical-align: top;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
}
strong {
  font-weight: 700;
}
body,
html {
  width: 100%;
}

html {
  position: relative;
  height: 100%;
  color: #000;
  font-size: 62.5%;
  font-weight: 400;
  letter-spacing: 0.2em;
  font-family: "Noto Sans JP", sans-serif;
}
body {
  font-size: 1.4rem;
  line-height: 1.85;
}

p {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  p {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

@media screen and (max-width: 375px) {
  p {
    font-size: 1.3rem;
  }
}

a {
  color: var(--form-theme-color);
  text-decoration: underline;
}

a:hover {
  opacity: 0.6;
  -webkit-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: underline;
}
a:active {
  opacity: 0.6;
  text-decoration: underline;
}

#wrapper {
  padding-top: 50px;
}
#container {
}

::selection {
  background: #eee;
}
::-webkit-selection {
  background: #eee;
}
::-moz-selection {
  background: #eee;
}

/* anker--class
----------------------------------------------------------------*/

/* SCREEN MODE */
.pcmode {
}
.ipadmode {
  display: none !important;
}
.spmode {
  display: none !important;
}
@media screen and (max-width: 767px) {
  .spmode {
    display: inline-block !important;
  }
  .pcmode {
    display: none !important;
  }
}

/* DISPLAY */
.hidden {
  display: none;
}
.line-block {
  display: inline-block;
}

/* OBJECT-FIT */
.object-fit {
  object-fit: cover;
  object-position: center center;
  font-family: "object-fit: cover; object-position: center center;";
}

/* FLOATERS & CLEARERS */
.lefty {
  float: left;
}
.righty {
  float: right;
}
.clearme {
  clear: both;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}

/*TEXT-ALIGN Class*/
.t-left {
  text-align: left;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}

.t-thanks {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .t-thanks {
    text-align: left;
  }
}

/* FONT-SIZE */
.f12 {
  font-size: 1.2rem !important;
}
.f14 {
  font-size: 1.4rem !important;
}
.f16 {
  font-size: 1.6rem !important;
}
.f18 {
  font-size: 1.8rem !important;
}
.f20 {
  font-size: 2rem !important;
}
.f22 {
  font-size: 2.2rem !important;
}
.f24 {
  font-size: 2.4rem !important;
}
.f26 {
  font-size: 2.6rem !important;
}
.f28 {
  font-size: 2.8rem !important;
}
.f30 {
  font-size: 3rem !important;
}
.f32 {
  font-size: 3.2rem !important;
}
.f34 {
  font-size: 3.4rem !important;
}

/* FONT-FAMILY */
.roboto {
  font-family: "Roboto", sans-serif;
}
.serif {
  font-family: "Noto Serif JP", serif;
}

/* FONT-WEIGHT */
.f-weight400 {
  font-weight: 400;
}
.f-weight500 {
  font-weight: 500;
}
.f-weight600 {
  font-weight: 600;
}

/* LINE-HEIGHT */
.f-line12 {
  line-height: 1.2;
}
.f-line14 {
  line-height: 1.4;
}
.f-line16 {
  line-height: 1.6;
}
.f-line18 {
  line-height: 1.8;
}
.f-line20 {
  line-height: 2;
}

/* COLOR */
.blue {
  color: var(--form-theme-color);
}

/*  MARGIN */
.mb00 {
  margin-bottom: 0px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb120 {
  margin-bottom: 120px !important;
}

.mt00 {
  margin-top: 0px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mt90 {
  margin-top: 90px !important;
}
.mt100 {
  margin-top: 100px !important;
}
.mt120 {
  margin-top: 120px !important;
}

.mr00 {
  margin-right: 0px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr30 {
  margin-right: 30px !important;
}

.ml00 {
  margin-left: 0px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml30 {
  margin-left: 30px !important;
}

@media screen and (max-width: 750px) {
  .mb00 {
    margin-bottom: 5px !important;
  }
  .mb10 {
    margin-bottom: 5px !important;
  }
  .mb20 {
    margin-bottom: 10px !important;
  }
  .mb30 {
    margin-bottom: 15px !important;
  }
  .mb40 {
    margin-bottom: 20px !important;
  }
  .mb50 {
    margin-bottom: 25px !important;
  }
  .mb60 {
    margin-bottom: 30px !important;
  }
  .mb70 {
    margin-bottom: 35px !important;
  }
  .mb80 {
    margin-bottom: 40px !important;
  }
  .mb90 {
    margin-bottom: 45px !important;
  }
  .mb100 {
    margin-bottom: 50px !important;
  }
  .mb120 {
    margin-bottom: 60px !important;
  }

  .mt00 {
    margin-top: 5px !important;
  }
  .mt10 {
    margin-top: 5px !important;
  }
  .mt20 {
    margin-top: 10px !important;
  }
  .mt30 {
    margin-top: 15px !important;
  }
  .mt40 {
    margin-top: 20px !important;
  }
  .mt50 {
    margin-top: 25px !important;
  }
  .mt60 {
    margin-top: 30px !important;
  }
  .mt70 {
    margin-top: 35px !important;
  }
  .mt80 {
    margin-top: 40px !important;
  }
  .mt90 {
    margin-top: 45px !important;
  }
  .mt100 {
    margin-top: 50px !important;
  }
  .mt120 {
    margin-top: 60px !important;
  }

  .mr00 {
    margin-right: 0px !important;
  }
  .mr10 {
    margin-right: 5px !important;
  }
  .mr20 {
    margin-right: 10px !important;
  }
  .mr30 {
    margin-right: 15px !important;
  }

  .ml00 {
    margin-left: 0px !important;
  }
  .ml10 {
    margin-left: 5px !important;
  }
  .ml20 {
    margin-left: 10px !important;
  }
  .ml30 {
    margin-left: 15px !important;
  }
}

/* EDIT-AREA */
.edit-area {
  position: relative;
}
.inner {
  position: relative;
  margin: 0 auto;
}

/* WIDTH */
.wfull {
  width: 100%;
}
.w960 {
  max-width: 960px;
  width: 90%;
}
.w840 {
  max-width: 840px;
  width: 90%;
}
.w720 {
  max-width: 720px;
  width: 90%;
}
.w600 {
  max-width: 600px;
  width: 100%;
}
.w500 {
  max-width: 500px;
  width: 100%;
}
.w400 {
  max-width: 400px;
  width: 90%;
}
.w240 {
  max-width: 240px;
  width: 30%;
}
.w200 {
  max-width: 200px;
  width: 30%;
}
.w130 {
  max-width: 130px;
  width: 30%;
}
.w90 {
  max-width: 90px;
  width: 18%;
}

.w50p {
  max-width: 50%;
  width: 50%;
}
.w48p {
  max-width: 48%;
  width: 48%;
}
.w45p {
  max-width: 45%;
  width: 45%;
}

/* H-STYLE */
.h-style01 {
  text-align: center;
}
.h-style01 span {
  display: block;
}
.h-style01 .jp {
  font-size: 3.2rem;
  margin: 0 0 4px;
  font-weight: 500;
}
.h-style01 .en {
  font-size: 1.6rem;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .h-style01 {
  }
  .h-style01 span {
  }
  .h-style01 .jp {
  }
  .h-style01 .en {
  }
}

@media screen and (max-width: 500px) {
  .h-style01 .jp {
    font-size: 2.4rem;
  }
}

.h-style02 {
  font-size: 1.8rem;
  line-height: 1.6;
  font-weight: 600;
  text-align: left;
}
.h-style02.required:after {
  content: "必須";
  font-size: 1.2rem;
  font-weight: 500;
  text-align: center;
  color: #fff;
  background-color: #e22b2b;
  display: inline-block;
  line-height: 22px;
  padding: 0 4px;
  margin-left: 20px;
  position: relative;
  top: -1px;
}

@media screen and (max-width: 767px) {
  .h-style02 {
  }
  .h-style02.required:after {
  }
}

@media screen and (max-width: 375px) {
  .h-style02 {
    font-size: 1.5rem;
  }
}

/* BUTTON */
.btn-style {
  font-size: 1.5rem;
  text-align: center;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s;
  padding: 14px;
  width: 100%;
}
.btn-style.blue {
  background-color: var(--form-theme-color);
  color: #fff;
}
.btn-style.grey {
  border: solid 2px #b3b3b3;
  color: #8d8d8d;
}
.btn-style.upload {
  display: inline-block;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2018%2016.3%22%20style%3D%22enable-background%3Anew%200%200%2018%2016.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_237%22%20class%3D%22st0%22%20d%3D%22M17.1%2C16.3H0.9c-0.5%2C0-0.9-0.4-0.9-0.9V9.1c0-0.5%2C0.4-0.9%2C0.9-0.9s0.9%2C0.4%2C0.9%2C0.9v5.4h14.4%20V9.1c0-0.5%2C0.4-0.9%2C0.9-0.9c0.5%2C0%2C0.9%2C0.4%2C0.9%2C0.9c0%2C0%2C0%2C0%2C0%2C0v6.3C18%2C15.9%2C17.6%2C16.3%2C17.1%2C16.3%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_238%22%20class%3D%22st0%22%20d%3D%22M14.1%2C6c-0.4%2C0.4-0.9%2C0.4-1.3%2C0l-3-3v7.8c0%2C0.5-0.4%2C0.9-0.9%2C0.9c-0.5%2C0-0.9-0.4-0.9-0.9V3.1%20l-3%2C3C4.8%2C6.4%2C4.2%2C6.3%2C3.9%2C6c-0.3-0.3-0.3-0.9%2C0-1.2l4.5-4.5c0.4-0.4%2C0.9-0.4%2C1.3%2C0l4.5%2C4.5C14.5%2C5.1%2C14.5%2C5.7%2C14.1%2C6%20C14.1%2C6%2C14.1%2C6%2C14.1%2C6%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 24px 50%;
  background-size: auto 16px;
  padding: 14px 14px 14px 40px;
}

.close-btn {
  font-size: 1.5rem;
  text-align: center;
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s;
  padding: 14px;
  width: 100%;
  border: solid 2px #b3b3b3;
  color: #8d8d8d;
  width: 280px;
  margin: 40px auto 0;
}

/* hover */
@media screen and (min-width: 1024px) {
  .btn-style:hover {
  }
  .btn-style.blue:hover {
    opacity: 0.6;
  }
  .btn-style.grey:hover,
  .close-btn:hover {
    background-color: #b3b3b3;
    color: #fff;
  }
  .btn-style.upload:hover {
  }
}

@media screen and (max-width: 767px) {
  .btn-style {
  }
  .btn-style.blue {
  }
  .btn-style.grey {
  }

  .close-btn {
    width: 100%;
    margin: 30px auto 0;
  }

  .btn-style.upload {
  }
}

/* anker--temp
----------------------------------------------------------------*/

/* FLOW-CHART */
.flow-chart.type01 {
}
.flow-chart.type01 ol {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
.flow-chart.type01 ol:after {
  content: "";
  display: block;
  width: 480px;
  height: 1px;
  background-color: #ccc;
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
}
.flow-chart.type01 ol li {
  position: relative;
  color: #ccc;
  margin-right: 208px;
  font-weight: 600;
}
.flow-chart.type01 ol li:last-of-type {
  margin-right: 0px;
}
.flow-chart.type01 ol li:before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background-color: #ccc;
  position: absolute;
  top: 36px;
  left: 1px;
  right: 0;
  margin: 0 auto;
}
.flow-chart.type01 ol li span {
  display: block;
}
.flow-chart.type01 ol li .num {
  font-size: 1.8rem;
  font-family: "Roboto", sans-serif;
  margin-bottom: 30px;
}
.flow-chart.type01 ol li .txt {
  font-size: 1.3rem;
}
.flow-chart.type01 ol li.current {
  color: var(--form-theme-color);
}
.flow-chart.type01 ol li.current:before {
  width: 24px;
  height: 24px;
  background-color: var(--form-theme-color);
  top: 32px;
}
.flow-chart.type01 ol li.current .num,
.flow-chart.type01 ol li.current .txt {
}

@media screen and (max-width: 767px) {
  .flow-chart.type01 {
  }
  .flow-chart.type01 ol {
  }
  .flow-chart.type01 ol:after {
    width: 200px;
  }
  .flow-chart.type01 ol li {
    margin-right: 70px;
  }
  .flow-chart.type01 ol li:last-of-type {
  }
  .flow-chart.type01 ol li:before {
  }
  .flow-chart.type01 ol li span {
  }
  .flow-chart.type01 ol li .num {
    margin-bottom: 40px;
  }
  .flow-chart.type01 ol li .txt {
    font-size: 1.6rem;
  }
  .flow-chart.type01 ol li.current {
  }
  .flow-chart.type01 ol li.current:before {
  }
  .flow-chart.type01 ol li.current .num,
  .flow-chart.type01 ol li.current .txt {
  }
}

@media screen and (max-width: 500px) {
  .flow-chart.type01 ol li .num {
    margin-bottom: 28px;
  }

  .flow-chart.type01 ol li .txt {
    font-size: 1.4rem;
  }
}

.flow-chart.type02 {
}
.flow-chart.type02 ul {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
  font-family: "Noto Serif JP", serif;
  font-size: 1.2rem;
}
.flow-chart.type02 ul li {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20187.4%209.2%22%20style%3D%22enable-background%3Anew%200%200%20187.4%209.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3Bstroke%3A%233581B0%3B%7D%20.st1%7Bfill%3A%233581B0%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_546%22%20transform%3D%22translate(-2458%20594.2)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_250%22%20class%3D%22st0%22%20d%3D%22M2460-587.5h184.3l-5.6-6.4%22%2F%3E%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1829%22%20x%3D%222458%22%20y%3D%22-590%22%20class%3D%22st1%22%20width%3D%225%22%20height%3D%225%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 180px auto;
  background-position: right 16px top 40%;
}
.flow-chart.type02 ul li:last-of-type {
  background: none;
}
.flow-chart.type02 ul li:last-of-type span {
  margin-right: 0;
}
.flow-chart.type02 ul li span {
  position: relative;
  color: var(--form-theme-color);
  margin-right: 216px;
  font-weight: 500;
  border: solid 1px var(--form-theme-color);
  width: 50px;
  height: 50px;
  line-height: 50px;
  display: block;
  padding: 0 0 0 2px;
  box-sizing: border-box;
}
.flow-chart.type02 ul li.current {
}
.flow-chart.type02 ul li.current span {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border: 0;
  background-color: var(--form-theme-color);
  top: -4px;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .flow-chart.type02 {
  }
  .flow-chart.type02 ul {
  }
  .flow-chart.type02 ul li {
    background-size: auto 3px;
    background-position: right 4px top 40%;
  }
  .flow-chart.type02 ul li:last-of-type {
  }
  .flow-chart.type02 ul li:last-of-type span {
  }
  .flow-chart.type02 ul li span {
    margin-right: 70px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0.8rem;
  }
  .flow-chart.type02 ul li.current {
  }
  .flow-chart.type02 ul li.current span {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

@media screen and (max-width: 450px) {
  .flow-chart.type02 ul li span {
    font-size: 1.6rem;
  }
}

/* EDIT-AREA PRIVACY */
.edit-area.privacy.type01 .box {
  margin-bottom: 30px;
  padding: 26px;
  width: 100%;
  height: 250px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  overflow-y: scroll;
  word-break: break-word;
}
.edit-area.privacy.type01 .box p {
}
.edit-area.privacy.type01 .box dl dt {
  font-weight: bold;
  margin: 0 0 2px;
}
.edit-area.privacy.type01 .box dl dd {
  margin-bottom: 20px;
}
.edit-area.privacy.type01 .box dl dd:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .edit-area.privacy.type01 .box {
    margin-bottom: 20px;
    padding: 10px;
    height: 150px;
  }
}

.edit-area.privacy.type02 .box {
  width: 50%;
  max-width: 480px;
  background-color: #f7f7f7;
  padding: 16px 20px;
  margin: 0 auto;
}
.edit-area.privacy.type02 .box p {
}

@media screen and (max-width: 767px) {
  .edit-area.privacy.type02 .box {
  }
  .edit-area.privacy.type02 .box p {
  }
}

/* DATE_AND_TIME-SET */
@media screen and (max-width: 767px) {
  .date_and_time-set {
  }
  .date_and_time-set span:not(.date-field, .time-field) {
    display: block;
    margin: 0 0 10px;
  }
  .date_and_time-set .date-field {
  }
  .date_and_time-set .time-field {
  }
}

/* SUBMIT-SET */
.submit-set {
  text-align: center;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .submit-set {
    display: flex;
  }
  .submit-set .back-btn {
    width: 30%;
  }
  .submit-set .submit-btn {
    width: 68%;
  }
}

/* TABLE-STYLE */
.input-flow table:not(.picker__table),
.input-flow table:not(.picker__table) > tbody,
.input-flow table:not(.picker__table) > tbody > tr,
.input-flow table:not(.picker__table) > tbody > tr > th,
.input-flow table:not(.picker__table) > tbody > tr > td {
  display: block;
  width: 100%;
}

.check-flow table {
  font-size: 1.6rem;
  width: 100%;
}
.check-flow table tbody {
}
.check-flow table tr {
  border-bottom: solid 1px #ddd;
}

.check-flow table tr th,
.check-flow table tr td {
  padding: 20px 0;
}

.check-flow table tr th {
  width: 200px;
  text-align: left;
  vertical-align: top;
}
.check-flow table tr td {
  width: calc(100% - 200px);
  padding: 20px;
  box-sizing: border-box;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .check-flow table {
  }
  .check-flow table tbody {
  }
  .check-flow table tr {
  }
  .check-flow table tr th,
  .check-flow table tr td {
    display: block;
    padding: 0 10px 0;
  }
  .check-flow table tr th {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 4px;
  }
  .check-flow table tr td {
    padding-bottom: 20px;
    width: 100%;
  }
}

/* ADDRESS-SET */
.address-set {
}
.address-set .number-field {
  width: 36%;
  text-align: right;
}
.address-set .number-field:before {
  content: "〒";
  display: block;
  font-size: 1.6rem;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-top: -12px;
}
.address-set .number-field input {
  width: 90%;
  box-sizing: border-box;
}
.address-set .number-field .helper-txt {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .address-set .number-field {
    width: 70%;
  }
}

/* ERROR-LOG */
.error-log {
  margin-bottom: 50px;
  border: solid 2px #e22b2b;
  text-align: center;
  padding: 18px;
  color: #e22b2b;
  font-size: 1.4rem;
  font-weight: 600;
  box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .error-log {
    line-height: 1.4;
    padding: 14px;
  }
}

/* anker--form
----------------------------------------------------------------*/

/* RESET */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}
textarea {
  resize: vertical;
}
input[type="checkbox"],
input[type="radio"] {
  display: none;
}
input[type="submit"],
input[type="button"],
label,
button,
select {
  cursor: pointer;
}
select::-ms-expand {
  display: none;
}

/* CLASS */
.input-field {
  position: relative;
}
.input-field label {
  font-size: 1.6rem;
  color: #7f7f7f;
  width: calc(100% - 66px);
  position: absolute;
  top: 16px;
  left: 16px;
  pointer-events: none;
  transition: all 0.3s;
}
.input-field label.active {
  font-size: 1rem;
  top: 4px;
  letter-spacing: 0.02em;
}
.select-field {
  position: relative;
}
.select-field:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: solid 6px transparent;
  border-left: solid 7px #7f7f7f;
  margin-top: -5px;
  box-sizing: border-box;
  transform: rotate(90deg);
  position: absolute;
  top: 50%;
  right: 16px;

  pointer-events: none;
}
.cap-txt {
  font-size: 1.2rem;
  color: #e22b2b;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2011.3%2011.2%22%20style%3D%22enable-background%3Anew%200%200%2011.3%2011.2%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23D52F2B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_33%22%20class%3D%22st0%22%20d%3D%22M8%2C0H3.3L0%2C3.3V8l3.3%2C3.3H8L11.3%2C8V3.3L8%2C0z%20M10%2C7.4L7.4%2C10H3.8L1.2%2C7.4V3.8l2.6-2.6h3.6%20L10%2C3.8V7.4z%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_1%22%20class%3D%22st0%22%20cx%3D%225.6%22%20cy%3D%228.2%22%20r%3D%220.7%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_34%22%20class%3D%22st0%22%20d%3D%22M5%2C2.5h1.2v4.4H5V2.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 12px;
  padding-left: 16px;
}
.helper-txt {
  font-size: 1.2rem;
  letter-spacing: 0.02em;
  display: block;
}

@media screen and (min-width: 768px) {
  .select-field {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .input-field {
  }
  .input-field label {
  }
  .input-field label.active {
  }
  .select-field {
  }
  .select-field:after {
    right: 6px;
    width: 6px;
    height: 6px;
    border-width: 5px;
    margin-top: -3px;
  }
  .cap-txt {
    display: block;
    margin: 0 0 0 24px;
  }
  .helper-txt {
  }
}

/* INPUT */
input:not([type]),
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="time"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="tel"],
input[type="number"],
input[type="search"],
textarea {
  background-color: #f7f7f7;
  border-radius: 4px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding: 16px 50px 16px 16px;
  border: solid 2px #f7f7f7;
  box-sizing: border-box;
  transition: all 0.3s;
}
input:not([type]):focus:not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
input[type="email"]:focus:not([readonly]),
input[type="url"]:focus:not([readonly]),
input[type="time"]:focus:not([readonly]),
input[type="date"]:focus:not([readonly]),
input[type="datetime"]:focus:not([readonly]),
input[type="datetime-local"]:focus:not([readonly]),
input[type="tel"]:focus:not([readonly]),
input[type="number"]:focus:not([readonly]),
input[type="search"]:focus:not([readonly]),
textarea:focus:not([readonly]) {
  background-color: #fff;
  border-color: #000;
}

/* 入力完了 */
.input-field.valid:after {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 21px;
  right: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2019.5%2019.5%22%20style%3D%22enable-background%3Anew%200%200%2019.5%2019.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3Bstroke%3A%233A9339%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%233A9339%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M9.8%2C0.5c-5.1%2C0-9.3%2C4.1-9.3%2C9.2c0%2C5.1%2C4.1%2C9.3%2C9.2%2C9.3c5.1%2C0%2C9.3-4.1%2C9.3-9.2c0%2C0%2C0%2C0%2C0%2C0%20C19%2C4.7%2C14.9%2C0.5%2C9.8%2C0.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_230%22%20class%3D%22st1%22%20d%3D%22M14.1%2C5.9c-0.2%2C0-0.4%2C0.1-0.5%2C0.2l-5.1%2C5.7L6%2C9.5C5.7%2C9.2%2C5.3%2C9.3%2C5%2C9.6%20c-0.2%2C0.3-0.2%2C0.7%2C0%2C0.9L8%2C13.4c0.1%2C0.1%2C0.3%2C0.2%2C0.5%2C0.2h0c0.2%2C0%2C0.4-0.1%2C0.5-0.2l5.6-6.3c0.3-0.3%2C0.2-0.7-0.1-1%20C14.4%2C6%2C14.2%2C5.9%2C14.1%2C5.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.input-field.valid input:not([type]),
.input-field.valid input[type="text"],
.input-field.valid input[type="password"],
.input-field.valid input[type="email"],
.input-field.valid input[type="url"],
.input-field.valid input[type="time"],
.input-field.valid input[type="date"],
.input-field.valid input[type="datetime"],
.input-field.valid input[type="datetime-local"],
.input-field.valid input[type="tel"],
.input-field.valid input[type="number"],
.input-field.valid input[type="search"],
.input-field.valid textarea {
}
.input-field.valid input:not([type]) + .helper-txt,
.input-field.valid input[type="text"] + .helper-txt,
.input-field.valid input[type="password"] + .helper-txt,
.input-field.valid input[type="email"] + .helper-txt,
.input-field.valid input[type="url"] + .helper-txt,
.input-field.valid input[type="time"] + .helper-txt,
.input-field.valid input[type="date"] + .helper-txt,
.input-field.valid input[type="datetime"] + .helper-txt,
.input-field.valid input[type="datetime-local"] + .helper-txt,
.input-field.valid input[type="tel"] + .helper-txt,
.input-field.valid input[type="number"] + .helper-txt,
.input-field.valid input[type="search"] + .helper-txt,
.input-field.valid textarea + .helper-txt {
  color: #7f7f7f;
}

/* エラー */
.input-field.invalid:after {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 21px;
  right: 16px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2019.5%2019.5%22%20style%3D%22enable-background%3Anew%200%200%2019.5%2019.5%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3Bstroke%3A%23D52F2B%3Bstroke-miterlimit%3A10%3B%7D%20.st1%7Bfill%3A%23D52F2B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M9.8%2C0.5c-5.1%2C0-9.3%2C4.1-9.3%2C9.2c0%2C5.1%2C4.1%2C9.3%2C9.2%2C9.3c5.1%2C0%2C9.3-4.1%2C9.3-9.2c0%2C0%2C0%2C0%2C0%2C0%20C19%2C4.7%2C14.9%2C0.5%2C9.8%2C0.5%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_228%22%20class%3D%22st1%22%20d%3D%22M10.8%2C9.8l2.9-2.9c0.3-0.3%2C0.3-0.7%2C0.1-1c-0.3-0.3-0.7-0.3-1-0.1c0%2C0-0.1%2C0.1-0.1%2C0.1L9.8%2C8.8%20L6.9%2C5.8c-0.3-0.3-0.7-0.3-1-0.1C5.6%2C6%2C5.5%2C6.5%2C5.8%2C6.8c0%2C0%2C0.1%2C0.1%2C0.1%2C0.1l2.9%2C2.9l-2.9%2C2.9c-0.3%2C0.3-0.2%2C0.7%2C0.1%2C1%20c0.3%2C0.2%2C0.7%2C0.2%2C0.9%2C0l2.9-2.9l2.9%2C2.9c0.3%2C0.3%2C0.7%2C0.3%2C1%2C0.1c0.3-0.3%2C0.3-0.7%2C0.1-1c0%2C0-0.1-0.1-0.1-0.1L10.8%2C9.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.input-field.invalid input:not([type]),
.input-field.invalid input[type="text"],
.input-field.invalid input[type="password"],
.input-field.invalid input[type="email"],
.input-field.invalid input[type="url"],
.input-field.invalid input[type="time"],
.input-field.invalid input[type="date"],
.input-field.invalid input[type="datetime"],
.input-field.invalid input[type="datetime-local"],
.input-field.invalid input[type="tel"],
.input-field.invalid input[type="number"],
.input-field.invalid input[type="search"],
.input-field.invalid textarea {
  border-color: #e22b2b;
  background-color: #fff5f2;
}
.input-field.invalid input:not([type]) + .helper-txt,
.input-field.invalid input[type="text"] + .helper-txt,
.input-field.invalid input[type="password"] + .helper-txt,
.input-field.invalid input[type="email"] + .helper-txt,
.input-field.invalid input[type="url"] + .helper-txt,
.input-field.invalid input[type="time"] + .helper-txt,
.input-field.invalid input[type="date"] + .helper-txt,
.input-field.invalid input[type="datetime"] + .helper-txt,
.input-field.invalid input[type="datetime-local"] + .helper-txt,
.input-field.invalid input[type="tel"] + .helper-txt,
.input-field.invalid input[type="number"] + .helper-txt,
.input-field.invalid input[type="search"] + .helper-txt,
.input-field.invalid textarea + .helper-txt {
  color: #e22b2b;
}

.input-field.error:after {
  content: "";
  display: block;
  width: 19px;
  height: 19px;
  position: absolute;
  top: 21px;
  right: 16px;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100%;
}
.input-field.error input:not([type]),
.input-field.error input[type="text"],
.input-field.error input[type="password"],
.input-field.error input[type="email"],
.input-field.error input[type="url"],
.input-field.error input[type="time"],
.input-field.error input[type="date"],
.input-field.error input[type="datetime"],
.input-field.error input[type="datetime-local"],
.input-field.error input[type="tel"],
.input-field.error input[type="number"],
.input-field.error input[type="search"],
.input-field.error textarea {
  border-color: #e22b2b;
  background-color: #fff5f2;
}
.input-field.error input:not([type]) + .helper-txt,
.input-field.error input[type="text"] + .helper-txt,
.input-field.error input[type="password"] + .helper-txt,
.input-field.error input[type="email"] + .helper-txt,
.input-field.error input[type="url"] + .helper-txt,
.input-field.error input[type="time"] + .helper-txt,
.input-field.error input[type="date"] + .helper-txt,
.input-field.error input[type="datetime"] + .helper-txt,
.input-field.error input[type="datetime-local"] + .helper-txt,
.input-field.error input[type="tel"] + .helper-txt,
.input-field.error input[type="number"] + .helper-txt,
.input-field.error input[type="search"] + .helper-txt,
.input-field.error textarea + .helper-txt,
.helper-txt.error {
  color: #e22b2b;
}

@media screen and (max-width: 767px) {
  input:not([type]),
  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="url"],
  input[type="time"],
  input[type="date"],
  input[type="datetime"],
  input[type="datetime-local"],
  input[type="tel"],
  input[type="number"],
  input[type="search"],
  textarea {
    padding: 16px 30px 16px 16px;
  }
  input:not([type]):focus:not([readonly]),
  input[type="text"]:focus:not([readonly]),
  input[type="password"]:focus:not([readonly]),
  input[type="email"]:focus:not([readonly]),
  input[type="url"]:focus:not([readonly]),
  input[type="time"]:focus:not([readonly]),
  input[type="date"]:focus:not([readonly]),
  input[type="datetime"]:focus:not([readonly]),
  input[type="datetime-local"]:focus:not([readonly]),
  input[type="tel"]:focus:not([readonly]),
  input[type="number"]:focus:not([readonly]),
  input[type="search"]:focus:not([readonly]),
  textarea:focus:not([readonly]) {
  }

  /* 入力完了 */
  .input-field.valid:after {
    right: 10px;
  }
  .input-field.valid input:not([type]),
  .input-field.valid input[type="text"],
  .input-field.valid input[type="password"],
  .input-field.valid input[type="email"],
  .input-field.valid input[type="url"],
  .input-field.valid input[type="time"],
  .input-field.valid input[type="date"],
  .input-field.valid input[type="datetime"],
  .input-field.valid input[type="datetime-local"],
  .input-field.valid input[type="tel"],
  .input-field.valid input[type="number"],
  .input-field.valid input[type="search"],
  .input-field.valid textarea {
  }
  .input-field.valid input:not([type]) + .helper-txt,
  .input-field.valid input[type="text"] + .helper-txt,
  .input-field.valid input[type="password"] + .helper-txt,
  .input-field.valid input[type="email"] + .helper-txt,
  .input-field.valid input[type="url"] + .helper-txt,
  .input-field.valid input[type="time"] + .helper-txt,
  .input-field.valid input[type="date"] + .helper-txt,
  .input-field.valid input[type="datetime"] + .helper-txt,
  .input-field.valid input[type="datetime-local"] + .helper-txt,
  .input-field.valid input[type="tel"] + .helper-txt,
  .input-field.valid input[type="number"] + .helper-txt,
  .input-field.valid input[type="search"] + .helper-txt,
  .input-field.valid textarea + .helper-txt {
  }

  /* エラー */
  .input-field.invalid:after {
    right: 10px;
  }
  .input-field.invalid input:not([type]),
  .input-field.invalid input[type="text"],
  .input-field.invalid input[type="password"],
  .input-field.invalid input[type="email"],
  .input-field.invalid input[type="url"],
  .input-field.invalid input[type="time"],
  .input-field.invalid input[type="date"],
  .input-field.invalid input[type="datetime"],
  .input-field.invalid input[type="datetime-local"],
  .input-field.invalid input[type="tel"],
  .input-field.invalid input[type="number"],
  .input-field.invalid input[type="search"],
  .input-field.invalid textarea {
    padding: 16px 30px 16px 16px;
  }
  .input-field.invalid input:not([type]) + .helper-txt,
  .input-field.invalid input[type="text"] + .helper-txt,
  .input-field.invalid input[type="password"] + .helper-txt,
  .input-field.invalid input[type="email"] + .helper-txt,
  .input-field.invalid input[type="url"] + .helper-txt,
  .input-field.invalid input[type="time"] + .helper-txt,
  .input-field.invalid input[type="date"] + .helper-txt,
  .input-field.invalid input[type="datetime"] + .helper-txt,
  .input-field.invalid input[type="datetime-local"] + .helper-txt,
  .input-field.invalid input[type="tel"] + .helper-txt,
  .input-field.invalid input[type="number"] + .helper-txt,
  .input-field.invalid input[type="search"] + .helper-txt,
  .input-field.invalid textarea + .helper-txt {
  }

  .input-field.error:after {
  }
  .input-field.error input:not([type]),
  .input-field.error input[type="text"],
  .input-field.error input[type="password"],
  .input-field.error input[type="email"],
  .input-field.error input[type="url"],
  .input-field.error input[type="time"],
  .input-field.error input[type="date"],
  .input-field.error input[type="datetime"],
  .input-field.error input[type="datetime-local"],
  .input-field.error input[type="tel"],
  .input-field.error input[type="number"],
  .input-field.error input[type="search"],
  .input-field.error textarea {
    padding: 16px 30px 16px 16px;
  }
  .input-field.error input:not([type]) + .helper-txt,
  .input-field.error input[type="text"] + .helper-txt,
  .input-field.error input[type="password"] + .helper-txt,
  .input-field.error input[type="email"] + .helper-txt,
  .input-field.error input[type="url"] + .helper-txt,
  .input-field.error input[type="time"] + .helper-txt,
  .input-field.error input[type="date"] + .helper-txt,
  .input-field.error input[type="datetime"] + .helper-txt,
  .input-field.error input[type="datetime-local"] + .helper-txt,
  .input-field.error input[type="tel"] + .helper-txt,
  .input-field.error input[type="number"] + .helper-txt,
  .input-field.error input[type="search"] + .helper-txt,
  .input-field.error textarea + .helper-txt {
  }
}

/* NUMBER */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

/* FILE */
.input-file-field.type01 {
  display: flex;
}
.input-file-field.type01 .thum {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  height: 120px;
  overflow: hidden;
}
.input-file-field.type01 .thum img {
  width: 120px;
  height: 120px;
  object-fit: scale-down;
  object-position: center center;
  background: #efefef;
  box-sizing: border-box;
}
.input-file-field.type01 .btn-set {
  display: flex;
  justify-content: flex-start;
  width: calc(100% - 120px);
  box-sizing: border-box;
  padding-left: 20px;
  align-items: center;
}

.input-file-field.type01.error .thum {
  border: solid 2px #e22b2b;
}

@media screen and (max-width: 767px) {
  .input-file-field.type01 {
  }
  .input-file-field.type01 .thum {
  }
  .input-file-field.type01 .thum img {
  }
  .input-file-field.type01 .btn-set {
    flex-direction: column;
    justify-content: center;
  }
  .input-file-field.type01 .btn-set .del-btn {
    margin: 10px 0 0;
  }
}

.input-file-field.type02 {
}
.input-file-field.type02 span.txt {
  background-color: #f7f7f7;
  border-radius: 4px;
  font-size: 1.6rem;
  color: #7f7f7f;
  line-height: 1.6;
  padding: 16px 50px 16px 16px;
  border: solid 2px #f7f7f7;
  box-sizing: border-box;
  width: 100%;
  display: inline-block;
}

.input-file-field.type02.error span.txt {
  border-color: #e22b2b;
  background-color: #fff5f2;
}

.del-btn {
  padding-left: 18px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2013.6%2013.6%22%20style%3D%22enable-background%3Anew%200%200%2013.6%2013.6%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%237E7E7F%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_228%22%20class%3D%22st0%22%20d%3D%22M7.5%2C6.8l2.1-2.1c0.2-0.2%2C0.2-0.5%2C0-0.7C9.5%2C3.7%2C9.2%2C3.7%2C9%2C3.9c0%2C0%2C0%2C0%2C0%2C0L6.8%2C6L4.7%2C3.9%20c-0.2-0.2-0.5-0.2-0.7%2C0c-0.2%2C0.2-0.2%2C0.5%2C0%2C0.7c0%2C0%2C0%2C0%2C0%2C0l2.1%2C2.1L3.9%2C8.9C3.7%2C9.1%2C3.8%2C9.5%2C4%2C9.7c0.2%2C0.2%2C0.5%2C0.2%2C0.7%2C0l2.1-2.1%20l2.1%2C2.1c0.2%2C0.2%2C0.5%2C0.2%2C0.7%2C0c0.2-0.2%2C0.2-0.5%2C0-0.7c0%2C0%2C0%2C0%2C0%2C0L7.5%2C6.8z%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_229%22%20class%3D%22st0%22%20d%3D%22M6.8%2C0C3.1%2C0%2C0%2C3%2C0%2C6.8s3%2C6.8%2C6.8%2C6.8c3.7%2C0%2C6.8-3%2C6.8-6.8c0%2C0%2C0%2C0%2C0%2C0C13.6%2C3%2C10.5%2C0%2C6.8%2C0%20M6.8%2C12.5C3.6%2C12.5%2C1.1%2C10%2C1%2C6.8S3.6%2C1%2C6.8%2C1s5.7%2C2.6%2C5.8%2C5.7c0%2C0%2C0%2C0%2C0%2C0C12.5%2C9.9%2C10%2C12.5%2C6.8%2C12.5%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 14px;
  cursor: pointer;
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .input-file-field.type02 {
  }
  .input-file-field.type02 span.txt {
    margin: 0 0 10px;
  }
  .del-btn {
  }
}

/* date */
.date-field {
  position: relative;
}
.date-field:after {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  position: absolute;
  top: 0;
  right: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2021%2021%22%20style%3D%22enable-background%3Anew%200%200%2021%2021%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23ABAAAA%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22iconmonstr-calendar-4%22%20class%3D%22st0%22%20d%3D%22M17.5%2C17.5H14V14h3.5V17.5z%20M12.2%2C8.8H8.8v3.5h3.5V8.8z%20M17.5%2C8.8H14v3.5h3.5V8.8z%20M7%2C14H3.5v3.5H7V14z%20M12.2%2C14H8.8v3.5h3.5V14z%20M7%2C8.8H3.5v3.5H7V8.8z%20M21%2C1.8V21H0V1.8h2.6v0.9c0%2C1%2C0.8%2C1.8%2C1.8%2C1.8%20s1.8-0.8%2C1.8-1.8V1.8h8.8v0.9c0%2C1%2C0.8%2C1.8%2C1.8%2C1.8s1.8-0.8%2C1.8-1.8V1.8H21z%20M19.2%2C7H1.8v12.2h17.5V7z%20M17.5%2C0.9%20c0-0.5-0.4-0.9-0.9-0.9s-0.9%2C0.4-0.9%2C0.9v1.8c0%2C0.5%2C0.4%2C0.9%2C0.9%2C0.9s0.9-0.4%2C0.9-0.9V0.9z%20M5.2%2C2.6c0%2C0.5-0.4%2C0.9-0.9%2C0.9%20S3.5%2C3.1%2C3.5%2C2.6V0.9C3.5%2C0.4%2C3.9%2C0%2C4.4%2C0s0.9%2C0.4%2C0.9%2C0.9V2.6z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: auto 21px;
  pointer-events: none;
}
.date-field input {
}
.date-field.error input {
  border-color: #e22b2b;
  background-color: #fff5f2;
}

/* .date-field .picker__table,
.date-field .picker__table tbody,
.date-field .picker__table tr,
.date-field .picker__table tr th,
.date-field .picker__table tr td {
    display: table;
} */

@media screen and (max-width: 767px) {
  .date-field {
  }
  .date-field input {
    max-width: none;
    width: 55%;
  }
  .date-field:after {
    top: 50%;
    margin-top: -12px;
    right: 16px;
  }

  .picker__box {
    font-size: 1.6rem;
  }
}

/* time */
.time-field {
  position: relative;
}
.time-field:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: solid 6px transparent;
  border-left: solid 8px #7f7f7f;
  margin-top: -2px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: rotate(90deg);
}
.time-field input {
}

.time-field.error input {
  border-color: #e22b2b;
  background-color: #fff5f2;
}

.time-field .picker--time {
  left: 0;
}

@media screen and (max-width: 767px) {
  .time-field {
  }
  .time-field input {
    max-width: none;
    width: 40%;
  }
  .time-field:after {
  }
  .time-field .picker--time {
  }
}

/* TEXTAREA */
textarea {
  min-height: 200px;
}

/*@media screen and (max-width: 767px) {
    textarea {
        min-height: 100px;
    }
}*/

/* SELECT */
.select-field select {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: 4px;
  font-size: 1.6rem;
  line-height: 1.6;
  padding: 16px 50px 16px 16px;
  border: solid 2px #f7f7f7;
  box-sizing: border-box;
  transition: all 0.3s;
}
.select-field select:focus {
  background-color: #fff;
  border-color: #000;
}

.error select {
  border-color: #e22b2b;
  background-color: #fff5f2;
}

@media screen and (max-width: 767px) {
  .select-field select {
    padding: 16px 12px;
  }
  .select-field select:focus {
  }
}

/* RADIO */
.radio-field [type="radio"] + span {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.radio-field [type="radio"] + span:before,
.radio-field [type="radio"] + span:after {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  box-sizing: border-box;
  position: absolute;
}
.radio-field [type="radio"] + span:before {
  border: solid 2px #b7b7b7;
  top: 50%;
  left: 0;
  margin-top: -8px;
}
.radio-field [type="radio"] + span:after {
  width: 8px;
  height: 8px;
  background-color: transparent;
  top: 50%;
  left: 4px;
  margin-top: -4px;
}
.radio-field [type="radio"]:checked + span {
  color: var(--form-theme-color);
  font-weight: 600;
}
.radio-field [type="radio"]:checked + span:before {
  border-color: var(--form-theme-color);
}
.radio-field [type="radio"]:checked + span:after {
  background-color: var(--form-theme-color);
}
.radio-field.disabled {
  pointer-events: none;
}
.radio-field.disabled [type="radio"]:not(:checked) + span {
  text-decoration: line-through;
}
.radio-field.disabled [type="radio"]:not(:checked) + span:after {
  background-color: #b7b7b7;
}

.error [type="radio"] + span:before {
  border-color: #e22b2b;
}

@media screen and (max-width: 767px) {
  .radio-field [type="radio"] + span {
  }
  .radio-field [type="radio"] + span:before,
  .radio-field [type="radio"] + span:after {
  }
  .radio-field [type="radio"] + span:before {
  }
  .radio-field [type="radio"] + span:after {
  }
  .radio-field [type="radio"]:checked + span {
  }
  .radio-field [type="radio"]:checked + span:before {
  }
  .radio-field [type="radio"]:checked + span:after {
  }
  .radio-field [type="radio"]:not(:checked):disabled + span {
  }
  .radio-field [type="radio"]:not(:checked):disabled + span:after {
  }
}

/* CHECKBOX */
.checkbox-field [type="checkbox"] + span {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2015.3%2015.3%22%20style%3D%22enable-background%3Anew%200%200%2015.3%2015.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23B7B7B7%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M14.4%2C0H0.8C0.4%2C0%2C0%2C0.4%2C0%2C0.8v13.6c0%2C0.5%2C0.4%2C0.8%2C0.8%2C0.8h13.6c0.5%2C0%2C0.8-0.4%2C0.8-0.8v-4V9.7V0.8%20C15.3%2C0.4%2C14.9%2C0%2C14.4%2C0z%20M13.6%2C13.6H1.7V1.7h11.9v8c0%2C0%2C0%2C0%2C0%2C0v0.8V13.6z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: auto 18px;
}
.checkbox-field [type="checkbox"]:checked + span {
  color: var(--form-theme-color);
  font-weight: 600;
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2020.1%2015.8%22%20style%3D%22enable-background%3Anew%200%200%2020.1%2015.8%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3Anone%3B%7D%20.st1%7Bfill%3A%23006AB8%3B%7D%3C%2Fstyle%3E%3Crect%20class%3D%22st0%22%20width%3D%2220.1%22%20height%3D%2215.8%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_226%22%20class%3D%22st1%22%20d%3D%22M14.9%2C9.1C14.4%2C9.1%2C14%2C9.5%2C14%2C10v4H1.7V1.7H14v0.8c0%2C0.5%2C0.4%2C0.9%2C0.9%2C0.9s0.9-0.4%2C0.9-0.9V0.9%20c0-0.5-0.4-0.9-0.9-0.9c0%2C0%2C0%2C0%2C0%2C0h-14C0.4%2C0%2C0%2C0.4%2C0%2C0.9v14c0%2C0.5%2C0.4%2C0.9%2C0.9%2C0.9c0%2C0%2C0%2C0%2C0%2C0h14c0.5%2C0%2C0.9-0.4%2C0.9-0.9l0%2C0V10%20C15.8%2C9.5%2C15.4%2C9.1%2C14.9%2C9.1%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_227%22%20class%3D%22st1%22%20d%3D%22M19.8%2C1.2c-0.4-0.4-1.1-0.4-1.5%2C0c0%2C0%2C0%2C0%2C0%2C0l-3.3%2C3.3l-5.7%2C5.7L6.1%2C7.1%20C5.7%2C6.6%2C5%2C6.6%2C4.6%2C7.1s-0.4%2C1.1%2C0%2C1.5l0%2C0l3.9%2C3.9c0.4%2C0.4%2C1.1%2C0.4%2C1.5%2C0c0%2C0%2C0%2C0%2C0%2C0l9.8-9.8C20.2%2C2.3%2C20.2%2C1.6%2C19.8%2C1.2%20C19.8%2C1.2%2C19.8%2C1.2%2C19.8%2C1.2%22%2F%3E%3C%2Fsvg%3E");
}
.checkbox-field.disabled {
  pointer-events: none;
}
.checkbox-field.disabled [type="checkbox"]:not(:checked) + span {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2015.3%2015.3%22%20style%3D%22enable-background%3Anew%200%200%2015.3%2015.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23B7B7B7%3B%7D%20.st1%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_1777%22%20class%3D%22st0%22%20d%3D%22M1%2C0h13.3c0.6%2C0%2C1%2C0.4%2C1%2C1v13.3c0%2C0.6-0.4%2C1-1%2C1H1c-0.6%2C0-1-0.4-1-1V1C0%2C0.4%2C0.4%2C0%2C1%2C0z%22%2F%3E%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_228%22%20class%3D%22st1%22%20d%3D%22M8.4%2C7.5l2.5-2.5c0.2-0.2%2C0.3-0.6%2C0-0.9c-0.2-0.2-0.6-0.3-0.9%2C0c0%2C0%2C0%2C0%2C0%2C0L7.5%2C6.7L5.1%2C4.2%20C4.8%2C4%2C4.4%2C3.9%2C4.2%2C4.2S3.9%2C4.8%2C4.2%2C5c0%2C0%2C0%2C0%2C0%2C0l2.5%2C2.5L4.2%2C10c-0.2%2C0.2-0.2%2C0.6%2C0%2C0.9c0.2%2C0.2%2C0.6%2C0.2%2C0.8%2C0l2.5-2.5l2.5%2C2.5%20c0.2%2C0.2%2C0.6%2C0.3%2C0.9%2C0c0.2-0.2%2C0.3-0.6%2C0-0.9c0%2C0%2C0%2C0%2C0%2C0L8.4%2C7.5z%22%2F%3E%3C%2Fsvg%3E");
  text-decoration: line-through;
}
.error [type="checkbox"] + span {
  background-image: url("data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20preserveAspectRatio%3D%22xMinYMid%22%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2015.3%2015.3%22%20style%3D%22enable-background%3Anew%200%200%2015.3%2015.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23E22B2B%3B%7D%20.st1%7Bfill%3A%23FFF5F2%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M14.4%2C0H0.8C0.4%2C0%2C0%2C0.4%2C0%2C0.8v13.6c0%2C0.5%2C0.4%2C0.8%2C0.8%2C0.8h13.6c0.5%2C0%2C0.8-0.4%2C0.8-0.8v-4V9.7V0.8%20C15.3%2C0.4%2C14.9%2C0%2C14.4%2C0z%22%2F%3E%3Cpolygon%20class%3D%22st1%22%20points%3D%2213.6%2C13.6%201.7%2C13.6%201.7%2C1.7%2013.6%2C1.7%2013.6%2C9.7%2013.6%2C9.7%2013.6%2C10.5%20%22%2F%3E%3C%2Fsvg%3E");
}

@media screen and (max-width: 767px) {
  .checkbox-field [type="checkbox"] + span {
  }
  .checkbox-field [type="checkbox"]:checked + span {
  }
  .checkbox-field [type="checkbox"]:not(:checked):disabled + span {
  }
}

.input_off {
  display: none;
}

.input_on {
  animation: fadeIn 0.3s ease 0s 1 normal;
}
@keyframes fadeIn {
  /*animation-nameで設定した値を書く*/
  0% {
    opacity: 0;
  } /*アニメーション開始時は不透明度0%*/
  100% {
    opacity: 1;
  } /*アニメーション終了時は不透明度100%*/
}

/* anker--input-set
----------------------------------------------------------------*/

.input-set {
  display: flex;
  flex-wrap: wrap;
}
.input-set.type-name {
}

.common-table tr:not(:first-child) {
    padding-top: 30px;
}

.btn-area {
    margin-top: 80px;
}

.input-set.type-name .input-field {
    width: calc((100% - 20px) / 2);
}

.input-set.type-tel .input-field:first-child {
    width: calc((100% - 100px) / 3);
}

.input-set.type-tel .input-field:not(:first-child) {
    display: flex;
    align-items: center;
    width: calc((100% - 100px) / 3 + 30px);;
}

.input-set.type-tel .input-field:not(:first-child)::before {
    content: "";
    display: block;
    margin-right: 20px;
    width: 10px;
    height: 2px;
    background-color: #000;
}

.input-flow table tbody tr td.input-set.type-YM {
  display: flex;
}

.input-set.type-YM .input-field {
  flex-shrink: 0;
}

.input-set.type-YM .input-field::after {
  right: auto;
  left: 100px;
}

.input-set.type-YM .input-field:not(:first-child) {
  margin-left: 10px;
}

.input-set.type-YM .input-field input {
  width: 130px;
}

.input-set.type-age .input-field::after {
  right: auto;
  left: 100px;
}