@charset "utf-8";

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

    CONTACT common

===================================================*/
/*  contents
---------------------------------------------------*/
.category{
    background:url(../images/contact/category.jpg) no-repeat center top;
    background-size:auto 100%;
    }

.pageHd h1{
    margin-bottom:0.2em;
    letter-spacing:-0.05em;
    }
.ornamCap{
    margin-bottom:1em !important;
    }
.desc{
    line-height:180%;
    }
.required{
    color:#EA2607;
    font-weight:bold;
    }


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

    for PC

===================================================*/
@media(min-width:769px){
.pageHd{
    width:1160px;
    margin:0 auto;
    padding:68px 0 30px;
    }

.inputSec{
    width:1160px;
    margin:0 auto;
    font-size:1.3rem;
    }
.inputSec ul{
    margin-bottom:40px;
    padding:70px 70px 70px 10px;
    background:#F1EDE9;
    }
.inputSec ul li{
    float:left;
    width:480px;
    margin:0 0 2.8em 60px;
    text-align:left;
    }
.inputSec ul li p{
    margin-bottom:0.6em;
    font-weight:bold;
    }
input{
    font-size:1.3rem;
    font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    }
input[type="text"]{
    width:300px;
    padding:0.3em 10px;
    border:1px solid #C5BFBC;
    }
input[type="radio"]{
    vertical-align:bottom;
    }
.inqType, .inqTxt{
    float:none !important;
    width:1020px !important;
    overflow:hidden;
    }
.inqTxt{
    margin-bottom:0 !important;
    }
textarea{
    width:998px;
    height:170px;
    padding:0.5em 10px;
    border:1px solid #C5BFBC;
    }
.btnArea{
    margin:0 auto 110px;
    }
input[value="入力内容確認"]{
    width:380px;
    padding:0.8em 0;
    border:none;
    background:#000 url(../images/common/arrow01.png) no-repeat 250px;
    background-size:22px;
    color:#FFF;
    font-size:1.8rem;
    font-weight:bold;
    }
input[value="入力内容確認"]:hover{
    cursor:pointer;
    background:#ED7D2C url(../images/common/arrow01.png) no-repeat 250px;
    background-size:22px;
    }
input[value="戻 る"]{
    float:left;
    width:380px;
    padding:0.8em 0;
    border:none;
    background:#000 url(../images/common/arrow02.png) no-repeat 140px;
    background-size:22px;
    color:#FFF;
    font-size:1.8rem;
    font-weight:bold;
    }
input[value="戻 る"]:hover{
    cursor:pointer;
    background:#FF9F60 url(../images/common/arrow02.png) no-repeat 140px;
    background-size:22px;
    }
input[value="送 信"]{
    float:right;
    width:380px;
    padding:0.8em 0;
    border:none;
    background:#ED7D2C url(../images/common/arrow01.png) no-repeat 216px;
    background-size:22px;
    color:#FFF;
    font-size:1.8rem;
    font-weight:bold;
    }
input[value="送 信"]:hover{
    cursor:pointer;
    background:#FF9F60 url(../images/common/arrow01.png) no-repeat 216px;
    background-size:22px;
    }
span.err{
    display:inline-block;
    color:#EA2607;
    text-indent:1em;
    }
#conf .inqType{
    float:left !important;
    width:480px !important;
    }
.param{
    padding:1em 0 0;
    color:#666;
    font-weight:normal !important;
    }
#conf .btnArea{
    width:800px;
    }
.comp{
    width:1020px;
    margin:-30px auto 110px;
    padding:70px;
    background:#F1EDE9;
    font-size:1.3rem;
    line-height:180%;
    }
.comp h2{
    margin-bottom:1em;
    font-size:2rem;
    }
.home{
    margin:2em 0 0;
    }
.home a{
    color:#000;
    text-decoration:underline;
    }
.home a:hover{
    color:#000;
    text-decoration:underline;
    }
.home a:hover{
    color:#0059B2;
    text-decoration:none;
    }

}


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

    for SP

===================================================*/
@media(max-width:768px){
.pageHd{
    padding:34px 4% 30px;
    }
.required{
    font-size:1.4rem;
    }
.inputSec ul{
    margin-bottom:40px;
    padding:40px 4%;
    background:#F1EDE9;
    }
.inputSec ul li{
    margin:0 0 2.0em 0;
    text-align:left;
    }
.inputSec ul li p{
    margin-bottom:0.6em;
    font-size:1.6rem;
    font-weight:bold;
    }
input{
    font-size:1.6rem;
    }
input[type="text"]{
    width:80%;
    padding:0.5em 3%;
    border:1px solid #C5BFBC;
    }
input[type="radio"]{
    vertical-align:bottom;
    }
.inqType, .inqTxt{
    float:none !important;
    }
.inqTxt{
    margin-bottom:0 !important;
    }
textarea{
    width:94%;
    height:140px;
    padding:0.5em 3%;
    border:1px solid #C5BFBC;
    font-size:1.6rem;
    }
.btnArea{
    margin:0 auto 60px;
    padding:0 4%;
    }
input[value="入力内容確認"]{
    width:80%;
    padding:1em 0;
    border:none;
    background:#000 url(../images/common/arrow01.png) no-repeat 90%;
    background-size:22px;
    color:#FFF;
    font-size:1.6rem;
    font-weight:bold;
    }
input[value="入力内容確認"]:hover{
    background:#ED7D2C url(../images/common/arrow01.png) no-repeat 90%;
    background-size:22px;
    }
input[value="戻 る"]{
    float:left;
    width:40%;
    padding:0.8em 0;
    border:none;
    background:#000;
    color:#FFF;
    font-size:1.8rem;
    font-weight:bold;
    }
input[value="戻 る"]:hover{
    background:#FF9F60;
    }
input[value="送 信"]{
    float:right;
    width:55%;
    padding:0.8em 0;
    border:none;
    background:#ED7D2C url(../images/common/arrow01.png) no-repeat 90%;
    background-size:22px;
    color:#FFF;
    font-size:1.8rem;
    font-weight:bold;
    }
input[value="送 信"]:hover{
    background:#FF9F60 url(../images/common/arrow01.png) no-repeat 90%;
    background-size:22px;
    }
span.err{
    display:block;
    padding:0.4em 0 0;
    color:#EA2607;
    font-size:1.4rem;
    }
.param{
    padding:0 0 1em;
    border-bottom:1px solid #D8D3D1;
    color:#666;
    font-weight:normal !important;
    line-height:160%;
    }
div.param{
    padding:0;
    border-bottom:none;
    }
.comp{
    margin:-30px auto 0;
    padding:60px 6%;
    background:#F1EDE9;
    line-height:180%;
    }
.comp h2{
    margin-bottom:1em;
    font-size:2rem;
    }
.comp p{
    text-align:left;
    }
.home{
    margin:2em 0 0;
    text-align:center !important;
    }
.home a{
    color:#000;
    text-decoration:underline;
    }
.home a:hover{
    color:#000;
    text-decoration:underline;
    }
.home a:hover{
    color:#0059B2;
    text-decoration:none;
    }

}


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

    for vertical SP

===================================================*/
@media(max-width:480px) {

}