@charset "UTF-8";
body {
  color: #4D4D4D;
  margin: 0;
  font-family: "A-OTF 新ゴ Pro","ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
}

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;
}

#wrapper {
  width: 100%;
  margin: 0 auto;
}

#fv {
  width: 100%;
  background: url(../img/fv.png) center 0 no-repeat;
  height: 884px;
}
#fv h1 {
  width: 1000px;
  margin: 0 auto;
	position: relative;
}

#fv img.area{
	position:absolute;
	width: 400px;
	top: 50px;
	right: 50px;
}

.btn {
  text-align: center;
  padding: 50px 0;
}

#area01 {
  background: url(../img/img02.jpg) center 35px no-repeat;
  text-align: center;
  color: #4D4D4D;
  position: relative;
  height: 650px;
}
#area01 .txt01, #area01 .txt02, #area01 .txt03 {
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
}
#area01 .txt01 {
  font-size: 25px;
  line-height: 27px;
  top: 312px;
}
#area01 .txt02 {
  font-size: 16px;
  line-height: 22px;
  text-align: left;
  width: 354px;
  top: 400px;
  background: url(../img/img01.png) 35px center no-repeat;
  height: 67px;
  padding-left: 110px;
  padding-top: 10px;
}
#area01 .txt03 {
  font-size: 14px;
  line-height: 24px;
  top: 504px;
}

/* 注釈追加　taki 2021.03.24 */
#area01 .txt03 span#small{
  font-size: 10px;
}

#area02 {
  background: url(../img/img03.jpg) center 0 no-repeat;
  height: 750px;
  position: relative;
}
#area02 .txtArea {
  position: absolute;
  bottom: 0;
  left: 48.6%;
  background: url(../img/zerocube_2022.png) 0 0 no-repeat;
  width: 728px;
  height: 500px;
  color: #FFF;
}
#area02 p {
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 40px;
  font-size: 14px;
  line-height: 20px;
}
#area02 .txt01 {
  top: 240px;
}
#area02 .txt02 {
  top: 415px;
}

#area03 {
  padding: 64px 0 0;
  font-size: 14px;
  line-height: 22px;
  height: 1770px;
  font-family: "小塚ゴシック Pr6N","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#area03 .inner {
  width: 1000px;
  height: 1000px;
  margin: 0 auto;
  position: relative;
}
#area03 .inner::before {
  content: "";
  background: url(../img/img04.jpg) 0 86px no-repeat;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  left: -25%;
}
#area03 .block01 {
  position: absolute;
  right: 0;
  width: 525px;
}
#area03 .block01 strong {
  color: #29ABE2;
}
#area03 .block01 span {
  font-weight: bold;
  font-size: 16px;
}
#area03 h3 {
  margin-bottom: 20px;
}
#area03 .goodDesign {
  position: absolute;
  right: 0;
  top: 0;
}
#area03 .txt01 {
  margin-bottom: 1em;
}
#area03 .txt02, #area03 .txt03 {
  margin-bottom: 42px;
}
#area03 .txt04 {
  margin-bottom: 20px;
}
#area03 .block02 {
  position: absolute;
  right: 0;
  left: 0;
  top: 950px;
  width: 1000px;
  margin: 0 auto;
  height: 754px;
}
#area03 .block02 strong {
  color: #29ABE2;
}
#area03 .block02 span {
  font-weight: bold;
  font-size: 16px;
}
#area03 .txt05 {
  margin-left: 1em;
  margin-bottom: 40px;
}
#area03 .txt06, #area03 .txt07 {
  padding-left: 58px;
  position: absolute;
  height: 214px;
  bottom: 0;
  font-size: 13px;
  line-height: 23px;
}
#area03 .txt06 span, #area03 .txt07 span {
  color: #C1272D;
  font-weight: normal;
  font-size: 13px;
}
#area03 .txt06 {
  background: url(../img/snow.png) 0 0 no-repeat;
  width: 470px;
  left: 0;
}
#area03 .txt07 {
  background: url(../img/fire.png) 0 0 no-repeat;
  width: 520px;
  left: 497px;
}

#area04 {
  background: url(../img/img05.jpg) center 0 no-repeat;
  height: 800px;
}
#area04 .inner {
  width: 1048px;
  position: relative;
  height: 700px;
  margin: 0 auto;
}
#area04 .txtArea01 {
  background: url(../img/point5.png) 0 0 no-repeat;
  width: 477px;
  height: 318px;
  position: absolute;
  left: 0;
  top: 0;
}
#area04 .txtArea01 p {
  text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.1), 0px 18px 23px rgba(0, 0, 0, 0.1);
  position: absolute;
  left: 55px;
  top: 200px;
  font-size: 14px;
  line-height: 20px;
  color: #FFF;
  width: 450px;
}
#area04 #soraniwa {
  position: absolute;
  left: 480px;
  top: 48px;
  z-index: 9;
}
#area04 .txtArea02 {
  background: #29ABE2;
  height: 100px;
  color: #FFF;
  font-size: 24px;
  line-height: 36px;
}
#area04 .txtArea02 p {
  width: 1000px;
  margin: 0 auto;
  padding-top: 10px;
  padding-left: 120px;
  position: relative;
}
#area04 .txtArea02 p span {
  display: inline-block;
  background: url(../img/light.png) 0 0 no-repeat;
  width: 53px;
  height: 55px;
  margin-top: -20px;
  margin-right: -10px;
}
#area04 .txtArea02 p::before {
  content: url(../img/zero_logo_2022.png);
  position: absolute;
  margin-left: -250px;
  margin-top: 25px;
}

#area05 {
  background: url(../img/img06.jpg) center 0 no-repeat;
  height: 1350px;
  position: relative;
}
#area05 p {
  position: absolute;
  font-size: 18px;
  line-height: 23px;
  color: #29ABE2;
  margin: 0 auto;
  width: 460px;
  right: 0;
  left: 0;
  padding-left: 80px;
}
#area05 .txt01 {
  top: 110px;
}
#area05 .txt02 {
  top: 217px;
}
#area05 .txt03 {
  top: 330px;
}
#area05 .txt04 {
  top: 455px;
}
#area05 .txt05 {
  top: 574px;
}
#area05 .txt06 {
  top: 680px;
}
#area05 .txt07 {
  top: 792px;
}
#area05 .txt08 {
  top: 903px;
}
#area05 .txt09 {
  top: 1017px;
}
#area05 .txt10 {
  top: 1139px;
}
#area05 .txt11 {
  top: 1259px;
}

#area06 {
  background: url(../img/img07.jpg) center 0 no-repeat;
  height: 750px;
}
#area06 .inner {
  width: 1056px;
  position: relative;
  height: 750px;
  margin: 0 auto;
}
#area06 .txtArea01 {
  background: url(../img/point6.png) 0 0 no-repeat;
  width: 1056px;
  height: 269px;
  position: absolute;
  left: 0;
  top: 0;
}
#area06 .txtArea01 p {
  position: absolute;
  left: 60px;
  top: 160px;
  font-size: 14px;
  line-height: 20px;
  color: #FFF;
  width: 380px;
}

#area07 {
  background: url(../img/woman.jpg) 0 50px no-repeat;
  width: 1000px;
  height: 545px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 25px;
}
#area07 h3, #area07 h4, #area07 .txt01 {
  padding-left: 437px;
}
#area07 h3 {
  padding: 90px 0 10px 437px;
}
#area07 h4 {
  font-size: 19px;
  margin-bottom: 10px;
}
#area07 .txt01 strong {
  color: #29ABE2;
  font-weight: normal;
}

#shiba {
  background: url(../img/shiba.jpg) right 0 no-repeat;
  width: 1238px;
  height: 478px;
  margin: 0 auto 27px;
  color: #595757;
}
#shiba .txt01 {
  margin-left: 160px;
  padding-top: 145px;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 24px;
}
#shiba .txt01 strong {
  font-weight: normal;
  color: #29ABE2;
}
#shiba .txt02 {
  margin: 0 0 0 160px;
  font-size: 13px;
  line-height: 19px;
}

#area08 {
  background: url(../img/img08.jpg) center 0 no-repeat;
  height: 811px;
  margin: 88px 0 0;
}

#area09 {
  background: url(../img/img09.jpg) center 0 no-repeat;
  padding-top: 680px;
  padding-bottom: 66px;
}
#area09 ul {
  width: 848px;
  margin: 0 auto;
}
#area09 li {
  color: #FFF;
  width: 404px;
  height: 210px;
  background: #29ABE2;
  float: left;
  margin: 0 10px 20px;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 20px;
  -moz-box-shadow: 0 0 5px #333;
  -webkit-box-shadow: 0 0 5px #333;
  box-shadow: 0 0 5px #333;
}
#area09 li h3 {
  font-size: 16px;
  line-height: 1em;
  padding-bottom: 10px;
  border-bottom: 1px solid #FFF;
  width: 380px;
  margin: 15px auto 6px;
  font-weight: normal;
}
#area09 li p {
  padding: 0 12px;
}
#area09 li p strong {
  font-weight: normal;
  color: #FCEE21;
}

#area10 {
  background: url(../img/img10.jpg) center 0 no-repeat;
  height: 811px;
}

#voice {
  width: 1000px;
  margin: 0 auto;
  padding: 60px 0 70px;
}
#voice .block {
  position: relative;
  min-height: 360px;
  margin-bottom: 35px;
}
#voice h4 {
  font-weight: normal;
  font-size: 22px;
  line-height: 1em;
  position: absolute;
  top: 90px;
  left: 35px;
}
#voice .txt {
  font-size: 14px;
  line-height: 25px;
  border: 2px solid #29ABE2;
  width: 1000px;
  box-sizing: border-box;
  padding: 25px 0 25px 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
#voice .photo {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
#voice .right h4 {
  left: 370px;
  padding: 0;
}
#voice .right .txt {
  padding-left: 370px;
}
#voice .right .photo {
  left: 20px;
  right: 0;
}

#area11 {
  background: url(../img/img11.jpg) center 0 no-repeat;
  height: 812px;
}

#area12 {
  background: url(../img/sky.jpg) center 0 no-repeat;
  text-align: center;
  position: relative;
  height: 1028px;
}
#area12 .flow {
  position: absolute;
  width: 1000px;
  right: 0;
  left: 0;
  margin: 0 auto;
  top: -190px;
}
#area12 .btn {
  bottom: 100px;
  position: absolute;
  right: 0;
  left: 0;
  margin: 0 auto;
  width: 727px;
}

#footer {
  background: #EEF8FF;
  font-family: none;
}
#footer .inner {
  width: 1000px;
  padding: 25px 0 40px;
  margin: 0 auto;
  position: relative;
  font-size: 15px;
  line-height: 23px;
}
#footer .inner span {
  font-size: 17px;
}
#footer .inner .logo {
  position: absolute;
  right: 0;
  bottom: 20px;
}
#footer small {
  display: block;
  background: #FFF;
  width: 100%;
  margin: 0 auto;
  padding: 17px 0;
}
#footer small span {
  width: 1000px;
  margin: 0 auto;
  display: block;
}

/* form */
#form_wrapper {
  background: url(../img/form_top.png) center 0 no-repeat;
}
#form_wrapper .wrap {
  width: 1000px;
  padding: 333px 0 0;
  margin: 0 auto;
}
#form_wrapper h1 {
  text-align: center;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 65px;
}
#form_wrapper h2 {
  font-weight: normal;
  font-size: 17px;
  line-height: 25px;
  width: 900px;
  margin: 0 auto 27px;
}

#form_wrapper.input h1 {
  height: 158px;
  background: url(../img/document.png) right 0 no-repeat;
  text-align: right;
  padding-right: 356px;
  padding-top: 88px;
  margin-top: 23px;
}

#formTable {
  border-collapse: collapse;
  width: 900px;
  margin: 0 auto 100px;
}
#formTable th {
  border-top: 1px dotted #9FA0A0;
  border-bottom: 1px dotted #9FA0A0;
  font-weight: normal;
  text-align: center;
  font-size: 17px;
  line-height: 25px;
  background: #EFEFEF;
  width: 217px;
  padding: 20px 0;
}
#formTable td {
  border-top: 1px dotted #9FA0A0;
  border-bottom: 1px dotted #9FA0A0;
  padding: 20px 0 10px 88px;
  font-size: 17px;
  line-height: 25px;
  font-family: none;
}
#formTable td span {
  display: block;
  font-family: none;
  margin-top: 4px;
}
#formTable td label {
  display: inline-block;
  padding: 0 4em 0 0.7em;
}
#formTable .must {
  position: relative;
}
#formTable .must::before {
  content: "必須";
  color: #FFF;
  font-size: 16px !important;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  text-align: center;
  background: #C30D23;
  display: block;
  position: absolute;
  width: 46px;
  padding: 0 0 3px;
  left: 22px;
  top: 20px;
}
#formTable tr:nth-of-type(2)
td.must::before {
  content: none;
}
#formTable #apply {
  padding-bottom: 20px;
}
#formTable input[type="text"], #formTable input[type="tel"], #formTable input[type="email"], #formTable input[type="name"] {
  border: 1px solid #C9CACA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 390px;
  padding-left: 10px;
  height: 30px;
}
#formTable textarea {
  border: 1px solid #C9CACA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 400px;
  height: 90px;
  padding-left: 10px;
}
#formTable select {
  border: 1px solid #C9CACA;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 400px;
  height: 28px;
  font-size: 16px;
  padding: 0 0 0 10px;
}
#formTable #area {
  width: 196px;
}
#formTable #city {
  width: 186px;
}

#policy {
  background: #EFEFEF;
  padding: 20px 0 55px;
  margin-bottom: 75px;
}
#policy h3 {
  font-weight: normal;
  text-align: center;
  margin-bottom: 5px;
}
#policy div {
  background: #FFF;
  overflow-y: scroll;
  width: 857px;
  height: 152px;
  border: 1px solid #C9CACA;
  margin: 0 auto;
  font-size: 12px;
  line-height: 21px;
  padding: 10px 15px;
  font-family: none;
}

.formBtn {
  text-indent: -99999px;
  border: none;
}
.formBtn:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.confirm {
  display: block;
  width: 500px;
  height: 60px;
  margin: 0 auto 170px;
  background: url(../img/btn_confirm.png) 0 0 no-repeat;
}

.send {
  display: inline-block;
  width: 420px;
  height: 60px;
  margin: 0 auto 170px;
  background: url(../img/btn_send.png) 0 0 no-repeat;
  margin-right: 60px;
}

.revise {
  display: inline-block;
  width: 420px;
  height: 60px;
  margin: 0 auto 170px;
  background: url(../img/btn_revise.png) 0 0 no-repeat;
}

.complete h1 {
  border-bottom: 1px dotted #9FA0A0;
  padding-bottom: 55px;
  margin-bottom: 30px;
}
.complete p {
  margin-bottom: 100px;
}
.complete .back {
  margin-bottom: 210px;
  display: block;
}

.text_price{
	display:block;
	width:1000px;
	margin:20px 0 0 0;
	text-align:center;
	font-size:12px;
	color:#414141;
	
	}