/*-------------------------------------------
ベースコーディング
-------------------------------------------*/
/*文字コード*/
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
-------------------------------------------*/

/*なぜ選ばれるのか*/
.whyDaiko {background-color: #f6f6f6; text-align: center;}
.whyTit {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;}
.characteristicInAp{padding: 16px 0;}
.characteristicOut{padding: 16px;}
.characteristicIn{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;}
.characteristicIn h4{padding-bottom: 15px;background: url(img/bg_ibStyBottom.jpg) no-repeat center bottom;text-align: center; margin-bottom: 14px; font-size: 15px;}
.characteristicIn p{ padding-top: 15px;}
.characteristicIn .ibStImgIn{text-align: center;}
.characteristicIn .rightTop{position: absolute; z-index: 5; top:-7px ; right: -5px;}
.characteristicIn .leftBottom{position: absolute; z-index: 5; bottom:-7px ; left: -5px;}
.characteristic .ibStBot{overflow: hidden;}
.characteristic .ibStPra{float: left;}
.characteristic .ibStPra p {font-size: 27px; 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;}
.review {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; }
.torikumiBox02{border: solid #004290 4px;  padding: 15px; margin: 35px 10px; background: url(img/img_torikumi02.jpg) no-repeat right bottom #fff; }
.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 10px; padding: 32px 32px 32px 90px ; margin: 15px;}
.pointChild02{background: url(img/img_point02.png) no-repeat white center left 10px; padding: 27px 32px 14px 90px ; margin: 15px;}
.pointChild03{background: url(img/img_point03.png) no-repeat white center left 10px; padding: 32px 32px 32px 90px ; margin: 15px;}
.pointChild img{position: absolute; }
.price p{ line-height: 1.8;}

/*他社の営業代行サービスとの比較*/
.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;}
.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;}
.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;}
/*------------------------------------------
モバイル
-------------------------------------------*/
@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;}
  .eachConfident{margin: 10px auto;}
  .characteristic .ibStPra p {background: rgba(2,2,2,0.3); color: white;padding: 0 10px 0;}
  .pointChild02{padding: 32px 32px 32px 90px;}
}

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

@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;}
  .characteristic .ibStPra p {font-size: 18px;}
  .headLeft{max-width: 230px;}
}