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

a {
    color: #273f2b;
    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;
}



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



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






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

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

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

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

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

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

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

/* FONT-SIZE */
.f12 {font-size: 1.2rem !important;}
.f14 {font-size: 1.4rem !important;}
.f16 {font-size: 1.6rem !important;}
.f18 {font-size: 1.8rem !important;}
.f20 {font-size: 2rem !important;}
.f22 {font-size: 2.2rem !important;}
.f24 {font-size: 2.4rem !important;}
.f26 {font-size: 2.6rem !important;}
.f28 {font-size: 2.8rem !important;}
.f30 {font-size: 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:#273f2b;}


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


/* 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 {}
}


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



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

.close-btn {
    font-size: 1.5rem;
    text-align: center;
    border-radius: 4px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .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: #d45c00;
    }
    .btn-style.grey:hover,
    .close-btn:hover {
        background-color: #B3B3B3;
        color: #FFF;
    }
    .btn-style.upload:hover {}
}

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

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

    .btn-style.upload {}
}




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

/* FLOW-CHART */
.flow-chart.type01 {}
.flow-chart.type01 ol {
    position:relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.flow-chart.type01 ol:after {
    content:"";
    display: block;
    width: 480px;
    height: 1px;
    background-color: #CCC;
    position:absolute;
    top: 44px;
    left:0;
    right: 0;
    margin:0 auto;
    z-index: -1;
}
.flow-chart.type01 ol li {
    position: relative;
    color: #CCC;
    margin-right: 208px;
    font-weight: 600;
}
.flow-chart.type01 ol li:last-of-type {
    margin-right: 0px;
}
.flow-chart.type01 ol li:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    background-color: #CCC;
    position: absolute;
    top: 36px;
    left: 1px;
    right: 0;
    margin: 0 auto;
}
.flow-chart.type01 ol li span {display: block;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: #273f2b;
}
.flow-chart.type01 ol li.current:before {
    width: 24px;
    height: 24px;
    background-color: #273f2b;
    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 {}
}




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

.edit-area.privacy.type01 .box table{
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 1.2;
}
.edit-area.privacy.type01 .box table th,
.edit-area.privacy.type01 .box table td{
    padding: 10px;
    font-weight: normal;
    border: 1px solid #DDD;
}
.edit-area.privacy.type01 .box table thead th{
    background: #EEE;
}
.edit-area.privacy.type01 .box table tbody th{
    text-align: left;
}


/* 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;
    justify-content: space-between;
}
    .submit-set .back-btn {
    width: 30%;
}
    .submit-set .submit-btn {
    width: 68%;
}
}


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

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



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

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

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

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




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




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

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

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


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

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

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

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




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

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


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

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


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

.time-field.error input {
    border-color: #E22B2B;
    background-color: #FFF5F2;
}

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

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



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

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



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

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

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



/* RADIO */
.radio-field [type="radio"]+span {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    display: inline-block;
    font-size: 1.6rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radio-field [type="radio"]+span:before,.radio-field [type="radio"]+span:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 100px;
    box-sizing: border-box;
    position: absolute;
}
.radio-field [type="radio"]+span:before {
    border: solid 2px #B7B7B7;
    top: 50%;
    left: 0;
    margin-top: -8px;
}
.radio-field [type="radio"]+span:after {
    width: 8px;
    height: 8px;
    background-color: transparent;
    top: 50%;
    left: 4px;
    margin-top: -4px;
}
.radio-field [type="radio"]:checked+span {color: #273f2b;font-weight: 600;}
.radio-field [type="radio"]:checked+span:before {border-color: #273f2b;}
.radio-field [type="radio"]:checked+span:after {background-color: #273f2b;}
.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: #273f2b;
    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%2273f2b0%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 {}



.dn-switch.on{
    display: block !important;
}
.check-flow .dn-switch.on{
    display: table-row-group !important;
}
.dn-switch{
    display: none !important;
}

table th span{
    display: block;
    text-align: left;
    margin-top: -1.5rem;
    margin-bottom: 2rem;
    font-size: 1rem;
    font-weight: normal;
    color: #AAA;
}
.check-flow table th span{
    margin-top: 0;
    margin-bottom: 0;
}


.notice-txt{
    margin-bottom: 20px;
    color: #F00;
    line-height: 1.4;
    font-weight: bold;
    font-size: 1.2rem;
}