@charset "UTF-8";

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

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

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

html {
    position: relative;
    font-size: 62.5%;
}

html #flow {
    line-height: 1.8;
    letter-spacing: 0.05em;
    font-size: 1.6rem;
    @media screen and (max-width: 767px) {
        font-size: 1.4rem;
    }
}

/* 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: #2d9839;
}

/*  MARGIN */
.mb00 {
    margin-bottom: 0rem !important;
}
.mb10 {
    margin-bottom: 1rem !important;
}
.mb20 {
    margin-bottom: 2rem !important;
}
.mb30 {
    margin-bottom: 3rem !important;
}
.mb40 {
    margin-bottom: 4rem !important;
}
.mb50 {
    margin-bottom: 5rem !important;
}
.mb60 {
    margin-bottom: 6rem !important;
}
.mb70 {
    margin-bottom: 7rem !important;
}
.mb80 {
    margin-bottom: 8rem !important;
}
.mb90 {
    margin-bottom: 9rem !important;
}
.mb100 {
    margin-bottom: 10rem !important;
}
.mb120 {
    margin-bottom: 12rem !important;
}

.mt00 {
    margin-top: 0rem !important;
}
.mt10 {
    margin-top: 1rem !important;
}
.mt20 {
    margin-top: 2rem !important;
}
.mt30 {
    margin-top: 3rem !important;
}
.mt40 {
    margin-top: 4rem !important;
}
.mt50 {
    margin-top: 5rem !important;
}
.mt60 {
    margin-top: 6rem !important;
}
.mt70 {
    margin-top: 7rem !important;
}
.mt80 {
    margin-top: 8rem !important;
}
.mt90 {
    margin-top: 9rem !important;
}
.mt100 {
    margin-top: 10rem !important;
}
.mt120 {
    margin-top: 12rem !important;
}

.mr00 {
    margin-right: 0rem !important;
}
.mr10 {
    margin-right: 1rem !important;
}
.mr20 {
    margin-right: 2rem !important;
}
.mr30 {
    margin-right: 3rem !important;
}

.ml00 {
    margin-left: 0rem !important;
}
.ml10 {
    margin-left: 1rem !important;
}
.ml20 {
    margin-left: 2rem !important;
}
.ml30 {
    margin-left: 3rem !important;
}

@media screen and (max-width: 750px) {
    .mb00 {
        margin-bottom: 0.5rem !important;
    }
    .mb10 {
        margin-bottom: 0.5rem !important;
    }
    .mb20 {
        margin-bottom: 1rem !important;
    }
    .mb30 {
        margin-bottom: 1.5rem !important;
    }
    .mb40 {
        margin-bottom: 2rem !important;
    }
    .mb50 {
        margin-bottom: 2.5rem !important;
    }
    .mb60 {
        margin-bottom: 3rem !important;
    }
    .mb70 {
        margin-bottom: 3.5rem !important;
    }
    .mb80 {
        margin-bottom: 4rem !important;
    }
    .mb90 {
        margin-bottom: 4.5rem !important;
    }
    .mb100 {
        margin-bottom: 5rem !important;
    }
    .mb120 {
        margin-bottom: 6rem !important;
    }

    .mt00 {
        margin-top: 0.5rem !important;
    }
    .mt10 {
        margin-top: 0.5rem !important;
    }
    .mt20 {
        margin-top: 1rem !important;
    }
    .mt30 {
        margin-top: 1.5rem !important;
    }
    .mt40 {
        margin-top: 2rem !important;
    }
    .mt50 {
        margin-top: 2.5rem !important;
    }
    .mt60 {
        margin-top: 3rem !important;
    }
    .mt70 {
        margin-top: 3.5rem !important;
    }
    .mt80 {
        margin-top: 4rem !important;
    }
    .mt90 {
        margin-top: 4.5rem !important;
    }
    .mt100 {
        margin-top: 5rem !important;
    }
    .mt120 {
        margin-top: 6rem !important;
    }

    .mr00 {
        margin-right: 0rem !important;
    }
    .mr10 {
        margin-right: 0.5rem !important;
    }
    .mr20 {
        margin-right: 1rem !important;
    }
    .mr30 {
        margin-right: 1.5rem !important;
    }

    .ml00 {
        margin-left: 0rem !important;
    }
    .ml10 {
        margin-left: 0.5rem !important;
    }
    .ml20 {
        margin-left: 1rem !important;
    }
    .ml30 {
        margin-left: 1.5rem !important;
    }
}

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

/* WIDTH */
.wfull {
    width: 100%;
}
.w960 {
    max-width: 96rem;
    width: 90%;
}
.w840 {
    max-width: 84rem;
    width: 90%;
}
.w720 {
    max-width: 72rem;
}
.w600 {
    max-width: 60rem;
    width: 100%;
}
.w500 {
    max-width: 50rem;
    width: 100%;
}
.w400 {
    max-width: 40rem;
    width: 90%;
}
.w240 {
    max-width: 24rem;
    width: 30%;
}
.w200 {
    max-width: 20rem;
    width: 30%;
}
.w130 {
    max-width: 13rem;
    width: 30%;
}
.w100 {
    max-width: 10rem;
    width: 20%;
}
.w90 {
    max-width: 9rem;
    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 0.4rem;
    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: 2.2rem;
    padding: 0 0.4rem;
    margin-left: 2rem;
    position: relative;
    top: -0.1rem;
}

@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: 0.4rem;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    padding: 1.4rem;
    width: 100%;
}
.btn-style.blue {
    border: solid 0.2rem #2d9839;
    color: #2D9839;
    background-color: #fff;
}
.btn-style.grey {
    border: solid 0.2rem #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: 2.4rem 50%;
    background-size: auto 1.6rem;
    padding: 1.4rem 1.4rem 1.4rem 4rem;
}

.close-btn {
    display: block;
    text-decoration: none;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 0.4rem;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.3s;
    padding: 1.4rem;
    width: 100%;
    border: solid 0.2rem #b3b3b3;
    color: #8d8d8d;
    width: 28rem;
    margin: 4rem auto 0;
}

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

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

    .close-btn {
        width: 100%;
        margin: 3rem 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: 48rem;
    height: 0.1rem;
    background-color: #ccc;
    position: absolute;
    top: 4.4rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
}
.flow-chart.type01 ol li {
    position: relative;
    color: #ccc;
    margin-right: 20.8rem;
    font-weight: 600;
}
.flow-chart.type01 ol li:last-of-type {
    margin-right: 0rem;
}
.flow-chart.type01 ol li:before {
    content: "";
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 10rem;
    background-color: #ccc;
    position: absolute;
    top: 3.6rem;
    left: 0.1rem;
    right: 0;
    margin: 0 auto;
}
.flow-chart.type01 ol li span {
    display: block;
    padding-left: 0.4rem;
}
.flow-chart.type01 ol li .num {
    font-size: 1.8rem;
    font-family: "Roboto", sans-serif;
    margin-bottom: 3rem;
}
.flow-chart.type01 ol li .txt {
    font-size: 1.3rem;
    padding-top: 2rem;
}
.flow-chart.type01 ol li.current {
    color: #2d9839;
}
.flow-chart.type01 ol li.current:before {
    width: 2.4rem;
    height: 2.4rem;
    background-color: #2d9839;
    top: 3.2rem;
}
.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: 20rem;
    }
    .flow-chart.type01 ol li {
        margin-right: 7rem;
    }
    .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: 1rem;
    }
    .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: 2.8rem;
    }

    .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%232D9839%3B%7D%20.st1%7Bfill%3A%232D9839%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: 18rem auto;
    background-position: right 1.6rem 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: #2d9839;
    margin-right: 21.6rem;
    font-weight: 500;
    border: solid 0.1rem #2d9839;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    display: block;
    padding: 0 0 0 0.2rem;
    box-sizing: border-box;
}
.flow-chart.type02 ul li.current {
}
.flow-chart.type02 ul li.current span {
    width: 6rem;
    height: 6rem;
    line-height: 6rem;
    border: 0;
    background-color: #2d9839;
    top: -0.4rem;
    color: #fff;
}

@media screen and (max-width: 767px) {
    .flow-chart.type02 {
    }
    .flow-chart.type02 ul {
    }
    .flow-chart.type02 ul li {
        background-size: auto 0.3rem;
        background-position: right 0.4rem 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: 7rem;
        width: 4rem;
        height: 4rem;
        line-height: 4rem;
        font-size: 0.8rem;
    }
    .flow-chart.type02 ul li.current {
    }
    .flow-chart.type02 ul li.current span {
        width: 5rem;
        height: 5rem;
        line-height: 5rem;
    }
}

@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: 3rem;
    padding: 2.6rem;
    width: 100%;
    height: 25rem;
    border: 0.1rem 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 0.2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.edit-area.privacy.type01 .box dl dd {
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
}
.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: 2rem;
        padding: 1rem;
        height: 15rem;
    }
}

.edit-area.privacy.type02 .box {
    width: 50%;
    max-width: 48rem;
    background-color: #f7f7f7;
    padding: 1.6rem 2rem;
    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 1rem;
    }
    .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 #form table:not(.picker__table),
.input-flow #form table:not(.picker__table) > tbody,
.input-flow #form table:not(.picker__table) > tbody > tr,
.input-flow #form table:not(.picker__table) > tbody > tr > th,
.input-flow #form table:not(.picker__table) > tbody > tr > td {
    display: block;
    width: 100%;
}

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

.check-flow #form table tr th,
.check-flow #form table tr td {
    padding: 2rem 0;
}

.check-flow #form table tr th {
    width: 20rem;
    text-align: left;
    vertical-align: top;
}
.check-flow #form table tr td {
    width: calc(100% - 20rem);
    padding: 2rem;
    box-sizing: border-box;
    line-height: 1.4;
}
@media screen and (max-width: 767px) {
    .check-flow #form table {
    }
    .check-flow #form table tbody {
    }
    .check-flow #form table tr {
    }
    .check-flow #form table tr th,
    .check-flow #form table tr td {
        display: block;
        padding: 0 1rem 0;
    }
    .check-flow #form table tr th {
        width: 100%;
        padding-top: 2rem;
        padding-bottom: 0.4rem;
    }
    .check-flow #form table tr td {
        padding-bottom: 2rem;
        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: -1.2rem;
}
.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 {
    border: solid 0.2rem #e22b2b;
    text-align: center;
    padding: 1.8rem;
    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: 1.4rem;
    }
}

/* 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% - 6.6rem);
    position: absolute;
    top: 1.6rem;
    left: 1.6rem;
    pointer-events: none;
    transition: all 0.3s;
}
.input-field label.active {
    font-size: 1rem;
    top: 0.4rem;
    letter-spacing: 0.02em;
}
.select-field {
    position: relative;
}
.select-field:after {
    content: "";
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    border: solid 0.6rem transparent;
    border-left: solid 0.7rem #7f7f7f;
    margin-top: -0.5rem;
    box-sizing: border-box;
    transform: rotate(90deg);
    position: absolute;
    top: 50%;
    right: 1.6rem;

    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 1.2rem;
    padding-left: 1.6rem;
}
.helper-txt {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
    padding-top: 0.8rem;
    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: 0.6rem;
        width: 0.6rem;
        height: 0.6rem;
        border-width: 0.5rem;
        margin-top: -0.3rem;
    }
    .cap-txt {
        display: block;
        margin: 0 0 0 2.4rem;
    }
    .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: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 1.6rem 5rem 1.6rem 1.6rem;
    border: solid 0.2rem #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: 1.9rem;
    height: 1.9rem;
    position: absolute;
    top: 2.1rem;
    right: 1.6rem;
    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: 1.9rem;
    height: 1.9rem;
    position: absolute;
    top: 2.1rem;
    right: 1.6rem;
    /*
    top: 0;
    right: -2.1rem;
    */
    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%;
}

@media screen and (max-width: 767px) {
    .input-field.date-field.valid:after,
    .input-field.date-field.invalid:after {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    span.input-field.valid:after,
    span.input-field.invalid:after {
        top: 0;
        right: -2.1rem;
    }

    div.input-field span.input-field.valid:after,
    div.input-field span.input-field.invalid:after {
        top: 0;
        right: 1.6rem;
    }
}

.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: 1.9rem;
    height: 1.9rem;
    position: absolute;
    top: 2.1rem;
    right: 1.6rem;
    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: 1.6rem 3rem 1.6rem 1.6rem;
    }
    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: 1rem;
    }
    .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: 1rem;
    }
    .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: 1.6rem 3rem 1.6rem 1.6rem;
    }
    .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: 1.6rem 3rem 1.6rem 1.6rem;
    }
    .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 {
    }
}

.input-field .input-field {
    /*    display: inline-block;*/
    width: auto;
}

.input-field .input-field input[type="text"],
.input-field .input-field input[type="number"],
.input-field .input-field input[type="email"],
.input-field .input-field input[type="password"],
.input-field .input-field input[type="date"],
.input-field .input-field input[type="datetime"],
.input-field .input-field input[type="datetime-local"],
.input-field .input-field input[type="search"],
.input-field .input-field input[type="tel"],
.input-field .input-field input[type="url"] {
    width: 100%;
}

.input-field .input-field.valid:after,
.input-field .input-field.invalid:after,
.input-field .input-field.error:after {
    top: 0;
}

/* 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: 12rem;
    height: 12rem;
    overflow: hidden;
}
.input-file-field.type01 .thum img {
    width: 12rem;
    height: 12rem;
    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% - 12rem);
    box-sizing: border-box;
    padding-left: 2rem;
    align-items: center;
}

.input-file-field.type01.error .thum {
    border: solid 0.2rem #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: 1rem 0 0;
    }
}

.input-file-field.type02 {
}
.input-file-field.type02 span.txt {
    background-color: #f7f7f7;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    color: #7f7f7f;
    line-height: 1.6;
    padding: 1.6rem 5rem 1.6rem 1.6rem;
    border: solid 0.2rem #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: 1.8rem;
    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 1.4rem;
    cursor: pointer;
    text-decoration: underline;
}

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

/* date */
.date-field {
    position: relative;
}
.date-field:after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 2.1rem;
    position: absolute;
    top: 0;
    right: 2.4rem;
    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 2.1rem;
    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: -1.2rem;
        right: 1.6rem;
    }

    .date_and_time-set .date-field .input-field,
    .date_and_time-set .time-field .input-field {
        display: inline;
    }

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

/* time */
.time-field {
    position: relative;
}
.time-field:after {
    content: "";
    display: block;
    width: 0.7rem;
    height: 0.7rem;
    border: solid 0.6rem transparent;
    border-left: solid 0.8rem #7f7f7f;
    margin-top: -0.2rem;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    right: 1.5rem;
    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: 20rem;
}

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

/* SELECT */
.select-field select {
    width: 100%;
    background-color: #f7f7f7;
    border-radius: 0.4rem;
    font-size: 1.6rem;
    line-height: 1.6;
    padding: 1.6rem 5rem 1.6rem 1.6rem;
    border: solid 0.2rem #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;
}

.common-table td {
    padding-bottom: 3rem;
}

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

/* RADIO */
.radio-field [type="radio"] + span {
    position: relative;
    padding-left: 2.5rem;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    line-height: 1.6;
    -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: 1.6rem;
    height: 1.6rem;
    border-radius: 1.6rem;
    box-sizing: border-box;
    position: absolute;
}
.radio-field [type="radio"] + span:before {
    border: solid 0.2rem #b7b7b7;
    top: 50%;
    left: 0;
    margin-top: -0.8rem;
}
.radio-field [type="radio"] + span:after {
    width: 0.8rem;
    height: 0.8rem;
    background-color: transparent;
    top: 50%;
    left: 0.419111rem;
    margin-top: -0.4rem;
}
.radio-field [type="radio"]:checked + span {
    color: #2d9839;
    font-weight: 600;
}
.radio-field [type="radio"]:checked + span:before {
    border-color: #2d9839;
}
.radio-field [type="radio"]:checked + span:after {
    background-color: #2d9839;
}
.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: 3.8rem;
    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: center left;
    background-size: auto 100%;
}
.checkbox-field [type="checkbox"]:checked + span {
    color: #2d9839;
    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%232D9839%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 {
}

.check-mode-attention {
    margin-bottom: 5rem;
    padding: 2rem;
    font-family: YuGothic, "Yu Gothic", "Noto Sans JP", sans-serif;
    font-weight: bold;
    color: #e22b2b;
    text-align: center;
    border: solid 2px #e22b2b;
}

.message-txt {
    margin: 3rem 0;
    padding: 3rem 2rem;
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.05em;
    text-align: center;
    line-height: 1.6;
    background: #2d9839;
}

.error-txt {
    border: solid 0.2rem #e22b2b;
    padding: 1.8rem;
    color: #e22b2b;
    font-size: 1.4rem;
    font-weight: 600;
    box-sizing: border-box;
}

.input-error-txt {
    color: #e22b2b;
    font-size: 1.4rem;
    font-weight: 600;
}

.add-txt {
    padding: 1.6rem;
}

.tel-txt {
    font-weight: 500;
}

.tel-txt span {
    color: #e22b2b;
}

.tel-txt a {
    color: #000;
    font-weight: 600;
    font-size: 2.2rem;
    text-decoration: none;
}

#wrapper.release {
    padding-top: 12rem;
    padding-bottom: 12rem;
    @media screen and (max-width: 767px) {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}