@charset "UTF-8";
/*! レスポンシブ対応 */
html, body {
  -webkit-text-size-adjust: 100%;
}

.stage,
div#blockskip a,
#headerbottom,
div.footer,
#deepfooter,
#deepfooter div.grid5span,
body.body5span .maincontents {
  max-width: 980px;
  min-width: 100%;
  width: 100%;
}

div.bodyarea,
div.header,
#footerinner,
body.body5span .contentsarea {
  max-width: 980px;
  width: 100%;
}

div.headertop {
  width: 100%;
  max-width: 978px;
}

div.headerrightarea {
  max-width: 626px;
  width: 45%;
}

#headnavi {
  max-width: 338px;
  width: 20%;
}

/* p, h3, input, label {
font-size: 108%;
} */
/* h2 {
font-size: 100%;
} */
.maincontents .item_box {
  border: 1px	solid #fff;
  background-color: #eeeeee;
  width: 85%;
}
.maincontents .item_box div.lay2col {
  margin: 0;
}
.maincontents .item_box div.lay2col div.col1 {
  width: 193px;
}
.maincontents .item_box div.lay2col div.col1 div.innerblock {
  background-color: #d2d2d2;
  padding: 10px 10px 10px 9px;
  margin-right: 0;
  height: 60px;
}
.maincontents .item_box div.lay2col div.col1 div.innerblock p {
  font-weight: bold;
  margin-bottom: 0;
}
.maincontents .item_box div.lay2col div.col1 div.rowlong {
  height: 80px;
}
.maincontents .item_box div.lay2col div.col2 {
  width: 537px;
  max-width: 537px;
}
.maincontents .item_box div.lay2col div.col2 div.innerblock {
  padding: 10px;
  margin-left: 0;
  height: 100%;
}
.maincontents .item_box div.lay2col div.col2 div.innerblock p {
  display: inline;
}
.maincontents input {
  max-width: 90%;
  margin: 0 auto;
}
.maincontents input[type="submit"] {
  /*iphone用対応*/
  -webkit-appearance: none;
  border-radius: 0;
  /*iphone用対応ここまで*/
  border: 0;
  background-color: #bb1217;
  color: #fff;
  font-size: 123.1%;
  cursor: pointer;
  padding: 15px 4%;
  margin: 20px 0;
  min-width: 250px;
  width: auto !important;
}
.maincontents input[type="submit"]:hover {
  background-color: #e3151b;
}

@media screen and (max-width: 980px) {
  body.body5span .contentsarea {
    padding: 0 1%;
    box-sizing: border-box;
  }

  #corporatesymbol {
    width: 30%;
    max-width: 310px;
  }

  div#headsearch.nonavigation {
    height: 0;
  }

  .maincontents {
    /* 		p, input, label, ul li, ol li, span {
    			font-size: 100%; 
    		}
    		 */
  }
  .maincontents span {
    font-size: 100%;
  }
  .maincontents p, .maincontents input, .maincontents label {
    /* 			font-size: 108%; */
    line-height: 2;
  }
  .maincontents .item_box span {
    line-height: 2;
  }
  .maincontents ul, .maincontents ol {
    padding: 0 0 0 5%;
    margin-top: 1%;
  }
  .maincontents .item_box {
    width: 100%;
  }
  .maincontents .item_box .w-nowrap {
    white-space: nowrap;
  }
  .maincontents .item_box div.lay2col div.col1 {
    width: 30%;
  }
  .maincontents .item_box div.lay2col div.col1 div.innerblock p {
    font-size: 115%;
  }
  .maincontents .item_box div.lay2col div.col1 div.rowlong {
    height: 110px;
  }
  .maincontents .item_box div.lay2col div.col2 {
    width: 70%;
  }
  .maincontents input#last_name, .maincontents input#first_name {
    width: 40%;
  }
  .maincontents input[type="submit"] {
    /*submitタイプのみ元の高さに戻す*/
    line-height: 1.3;
  }
  .maincontents form#form1 div {
    margin-left: 0 !important;
  }
}
@media screen and (max-width: 720px) {
  .maincontents div.item_box div.lay2col div.col1 div.rowlong {
    height: 100px;
  }

  .maincontents {
    /* h2, h3 {
    font-size: 115%;
    		} */
    /* ul li {
    font-size: 105%;
    		} */
  }
  .maincontents .item_box div.lay2col div.col1 div.innerblock p {
    font-size: 100%;
  }

  div.headerrightarea {
    width: 25%;
  }
}
@media screen and (max-width: 560px) {
  body.body5span .contentsarea {
    padding: 0 10px;
    box-sizing: border-box;
  }

  #headsearch {
    display: none;
  }

  .maincontents {
    /* h2, h3 {
    font-size: 123.1%;
    		} */
  }
  .maincontents ul li {
    font-size: 110%;
  }
  .maincontents ol li {
    font-size: 100%;
  }
  .maincontents div.item_box div.lay2col div.col1 {
    width: 100%;
    float: none;
  }
  .maincontents div.item_box div.lay2col div.col1 div.innerblock p {
    font-size: 118%;
  }
  .maincontents div.item_box div.lay2col div.col1 div.innerblock, .maincontents div.item_box div.lay2col div.col1 div.rowlong {
    height: 100%;
  }
  .maincontents div.item_box div.lay2col div.col2 {
    width: 100%;
    float: none;
  }
  .maincontents div.item_box div.lay2col div.col2 div.innerblock p {
    display: block;
  }
  .maincontents input {
    width: 100%;
  }
  .maincontents input#last_name, .maincontents input#first_name {
    width: 85%;
  }
}