@charset "UTF-8";
/* =====================
  aside
===================== */
.aside{
    margin-top: 10.3vw;
}
.aside .head{
    position: relative;
    width: 100%;
    left: auto;
}
.aside .head h2{
    padding-bottom: 3.5vw;
    font-size: 3.73333333vw;
}
.aside .head h2 br{
    display: none;
}
.aside .head::after{
    display: none;
}
.aside .unit[data-id="1"]{
    padding-top: 8vw;
    padding-bottom: 14vw;
}

/* =====================
  article1
===================== */
main .article[data-id="1"]{
    padding-top: 4.6vw;
    padding-bottom: 0;
}

/* ==== STEP ==== */
main .article[data-id="1"] .unit[data-id="1"]{
    display: flex;
    justify-content: center;
    background: linear-gradient(
        to bottom,
        #fff    0%,
        #fff    18%,
        #bdbdbd calc(18% + 1%),
        #bdbdbd 86%,
        #fff    calc(86% + 1%),
        #fff    100%
    );
}
main .article[data-id="1"] .unit[data-id="1"] .item{
    background: var(--doublegrey);
    color: var(--boldgrey);
    width: 15.46666666vw;
    height: 15.46666666vw;
    margin: 0 7vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    border-radius: 50%;
    font-size: 3.46666666vw;
}
main .article[data-id="1"] .unit[data-id="1"] .item.on{
    background: var(--blue);
    color: var(--white);
    font-weight: bold;
}
/* 見出し */
main .article[data-id="1"] h1{
    margin-top: 6.5vw;
}
main .article[data-id="1"] p{
    margin-top: 4.5vw;
    padding-left: 5.33333333vw;
    padding-right: 5.33333333vw;
}

/* =====================
  article2
===================== */
main .article[data-id="2"] {
    margin-top: 10.9vw;
}

/* ==== item1 ==== */
main .article[data-id="2"] .unit[data-id="1"] .item[data-id="1"]{
    font-size: 15px;
    margin-top: 0.5em;
}
main .article[data-id="2"] .unit[data-id="1"] .item[data-id="1"] .anchor + .anchor{
    margin-top: 0.25em;
}
main .article[data-id="2"] .unit[data-id="1"] .item[data-id="1"] a{
    color: var(--blue);
    text-decoration: underline;
}

/* =====================
  確認画面
===================== */
.contact_confirm-contents main .article[data-id="2"]{
    margin-top: 7vw;
    padding-bottom: 11.2vw;
}
.contact_confirm-contents main .u-table tr{
    border-top: 1px solid #d1d1d1;
    padding-top: 4vw;
}
.contact_confirm-contents main .u-table td {
    font-size: 3.2vw;
}
.contact_confirm-contents main .u-table td .td-photo{
    display: flex;
    align-items: center;
}
.contact_confirm-contents main .u-table td .td-photo-text{
    margin-right: 1em;
}
.contact_confirm-contents main .u-table td .td-photo + .td-photo{
    border-top: none;
    margin-top: 0;
}
.contact_confirm-contents main .u-table .table-wrapper + .table-wrapper{
    border-top: none;
    margin-top: 0;
}
.contact_confirm-contents main .u-table .table-wrapper[data-setborder="true"]{
    margin-top: 5.5vw;
    padding-top: 4vw;
    border-top: 1px solid #d1d1d1;
}
.contact_confirm-contents main .u-table .table-wrapper[data-setborderbottom="true"]{
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 5.3vw;
}
.contact_confirm-contents main .submit-wrapper{
    margin-top: 8vw;
}

/* =====================
  完了画面
===================== */
/* articl2 */
.contact_complete-contents main .article[data-id="2"]{
    margin-top: 7.2vw;
}
.contact_complete-contents main .article[data-id="2"] p{
    margin-top: 3.6vw;
    padding: 0 5.33333vw;
}

/* articl3 */
.contact_complete-contents main .article[data-id="3"]{
    margin-top: 7.2vw;
    padding: 0 5.333333vw;
}
.contact_complete-contents main .article[data-id="3"] p{
    margin-top: 4vw;
    text-indent: -1em;
    padding-left: 1em;
}
.contact_complete-contents main .article[data-id="3"] p + p{
    margin-top: 0;
}
.contact_complete-contents main .article[data-id="3"] .anchor{
    margin-top: 9vw;
}
.contact_complete-contents main .article[data-id="3"] .anchor a{
    max-width: 100%;
    min-width: 100%;
    border-radius: 9px;
    position: relative;
    font-size: 4vw;
    padding: 7.4vw 5vw;
    font-weight: bold;
    background: var(--pink);
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: var(--white);
    transition: all 250ms ease 0s;
    letter-spacing: 0.08em;
    box-shadow: 0px 0.9333333vw 0px 0px rgb(151 0 31);
    overflow: hidden;
    text-align: center;
}
.contact_complete-contents main .article[data-id="3"] .anchor a:active{
    transform: translateY(0.9333333vw);
    box-shadow: 0px 0px 0px 0px rgba(151, 0, 31,0);
}
.contact_complete-contents main .article[data-id="3"] .anchor a::before{
    content: '';
    width: 2.66666666vw;
    height: 2.66666666vw;
    display: block;
    border-top: 3px solid var(--white);
    border-right: 3px solid var(--white);
    position:absolute;
    top:calc(50% + 0vw);
    right: 8vw;
    transform:translateY(-50%) rotate(45deg);
}
.contact_complete-contents main .article[data-id="3"] .anchor a::after {
    width: 170vw;
    content: '';
    display: block;
    top: -190px;
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    height: 62.2vw;
    border-radius: 50%;
    background: rgba(255,255,255,.1);
    pointer-events: none;
}

/* =====================
  メールアドレス確認用
===================== */
label[for="email_confirm"]{
    display: block;
    margin-top: 0.25em;
}