@charset "UTF-8";
body {
  color: #333;
  margin: 0;
  font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3em;
}

p {
  margin: 0;
}

img {
  border: none;
  vertical-align: bottom;
}

a {
  color: #474747;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #7a7a7a;
}
a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.cf:after {
  content: " ";
  display: block;
  clear: both;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

h1, h2, h3 {
  margin: 0;
  padding: 0;
  line-height: 1em;
}

#wrapper {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
  overflow: hidden;
}

.inner {
  width: 1000px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

#fv {
  background: url(../img/fv.jpg) center 0 no-repeat;
  height: 574px;
  padding: 70px 0 0;
}
#fv h1 {
  margin: 0 0 0 15px;
}
#fv h2 {
  margin: 0 0 48px 25px;
}
#fv .image {
  position: absolute;
  z-index: 10;
  left: 123px;
  bottom: -15px;
}

#pageTtl {
  background: url(../img/bg01.jpg) center 0 repeat;
  height: 86px;
  padding: 39px 0 0;
}
#pageTtl p {
  margin-left: 55px;
}

#office01 {
  background: url(../img/bg02.jpg) center 0 no-repeat;
  height: 687px;
}
#office01 .inner {
  padding: 96px 0 0 433px;
}
#office01 h3 {
  margin-bottom: 50px;
}

#office02 {
  background: url(../img/asset10.png) center 0 no-repeat;
  height: 676px;
  margin-top: -75px;
}
#office02 .inner {
  padding: 170px 0 0;
  text-align: center;
}
#office02 h3 {
  margin-bottom: 25px;
}

#merit h2 {
  background: #FFF;
  text-align: center;
  border-bottom: 3px solid #00d03d;
  padding: 75px 0 25px;
}

#merit01 {
  background: url(../img/asset33.png) center 0 no-repeat;
  height: 927px;
  position: relative;
  z-index: 3;
}
#merit01 .inner {
  padding: 126px 0 0;
}
#merit01 h3 {
  margin-bottom: 53px;
}
#merit01 .image {
  position: absolute;
  top: 89px;
  left: 510px;
}

#merit02 {
  background: url(../img/asset34.png) center 0 no-repeat;
  height: 738px;
  margin-top: -180px;
  position: relative;
}
#merit02 .inner {
  padding: 200px 0 0;
  text-align: right;
}
#merit02 h3 {
  margin-bottom: 53px;
}
#merit02 .image {
  position: absolute;
  top: 70px;
  left: -230px;
  z-index: 10;
}

#merit03 {
  background: #f6f6f6;
  height: 636px;
  position: relative;
  margin-top: -190px;
  z-index: -1;
}
#merit03 .inner {
  padding: 190px 0 0;
}
#merit03 h3 {
  margin-bottom: 53px;
}
#merit03 .image {
  position: absolute;
  top: 160px;
  left: 405px;
  z-index: 10;
}

#flow {
  padding: 118px 0 77px;
  text-align: center;
}
#flow h2 {
  margin-bottom: 100px;
}

#formArea {
  background: url(../img/tile.png) 0 0 repeat;
  padding: 96px 0 50px;
}
#formArea.php {
  background: none;
}
#formArea h2 {
  text-align: center;
}
#formArea h3 {
  text-align: center;
  margin: 25px 0 35px;
}
#formArea .inner {
  background: #FFF;
  padding: 15px 0 60px;
}
#formArea table {
  width: 820px;
  border: none;
  margin: 0 auto;
}
#formArea tr:nth-child(-n+3) th::after {
  content: "必須";
  color: #fff;
  display: inline-block;
  width: 36px;
  height: 19px;
  background: #cb0000;
  text-align: center;
  font-size: 12px;
  line-height: 19px;
  margin-left: 12px;
  -moz-box-shadow: 1px 1px 0 #ccc;
  -webkit-box-shadow: 1px 1px 0 #ccc;
  box-shadow: 1px 1px 0 #ccc;
}
#formArea tr:last-child th, #formArea tr:last-child td {
  background: none;
}
#formArea th {
  font-size: 14px;
  text-align: left;
  padding: 18px 0 18px 5px;
  width: 174px;
  background: url(../img/dot.png) 0 bottom repeat-x;
}
#formArea td {
  font-size: 14px;
  text-align: left;
  padding: 18px 0;
  background: url(../img/dot.png) 0 bottom repeat-x;
}
#formArea input[type="text"], #formArea input[type="tel"], #formArea input[type="email"] {
  border: none;
  background: #ebebeb;
  height: 30px;
  padding: 0 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 5px #cbcbcb inset;
  -webkit-box-shadow: 0 0 5px #cbcbcb inset;
  box-shadow: 0 0 5px #cbcbcb inset;
}
#formArea input[type="text"]:focus, #formArea input[type="tel"]:focus, #formArea input[type="email"]:focus {
  background: #fff;
  -moz-box-shadow: 0 0 5px #3eaa5e;
  -webkit-box-shadow: 0 0 5px #3eaa5e;
  box-shadow: 0 0 5px #3eaa5e;
}
#formArea textarea {
  border: none;
  background: #ebebeb;
  height: 174px;
  width: 650px;
  padding: 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 5px #cbcbcb inset;
  -webkit-box-shadow: 0 0 5px #cbcbcb inset;
  box-shadow: 0 0 5px #cbcbcb inset;
}
#formArea textarea:focus {
  background: #fff;
  -moz-box-shadow: 0 0 5px #3eaa5e;
  -webkit-box-shadow: 0 0 5px #3eaa5e;
  box-shadow: 0 0 5px #3eaa5e;
}

#fm_name {
  width: 290px;
}

#fm_company {
  width: 370px;
}

#fm_email {
  width: 440px;
}

#fm_tel {
  width: 290px;
}

.btnArea {
  text-align: center;
  letter-spacing: -.4em;
  padding: 26px 0 0;
}

.formBtn {
  text-indent: -9999px;
  border: none;
  display: inline-block;
  letter-spacing: normal;
}
.formBtn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

#btn_confirm {
  background: url(../img/btn_confirm.png) 0 0 no-repeat;
  width: 460px;
  height: 60px;
}

#btn_send {
  background: url(../img/btn_send.png) 0 0 no-repeat;
  width: 240px;
  height: 60px;
  margin: 0 10px;
}

#btn_back {
  background: url(../img/btn_back.png) 0 0 no-repeat;
  width: 200px;
  height: 60px;
  margin: 0 10px;
}

footer {
  background: #000;
  text-align: center;
  padding: 15px 0;
}
