@charset "UTF-8";

/*******************************
    ナビ調整
メニューのお問い合わせを非表示に
*******************************/
header ul li:last-child{
  display:none;
}
@media screen and (min-width:641px){
  header ul li:last-child{
    display:inline-block;
  }
}

/*******************************
    h2 トップ画像
*******************************/
main>h2{
  height:200px;
  background-image:
    url(../img/inquiry/heading.png),
    url(../img/common/top_back.png),
    url(../img/inquiry/topback.png);
  background-repeat:no-repeat, repeat, no-repeat;
  background-position:center,left top,left top;
  background-size:auto, 15% auto, 100% 100%;
  text-indent:-999em;
  overflow:hidden;
}
@media screen and (min-width:641px){
  main>h2{
    min-width:1000px;
  }
}

/*******************************
    メイン
*******************************/
.inquiry{
  padding:50px 5% 0 5%;
  color:#6d6d6d;
  padding:50px 5%;
  border-bottom:solid 1px #000;
  margin-bottom:50px;
}
.inquiry div{
  text-align:left;
}

@media screen and (min-width:641px){
  .inquiry{
    padding:100px 0;
    margin-bottom:100px;
    min-width:1000px;
  }
  .inquiry:after{
    content:"";
    clear:both;
    display:block;
  }
}

/* テキスト部分 */
.inquiry h3{
  display:inline-block;
  max-width:245px;
  width:100%;
  height:44px;
  background:url(../img/inquiry/main_heading.png) no-repeat center;
  background-size:100% auto;
  text-indent:999em;
  overflow:hidden;
}
.inquiry p{
  font-size:140%;
  margin:2em 0;
  line-height:140%;
}
.inquiry h4 {
  font-size:160%;
  margin-bottom:15px;
}
.inquiry address a{
  font-size:140%;
  line-height:100%;
}
.inquiry address span{
  font-size:110%;
  line-height:200%;
}

/* フォーム */
form input:focus,
form textarea:focus,
form button:focus{
  outline:0;
  background-color:#dddddd;
}

form input, form textarea, button{
  display:block;
  max-width:555px;
  width:100%;
  border:none;
  background-color:#f6f6f6;
  margin-bottom:30px;
  box-sizing:border-box;
  background-image:url(../img/inquiry/iconset.png);
  background-repeat:no-repeat;
  transition:ease 0.5s background-color;
}
form input{
  height:58px;
  padding:13px 0 13px 70px;
}
form textarea{
  background-position:20px -216px;
  padding:13px 0 13px 70px;
  height:210px;
}
form button{
  font-family:Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size:200%;
  color:#fff;
  padding:13px 0;
  background-color:#000;
  background-image:none;
  cursor:pointer;
  opacity:1.0;
  transition-duration:0.5s;
  transition-property:opacity;
}
form button:hover{
  opacity:0.7;
}
form button img{
  vertical-align:middle;
  margin:-5px 5px 0 0;
}
form input:nth-of-type(1){
  background-position:20px 20px;
}
form input:nth-of-type(2){
  background-position:20px -26px;
}
form input:nth-of-type(3){
  background-position:20px -26px;
}
form input:nth-of-type(4){
  background-position:20px -70px;
}
form input:nth-of-type(5){
  background-position:20px -114px;
}
form span{
  font-size:15px;
  color:#FD0000;
  display:block;
  text-align:right;
  max-width:555px;
  font-weight:normal;
  margin-bottom:13px;
  display:none;
}

/* IE9用 */
.placeholder {
  color:#999;
}

/*******************************
    左カラム
*******************************/
@media screen and (min-width:641px){
  .inquiry div:nth-of-type(1){
    width:38%;
    float:left;
    text-align:right;
  }
}

/*******************************
    右カラム
*******************************/
@media screen and (min-width:641px){
  .inquiry div:nth-of-type(2){
    width:53%;
    float:right;
  }
}