@charset "UTF-8";
/* =====================
  Contact
==================== */
.contact-contents .contents-wrap{
    padding-top: 5.4vw;
    padding-bottom: 13.4vw;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4.13vw;
    padding-right: 4.13vw;
}
.contact-contents h2{
    text-align: center;
    font-size: 6.7vw;
    font-weight: bold;
    color: #5b5b5b;
}
.contact-contents h2 + p{
    color: #5b5b5b;
    margin-top: 1em;
    font-size: 4.1vw;
    line-height: 1.6;
}
.contact-contents .c_red{
    color: #d00000;
}
.contact-contents .c_link{
    text-decoration: underline;
    color: #748494;
}

/* =====================
  siteseal
===================== */
.siteseal{
    margin-top: 1em;
    border: 1px solid #6f6f6f;
    padding: 0.25em 0.5em;
    font-size: 16px;
    font-size: 4.1vw;
    color: #5b5b5b;
}
.siteseal > div:first-child p{
    line-height: 1.4;
}
.siteseal > div:last-child{
    display: none;
}

/* =====================
  step
===================== */
.step{
    margin-top: 1.5em;
    background: #ecefef;
    padding: 0.75em 6px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}
.instep{
    background: #fff;
    text-align: center;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    border: 1px solid #6f6f6f;
    color: #404040;
    font-weight: bold;
    font-size: 3.3vw;
    padding: 0.75em 0.5em;
    white-space: nowrap;
}
.instep.current{
    border: 1px solid #a9d1d5;
    background: #a9d1d5;
    color: #fff;
}
.step > span{
    width: 20px;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAOCAYAAAAbvf3sAAAAo0lEQVQokZXSLw/BYRDA8Y8/s9kEQfYOBO9AlDXvQEb4baogmKrIJF3jBdiIRlMUQbBpJvAUGx7feHff3e3uUkmSTNHBSQRpNLFHD/kYAQroY4dGjBAoY44lqjFCoIY1xijFCCHXwsFzKblfQqCIIbaoxwiBTGyHC7qoYJH9UnjHxPM+5xD8JKzQxuY98S4cX4XzT22DcMUAI9y+jCmLmT+e7wFURRw0F1uP+AAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position: center;
}

/* =====================
  Table
===================== */
.form-table{
    width: 100%;
    margin-top: 2em;
    color: #313131;
}
.form-table tr.hide{
    display: none;
}
.form-table th,
.form-table td{
    text-align: left;
    border-top: 1px dotted #898989;
    border-bottom: 1px dotted #898989;
    padding: 7px 8px;
    font-size: 4vw;
}
.form-table th{
    padding: 7px 0px;
}
.form-table th.must > span::after{
    content: "(必須)";
    font-weight: normal;
    color: #d00000;
    display: block;
}



/* =====================
  Table Utility
===================== */
.form-table .df > div + div{
    margin-top: 0.25em;
}
.form-table .vat{
    vertical-align: top;
}
.form-table .vam{
    vertical-align: middle;
}

/* parts */
.form-table label{
    cursor: pointer;
}
.form-table .select3.cf{
    display: flex;
    margin-top: 0!important;
    -webkit-align-items: center;
            align-items: center;
}
.form-table .select3.cf > div{
    margin-top: 0!important;
}
.form-table .select3.cf > div + div{
    margin-left: 0.25em;
}
.form-table input[type="checkbox"]:checked + label,
.form-table input[type="radio"]:checked + label{
    font-weight: bold;
}

.form-table .mt-half{
    margin-top: 0.5em;
}
.form-table th{
    width: 100px;
    font-weight: bold;
    background: #f3f3f3;
    text-align: center;
    font-size: 13px;
    vertical-align: middle!important;
}
.form-table th[colspan="2"]{
    background: #fff;
    font-size: 4.2vw;
    border-bottom: none;
    border-top: none;
    padding-top: 2em;
}
.form-table th .fwn{
    font-weight: normal;
}
.form-table th .c_red{display: block;}
.form-table textarea{
    width: 100%;
    min-height: 100px;
    resize:vertical;
}
.form-table .f-dib{
    display: inline-block;
}
.form-table .f-dib{
    padding-right: 0.5em;
}
.form-table .bbnone{
    border-bottom: none;
}
.form-table select{
    color: #313131;
    font-weight: normal;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAlklEQVQokZ3QsRWCQBCE4U+kAVNDEwrQNiTT1ExboAVaoAVroQVbuNTQwMOHyIn4R7ezO/N2b7EvyxW2/uOWI+CMw1wzdlksLlGYwxGhCwhR+JUKLWQ9sY2NKa6ouyIbNGs0X8yt57kvhgFv6w0I0RymAkYHU8FjAd2q/f9oJE5bFkWRyNBiHd8n3MeG8pQ7UmHj85wXD78YHI8ZjBqPAAAAAElFTkSuQmCC");
    background-repeat: no-repeat;
    -webkit-background-size: 8px 6px;
    -o-background-size: 8px 6px;
    background-size: 8px 6px;
    background-position: 95% center;
    padding: 5px 28px 5px 7px;
    border: 1px solid #606060;
    font-size: 3.8vw;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 87%;
}
.form-table textarea,
.form-table input[type="text"],
.form-table input[type="tel"],
.form-table input[type="email"],
.form-table input[type="number"]{
    appearance:none;
    -webkit-appearance:none;
    color: #313131;
    border: 1px solid #8c8c8c;
    padding: 7px 3px;
    font-size: 3.8vw;
    width: 100%;
    border-radius: 0;
    font-weight: normal;
}
.form-table .col2-wrapper > div + div{
    margin-top: 1em;
}
.form-table .indent{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}
.form-table .indent > div:first-child{
    white-space: nowrap;
    padding-top: 7px;
}
.form-table.confirm .indent > div:first-child{
    padding-top: 0px;
    white-space: nowrap;
}
.form-table .indent > div:last-child{
    padding-left: 10px;
    width: 100%;
}
.form-table .col1-wrapper + .col1-wrapper{
    margin-top: 1em;
}
.form-table .col1-wrapper > span:first-child,
.form-table .col1-wrapper span,
.form-table .indent > div:last-child span{
    display: block;
    font-size: 14px;
    padding-top: 5px;
}
.form-table .col1-wrapper > div:first-child{
    font-size: 16px;
    display: block;
    padding-bottom: 5px;
}
.form-table .pt0{
    padding-top: 0!important;
}
.form-table .fwb{
    font-weight: bold;
}
.form-table td{
    -ms-word-break: break-all;
    word-break: break-all;
}
.seinengappi{
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-align-items: center;
            align-items: center;
}
.seinengappi > div{
    padding-top: 0!important;
    margin-top: 0!important;
}
.seinengappi > div + div{
    margin-left: 0.25em;
}
.spwm{
    width: 120px!important;
}

/* =====================
  Confirm page style
===================== */
.form-table .col2-wrapper.u-confirm > div{
    display: inline;
}
.form-table .col2-wrapper.u-confirm > div{
    width: auto;
    display: inline;
}
.form-table .col2-wrapper.u-confirm > div > div{
    display: inline;
    padding-left: 0;
}

.submit button{
    border: none;
    outline: none;
    color: #ffffff;
    background: #898989;
    font-size: 4.2vw;
    font-weight: bold;
    border-radius: 50rem!important;
    padding: 5px 4em;
    position: relative;
}
.submit.cf button{
    background: #fff;
    border: 1px solid #6f6f6f;
    color: #404040;
}
.submit button:after{
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 17.3px;
    border-color: transparent transparent transparent #fff;
    margin: auto;
}
.submit-wrapper {
    margin-top: 2em;
    text-align: center;
}
.submit-wrapper-cf .submit-wrapper{
    margin-top: 20px;
}
.submit-wrapper-cf .submit{
}
.submit-wrapper-cf .submit button{
    min-width: 80%;
    font-size: 4.2vw;
}
.form-table .ws{
    width: 60%;
}
.form-table .wm{
    min-width: 60%;
}
.form-table .wl{
    min-width: 100%;
}
.form-error{
    color: #FFF;
    background: #d00000;
    font-size: 13px;
    font-weight: bold;
    display: inline-block!important;
    padding: 2px 7px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-top: 12px;
    position: relative;
}
.form-error::before{
    content: "";
    display: block;
    position: absolute;
    top: -8px;
    left: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 8px 7.5px;
    border-color: transparent transparent #d00000 transparent;
}
.form-error:empty{
    display: none!important;
}
.confirm-c.indent{
    padding-top: 0!important;
}
.submit-wrapper-cf > div + div{
    margin-top: 1em;
}
.form-u-complete{
    margin: 1em auto!important;
    text-align: center;
    background: #ecf5f4;
    font-size: 3.7vw;
    font-weight: bold;
    font-weight: normal;
    padding: 0.75em 1em;
}
.fill-anchor{
    text-align: center;
    margin-top: 1.5em;
}
.fill-anchor a{
    font-size: 4.27vw;
    font-weight: bold;
    padding: 0.5em 4em;
    color: #fff;
    background: #a9d1d5;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    -ms-align-items: center;
    align-items: center;
    border-radius: 50rem;
}

/* =====================
  between-submit
===================== */
th.between-submit{
    text-align: center;
    padding: 0 0 10px;
}
th.between-submit a{
    display: inline-flex;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-align-items: center;
            align-items: center;
    border: none;
    outline: none;
    color: #ffffff;
    background: #898989;
    font-size: 4.2vw;
    font-weight: bold;
    border-radius: 50rem!important;
    padding: 5px 4em;
    position: relative;
}
th.between-submit a::after{
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 17.3px;
    border-color: transparent transparent transparent #fff;
    margin: auto;
}