@charset "utf-8";
/*============
Common
==============*/
/* sp時の見出し */
#sub-main{margin:55px 0 0;padding:20px 20px 20px;background:url(/img/service/front-titbg-sp.png) right center /contain no-repeat#B99D5A;font-size:3.46vw;color:#fff;}
#sub-main>.inr{background:url(/img/service/front-bg.jpg) center center /cover no-repeat;color:#C1A359;}
#sub-main span{display:block;margin:0 0 10px;font-size:1.577em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;letter-spacing:0.1em;}

/* ファーストビュー */
#outline{position:relative;height:100vh;background:url(/img/service/front-bg.jpg) center center /cover no-repeat;color:#C1A359;display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#outline-inr{width:1200px;height:585px;background-position:center center;background-size:cover;background-repeat:no-repeat;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;}
#outline .outline-box{width:40%;}
#outline h2{margin:0 0 30px;}
#outline h2 span{display:block;font-size:47px;line-height:1.4em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:100;letter-spacing:0.05em;}
#outline li:before{content:"・";}
#outline .more-btm{position:absolute;bottom:15px;left:50%;width:3vw;}

/* ファーストビュー */
#fv-bg{position:relative;z-index:1;background:#9B9B9B;}
#fv-bg:before{content:"";position:absolute;top:0;left:0;z-index:1;display:block;width:100vw;height:50vh;background:url(/img/company/front-top-bg.jpg) center center/cover no-repeat;}
#fv-wrap{position:relative;z-index:2;width:100%;height:110vh;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#fv-inr{width:95%;margin-left:5%;background:#fff;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#fv-inr figure{width:50%;margin:-5% 0 0 -10%;}
#fv-inr h2{width:50%;color:#C1A359;}
#fv-inr h2 span{display:block;font-size:70px;line-height:1.2em;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:100;letter-spacing:0.05em;}
#fv-btm{width:95%;margin:-35vh 0 50px 5%;padding:12vw 40px 40px 40px;background:#fff;}


/* サービスページ共通 */
.detail-main{padding:50px 0;background:#F8F7F7;}
.detail-main section:not(:last-of-type){margin:0 0 30px;}
.detail-main section{padding:0 20px 20px;background:#fff;box-shadow:0px 3px 6px rgba(0,0,0,0.16);}

/* パーツ */
.sub-tit{margin:0 -20px;padding:10px 0 10px 10px;background:#C4B696;color:#fff;font-size:1.286em;line-height:1.4em;}
.sub-stit{color:#C4B696;font-size:1.286em;line-height:1.4em;}
.txt-l{margin:0 0 10px;padding:3px 0 3px 10px;border-left:solid 6px #C1A359;font-size:1.2em;line-height:1.4em;}
.btn{position:relative;display:inline-block;width:320px;margin:0 auto;padding:20px 0;background:#C1A359;color:#fff;text-align:center;}
.btn:hover{cursor:pointer;opacity:0.7;}
.btn:after{position:absolute;top:38%;right:10px;content:"\e315";display:inline-block;font-family:'Material Icons';vertical-align:middle;font-size:1.5em;}
#info{padding:50px 0;background:#F0F0F0;text-align:center;}
.speech-tit{position:relative;margin:0 0 40px;padding:20px 10px;background:#b99d59;color:#fff;font-size:1.438em;line-height:1.4em;text-align:center;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
.speech-tit:after{position:absolute;bottom:-25px;left:0;content:"";display:block;width:100%;height:30px;background:url(/img/common/ico-speech.svg) center center /contain no-repeat;}
.speech-tit.-gray:after{background-image:url(/img/common/ico-speech-gray.svg);}
.note-box{padding:15px;border:solid 1px #C1A359;text-align: left;}
.note-box dt{margin:0 0 10px;color:#C1A359;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
/* テーマ */
.gray-area #sub-main{background-color:#9B9B9B;}
.gray-area .sub-tit{background:#9B9B9B;}
.gray-area .sub-stit{color:#9B9B9B;}
.gray-area .txt-l{border-color:#9B9B9B;}
.btn.gray{background:#9B9B9B;}
.speech-tit.-gray{background:#9b9b9b;}

.cyan-area #sub-main{background-color:#85D5D2;}
.cyan-area .sub-tit{background:#85D5D2;}
.cyan-area .sub-stit{color:#85D5D2;}
.cyan-area .txt-l{border-color:#85D5D2;}
.btn.cyan{background:#85D5D2;}

@media screen and (min-width:1500px){#fv-btm{margin-top:-25vw;}}
@media screen and (max-width:1200px){#fv-inr h2 span{font-size:8vw;}}
@media screen and (max-width:767px) {
  #fv-bg{padding:10px 0 0;background:#EFEFEF;}
  #fv-bg:before{display:none;}
  #fv-wrap{height:0;}
  #fv-btm{width:100%;padding:10px;margin:0;}

  .detail-main section{padding:0 10px 20px;}
  .sub-tit{margin:0 -10px;}
  .btn{width:100%;}
  .speech-tit{margin-left: calc(((100vw - 95%) / 2) * -1);margin-right: calc(((100vw - 95%) / 2) * -1);font-size:1.2em;}
}

/*============
service
==============*/
#service #front-list{height:100vh;background:url(/img/service/front-bg.jpg) center center/cover no-repeat;display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap;-webkit-box-align:center; -ms-flex-align:center; align-items:center;-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;}
#service #front-list>.inr{width:1200px;padding:20px;background:url(/img/service/front-boxbg.jpg) center center/cover no-repeat;}
#service #front-list .main-list{width:50%;float:right;}
#service #front-list .main-list>li{margin:0 0 10px;box-shadow:0px 3px 6px rgba(0,0,0,0.16);background:url(../img);}
#service #front-list .main-list>li>a{position:relative;display:block;padding:25px 25px 25px 125px;background:url(/img/service/front-list-1.png) 15px center/100px no-repeat #fff;border:solid 1px #B99D5A;}
#service #front-list .main-list>li>a:after{position:absolute;top:35%;right:10px;content:"";display:block;width:40px;height:40px;background:url(/img/service/ico-arrow-right.svg) center center /contain no-repeat;}
#service #front-list .main-list>li:nth-child(1) a{background-image:url(/img/service/front-list-1.png);}
#service #front-list .main-list>li:nth-child(2) a{background-image:url(/img/service/front-list-2.png);}
#service #front-list .main-list>li:nth-child(3) a{background-image:url(/img/service/front-list-3.png);}
#service #front-list .main-list h2{margin:0 0 10px;font-size:16px;color:#C1A359;}
#service #front-list .main-list p{text-align:right;}
#service #front-list .main-list .box-list{color:#626262;}
#service #front-list .main-list .box-list li:before{content:"・";}
@media screen and (max-width:767px) {
  #service #front-list{display:block;height:auto;padding:20px 0;}
  #service #front-list .main-list{width:100%;float:none;}
  #service #front-list>.inr{background:none;}
  #service #front-list .main-list>li>a:after{top:37%;width:30px;height:30px;}
}
/*============
energie
==============*/
#energie #sub-main{background-image:url(/img/service/energie-top-sp.png);}
#energie #outline-inr{background-image:url(/img/service/energie-top.png);}
#energie #sec2 .img01{margin:0 -20px;}
#energie #sec2 .list dl{width:33%;width:calc(33.3% - 30px / 3);margin:0 15px 0 0;}
#energie #sec2 .list dl:last-of-type{margin-right:0;}

@media screen and (max-width:767px) {
  #energie #sec2 .list dl{width:100%;margin:0 0 20px;}
  #energie #sec2 .list dt{margin:10px 0 10px;padding:3px 0 3px 10px;border-left:solid 6px #C1A359;}
  #energie #sec2 .list .sp{margin:0 -10px;}
}
/*============
finance
==============*/
#finance #sub-main{background-image:url(/img/service/finance-top-sp.png);}
#finance #outline-inr{background-image:url(/img/service/finance-top.png);}
#finance .detail-main section{padding:0 20px 0;}
#finance section figure{width:41%;margin:0 0 0 -20px;padding:0 20px 0 0;}
#finance section figure img{vertical-align:bottom;}
#finance section .box{width:59%;}


@media screen and (max-width:767px) {
  #finance .detail-main .box{overflow:hidden;}
  #finance .detail-main section{padding:0 10px 0;}
  #finance section figure,#finance section .box{width:100%;padding:0;}
  #finance section figure{position:absolute;width:100%;width:calc(100% - 40px);margin:0 0 0 -10px;}
  #finance section .box{padding:45vw 0 0;}
}
/*============
hygiene
==============*/
#hygiene #sub-main{background-image:url(/img/service/hygiene-top-sp.png);}
#hygiene #outline-inr{background-image:url(/img/service/hygiene-top.png);}
#hygiene .detail-main section{padding:0 20px 0;}
#hygiene section figure{width:41%;margin:0 0 0 -20px;padding:0 20px 0 0;}
#hygiene section figure img{vertical-align:bottom;}
#hygiene section .box{width:59%;}

@media screen and (max-width:767px) {
  #hygiene .detail-main .box{overflow:hidden;}
  #hygiene .detail-main section{padding:0 10px 0;}
  #hygiene section figure,#hygiene section .box{width:100%;padding:0;}
  #hygiene section figure{position:absolute;width:100%;width:calc(100% - 40px);margin:0 0 0 -10px;}
  #hygiene section .box{padding:45vw 0 10px;}
}

/*============
Company
==============*/
#company #sub-main{background-image:url(/img/company/front-top-sp.png);}
#company table th,#company table td{padding:10px;border:solid 1px #707070;vertical-align:middle;}
#company table th{width:20%;text-align:left;}
#company table a{color:#626262;}
#company .gmap{margin:30px 0 0;}
#company .gmap iframe{width:100%;}
#company #fv-bg .btn{margin:0 0 50px;background:#6C6C81;}
@media screen and (max-width:767px) {
  #company #fv-bg .btn{margin:30px 0;}
}
/*============
ourmessage
==============*/
#ourmessage #sub-main{background-image:url(/img/company/front-top-sp.png);background-color:#6C6C81;}
#ourmessage #fv-bg{background:#6C6C81;}
#ourmessage #fv-bg:before{background-image:url(/img/company/message-top-bg.jpg);}

#fv-message{position:relative;}
#fv-message figure{position:absolute;top:0;left:0;z-index:3;width:40%;text-align:right;}
#fv-message .box{position:relative;z-index:1;bottom:0;z-index:2;width:95%;margin-top:40px;margin-left:auto;padding:13% 5% 10% 5%;background:#fff;}
#fv-message h2{margin:0 0 30px;color:#C1A359;}
#fv-message h2 span{display:block;font-size:64px;line-height:1.2em;color:#C1A359;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:100;letter-spacing:0.04em;}
#fv-message .btn-company{position:absolute;bottom:-6.3vw;left:0;z-index:3; width:100%;}
#fv-message .btn{background:#9b9b9b;}

@media screen and (max-width:1500px){#fv-message .btn-company{bottom:20px;}}
@media screen and (max-width:767px) {
  #ourmessage #fv-bg{padding:0;background:none;}
  #ourmessage #fv-wrap{height:auto;}
  #fv-message{position:relative;margin:0;padding:0;background:none;}
  #fv-message h2 span{font-size:12vw;}
  #fv-message figure{width:100vw;margin-left:calc(((100vw - 100%) / 2) * -1);margin-right:calc(((100vw - 100%) / 2) * -1);}
  #fv-message .box{width:100%;padding:50px 0 0;margin:0;z-index:5;background:none;}
  #fv-message .btn-company{position:static;margin:30px 0;}
}

/*============
Contact
==============*/
#contact #sub-main{background-image:url(/img/contact/front-top-sp.png);}
#contact #fv-bg{background:#DEDEDE;}
#contact #fv-bg:before{background-image:url(/img/contact/front-top-bg.jpg);}

/*============
Form
==============*/
form{position: relative;z-index:5;}
.form-tit{margin:0 0 10px;padding:5px 5px 5px 10px;border-left:12px solid #A8A7A7;font-size:28px;line-height:1.4em;}
.form-item{display:table;width:100%;}
.form-item:not(:last-of-type){margin:0 0 10px;}
.form-item dt,.form-item dd{display:table-cell;vertical-align:middle;}
.form-item dt{width:22%;padding:30px 15px;background:#9b9b9b;color:#fff;}
.form-item dd{width:78%;padding:15px;}
/* Parts */
label:not(:last-of-type){margin:0 30px 0 0;}
input[type^="check"],input[type^="radio"]{width:14px;height:14px;margin:0 4px 0 0;border:solid 1px #BEBABA;border-radius:50%;vertical-align:middle;}
input[type^="text"], input[type^="email"], input[type^="tel"], #contact textarea{min-height:30px;margin:0 0 0 5px;padding:5px;border:solid 1px #BEBABA;border-radius:7px;vertical-align:middle;}
input[type^="text"]:not(:last-of-type){margin-right:10px;}
.form-check label{margin:0 50px 0 0;}
/* Private */
.form-cat label{display:block;}
.form-company input{width:100%;}
.form-address input{width:100%;}
.form-address-yubin input{display: inline-block !important;width:10em !important;margin-bottom:10px;vertical-align: baseline;}
.form-name input{width:45%;}
.form-furi input{width:42%;}
.form-mail input{width:20em;}
.form-tel input{width:20em;}
.form-update_name input{width:20em;}
.form-memo textarea{width:100%;height:200px;padding:5px;}
/* Privacy */
.form-privacy{height:150px;margin:20px 0 0;padding:20px;border:solid 1px #707070;overflow-y: scroll;}
.form-privacy h4{margin:0 0 10px;font-size:1.2em;text-align:center;}
.form-privacy dl{margin:0 0 20px;}
.form-privacy dt{margin:0 0 10px;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
.form-privacy_check{margin:20px 0;width:100%;text-align:center;}
/* Submit */
.form-submit{display:block;text-align: center;}
.form-submit input{color:#fff;}
.form-submit input{position:relative;display:inline-block;width:320px;margin:0 auto;padding:20px 0;background:#C1A359;color:#fff;text-align:center;color:#fff;}
.form-submit input:hover{cursor:pointer;opacity:0.7;}
.form-submit input:after{position:absolute;top:38%;right:10px;content:"\e315";display:inline-block;font-family:'Material Icons';vertical-align:middle;font-size:1.5em;}
.form-submit input[value^="戻る"]{background:#707070;}
/* Focus */
input:focus,textarea:focus,input:active,textarea:active {border:solid 2px #c8ae69;}
input[type^="check"]:focus,input[type^="radio"]:focus,input:checked {background:#c8ae69;}


/* Private */
.trigger-name{
  position: relative;
}
.trigger-name:before{
  position: absolute;
  top: -28px;
  left: 7px;
  content: "紹介者";
  font-size: .8em;
}

/* form_message */
.form_message{ margin-bottom: 40px; padding:50px 20px; background: #DEDEDE; text-align: center; }
.form_message .info_speech:before,.form_message .info_speech:after{background: #000;}

@media screen and (max-width:767px) {
  .form-tit{font-size:6vw;}
  .form-item,.form-item dt,.form-item dd{display:block;width:100%;}
  .form-item dt{padding:15px 10px;}
  .form-item dd{padding:10px 0;}
  label{display:block;width:100%;}
  label:not(:last-of-type){margin:0 0 10px 0;}
  input[type^="text"], input[type^="email"], input[type^="tel"], #contact textarea{display:block;width:100%;min-height:40px;margin:5px 0 0;}
  input[type^="text"]:not(:last-of-type){margin-bottom:10px;}
  .form-how label{margin:0 20px 0 0;}
  .form-memo textarea{width:100%;height:200px;}
  .form-privacy_check{margin:10px 0;}

  /* Adjustment For contactform */
  .wpcf7-list-item{
    display: block !important;
  }
  /* Private */
  .trigger-name{
    display: block;
    margin-top: 40px;
  }
  /* form_message */
  .form_message{ margin-bottom: 10px;}
}
/*============
Contact
==============*/
@media screen and (max-width:767px) {
  #contact #fv-bg{padding:0;}
}
/*============
Hearing
==============*/
#hearing .form-item dt{background:#EAEAEA;color:#626262;}
#hearing .form-submit input{background:#7E7C86;}
@media screen and (max-width:767px) {
  #hearing #fv-bg{padding:0;}
}
/*============
Subsidy
==============*/
#subsidy #sub-main{background-image:url(/img/energie/subsidy-top-sp.png);}
#subsidy #fv-bg{background:#fff;}
#subsidy #fv-bg:before{background-image:url(/img/energie/front-top-bg.jpg);}
#subsidy #fv-btm{width:100%;margin-left:0;}
#subsidy .red-txt{color:#C84013;}
#subsidy .impact{font-family:'Impact','ヒラギノ角ゴ ProN W6';}

#subsidy #sec1{margin:50px 0 10px;color:#C1A359;text-align:center;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
#subsidy #sec1 h3{padding:40px 10px;border:solid 1px #C1A359;font-size:2.125em;line-height:1.4em;}
#subsidy #sec1 .lead{margin:30px 0;font-size:1.643em;line-height:1.4em;}
#subsidy #sec1 .lead .lead_small{font-size:.7em;}
#subsidy #sec1 .lead .lead_l{font-size:1.826em;}
#subsidy #sec1 .lead .red{color:#C84013;font-family:'Impact','ヒラギノ角ゴ ProN W6';}
#subsidy #sec1 .list li{display: inline-block;width:31%;margin:0 10px 10px 0;padding:10px;border:solid 1px #C1A359;}
#subsidy #sec1 .list li:nth-child(3n){margin-right:0;}

#subsidy #sec2 .sec2-head img{vertical-align: bottom;}
#subsidy #sec2 .example-item{position:relative;width:31%;margin:0 10px 10px;padding:10px 10px 150px 10px;box-shadow:0px 0px 10px rgba(0,0,0,0.16);}
#subsidy #sec2 .example-item:nth-child(3n){margin-right:0;}
#subsidy #sec2 .example-tag{position: absolute;top:10px;right:10px;width:60px;height:60px;border-radius:50%;line-height:60px;text-align:center;color:#fff;}
#subsidy #sec2 .example-tag.-update{background:#FD0100;}
#subsidy #sec2 .example-tag.-new{background:#305498;}
#subsidy #sec2 .example-tit{border-bottom:solid 1px #83691C;-webkit-box-align:center; -ms-flex-align:center; align-items:center;}
#subsidy #sec2 .example-tit figure{width:40%;}
#subsidy #sec2 .example-txt{width:60%;padding:0 0 0 10px;}
#subsidy #sec2 .example-txt h4{color:#83691C;font-family:'ヒラギノ角ゴ Std W8','ヒラギノ角ゴ ProN W6';font-weight: bold;}
#subsidy #sec2 .example-memo{margin:10px 0 0;color:#83691C;}
#subsidy #sec2 .example-memo .tag{padding:1px 2px;border:solid 1px #83691C;}
#subsidy #sec2 .example-memo .tag:not(:last-of-type){margin-right:10px;}
#subsidy #sec2 .detail-list{font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
#subsidy #sec2 .detail-list tr{padding:0 0 10px;border-bottom:solid 1px #BEBABA;}
#subsidy #sec2 .detail-list tr:last-of-type{color:#C84013;}
#subsidy #sec2 .detail-list th,#subsidy #sec2 .detail-list td{margin:10px 0;padding:10px 0;}
#subsidy #sec2 .detail-list td{text-align:right;}
#subsidy #sec2 .example-total{position: absolute;bottom:0;left:0;width:100%;padding:20px 0;text-align:center;color:#fff;text-indent: 2em;
  background:-webkit-gradient(linear, left top, left bottom, from(#1551B9), to(#061735));
  background:-webkit-linear-gradient(top, #1551B9, #061735);
  background:-moz-linear-gradient(top, #1551B9, #061735);
  background:-o-linear-gradient(top, #1551B9, #061735);
  background:linear-gradient(to bottom, #1551B9, #061735);
}
#subsidy #sec2 .example-total:before{position:absolute;top:0;left:0;content:"";display:block;width:100%;height:100%;background:url(/img/energie/ico-arrpw-btm.svg) 30px center /40px no-repeat;}
#subsidy #sec2 .example-total:after{position:absolute;top:-10px;left:0;content:"";display:block;width:100%;height:25px;background:url(../img/energie/ico-example-item.svg) center center /contain no-repeat;}
#subsidy #sec2 .example-total .price .pick{font-family:'Impact','ヒラギノ角ゴ ProN W6';font-size:46px;line-height:1.4em;color:#EDE408;font-weight: bold;}
#subsidy #sec2 .example-total .rate{font-size:1.2em;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
#subsidy #sec2 .example-total .rate .pick{font-family:'Impact','ヒラギノ角ゴ ProN W6';color:#EDE408;}

#subsidy #sec3{margin-top:40px;}

#subsidy #sec4{margin:30px 0;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
#subsidy #sec4 .box{font-size:1.313em;line-height:1.4em;}
#subsidy #sec4 .box figure{width:40%;}
#subsidy #sec4 .box p{width:60%;padding:10px 0 0 10px;color:#C84013;}
#subsidy #sec4 .box .gray-txt{display:block;margin-top:30px;color:#626262;}
@media screen and (max-width:1200px) {
  #subsidy #sec2 .example-item{width:46.8%;}
  #subsidy #sec2 .example-total:before{left:-20px;}
  #subsidy #sec2 .example-total .price .pick{font-size:10vw;}
}
@media screen and (max-width:767px) {
  #subsidy #fv-btm{padding-top:0;}
  #subsidy #sec1{margin:30px 0 20px;}
  #subsidy #sec1 h3{padding:20px 10px;font-size: 2em;}
  #subsidy #sec1 .lead{font-size:1em;}
  #subsidy #sec1 .list li{width:49%;margin:0 0 10px 0;}
  #subsidy #sec1 .list li:nth-child(3n){margin-right:auto;}
  #subsidy #sec1 .list li:nth-child(2n){margin-right:0;}
  #subsidy #sec2 .example-item{width:100%;margin:0;}
  #subsidy #sec2 .example-item:not(:last-child){margin-bottom:20px;}
  #subsidy #sec2 .sec2-head{margin-left: calc(((100vw - 100%) / 2) * -1);margin-right: calc(((100vw - 100%) / 2) * -1);}
  #subsidy #sec2 .example-memo .tag{line-height:2em;}
  #subsidy #sec4 .box figure,#subsidy #sec4 .box p{width:100%;padding:0;}
  
}

/*============
Negotiation
==============*/
#negotiation #sub-main{background-image:url(/img/finance/negotiation-top-sp.png);}
#negotiation #fv-bg{background:#fff;}
#negotiation #fv-bg:before{background-image:url(/img/finance/front-top-bg.jpg);}
#negotiation #fv-btm{width:100%;margin-left:0;}
#negotiation .red-txt{color:#C84013;}
#negotiation .impact{font-family:'Impact','ヒラギノ角ゴ ProN W6';}

#negotiation #sec1{color:#C1A359;text-align:center;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}

#negotiation #sec1 .lead-tit{margin:50px 0 20px;padding:20px 10px;border:solid 1px #C1A359;font-size:2.125em;line-height:1.4em;}
#negotiation #sec1 .lead-small{display:block;font-size:0.472em;}
#negotiation #sec1 .lead-cost{margin:20px 0;font-size:28px;line-height:1.4em;}
#negotiation #sec1 .cost-txt{color:#4F4F4F;}
#negotiation #sec1 .cost-txt .num{font-size:3.536em;}
#negotiation #sec1 .cost-txt .unit{font-size:1.429em;}
#negotiation #sec1 .profit-txt{padding:0 10px;background:#B99D5A;color:#fff;}
#negotiation #sec1 .profit-txt .red-box{
  display:inline-block;margin:0 10px;padding:20px 10px;font-size:21px;line-height:1.4em;
  background:-webkit-gradient(linear, left top, left bottom, from(#D06320), to(#B53F1B));
  background:-webkit-linear-gradient(top, #D06320, #B53F1B);
  background:-moz-linear-gradient(top, #D06320, #B53F1B);
  background:-o-linear-gradient(top, #D06320, #B53F1B);
  background:linear-gradient(to bottom, #D06320, #B53F1B);
}
#negotiation #sec1 .list li{display: inline-block;width:31%;margin:0 10px 10px 0;padding:10px;border:solid 1px #C1A359;}
#negotiation #sec1 .list li:nth-child(3n){margin-right:0;}

#negotiation #sec2{margin:30px 0;text-align:center;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
#negotiation #sec2 h3{margin:0 0 30px;font-size:45px;line-height:1.4em;color:#B99D5A;}
#negotiation #sec2 .promise-list{font-size: 1.625em;line-height: 1.4em;color:#C84013;}
#negotiation #sec2 .promise-list li{position: relative; width:315px;height:315px;border-radius:50%;margin:0 10px 10px;padding:120px 0;border:solid 1px #83691C;text-align:center;}
#negotiation #sec2 .promise-list li:last-child{margin-right:0;}
#negotiation #sec2 .promise-list li:before{counter-increment:ol_custom;content:counter(ol_custom);}#negotiation #sec2 .promise-list li:before{counter-increment:a;content:counter(a);}#negotiation #sec2 .promise-list{counter-reset:b;}#negotiation #sec2 .promise-list li:before{counter-increment:b;content:counter(b, decimal);}#negotiation #sec2 .promise-list li:before{position: absolute;top:50px;left:0;display:block;width:100%;margin:0 0 10px;text-align:center;color:#CEC4A5;font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro',serif;font-weight:normal;font-size:59px;}

#negotiation #sec3{padding:0 0 30px;text-align:center;}
#negotiation #sec3 figure{margin-top:-50px;}

#negotiation #sec4{padding:0 0 30px;text-align:center;}
#negotiation #sec4 h4{margin:0 0 20px;font-size:1.250em;line-height:1.4em;color:#B99D5A;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}

#negotiation #sec5{padding:0 0 30px;text-align:center;}
#negotiation #sec5 h4{margin:0 0 20px;font-size:1.250em;line-height:1.4em;color:#B99D5A;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}

#negotiation #sec6{padding:0 0 30px;text-align:center;}
#negotiation #sec6 h4{margin:0 0 20px;font-size:1.250em;line-height:1.4em;color:#B99D5A;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
#negotiation #sec6 p{margin:0 0 30px;}

#negotiation #sec7{margin-left: calc(((100vw - 95%) / 2) * -1);margin-right: calc(((100vw - 95%) / 2) * -1);padding:60px 0;background:#F5F5F5;}
#negotiation #sec7 h3{margin:0 0 20px;font-size:2.250em;line-height:1.4em;color:#B99D5A;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;text-align:center;}
#negotiation #sec7 .flow-list li{margin: 0 0 50px;padding:20px;background:#fff;color:#83691C;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;font-size:1.750em;line-height:1.4em;position: relative;}
#negotiation #sec7 .flow-list li:before{counter-increment:ol_custom;content:counter(ol_custom);}#negotiation #sec7 .flow-list li:before{counter-increment:a;content:counter(a);}#negotiation #sec7 .flow-list{counter-reset:b;}#negotiation #sec7 .flow-list li:before{counter-increment:b;content:counter(b, decimal)".";}#negotiation #sec7 .flow-list li:before{display:inline-block;margin:0 10px 0 0;}
#negotiation #sec7 .flow-list li:after{position: absolute;bottom: -40px;left: 0;content:"\e5c5";width: 100%;display:inline-block;font-family:'Material Icons';vertical-align:middle;color:#F0E5CA;font-size: 3em;text-align: center;}
#negotiation #sec7 .flow-list li:last-child:after{display:none;}
#negotiation #sec7 .flow-list li:last-child{margin-bottom:0;}

#negotiation #sec8{padding:0 0 30px;text-align:center;color:#83691C;font-family:'ヒラギノ角ゴ ProN W6';font-weight: bold;}
@media screen and (max-width:1200px) {
  #negotiation #sec1 .lead-tit{margin: 20px 0 20px;}
  #negotiation #sec1 .lead-cost{font-size: 3vw;}
  #negotiation #sec2 .promise-list{font-size:2.4vw;}
  #negotiation #sec2 .promise-list li{width:24vw;height:24vw;padding:8.5vw 0;}
  #negotiation #sec2 .promise-list li:before{top: 4vw; font-size: 5vw;}
}
@media screen and (max-width:767px) {
  #negotiation #fv-btm{padding:0;}
  #negotiation #sec1 .lead-cost{font-size: 3.7vw;}
  #negotiation #sec1 .profit-txt{padding:20px 0;}
  #negotiation #sec1 .profit-txt .red-box{display:block;margin:10px 0;}
  #negotiation #sec2 h3{font-size:9vw;}
  #negotiation #sec2 .promise-list{font-size:6vw;}
  #negotiation #sec2 .promise-list li{width:60vw;height:60vw;margin:0 auto 20px !important;padding:19vw 0;}
  #negotiation #sec2 .promise-list li:last-child{margin-bottom:0 !important;}
  #negotiation #sec2 .promise-list li:before{top: 6vw; font-size: 15vw;}
  #negotiation #sec3 figure{margin-left: calc(((100vw - 95%) / 2) * -1);margin-right: calc(((100vw - 95%) / 2) * -1);}
  #negotiation #sec7{padding:30px 0;}
  #negotiation #sec7 .flow-list li{    padding: 15px 10px;font-size: 1.50em;}
}