@charset "utf-8";
/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

html, body, p, ul {
  margin: 0;
  padding:0;
}

img {
  vertical-align: bottom;
  width: 100%;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

ul {
	list-style: none;
}

.center {
	text-align: center;
}

/* ---------- header ---------- */
#nav {
	background-color: #fff;
	width: 100%;
}

p.logo {
	float: left;
	padding: 2% 0 2% 3.7%;
	width: 25%;
}

p.tel_btn {
	float: right;
	padding: 2.2% 4% 0 3%;
	width: 60%;
}

#header {
	background: url(../img/fv.jpg) no-repeat top center;
	padding-top: 2.3%;
	background-size: cover;
}

h1.fv_txt {
	text-align: center;
	padding: 0 0 4% 0;
}

h1.fv_txt img {
	width: 94%;
}

p.h_btn {
	padding: 0 0 11.8% 0;
}

p.h_btn img {
	width: 92.5%;
}

/* ---------- 比較 ---------- */
p.con_ttl02 {
	padding: 8.2% 0 4.3% 0;
}

p.con_ttl02 img {
	width: 78.9%;
}

p.hikaku {
	padding: 0 0 7.9% 0;
}

p.hikaku img {
	width: 95%;
}

/* ---------- パッケージ ---------- */
.package_area {
	background-color: #eeeeee;
	padding: 0 0 14% 0;
}

p.package_ttl img {
	width: 79.1%;
	padding: 5.3% 0;
}

ul.package_btn {
	text-align: center;
}

ul.package_btn li {
	/*float: left;*/
	width: 28%;
	padding: 0 1.7%;
	display: inline-block;
}

/* ---------- 補償 ---------- */
p.compensation {
	padding: 7.1% 0 0 0;
}

p.compensation img {
	width: 92%;
}

p.compensation_txt {
	padding: 4.8% 0 4.7% 0;
}

p.compensation_txt img {
	width: 80%;
}

p.compensation_table img {
	width: 92%;
}

ul.list {
	width: 80%;
	margin: 0 auto;
	padding: 3.5% 0 14% 0;
	letter-spacing: -0.01rem;
}

li.indent{
  padding-left: 1em;
  text-indent: -1em;
  font-size: 2.933vw;
  color: #535353;
  font-family: 'Noto Sans Japanese', serif;
}

/* ---------- 節税 ---------- */
p.tax_01 {
	padding: 7.9% 0 2.4% 0;
}

p.tax_01 img {
	width: 92%;
}

p.tax_02 img {
	width: 92%;
}

p.tax_03 {
	padding: 8% 0 24.6% 0;
}

p.tax_03 img {
	width: 84%;
}

/* ---------- メンテナンス ---------- */
p.maintenance_01 {
	padding: 8% 0 6.3% 0;
}

p.maintenance_01 img {
	width: 72%;
}

p.maintenance_Img img {
	width: 92%;
}

p.maintenance_02 {
	padding: 6.3% 0 6.4% 0;
}

p.maintenance_02 img {
	width: 82.2%;
}

p.maintenance_03 img {
	width: 92%;
}

p.maintenance_04 {
	padding: 10.8% 0 8% 0;
}

p.maintenance_04 img {
	width: 92%;
}

/* ---------- CVボタンエリア ---------- */
.cv_btn img {
	width: 93%;
}
p.cv_btn_txt {
	padding: 0 0 1.8% 0;
}

p.cv_btn_txt img {
	width: 82%;
}

p.cv_btn_txt03 {
	padding: 5% 0 1.8% 0;
}

p.cv_btn_txt03 img {
	width: 93%
}

/* ---------- 物件紹介 ---------- */
p.ttl06 {
	padding: 24.3% 0 8% 0;
}

p.slide_txt {
	padding: 0 0 5% 0;
}

p.slide_txt img {
	width: 85.2%;
}

ul.slider li {
	margin: 0 0.4% 0.6% 0;
}

.slider_wrap {
	width: 100%;
}

.slick-dotted.slick-slider {
    margin-bottom: 80px;
}

.slick-dots li {
	width: 5%;
}

.slider_text01 {
	border-bottom: solid 2px #f39800;
	padding: 0 0 2% 0;
	margin: 0 0 2% 0;
}

.slider_text01 p {
	font-size: 4.8vw;
	color: #0b2442;
	text-align: left;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 600;
}

p.text01_first {
	text-indent: -0.6em;
}

.slider_text02 p {
	font-size: 4.8vw;
	color: #0b2442;
	text-align: left;
	font-family: 'Noto Sans Japanese', serif;
}

span.text02_hoge {
	color: #eb6100;
}

/* ---------- 実施までの流れ ---------- */
p.ttl07 {
	padding: 24% 0 10.8% 0;
}

.flow_area {
	margin-right: 2.1%;
}

.flow img {
	width: 95.9%;
	margin: 0 0 6.2% 0;
}

p.user_voice {
	padding: 12% 0 13.3% 0;
}

p.user_voice img {
	width: 92%;
}

p.pro {
	padding: 0 0 9% 0;
}

p.pro img {
	width: 92%;
}

/* ---------- Q&A ---------- */
.qanda_wrap {
	background-color: #eeeeee;
	width: 100%;
	margin: 12% 0;
	padding: 16% 0;
}

.qanda_innerwrap {
	width: 91%;
	background-color: #fff;
	border: solid 2px #00a2e2;
	border-radius: 5px;
	margin: 0 auto;
}

p.qanda_ttl {
	padding: 8% 0;
}

p.qanda_ttl img {
	width: 23.4%;
}

p.qanda img {
	width: 87%;
}

p.qanda_last img {
	margin: 0 0 11% 0;
}

p.line img {
	width: 88.8%;
	margin: 10% 0;
}

/* ---------- 会社概要 ---------- */
.company_area {
	border-top: solid 2px #0b2442;
	margin: 12% 0 3% 0;
}

.company {
	margin: 3% auto 0 auto;
	width: 80%;
	color: #0b2442;
}

.company_ttl {
	font-size: 4.0vw;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 600;
	margin: 0 0 1.4% 0;
}

.company th,.company td {
	font-size: 4.26vw;
}

.company th {
	font-weight: normal;
	width: 15%;
}

.company td {
	width: 33%;
}

span.indent_space01 {
	letter-spacing: 0.5em;
}

span.indent_space02 {
	letter-spacing: 0.12em;
}

/* ---------- footer ---------- */
#footer {
	background-color: #00a2e2;
	width: 100%;
	text-align: center;
	color: #fff;
}

ul.footer_area {
    width: 100%;
    padding: 2% 0;
    margin: 0;
}

li.footer_txt {
    font-size: 4.0vw;
    color: #fff;
    font-family: 'Noto Sans Japanese', serif;
    font-weight: 200;
    text-align: center;
}