/* style.css */
/* contact */
/*--------------------------------------*/

/* title */
#title {
    height:250px;
    background-color:#000000;
}
#title h1 {
    bottom:28%;
    color:#ffffff;
}



#contents form {
    width:80%;
    max-width:820px;
    margin:0 auto 80px;
}

dl.form {
    margin-bottom:2em;
    text-align:left;
}
dl.confirm {
    margin-bottom:4em;
}
dl.form dt {
    float:left;
    width:12em;
    margin-bottom:2em;
}
dl.form dd {
    margin:0 0 2em 14em;
    word-break:break-all;
}
dl.form dt span {
    display:inline-block;
    background:#b60005;
    margin-left:0.5em;
    padding:0 0.5em;
    border-radius:6px;
    font-size:0.8em;
    color:#ffffff;
}

dl.form span.error {
    display:block;
    color:#b60005;
}


dl.form input[type="text"],
dl.form input[type="email"],
dl.form input[type="tel"],
dl.form textarea {
    padding:0.5em;
    border:1px solid #cccccc;
}
dl.form input[type="text"]:focus,
dl.form input[type="email"]:focus,
dl.form input[type="tel"]:focus,
dl.form textarea:focus {
    background:#e6e6e6;
}

dl.form input.width_a {width:100%;}
dl.form input.width_b {width:24em;}
dl.form input.width_c {width:16em;}
dl.form textarea {width:100%;height:12em;}

#contents #accept p {
    margin-bottom:1em;
}
#accept label {
    display:inline-block;
    margin-bottom:0.5em;
    text-align:center;
    font-size:1.2em;
    cursor:pointer;
}
#accept label input {
    cursor:pointer;
}

ul.button {
    margin:0 auto 3em;
    letter-spacing:-0.5em;
}
ul.button li {
    display:inline-block;
    margin:0 1em 1em;
    letter-spacing:normal;
}

ul.button input,
#contents ul.button a,
#contents ul.button a:visited {
    display:block;
    background:#000000;
    padding:1em 2em;
    border:0;
    font-size:1.3em;
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    cursor:pointer;
    transition:all .3s ease;
}
ul.button input:hover,
#contents ul.button a:hover,
#contents ul.button a:active {
    background:#aaaaaa;
    color:#000000;
    text-decoration:none;
}

#contents ul.button input.back,
#contents ul.button input.back:visited {
    padding:0.9em 2em;
    background:#cccccc;
    color:#000000;
}
#contents ul.button input.back:hover,
#contents ul.button input.back:active {
    background:#000000;
    color:#ffffff;
}

ul.button input:disabled {
    background:#e0e0e0;
    color:#c7c7c7;
}


/* - 1200px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 1200px) {










}
/* - 1200px end */




/* - 768px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 768px) {








}
/* - 768px end */




/* - 750px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 750px) {

/* title */
#title {
    height:180px;
}
#title h1 {
    bottom:10%;
}



dl.form dt {
    float:none;
    width:auto;
    margin-bottom:0.5em;
}
dl.form dd {
    margin:0 0 2em;
}


dl.form input.width_a,
dl.form input.width_b,
dl.form input.width_c,
dl.form textarea {width:100%;}

ul.button input,
#contents ul.button a,
#contents ul.button a:visited {
    font-size:1.1em;
}


}
/* - 750px end */




/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {








}
/* - 480px end */