@charset "UTF-8";

/*
 * inquiry.css
 *
 */

/* inquiry
-------------------------------------------------------------*/
body.inquiry #viaform, body.inquiry #viaphone{
    position: relative;
    width: 600px;
    padding: 0;
    clear: both;
}

body.inquiry #viaform{
    height: 344px;
    margin: 0 auto 20px auto;
}

body.inquiry #viaphone{
    height: 325px;
    margin: 0 auto;
    background: url(../img/inquiry/inquiry-phone-bg.gif) no-repeat top left;
}

body.inquiry div.inquiry-form{
    display: block;
    width: 290px;
    height: 344px;
    background: url(../img/inquiry/inquiry-form-bg.gif) no-repeat top left;
    margin: 0;
    padding: 0;
}

body.inquiry div.inquiry-phone{
    display: block;
    width: 600px;
    height: 325px;
    margin: 0;
    padding: 0;
}

body.inquiry div.phones{
    width: 590px;
    float: none;
}

.inquiry div.commons{
    position: absolute;
    top: 0px;
    left: 0px;
}

.inquiry div.students{
    position: absolute;
    top: 0px;
    left: 310px;
}

#viaform h2{
    position: absolute;
    width: 260px;
    height: 30px;
    top: 25px;
    left: 15px;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#viaform h3{
    position: absolute;
    width: 250px;
    height: 30px;
    left: 20px;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#viaform h3.contact{
    top: 80px;
}

#viaform h3.catalogue{
    top: 205px;
}

#viaphone h2{
    position: absolute;
    width: 560px;
    height: 30px;
    top: 25px;
    left: 20px;
    background: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

#viaphone h3{
    position: absolute;
    width: 470px;
    height: 90px;
    left: 65px;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#viaphone h4{
    position: absolute;
    width: 120px;
    height: 30px;
    top: 225px;
    left: 405px;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    z-index: 100;
}

#viaphone h3.contact-phone{
    top: 80px;
}

#viaphone h3.contact-openhours{
    top: 195px;
}


/* end
-------------------------------------------------------------*/


.sp {
    display: none;
}

/*スマホ
------------------------------*/

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

    .pc {
        display: none;
    }
    .sp {
        display: block;
    }

    body.inquiry #viaform, body.inquiry #viaphone{
    position: static;
    width: 100%;
    padding: 0;
    clear: both;
}


body.inquiry #viaform{
    height: auto;
    margin: 0 auto 2% auto;
}

body.inquiry #viaphone{
    height: auto;
    margin: 0 auto;
    background:none;
}

body.inquiry div.inquiry-form{
    display: block;
    width: 100%;
    height: auto;
    background:none;
    margin: 0;
    padding: 0;
}

body.inquiry div.inquiry-phone{
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

body.inquiry div.phones{
    width: 100%;
    float: none;
}

.inquiry div.commons{
    position: static;
    top: 0px;
    left: 0px;
}

.inquiry div.students{
    position: static;
    top: 0px;
    left: 0;
}

#viaform h2{
    position: static;
    width: 100%;
    height: auto;
    margin: 0 0 3%!important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#viaform h3{
    position: static;
    width: 100%;
    height: auto;
    left: 20px;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#viaform h3.contact{
    top: 0;
    width: 48%;
    float: left;
    margin: 0 1% 5%!important;
}

#viaform h3.catalogue{
    top: 0;
    width: 48%;
    float: left;
    margin: 0 1% 5%!important;
}

#viaphone h2{
    position: static;
    width: 100%;
    height: auto;
    top: 25px;
    left: 20px;
    background: none !important;
    border: none !important;
    margin: 0 0 3%!important;
    padding: 0 !important;
}

#viaphone h3{
    position: static;
    width: 100%;
    height: auto;
    left: 65px;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#viaphone h4{
    position: static;
    width: 100%;
    height: auto;
    margin: 0 0 3%!important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    z-index: 100;
    text-align: center;
}

#viaphone h3.contact-phone{
    top: 80px;
}

#viaphone h3.contact-openhours{
    top: 195px;
}
}