/*-------------------------------------------
ベースコーディング
-------------------------------------------*/
/*文字コード*/
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; font-size: 13px; color:#333333;}
input, select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif; }
article, aside, figure, figcaption, details, footer, header, hgroup, nav, section, summary{display:block;}
/*その他*/
ul{padding: 0; margin: 0;}
li{list-style: none;}
a img:hover{opacity: 0.8;}
.img-responsive{display: inline;}
p,h1,h2,h3,h4{margin: 0;}
p{line-height: 1.5; font-size: 14px;}
/*-------------------------------------------
全体構成
-------------------------------------------*/
body{max-width: 1400px; margin: 0 auto; word-break: break-all;}
html{background-color: gray;}
/*wpデフォルト設定*/
.aligncenter {display: block;margin: 0 auto;}
.alignright {float: right;}
.alignleft {float: left;}

/*-------------------------------------------
ヘッダー
-------------------------------------------*/
.headLeft{margin: 15px;}
.headright p{font-size: 11px; margin: 10px; text-align: right;}
.headbtn1{text-align: right; margin-right: 20px;}
.headbtn2{margin-right: 10px;}
#header{position: relative;}
.spMenuBtn{position: absolute; top: 20px; right: 20px; font-size: 35px; color: #2662b6; cursor: pointer; z-index: 100;}
.spHeadBtn{max-width: 340px; margin: 15px auto;}
#pcNav{ background-color: #2662b6; padding-top: 5px;}
.pcNavUl{background-color: #f6f6f6; text-align: center;}

/*spNav*/
#spNav{display: none; background: #f6f6f6; padding: 5px;}
.headBtn{ text-align: center; padding: 5px 0; }
.headBtn a{ color: white; display: block; margin: 5px;}
.headTel{text-align: center;}

.spNavUl{margin: 5px;}
.spNavUl li{margin: 7px;}
.spNavUl .fa{margin: 7px; font-size: 12px; color: #2662b6;}
/*Sticky*/

#sticky {
  background: #ffffff;
  position: fixed;
  top: 0px;
  right: 20px;
  width: 480px;
  display: none;
  z-index: 9999;
  padding: 0px 10px 10px;
  border-radius: 5px;
  border: 3px solid #00448e;
}
/*-------------------------------------------
フッター
-------------------------------------------*/
/*footer全般*/
#footbody{background-color: #4d4d4d; font-size: 10px; }
/*foottit*/
.foottit {text-align: left; margin-bottom: 15px; color: #fff9dd; margin: 30px 0;}
#footer p{font-size: 12px;}
.havechild{padding: 0 20px;}
/*copyright*/
.copyright{color: black; background: #fff; padding: 10px 0; font-size: 12px; text-align: right;}



/*-------------------------------------------
index
-------------------------------------------*/

/*メインキャッチ*/
.maincatch{background: url(img/bg_maincatch01.jpg) no-repeat center top;}
.maincatchToContact{background: rgba(0,0,0,0.8);padding: 20px 15px; text-align: center; margin: 30px 30px 0; }
.maincatchTop{margin-top: 20px; }
.maincatchToContact p{color: #ffffff; margin: 15px 0; }
.maincatchToContactTel{margin-top: 15px;}
.maincatchLeft{margin-top: 70px;}
.belt{color:white;text-align: center;padding:5px 10px;background: #2a62b3;}

/*なぜ選ばれるのか*/
.whyDaiko {background-color: #f6f6f6; text-align: center;}
.melit {margin: 30px;}
.whyBadgeChild01{background: #004290; font-size: 18px; padding: 10px; color: #ececec; display: inline-block; margin-bottom: 10px; font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
.whyBadgeChild02{background: #004290; font-size: 18px; padding: 10px; color: #ececec; display: inline-block; margin-bottom: 10px; font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
.meritBox{margin: 25px 10px; position: relative; }
.meritTit{ font-weight: bold; margin: 15px 5px 15px 80px; text-align: left;}
.meritText{text-align: left;}
.meritBadge{z-index: 100; text-align: left; margin: 10px; position: absolute; top: 120px; left: 5px;}

/*虎の巻プレゼント*/
.giveaway {background: url(img/bg_contact01.jpg); padding-top: 25px; text-align: center;}
.contacttoget01 {margin: 10px 30px 30px;}
.contacttoget02 {margin: 45px 30px 30px; text-align: center;}
/*IB式営業代行*/
#whatis{background: url(img/bg_ibStyle.jpg) no-repeat center top; padding: 10px 0 30px; background-color: #0e0e0e}
#whatis h2{text-align: center;}
.ibStyle{background: #f6f6f6; padding-bottom: 20px;}
.ibStyle p{padding: 30px 0 25px}
.characteristic{background:url(img/bg_transition01.png)no-repeat center bottom, url(img/bg_ibStyChara.jpg); padding: 10px 0 30px;border-top: solid 2px #ffffff;}
.characteristic h3{text-align: center;}
.ibStCharaInAp{padding: 16px 0;}
.ibStCharaOut{padding: 16px;}
.ibStCharaIn{background: url(img/bg_tokucho01.png) no-repeat center top; padding: 15px 15px 30px;background-color:#ffffff;border: solid 1px #dddddd;position: relative;z-index: 5;height: 500px;}
.ibStCharaIn h4{padding-bottom: 15px;background: url(img/bg_ibStyBottom.jpg) no-repeat center bottom;text-align: center; margin-bottom: 14px; font-size: 15px;}
.ibStCharaIn p{ padding-top: 15px;}
.ibStCharaIn .ibStImgIn{text-align: center;}
.ibStCharaIn .rightTop{position: absolute; z-index: 5; top:-7px ; right: -5px;}
.ibStCharaIn .leftBottom{position: absolute; z-index: 5; bottom:-7px ; left: -5px;}
.characteristic .ibStBot{overflow: hidden;}
.characteristic .ibStPra{float: left;}
.characteristic .ibStPra p {font-size: 30px; line-height: 60px; font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;}
.characteristic .ibStPra p span{border-bottom: solid 2px #b49672; padding-bottom: 8px;}


/*お客様の声*/
.richH2 {background: url(img/bg_title01.jpg) no-repeat center top; padding: 25px 0 35px; background-color: #0e0e0e}
.richH2 h2{text-align: center;}
.reviewIn {background-color: #f6f6f6; min-height: 500px; }
.iframeContent { position: relative; width: 100%; padding: 56.25% 0 0 0;}
.iframeContent iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.reviewLeft{padding-right: 15px}
.reviewRight{padding-left: 15px}
.businessBadge{text-align: center; padding: 5px 10px; border: 1px solid #333; font-size: 15px; max-width: 120px;}
.reviewBadge{background: #004290; font-size: 18px; padding: 10px; color: #ececec; display: inline-block;}
.reviewerName{margin-bottom: 20px;}
.eachReview{padding: 30px 0; border-bottom: 1px dotted #dddddd;}
.eachReview p{margin-bottom: 20px;}

/*行政との取り組み*/
.torikumi {background-color: #f6f6f6;}
.torikumi .titleBar{text-align: center;}
.torikumi h3{padding: 10px; text-align: center; font-size: 20px; line-height: 1.5}
.torikumiBox01{border: solid #004290 4px;  padding: 15px; margin: 35px 10px; background: url(img/img_torikumi01.jpg) no-repeat right bottom #fff; height: 480px;}
.torikumiBox02{border: solid #004290 4px;  padding: 15px; margin: 35px 10px; background: url(img/img_torikumi02.jpg) no-repeat right bottom #fff; height: 480px}
.torikumi p {padding: 20px 20px 100px 20px; line-height: 1.8;}
.shinbun {border: solid #ccc 4px; margin: 0px 10px 35px 10px;  text-align: center; padding: 20px 15px; background-color: white;}
.shinbunChild{margin: 10px 5px;}
.shinbun h3{padding: 10px;}

/*東京リサーチとの取り組み*/
.tokyoResearchBox h3{background: url(img/img_torikumi07.jpg) no-repeat bottom center; padding: 20px 0 20px 20px; margin-right: 400px;}
.tokyoResearch {background-color: #f6f6f6; }
.tokyoResearchBox{border: solid #004290 4px; margin: 35px 10px; background: url(img/img_torikumi06.jpg) no-repeat right bottom #fff; }
.tokyoResearchBox p {padding: 20px 400px 20px 20px; line-height: 1.8;}

/*完全成果報酬型の料金体系*/
.price {background: url(img/bg_jirei01.jpg); padding: 30px 0; position: relative;}
.priceChild{margin: 20px; text-align: center;}
.anshin {background: url(img/img_price06.png) no-repeat left center; margin: 20px;}
.anshin p{margin: 0px 20px 20px 50px; font-size: 30px;}
.pointChild01{background: url(img/img_point01.png) no-repeat white center left 15px; padding: 0px 32px 0px 90px ; margin: 15px;}
.pointChild02{background: url(img/img_point02.png) no-repeat white center left 15px; padding: 0px 32px 0px 90px ; margin: 15px;}
.pointChild03{background: url(img/img_point03.png) no-repeat white center left 15px; padding: 0px 32px 0px 90px ; margin: 15px;}
.pointChild img{position: absolute; }
.price p{ line-height: 1.8;}
.pointChild01 .attention{position: absolute;width:320px;left:calc(50% - 160px);margin:0 auto;top:-10px;text-align:center;background: #2260ba;color:#fff;font-size:12px;padding: 5px;}

/*他社の営業代行サービスとの比較*/
.comparison{background: url(img/bg_contact01.jpg); padding: 30px 0;}
.comparison table tr{height: 85px;}
.comparison .IBtable tr th:first-child{background: url(img/bg_comparison01.jpg) no-repeat; width: 40%; text-align: center; color: #ffffff; font-size: 17px; border: none; border-bottom: 1px solid #dddddd; background-color: white; padding: 10px; background-size: cover;}
.comparison .IBtable tr:first-child th:first-child{background: none;}
.comparison .IBtable tr:first-child th{background: #004290; font-size: 20px; color: white; text-align: center; padding: 10px;}
.comparison .IBtable th{border: #004290 3px solid;}
.comparison .IBtable td{border: #004290 3px solid; border-bottom: 1px solid #dddddd; border-top: none;  padding: 0 10px 0 50px; background: url(img/img_comparison08.png) no-repeat left 10px center #ffffff;}
.comparison .IBtable tr:last-child td{border-bottom: #004290 3px solid;}
.comparison .IBtable tr:first-child{height: auto;}

.otherTable {margin-top: 1px; border: 3px solid #dddddd;}
.comparison .otherTable tr:first-child{height: auto;}
.otherTable tr th{background: #dddddd; font-size: 20px; color: #004290; text-align: center; padding: 10px; width: 45%;}
.otherTable tr th:first-child{border-right: 1px solid #aaa;}
.otherTable td{border: #dddddd 3px solid; border-bottom: 1px solid #dddddd; border-top: none;  padding: 0px 10px 0px 50px; background: #ffffff;}
.otherTable .triangle{background: url(img/img_comparison11.png) no-repeat left 10px center #ffffff;}
.otherTable .cross{background: url(img/img_comparison09.png) no-repeat left 10px center #ffffff;}
/*お問い合わせ*/
#contactForm{background: url(img/bg_form01.jpg) no-repeat #2662b7; min-height: 500px; padding-bottom: 30px;}
.contactFormInner h2{text-align: center; margin: 35px 10px;}
.formBox{background: #ffffff; padding: 20px; min-height: 200px; border: #205299 1px solid;}
.formBox .bnr-online{display: block;margin:0 auto 20px;}
.must{padding: 3px 5px;margin-left: 10px;color: white;background-color: #1b5dbd;font-size: 10px; text-align: center;display: inline-block;}
.any{padding: 3px 5px;margin-left: 10px;color: white;background-color: #b0afaf;font-size: 10px; text-align: center;display: inline-block;}
.formBox .inputSubject{text-align: center; font-weight: bold; font-size: 14px; padding:10px 0;}
.eachQuestion{margin-bottom: 20px;}

input.wpcf7-form-control.wpcf7-text{border: 1px solid #ccc;border-radius: 4px;font-size: 100%;background: #f6f6f6; width: 90%; padding: 5px; max-width: 400px;}
.freeInput{border: 1px solid #ccc;border-radius: 4px;font-size: 100%;background: #f6f6f6; width: 100%; max-width: 680px}
#submitBtn{text-align: center; border-top: 1px dotted #dddddd ;}
input.wpcf7-form-control.wpcf7-submit{background: #dc2a32;border-bottom: 5px solid #9b1b1e;box-shadow: rgba(0, 0, 0, 0.298039) 1px 1px 1px;color:white;font-size: 15px;letter-spacing: 5px; width: 75%; max-width: 500px; padding: 10px 0;}
#inquiryRadio .wpcf7-list-item-label{color: #4c2014; font-weight: normal;}
.inquiryBox p{padding: 10px;}
.inquiryBox .row{border-top: 1px dotted #dddddd ;}
.contactHosoku{font-size: 10px; display: inline-block; margin-left: 10px;}

/*営業代行は結果がすべて*/
.achievement{background: url(img/bg_achivement01.jpg) repeat top center;}
.achievement h2{text-align: center;}
.achievement p{font-size: 13px;}
.eachAchievement{background: url(img/bg_achivement02.jpg) no-repeat center top; padding-bottom: 10px;}
.eachAchievementInner{min-height: 120px; background-image: url(img/bg_achivement03.png),url(img/bg_achivement04.png); background-position: left top,right top; background-repeat: no-repeat, no-repeat;  }
.eachAchievementLeft{margin-left: 80px; background: #ffffff; position: relative; padding-left: 110px; text-align: center;min-height: 120px;}
.eachAchievementLeft p{font-size: 20px;}
.eachAchievementRight{margin-right: 80px; background: #ffffff; min-height: 120px; padding: 10px 0;}
.achivementBadge{padding: 5px 0; width: 100px; text-align: center; display: inline-block; background: #ffff97; margin: 10px 5px; font-weight: bold; font-size: 16px;}
.badgeGroup{position: absolute; top: -5px; left: 0px;}
.achivementInnerBadge{background: #e14a51; color: #ffffff; font-size: 12px; width: 150px; display: inline-block; margin-bottom: 15px; padding: 3px;}

/*なぜIB式営業代行が選ばれるのか*/
.reason{background:#f6f6f6; padding: 30px 0;}
.reason h3{text-align: center;}
.reasonTopImg{margin: 10px 0;}
.reasonBottomImg{margin: 10px 0;}
.eachReason{margin: 25px 0;}
.eachReason h4{font-size: 25px; color: #265fb6; line-height: 1.5; margin-bottom: 5px;}
.eachReasonLeft{padding: 10px;}
.reasonNumber{display: inline-block; color: #ccc; font-size: 30px;}

/*選ばれる自信があります*/
.confident{background: url(img/bg_confident01.jpg); padding: 30px 10px;}
.confident h3{text-align: center; margin-bottom: 20px;}
.eachConfident{margin: 0 auto; background: #fff; max-width: 455px; border: 1px solid #ccc; position: relative;}
.eachconfidentInner{ padding: 15px; background: url(img/bg_confident02.png) no-repeat bottom center;height: 500px;}
.confidentTop{font-size: 17px; padding-bottom: 10px; background: url(img/img_confident02.jpg) no-repeat center bottom; line-height: 1.5;}
.confidentBottom{margin: 10px 0; font-size: 14px; line-height: 1.7;}
.confident .rightTop{position: absolute; z-index: 5; top:-7px ; right: -5px;}
.confident .leftBottom{position: absolute; z-index: 5; bottom:-7px ; left: -5px;}

/*事例*/
.jirei{background: url(img/bg_jirei01.jpg) top center; padding: 30px 0;}
.jirei h3 {text-align: center; margin-bottom: 30px;}
.eachJirei{background: url(img/bg_jirei02.png) no-repeat center top #ffffff; border: 1px solid #ccc; position: relative; padding: 20px 0; margin: 20px 0;}
.jireiBadge{position: absolute; left: 10px; top: -5px;}
.jireiDescription{text-align: center; font-size: 20px; background: url(img/img_jirei03.png) no-repeat bottom center; padding: 5px 0 10px;}
.jireiDesOuter{padding:20px 10px 30px; border-bottom: 1px dotted #dddddd ; margin: 0 10px;}
.spJireiDescription{font-size: 20px;text-align: left; padding: 120px 10px 30px 10px; border-bottom: 1px dotted #dddddd ;}
.orderDescription{margin: 10px 10px 10px 185px; padding-left:50px; background: url(img/img_jirei04.png) no-repeat top left; color: #d32b37; font-weight: bold; font-size: 24px;}
.orderDescription span{ color: #333; font-size: 14px;}
.orderDescriptionOuter{border-bottom: 1px dotted #dddddd; margin: 0 10px;}

/*会社概要*/
#company .richH2{padding: 40px 0 55px;}
.company {background-color: #f6f6f6; padding: 50px 0; }
.company table {border-top: dotted 1px; border-bottom: dotted 1px;}
.company th{ padding: 10px; width: 20%; text-align: center;border-top: dotted 1px; border-bottom: dotted 1px; border-color: #ccc; line-height: 1.5; vertical-align: middle;}
.company td{ padding: 10px; width: 70%; border-top: dotted 1px; border-bottom: dotted 1px; border-color: #ccc; line-height: 1.5; vertical-align: middle; }

/*page.php*/
.pageWrapper {background: url(img/bg_confident01.jpg);border-top: #2a57aa 5px solid; min-height: 500px;}
.pageWrapper h1{font-size: 24px; background: url(img/img_torikumi07.jpg) no-repeat right bottom; padding-bottom: 15px;}
.pagemain{border: 3px solid #dddddd ;padding: 20px 80px; background: #fff; margin:30px 0; box-shadow: 1px 1px 1px 3px rgba(0,0,0,0.2); max-width: 768px; margin: 20px auto;}

/*よくあるご質問*/
#faq .richH2{padding: 40px 0 55px;}
.faqBox{background-color: #f6f6f6; padding: 50px 15px; }
.faqList h3{border-bottom: 1px solid #cbcbcb; color: #2f66b0; font-size: 17px; font-weight: bold; margin: 0 0 10px; padding: 0 0 15px;}
.faqList h3 span{font-size: 25px;}
.answer{margin: 0 0 0px; padding: 0px 0 15px 0; overflow: hidden;display: flex;align-items: center;}
.answer span{color: #2da2b1; font-size: 25px; font-weight: bold;display: block;width: 43px;}
.answerText{font-size: 13px; padding: 15px 0;width: calc(100% - 43px);}

/*leeabtest追加*/
.defaultInnerBox{margin: 10px 0;}
.defaultInnerHead{background: url(img/bg_defaultInnerBox02.png) no-repeat left top,url(img/bg_defaultInnerBox03.png) no-repeat right top; padding: 5px 10px; min-height: 55px; margin: 0px 5px;}
.defaultInnerBoxBottom{margin: -4px 10px 0; padding:20px 15px; background: #ffffff; border: 1px solid #dddddd; border-top: none;height: 380px;}

.defaultInnerTit{color: #ffffff; font-size: 15px; display: inline-block; margin: 5px 10px;}
.defaultInnerDes{padding: 0 10px;}
.companyDescription{padding: 30px 0 20px; margin:0 5px;}

.defaultInnerHead img{vertical-align: top;}

#whatis2{background: #f6f6f6; padding-bottom: 30px;}
#whatis2 .richH2{padding: 40px 0 55px;}

.flow-text {
  display: none;
  z-index: 9999;
  width: 100%;
  padding: 10px 0;
  position: fixed;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  overflow: hidden;
  text-align: left;
  font-weight: bold;
  background: linear-gradient(45deg,#1f59be,#024c86);
  background-size: cover;
  /* animation: osirase 5s ease infinite; */
}
.flow-text p:after {content: "";white-space: nowrap;}
.flow-text p {color: #fff;margin: 0;font-size: 16px;padding-left: 100%;display: inline-block;white-space: nowrap;animation-name:flowtext;animation-timing-function:linear;animation-duration:12s;animation-iteration-count:infinite;letter-spacing: 1px;}
@keyframes flowtext {from {transform:translate(0);} to {transform:translate(-100%);}}
@media screen and (max-width:480px){.flow-text p{font-size: 141d88ccpx;}}
/*------------------------------------------
モバイル
-------------------------------------------*/
@media(max-width: 959px){
  .eachAchievementRight{ padding: 0 20px 10px; margin-right: 0; min-height: 0;}
  .eachAchievementLeft{ margin-left: 0; padding: 10px 0 10px 0; min-height: 0;}
  .havechild{margin-bottom: 10px;}
  .copyright{padding: 14px 0;}
  .otherTable{margin-top: 30px;}
  .comparison{padding: 30px 10px; }
  .richH2{padding: 25px 10px 35px;}
  .tokyoResearchBox p {padding: 20px;}
  .tokyoResearchBox h3 {padding: 20px; margin-right: 0;}
  .jireiDesOuter{padding:20px 0 30px 145px;}
  .eachconfidentInner{height: auto;}
  .eachConfident{margin: 10px auto;}
  .ibStCharaIn{height: auto;}
  .ibStChara .ibStPra p {background: rgba(2,2,2,0.3); color: white;padding: 0 10px 0;}
  .pointChild02{padding: 32px 32px 32px 90px;}
  .headbtn1{margin-top: 25px;}
  .fixed{
  position: fixed;
  top: 0px;
  right: 0px;
  width: 100%;
  z-index: 9999;
  border-bottom: 3px solid #00448e; 
  background: #ffffff;}
  .contacttoget02{margin-bottom: 10px;}
  .maincatchTop{width: 590px;}
  .maincatch{background: url(img/bg_maincatch01.jpg) no-repeat right -200px top;}
  .characteristic .ibStPra{padding: 20px;}
  .defaultInnerBoxBottom{height: auto;}
}

@media(max-width: 767px){
  .reviewLeft, .reviewRight{padding: 0 10px;}
  .businessBadge{margin-bottom: 10px;}
  .formBox{margin: 0 10px;}
  .torikumi p{padding: 20px; background-color: rgba(255,255,255,0.7);}
  .tokyoResearchBox p {background-color: rgba(255,255,255,0.8);}
  .eachAchievement{padding: 10px;}
  .reasonDescription{margin: 10px 0;}
  .reason{padding: 30px 10px;}
  .orderDescription{margin: 20px 10px;}
  .maincatch{background: url(img/bg_maincatch01.jpg) no-repeat left top #213d62; text-align: center; padding: 0 10px;}
  .maincatchLeft{margin-top: 30px;}
}

@media(max-width: 480px){
  .giveaway {padding: 10px;}
  .contacttoget01 {margin: 20px;}
  .contacttoget02 {margin: 20px;}
  .company {padding: 30px 10px;}
  .company th{ width: 25%;}
  .comparison table tr{height: 90px;}
  .meritBox{margin: 25px 30px;}
  .whyBadge{background: #004290; font-size: 18px; padding: 15px; color: #ececec; display: inline-block; margin-bottom: 10px; font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; }
  .whyBadgeChild01{margin: 0px; padding: 0px;}
  .whyBadgeChild02{margin: 0px; padding: 0px;}
  .badgeGroup{display: none;}
  .torikumi p{padding: 5px;}
  .tokyoResearchBox p {padding: 30px;}
  .ibStChara .ibStPra p {font-size: 18px;}
  .headLeft{max-width: 230px;}
}

/*---------------------------

  20200114_ファーストビューリニューアル

---------------------------*/

.fv__contact{
  background-color: #024c86;
  padding: 20px 40px;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
.fv__contact.-sp{
  display: none;
}
.fv__copy{
  padding-left: 20px;
  border-left: solid 2px #fff;
}
.fv__phone{
  padding-right: 0px;
}
@media(max-width: 767px){
  .fv__contact.-pc{
    display: none;
  }
  .fv__contact.-sp{
    display: block;
    padding: 15px;
  }
  .fv__copy{
    padding-left: 0px;
    border-left: none;
    padding: 0 32px 12px;
  }
  .fv__contact-bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .fv__phone{
    padding-right: 15px;
  }
  .fv__btn{
    padding-left: 15px;
    border-left: solid 1px #fff;
  }
}


/*-------------------------------------------
本田圭佑ver
-------------------------------------------*/

/* 圧倒的な実績 */
.achievement.hk{
  background: #000 url(img/honda/bg_achivement.png) no-repeat top center / 100%;
  padding: 0 0 80px;
}

.eachAchievement.hk{
  background: none;
}

.achievement__head{
  position: relative;
}

.achievement__head-photo{
  position: relative;
  z-index: 0;
  width: 320px;
  margin: auto;
  display: block;
  bottom: -25px;
}

.achievement__head-text.hk{
  z-index: 1;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  bottom: 0;
}

.characteristic.hk{
  position: relative;
  padding: 80px 0 40px;
  background: #e6f4fe;
}

.characteristic__photo{
  position: absolute;
  right: 120px;
  bottom: 0;
  width: 360px;
  z-index: 10;
}

.anshin__head{
  display: flex;
  align-items: center;
  justify-content: center;
}
.anshin__photo{
  max-width: 200px;
}

.anshin__title{
  font-size: 48px;
  font-weight: bold;
  border-top: solid 3px;
  border-bottom: solid 3px;
  color: #2060ba;
  width: 540px;
  text-align: center;
  background: #fff;
}

.pointChild01,.pointChild02,.pointChild03{
  border: solid 3px #2060ba;
  height: 145px;
  display: flex;
  align-items: center;
}

@media(max-width: 767px){
  .achievement__head{
    padding: 40px 20px 20px;
  }
  .achievement__head.hk{
    padding: 0px;
  }
  .achievement__head-photo{
    max-width: 260px;
  }
  .achievement__head-text.hk{
    padding: 20px;
  }
  .characteristic.hk{
    padding-bottom: 340px;
  }
  .characteristic__photo{
    max-width: 240px;
    right: auto;
    left: 50%;
    transform: translateX(-50%);
  }
  .anshin__head{
    flex-direction: column-reverse;
    gap: 20px;
  }
  .anshin__title{
    width: 100%;
    font-size: 24px;
    padding: 10px 0;
  }
}
.sp-db{
  display: none;
}
@media(max-width: 767px){
  .pc-db{
    display: none;
  }
  .sp-db{
    display: block;
  }
}
.whyHeading{
  padding: 110px 10px 40px;
  position: relative;
  z-index: 100;
}
.whyHeading::before{
  content: "";
  background: url(img/whyHeading_img.png) center center/contain no-repeat;
  width: 284px;
  height: 378px;
  position: absolute;
  bottom: 0;
  left: 10px;
}
.whyHeading__text{
  margin: 0 0 0 auto;
  max-width: 696px;
  position: relative;
  z-index: 100;
}
.whyHeading__text img{
  width: 100%;
}
@media(max-width: 959px){
  .whyHeading{
    padding: 180px 10px 40px;
  }
  .whyHeading__text{
    max-width: 500px;
  }
}
@media(max-width: 767px){
  .whyHeading{
    padding: 280px 0 0px;
    position: relative;
    z-index: 100;
  }
  .whyHeading::before{
    width: 230px;
    height: 328px;
    
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
  .whyHeading__text{
    margin: 0 auto;
    max-width: 100%;
  }
}
.companyList{

}
.companyList__item{
  background: #fff;
  margin-top: 28px;
  font-size: 25px;
  font-weight: 700;
  color: #2B63B5;
  padding: 18px 10px 18px 70px;
  border: 1px solid #DDDDDD;
  position: relative;
}
.companyList__item::before{
  content: "";
  background: url(img/img_confident08.png) center center/contain no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;  
  top: -6px;
  left: -6px;
}
.companyList__item::after{
  content: "";
  background: url(img/img_confident09.png) center center/contain no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;  
  bottom: -6px;
  right: -6px;
}
.companyList__item span{
  position: relative;
}
.companyList__item span::before{
  content: "";
  width: 45px;
  height: 45px;
  position: absolute;  
  top: 50%;
  left: -59px;
  transform: translateY(-50%);
}
.companyList__item--num01{
  margin-top: 0;
}
.companyList__item--num01 span::before{
  background: url(img/companyList_num01.png) center center/contain no-repeat;
}
.companyList__item--num02 span::before{
  background: url(img/companyList_num02.png) center center/contain no-repeat;
}
.companyList__item--num03 span::before{
  background: url(img/companyList_num03.png) center center/contain no-repeat;
}
.companyfootText{
  max-width: 556px;
  margin: 30px 0 0 0;
}
.container--company{
position: relative;
}
.container--company::after{
  content: "";
  background: url(img/company_img.png) center center/contain no-repeat;
  width: 260px;
  height: 329px;
  position: absolute;
  bottom: -30px;
  right: 24px;
}
@media(max-width: 959px){
  .container--company::after{
    width: 210px;
    height: 282px;
    position: absolute;
    bottom: -30px;
    right: 0px;
  }
}
@media(max-width: 767px){
  .companyList{
    max-width: 329px;
    margin: 0 auto;
  }
  .companyList__item{
    font-size: 21px;
    padding: 75px 17px 16px;
  }
  .companyList__item span{
    position: relative;
    display: block;
  }
  .companyList__item span::before{
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
  }
  .companyfootText{
    max-width: 100%;
    margin: 300px 16px 0;
    position: relative;
    z-index: 10;
  }
  .companyfootText img{
    width: 100%;
  }
  .container--company::after{
    content: "";
    background: url(img/company_img.png) center center/contain no-repeat;
    width: 220px;
    height: 290px;
    position: absolute;
    bottom: 90px;
    left: 50%;
    transform: translateX(-50%);
  }
}


.anshinPoint{
  background: linear-gradient(85.25deg, #93B7EC 3.1%, #2961AF 98.66%);
  mix-blend-mode: multiply;
  padding: 17px 25px 20px;
  position: relative;
  margin: 80px 0 0 0;
}
.anshinPoint::after{
  content: "";
  width: 364px;
  height: 385px;
  background: url(img/honda/anshin__photo.png) center center/contain no-repeat;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.anshinPoint__title{
  max-width: 443px;
  margin: 0 139px 0 328px;
}
.anshinPoint__title img{
  width: 100%;
}
.anshinPoint__col{
  display: flex;
}
.pointChild01,.pointChild02,.pointChild03{
  margin: 0;
  border: none;
}
.pointChild02{
  border-right: solid 3px #2060ba;
  border-left: solid 3px #2060ba;
}
@media(max-width: 959px){
  .anshinPoint{
    margin: 120px 0 0;
  }
}

@media(max-width: 767px){
.anshinPoint{
  padding: 200px 19px 16px;
  position: relative;
  margin: 40px 0 0 0;
}
.anshinPoint::after{
  content: "";
  width: 280px;
  height: 320px;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.anshinPoint__title{
  margin: 0 auto;
  padding: 0 20px;
}
.anshinPoint__col{
  flex-direction: column;
}
.anshinPoint__col__item{
  margin-bottom: 7px;
}
.pointChild02{
  border: none;
}
}