@charset "utf-8";

/* ==================================================================
    original.css

=================================================================== */

/* -----------------------------------------
       □ original
----------------------------------------- */

.text-center{
    text-align: center;
}
.text-center img{
    display: inline-block;
    vertical-align: middle;
}
h4{
    margin: 40px auto;
}
.radiobox{
    line-height:2;
}

.hidden{
    display: none;
}

/* --------------------------------
   □ step2
-------------------------------- */

.radiobox{
    padding-left: 200px;
    margin-bottom: 40px;
    display: block;
}
.text.border li{
    margin-bottom: 20px;
}
.attach_file{
    margin-top: 50px;
}
.attach_file .select_file{
    margin: 60px auto 30px 200px;
}

/* --------------------------------
   □ step3
-------------------------------- */

#step3 .flexWrap{
    display: flex;
    flex-wrap: wrap;
}
    #step3 .flexItem{
        margin-right: 20px;
        margin-bottom: 20px;
        width: 255px;
        text-align: center;
    }
    #step3 .flexItem:nth-child(4n) {
      margin-right: 0;
    }

    #step3 .flexItem dt,
    #step3 .flexItem dd select{
        margin: 20px auto;
    }

/* --------------------------------
   □ step4
-------------------------------- */

#step4 textarea{
    margin: 10px auto;
}
 .borderTop{
    border-top: 2px solid #D4D4D4;
    margin-top: 45px;
    padding-top: 45px;
}


/* -----------------------------------------
       □ original/login
----------------------------------------- */

.contents section.mb0{
    margin-bottom: 0
}
.login .w509{
    width: 509px;
    text-align: center;
    margin: auto;
}
.login .w928{
    width: 928px;
    text-align: center;
    margin: 20px auto;
}
.login .w928 input{
    margin-top: 10px;
}
.login .w928 input:last-child{
    margin-bottom: 20px;
}
.login .w928 input[type="checkbox"] {
    margin: 20px auto 50px auto;
}
.login .text._no_mb{
    margin-bottom: 0;
}
.login .text._mb50{
    margin-bottom: 50px;
}

/* -----------------------------------------
       □ original/user
----------------------------------------- */

.mail input.text{
    margin-bottom: 0;
}
.contents .mail table.tableStyle {
    margin-top: 30px;
}
.contents .mail table.tableStyle:first-child {
    margin-top: 70px;
}

.contents form input.text.short {
    width: 45%;
}
table.tableStyle th, table.tableStyle td {
    font-size: 100%;
}

/*
   スマホ
------------------------------------------------------------------------------------------------ */
@media only screen and
(max-width : 767px) {


/* --------------------------------
   □ step2
-------------------------------- */

    .radiobox {
        padding-left: 50px;
        margin-bottom: 20px;
    }

/* --------------------------------
   □ step3
-------------------------------- */

    #step3 .flexItem {
        margin-right: 4%;
        margin-bottom: 20px;
        width: 48%;
    }
    #step3 .flexItem:nth-child(2n) {
         margin-right: 0;
    }
    #step3 .flexItem:last-child {
          margin-bottom: 0;
    }
    #step3 .flexItem dt, #step3 .flexItem dd select {
        margin: 10px auto;
        font-size: 94%;
    }

/* -----------------------------------------
       □ original/login
----------------------------------------- */

    .login .w509 {
        width: auto;
    }
    .login .w928 {
        width: auto;
    }
    .login .container h3{
        margin-bottom: 30px;
    }

    .contents form input.text.short{
        width: 49%;
        box-sizing: border-box;
    }

}

/* 強調ボックス */
.emphasis-box {
    position: relative;
    padding: 20px 15px;
    margin: 50px 0 30px 0;
    border: double 8px #f00;
    box-sizing: border-box;

    p {
        text-align: center;
        margin-bottom: 5px;
        font-size: 20px;
    }

    p:last-child {
        margin-bottom: 0;
    }
}

#btn-submit:disabled {
    opacity: .5;
}
#btn-submit:disabled:hover {
    background-color: #F57F24;
    color: #fff;
    cursor: default;
}