@charset "UTF-8";


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

    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;
}


/* @media screen and (max-width: 767px){ html{font-size: 2.2vw;} } */
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: #FF9E1B;
    text-decoration: underline;
}



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

a:active {
    opacity: 0.6;
    text-decoration: underline;
}

::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: 3.0rem !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: #FF9E1B;
}


/*  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%;
}

.w100 {
    max-width: 100px;
    width: 20%;
}

.w90 {
    max-width: 90px;
    width: 18%;
}

.w50p {
    max-width: 50%;
    width: 50%;
}

.w48p {
    max-width: 48%;
    width: 48%;
}

.w45p {
    max-width: 45%;
    width: 45%;
}

.w1000

/* 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 .3s;
    padding: 14px;
    width: 100%;
}

.btn-style.blue {
    background-color: #FF9E1B;
    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 {
    display: block;
    text-decoration: none;
    font-size: 1.5rem;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .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 {
        background-color: #CC7716;
    }

    .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: 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;
    padding-left: 4px;
}

.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: #FF9E1B;
}

.flow-chart.type01 ol li.current:before {
    width: 24px;
    height: 24px;
    background-color: #FF9E1B;
    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%23FF9E1B%3B%7D%20.st1%7Bfill%3A%23FF9E1B%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: #FF9E1B;
    margin-right: 216px;
    font-weight: 500;
    border: solid 1px #FF9E1B;
    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: #FF9E1B;
    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: .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 {
    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 .3s;
}

.input-field label.active {
    font-size: 1rem;
    top: 4px;
    letter-spacing: .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: .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 .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;
    /*
    top: 0;
    right: -21px;
    */
    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: -21px;
    }

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

.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 {}
}

.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: 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;
    }

    .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: 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 .3s;
}

.select-field select:focus {
    background-color: #FFF;
    border-color: #000;
}

.error select {
    border-color: #E22B2B;
    background-color: #FFF5F2;
}

.common-table td {
    padding-bottom: 30px;
}

@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: #FF9E1B;
    font-weight: 600;
}

.radio-field [type="radio"]:checked+span:before {
    border-color: #FF9E1B;
}

.radio-field [type="radio"]:checked+span:after {
    background-color: #FF9E1B;
}

.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: #FF9E1B;
    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%23FF9E1B%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: 50px;
    padding: 20px;
    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: 30px 0;
    padding: 30px 20px;
    font-size: 18px;
    font-weight: bold;
    color: #FFF;
    letter-spacing: 0.05em;
    text-align: center;
    line-height: 1.6;
    background: #FF9E1B;
}

.error-txt {
    border: solid 2px #E22B2B;
    padding: 18px;
    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: 16px;
}

.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;
}


html {
    background-color: #FF9E1B;
}

@media screen and (min-width: 768px),
print {
    .sp-mode {
        display: none !important;
    }
}

@media screen and (max-width: 767px) {
    .tab-pc-mode {
        display: none !important;
    }
}

@media screen and (min-width: 1081px),
print {
    .sp-tab-mode {
        display: none !important;
    }
}

@media screen and (max-width: 1080px) {
    .pc-mode {
        display: none !important;
    }
}

.w1000 {
    width: 1000px;

    @media screen and (max-width: 1060px) {
        width: calc(100% - 60px);
    }

    @media screen and (max-width: 767px) {
        width: 100%;
    }
}

#wrapper {
    padding-bottom: 120px;
    position: relative;

    @media screen and (max-width: 767px) {
        padding-bottom: 60px;
    }

    .deco-l {
        position: absolute;
        top: 0;
        left: 0;
        width: calc(17600vw / 1920);
        z-index: 1;

        @media screen and (max-width: 1250px) {
            display: none;
        }
    }

    .deco-r {
        position: absolute;
        top: 0;
        right: 0;
        width: calc(25000vw / 1920);
        z-index: 1;

        @media screen and (max-width: 1250px) {
            display: none;
        }
    }

    .fv {
        width: 100%;
    }

    #container {
        background-color: #fff;
        border-radius: 12px;
        padding: 80px 60px;

        @media screen and (max-width: 767px) {
            border-radius: 0;
            padding: 50px 20px;
        }

        .info {
            font-family: "Noto Sans JP";
            font-weight: 500;
            font-size: 16px;
            letter-spacing: 0.04em;
            line-height: 2em;
            color: #000;

            @media screen and (max-width: 767px) {
                font-size: 14px;
            }
        }
    }

    .copyright {
        margin-top: 75px;
        font-family: "Noto Sans JP";
        font-weight: 500;
        font-size: 12px;
        letter-spacing: 0.08em;
        line-height: 1.5em;
        text-align: center;
        color: #fff;

        @media screen and (max-width: 767px) {
            margin-top: 36px;
        }
    }
}

.h-style01 .jp {
    font-family: "Noto Sans JP";
    font-weight: 900;
    font-size: 31px;
    letter-spacing: 0.04em;
    line-height: 1.5em;
    text-align: center;
    color: #000;

    @media screen and (max-width: 767px) {
        font-size: 22px;
    }
}

.btn-style.blue {
    text-decoration: none;
}