@charset "UTF-8";

/* --------------------------------------------------
 Base
-------------------------------------------------- */
body,ol,ul,dl,li,dt,dd,table,th,td,input,textarea,select,h1,h2,h3,h4,h5,h6{
color:#222;
font-weight:normal;
font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
letter-spacing:0.05em;
}

body{
min-width:1060px;
background:#fff;
font-size:16px;
line-height:1.6;
word-wrap:break-word;
}

input,
select{
padding:2px;
}

textarea{
padding:3px;
border:#aaa solid 1px;
}

a:link,
a:visited{
color:#222;
text-decoration:underline;
}

a:hover,
a:active{
color:#222;
text-decoration: none;
}

strong{
font-style:normal;
font-weight:bold;
}

/* 一般ボックス --------------- */
.blcComm{
display:block;
width:1000px;
margin:0 auto;
}

/* 一般シャドウ --------------- */
.shadowComm {
position: relative;
min-height:20px;
box-shadow:rgba(0,0,0,0.2) 0 0 5px;
}

.shadowComm:before, .shadowComm:after{
position:absolute;
width:49%;
height:10px;
left:10px;
bottom:17px;
content:"";
box-shadow:rgba(0,0,0,0.3) 0 20px 15px;
transform: rotate(-0.5deg);
z-index:-1;
}

.shadowComm:after{
left:auto;
right:10px;
transform:rotate(0.5deg);
}

/* クリアーフィックス --------------- */
.clearFix:after{
content: "";
clear: both;
display: block;
}

/* クリアー ------------------------ */
.clear{
clear:both;
}

/* フォーカスで変形 --------------- */
.boxExpand {
transition: all 1s ease-in-out;
border:solid 1px lightgrey;
background:white;
border:#aaa solid 1px;
}

.boxExpand:focus {
outline:none;
border:solid 1px #39c;
box-shadow:#39C 0px 0px 5px;
transition: all 0.5s ease-in-out;
}


/* --------------------------------------------------
 Header
-------------------------------------------------- */
#header{
position:fixed;
top:0;
left:0;
width:100%;
height:60px;
background:#061e32;
z-index:100;
}

#header > div{
position:relative;
width:1000px;
margin:0 auto;
text-align:left;
}

#header h1{
float:left;
padding-top:8px;
}

#header #hTel{
float:right;
padding-top:8px;
}


/* --------------------------------------------------
 catchBlc
-------------------------------------------------- */
#catchBlc{
position:relative;
padding-top:60px;
height:740px;
background:url(../img/catch_bg.jpg) no-repeat center 60px #0a3051;
box-shadow:rgba(0,0,0,0.15) 0 5px 7px;
}

#catchBlc .inner{
width:1000px;
margin:0 auto;
}

#catchBlc .btn{
display:block;
margin-left:auto;
padding:10px 0 6px;
}

#catchBlc h1{
text-align:center;
}

#catchBlc .title{
display:block;
margin:10px auto 18px;
}

#catchBlc .catch{
display:block;
margin:0 auto;
}

#catchBlc ul{
margin-top:-25px;
}

#catchBlc li:nth-child(1){
float:left;
}

#catchBlc li:nth-child(2){
float:right;
padding-top:45px;
}


/* --------------------------------------------------
 endorseBlc
-------------------------------------------------- */
#endorseBlc{
margin-top:30px;
background:url(../img/endorse_bg.gif) repeat-x left 218px;
}

#endorseBlc h1{
height:252px;
padding-top:10px;
background:url(../img/endorse_title_bg.png) no-repeat center top;
text-align:center;
}

#endorseBlc h1 img{
vertical-align:middle;
}

#endorseBlc h1 img:first-child{
margin-right:50px;
box-shadow:rgba(0,0,0,0.2) 1px 1px 7px;
}

#endorseBlc .img{
border:#fff solid 5px;
box-shadow:rgba(0,0,0,0.2) 1px 2px 5px;
}

#endorseBlc .info{
width:962px;
margin:0 auto;
padding:25px 0;
background:url(../img/endorse_frm_top.png), url(../img/endorse_frm_btm.png);
background-repeat:no-repeat, no-repeat;
background-position:center top, center bottom;
}

#endorseBlc .inner{
padding:5px 30px;
background:url(../img/endorse_frm_bg.png);
}

#endorseBlc .inner .img{
float:left;
}

#endorseBlc .inner .catch{
padding:11px 0 25px 30px;
}

#endorseBlc .inner .txt{
padding-left:402px;
}

#endorseBlc .inner .name{
clear:both;
display:block;
padding-top:18px;
}


/* --------------------------------------------------
 contactBlc
-------------------------------------------------- */
.contactBlc{
width:960px;
height:250px;
margin:40px auto;
background:url(../img/contact_base.png);
overflow:hidden;
text-align:center;
line-height:1;
}

.contactBlc h1{
padding:28px 0 18px;
}

.contactBlc .guarantee{
float:left;
padding:26px 0 0 30px;
}

.contactBlc .btn{
float:right;
padding:26px 30px 0 0;
}


/* --------------------------------------------------
 descriptionBlc
-------------------------------------------------- */
#descriptionBlc{
padding:30px 0 55px;
background-color:#0a3051;
background-image:url(../img/description_bg2.jpg), url(../img/description_bg.jpg);
background-repeat:no-repeat, no-repeat;
background-position:center bottom, center top;
box-shadow:rgba(0,0,0,0.2) 0 3px 7px;
text-align:center;
}

#descriptionBlc .catch{
font-size:18px;
font-weight:bold;
color:#fff;
}

#descriptionBlc .img{
width:920px;
margin:-15px auto 20px;
padding-top:30px;
background:url(../img/description_line.png) no-repeat center top;
}

#descriptionBlc .img img{
border:#fff solid 5px;
}

#descriptionBlc .img li{
float:left;
margin-right:10px;
}

#descriptionBlc .img li:last-child{
margin-right:0;
}

#descriptionBlc .txt li{
padding:15px 0 90px;
color:#fff;
background:url(../img/description_arrow.png) no-repeat center bottom;
}

#descriptionBlc .txt li:last-child{
padding-bottom:0;
background:none;
}

#descriptionBlc .txt li > img{
display:block;
margin:0 auto 25px;
}


/* --------------------------------------------------
 presentBlc
-------------------------------------------------- */
#presentBlc{
margin-top:50px;
}

#presentBlc h1{
text-align:center;
}

#presentBlc .ribbon{
position:relative;
width:946px;
margin:15px auto 0;
z-index:10;
}

#presentBlc .catch{
margin-top:-176px;
padding:25px 0;
background:#0a3051;
text-align:center;
}

#presentBlc ul{
position:relative;
width:960px;
height:430px;
margin:0 auto;
background:url(../img/present_bg.jpg) no-repeat left top;
box-shadow:rgba(0,0,0,0.2) 2px 2px 1px;
overflow:hidden;
}

#presentBlc li > img{
display:block;
float:left;
border:#fff solid 5px;
box-shadow:rgba(0,0,0,0.2) 2px 2px 5px;
}

#presentBlc li:nth-child(1){
position:absolute;
top:50px;
left:343px;
}

#presentBlc li:nth-child(2){
position:absolute;
top:194px;
left:385px;
}

#presentBlc li dl{
padding-left:266px;
}

#presentBlc li dt{
font-size:24px;
font-weight:bold;
color:#6db616;
}


/* --------------------------------------------------
 movieBlc
-------------------------------------------------- */
#movieBlc{
margin-top:50px;
text-align:center;
}

#movieBlc .movie{
margin:-30px 0 0;
padding:50px 0 110px;
background:#f3f3f3;
}

#movieBlc aside{
width:1000px;
margin:-95px auto 0;
}


/* --------------------------------------------------
 meritBlc
-------------------------------------------------- */
#meritBlc{
position:relative;
margin-top:70px;
}

#meritBlc h1{
background:#061e33;
text-align:center;
}

#meritBlc h1 img{
padding:28px 0;
}

#meritBlc ul{
padding:47px 0 35px;
background:url(../img/merit_arrow.png), url(../img/merit_bg.gif);
background-repeat:no-repeat, repeat;
background-position:center top, left top;
}

#meritBlc li{
margin-bottom:4px;
text-align:center;
}


/* --------------------------------------------------
 pointBlc
-------------------------------------------------- */
#pointBlc{
background:url(../img/point_bg.jpg) no-repeat center 300px;
text-align:center;
}

#pointBlc > h1{
margin-bottom:50px;
padding:20px 0;
background:#061e33;
}

#pointBlc ul{
margin-top:45px;
}

#pointBlc li{
width:1000px;
margin:0 auto 30px;
z-index:1;
}

#pointBlc li > div{
background-color:rgba(255,255,255,0.8);
background-image:url(../img/point_frm_edge.png),url(../img/point_frm_edge.png),url(../img/point_frm_bg.png);
background-repeat:no-repeat,no-repeat,repeat-y;
background-position:left top,left bottom,left top;
}

#pointBlc li .img{
float:left;
padding:35px 0 35px 40px;
}

#pointBlc li .txt{
float:right;
width:680px;
padding:40px 30px 40px 0;
text-align:left;
}

#pointBlc li .txt > img{
display:block;
margin:0 0 30px -3px;
}

#pointBlc+.contactBlc{
margin-top:0;
}


/* --------------------------------------------------
 greetingBlc
-------------------------------------------------- */
#greetingBlc{
margin-top:-50px;
padding:70px 0 30px;
background-image:url(../img/greeting_bg2.png),url(../img/greeting_bg.jpg);
background-repeat:no-repeat,no-repeat;
background-position:left bottom,center 25px;
box-shadow:rgba(0,0,0,0.15) 0 5px 7px;
}


@media screen and (max-width:1000px) {

#greetingBlc{
margin-top:-50px;
padding:70px 0 30px;
background-image:url(../img/greeting_bg2.png),url(../img/greeting_bg.jpg);
background-repeat:no-repeat,no-repeat;
background-position:-100px bottom,center 25px;
box-shadow:rgba(0,0,0,0.15) 0 5px 7px;
}

}

#greetingBlc h1{
text-align:center;
}

#greetingBlc .txt{
width:640px;
margin:68px 0 0 auto;
padding:0 0 30px 30px;
background:rgba(255,255,255,0.5);
border-radius:10px;
}


/* --------------------------------------------------
 introBlc
-------------------------------------------------- */
#introBlc{
margin-top:-26px;
}

#introBlc > h1{
position:relative;
padding:26px 0 114px;
text-align:center;
background:url(../img/intro_stamp.png) no-repeat left top;
z-index:1;
}

#introBlc > div{
margin-top:-90px;
padding:50px 0;
background:url(../img/intro_bg.jpg);
}

/* お客様の声 --------------- */
#introBlc .voice{
position:relative;
width:980px;
margin:0 auto 40px;
padding-left:20px;
z-index:1;
}

#introBlc .voice li{
float:left;
width:250px;
margin-right:30px;
padding:20px 25px;
background-image:url(../img/voice_frm_edge.png),url(../img/voice_frm_edge.png),url(../img/voice_frm_bg.png);
background-repeat:no-repeat,no-repeat,repeat-y;
background-position:left top,left bottom,left top;
box-shadow:rgba(0,0,0,0.2) 0 5px 5px;
line-height:1.4;
}

#introBlc .voice li:last-child{
margin-right:0;
}

#introBlc .voice li > img{
display:block;
margin-bottom:20px;
border:#fff solid 5px;
box-shadow:rgba(0,0,0,0.2) 0 2px 5px;
}

#introBlc .voice .name{
margin-top:20px;
text-align:right;
}

/* ガイナ工事事例 --------------- */
#introBlc .case ul{
width:960px;
margin:-37px auto 0;
padding:30px 0 50px;
background:url(../img/case_bg.gif);
box-shadow:rgba(0,0,0,0.2) 0 0 7px;
}

#introBlc .case li{
text-align:center;
}

#introBlc .case li:first-child:after{
padding:20px 0 10px;
content:url(../img/case_arrow.png);
}

#introBlc .case li img{
display:block;
margin:0 auto;
}

#introBlc .case li img:nth-child(2){
float:left;
margin:20px 0 0 70px;
border:#fff solid 5px;
box-shadow:rgba(0,0,0,0.2) 0 2px 5px;
}

#introBlc .case li img:nth-child(3){
float:right;
margin:20px 70px 0 0;
border:#fff solid 5px;
box-shadow:rgba(0,0,0,0.2) 0 2px 5px;
}

/* レポート --------------- */
#introBlc .report{
position:relative;
width:960px;
margin:16px auto 40px;
z-index:1;
}

#introBlc .report .img{
position:relative;
width:486px;
padding-left:10px;
z-index:10;
}

#introBlc .report section{
position:relative;
margin-top:-305px;
padding:40px 50px;
background-image:url(../img/case_frm_edge.png),url(../img/case_frm_edge.png),url(../img/case_frm_bg.png);
background-repeat:no-repeat,no-repeat,repeat-y;
background-position:left top,left bottom,left top;
}

#introBlc .report h1{
margin:0 0 15px 472px;
padding-left:15px;
border-left:#061e33 solid 5px;
font-size:140%;
line-height:1;
}

#introBlc .report ul{
margin-left:490px;
}

#introBlc .report li{
border-bottom:#a5a5a5 dotted 1px;
}

#introBlc .report li a{
position:relative;
display:block;
min-height:26px;
padding-top:10px;
background:url(../img/report_pdf_icon.png) no-repeat right 4px;
text-decoration:none;
}

/* 紹介いただく確率 --------------- */
#introBlc .introduction{
width:960px;
margin:40px auto;
z-index:1;
}

/* 推薦 --------------- */
#introBlc .recommend{
width:960px;
margin:40px auto;
z-index:1;
}

#introBlc .recommend > section{
padding:40px 50px;
background-image:url(../img/case_frm_edge.png),url(../img/case_frm_edge.png),url(../img/case_frm_bg.png);
background-repeat:no-repeat,no-repeat,repeat-y;
background-position:left top,left bottom,left top;
}

#introBlc .recommend h1{
float:right;
width:640px;
margin-bottom:20px;
}

#introBlc .recommend .catch{
float:right;
width:640px;
margin-bottom:20px;
}

#introBlc .recommend .txt{
float:right;
width:640px;
}

#introBlc .recommend > section > img{
display:block;
margin-top:-20px;
}


/* --------------------------------------------------
 discountBlc
-------------------------------------------------- */
#discountBlc{
padding:45px 0;
background:url(../img/discount_bg.jpg) no-repeat center top;
text-align:center;
}

#discountBlc img{
margin-top:35px;
}

#discountBlc h1 img{
margin-top:0;
}


/* --------------------------------------------------
 formBlc
-------------------------------------------------- */
#formBlc{
width:950px;
margin:0 auto;
padding:45px 0 30px;
border:#0f3667 solid 5px;
border-radius:8px;
background:url(../img/form_bg.jpg) no-repeat center top #061d35;
text-align:center;
}

#formBlc h1{
margin-bottom:22px;
}

#formBlc .txt img{
margin-bottom:25px;
}

#formBlc .att{
color:#fff;
}

#formBlc .att img{
padding-right:10px;
vertical-align:middle;
}

#formBlc table{
width:895px;
margin:30px auto;
}

#formBlc th{
width:30%;
padding:10px 20px;
border:#ccc solid 1px;
vertical-align:middle;
}

#formBlc .required{
background:url(../img/form_icon_required.png) no-repeat 90% center #f7f7f7;
}

#formBlc .option{
background:url(../img/form_icon_option.png) no-repeat 90% center #f7f7f7;
}

#formBlc td{
padding:10px 20px;
background:#fff;
border:#ccc solid 1px;
vertical-align:middle;
font-size:85%;
}

#formBlc td li{
float:left;
margin-right:5px;
padding-top:10px;
}

#formBlc td p{
margin-top:3px;
color:#999;
}

/* テキストボックス */
#formBlc .name,
#formBlc .mail{
width:320px;
}
#formBlc .name:focus,
#formBlc .mail:focus{
width:420px;
}

#formBlc .add{
width:320px;
}
#formBlc .add:focus{
width:420px;
}

#formBlc .postcode,
#formBlc .tel{
width:80px;
}
#formBlc .postcode:focus,
#formBlc .tel:focus{
width:140px;
}

#formBlc .rule{
width:895px;
margin:30px auto;
text-align:left;
color:#fff;
}

#formBlc .rule a{
color:#fff;
}


/* --------------------------------------------------
 companyBlc
-------------------------------------------------- */
#companyBlc h1{
margin:50px 0 30px;
text-align:center;
}

#companyBlc table{
width:960px;
margin:0 auto;
}

#companyBlc th{
padding:13px 18px;
border:#d5d5d5 solid 1px;
background:#f7f7f7;
}

#companyBlc td{
padding:13px 18px;
border:#d5d5d5 solid 1px;
}


/* --------------------------------------------------
 Footer
-------------------------------------------------- */
#footer{
clear:both;
margin-top:50px;
padding:40px 0 60px;
background:#000;
font-size:85%;
color:#fff;
text-align:center;
}

#btmPageTop a{
display:block;
position:fixed;
width:117px;
height:75px;
right:20px;
bottom:20px;
z-index:100;
}


/* --------------------------------------------------
 FOOTER LINK追加
-------------------------------------------------- */
#footer a {
color: #fff !important;
}
#footer ul {
list-style-type: none;
}
#footer li {
display: inline-block;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 5px;
}

/* --------------------------------------------------
 confirmBlc
-------------------------------------------------- */
#confirmBlc{
position:relative;
width:960px;
margin:50px auto;
padding-top:60px;
text-align:center;
}

#confirmBlc h1{
font-size:200%;
margin-bottom:30px;
color:#0a3051;
}

#confirmBlc .txt{
margin:30px 0;
}

#confirmBlc table{
width:960px;
margin:50px auto;
}

#confirmBlc th{
width:30%;
padding:13px 18px;
border:#d5d5d5 solid 1px;
vertical-align:middle;
}

#confirmBlc .required{
background:url(../img/form_icon_required.png) no-repeat 90% center #f7f7f7;
}

#confirmBlc .option{
background:url(../img/form_icon_option.png) no-repeat 90% center #f7f7f7;
}

#confirmBlc td{
padding:13px 18px;
border:#d5d5d5 solid 1px;
vertical-align:middle;
}

#confirmBlc .error{
width:480px;
margin:50px auto;
padding:30px;
box-shadow:rgba(0,0,0,0.3) 0 0 7px;
border-radius:10px;
text-align:left;
}

#confirmBlc .error li{
margin-left:20px;
list-style-type:disc;
}

#confirmBlc .tel{
width:480px;
margin:50px auto;
padding:30px;
box-shadow:rgba(0,0,0,0.3) 0 0 7px;
border-radius:10px;
}


/* --------------------------------------------------
 SPサイトへ
-------------------------------------------------- */
#spLinkBlockInPc{
display:none;
}

#spLinkBlockInPc a{
display:block;
background:-moz-linear-gradient(center top,#F7F7F7 0%,#bbbbbb 100%);
background:-webkit-gradient(linear,center top, center bottom,from(#F7F7F7),to(#bbbbbb));
background:linear-gradient(to bottom,#F7F7F7 0%,#bbbbbb 100%);
width:100%;
height:150px;
line-height:150px;
font-size:50px;
font-weight:bold;
color:#222 !important;
text-decoration:none;
text-align:center;
}