@charset "UTF-8";
/* ######################################################################################

　イラストリクエスト

###################################################################################### */
.header {margin-bottom:0;}
.sendForm th {
    background:none;
    padding-top:2.5em;
}
.sendForm input[type="text"]{height:3.375em;}
.sendForm input[type="text"],
.sendForm textarea {
    padding-left:0.75em;
    padding-right:0.25em;
}
.sendForm .sample {color:#888888;}
.sendForm input[type="radio"]:checked + span:after {left:6px;}
@media print, screen and (min-width: 768px) {
    .sendForm option {width:188px;}
    .sendForm th {padding-left:0; width:13em;}
    .sendForm td {padding-right:0;}
    .sendForm .radio td {font-size:1.6rem;}
    .sendForm .tel input,
    .sendForm .mail input {width:400px;}
    .buttonBox {
        margin-top: 60px;
        margin-bottom: 150px;
        width: 360px;
    }
    .button.illustNext {padding: 1.25em;}
    .infoButton .row {
        display:flex;
        justify-content:center;
        flex-wrap:wrap;
    }
    .infoButton .row li {float:none;}
}
@media screen and (max-width: 767px){
    .sendForm th {margin-bottom:0.5em; padding:0;}
    .sendForm td {margin-bottom:3em; padding:0;}
    .sendForm .select,
    .sendForm select {width:100%;}
    .sendForm .radio td {font-size:1.6rem;}
    .sendForm .tel input,
    .sendForm .mail input {width:100%;}
    .backBtn {margin-top:2.5em;}
    .buttonBox {
        margin-left:20px;
        margin-right:20px;
    }
}

/* ====================================================
  確認・完了
==================================================== */
.confirm .leadText,
.thanks .leadText {margin-bottom:2em;}
.confirm .sendForm th {color:#999999;}
.confirm .sendForm {border-top:2px solid #cccccc;}
.infoMain .box {
    border:1px solid #dddddd;
    text-align:center;
}
.box .message {
    display:inline-block;
    margin-top:1em;
    text-align:left;
    line-height:1.5;
    color:#ff4412;
}
@media print, screen and (min-width: 768px) {
    .confirm .sendForm th,
    .confirm .sendForm td {
        padding:2em 1em;
        border-bottom:1px solid #cccccc;
    }
    .confirm .sendForm th {padding-left:0;}
    .confirm .backBtn,
    .thanks .backBtn {margin-top:2.5em;}
    .infoMain .box {padding:3.6em 1em;}
}
@media screen and (max-width: 767px){
    .confirm .sendForm td {margin-bottom:0;}
    .confirm .sendForm tr {
        padding:1em;
        border-bottom:1px solid #cccccc;
    }
    .buttonBox {
        margin-top:40px;
        margin-left:20px;
        margin-right:20px;
    }
    .infoMain .box {padding:2em 1em;}
}