/*-------------------------------------------
ベースコーディング
-------------------------------------------*/
/*文字コード*/
body, textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif; font-size: 15px; color:#333333; line-height: 1.8;}
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;}
/*-------------------------------------------
全体構成
-------------------------------------------*/
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;}

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

/*-------------------------------------------
専任コンサルタント
-------------------------------------------*/
.eachTeacherInner{position: relative;}
.teacherTitle{text-align: center; padding: 30px 0;}
#consultant{background: url(img/teacher/bg_teacher.jpg);}
.teacher1{background-color: #113172; padding: 17px 0 ;}
.teacher2{background-color: #12378a; padding: 16px 0 ;}
.teacher3{background-color: #0f3ca3; padding: 16px 0 ;}
.teacherInnerName{font-size: 30px; color: #ffffff;}
.teacherInnerPosition{font-size: 16px; color: #ffffff; position: absolute; top: 15px; right: 5px;}
.teacherInnerDescription{font-size: 15px; color: #ffffff;}
.teacherInnerLeft{padding: 17px 26px 17px;}
.subTitle{display: block; font-size: 23px; margin-top: 10px;}


/*-------------------------------------------
よくある質問
-------------------------------------------*/
#question{background: url(img/question/bg_question01.png); padding: 30px 0;}
#question h2{padding-bottom: 30px; text-align: center;}

.eachQuestionInner{background: url(img/question/bg_question02.png); border: 1px solid #d9dbe0; }

.eachQuestion{margin-bottom: 15px;}
.questionTop{text-align: center; padding: 32px 0;}
.questionInnerTit{color: #003178; font-size: 20px;}
.questionInnerDescription{font-size: 15px;}
.questionInnerRight{margin-left: 17px; display: inline-block;}
.eachQuestionUp{background: url(img/question/bg_question03.png) no-repeat bottom; padding: 12px 12px;}
.imgQuestion{margin-bottom: 15px;display: inline-block;}
.eachQuestionDown{margin-top: 15px; padding: 0 0 12px 12px;}

/*-------------------------------------------
お問い合わせ
-------------------------------------------*/
.tocontactTit{background: url(img/bg_tocontact01.jpg); }
.tocontactContent{background: url(img/bg_tocontact02.jpg) top right; padding: 20px 0 5px;}
.tocontacttoget02{background: url(img/bg_tocontact03.jpg) center center no-repeat; padding: 15px 21px;}
.tocontactBtnRow{position: relative; bottom: 10px; }
.tocontactMainImage{position: relative; z-index: 100;}

/*-------------------------------------------
pdcaを回せていない理由
-------------------------------------------*/
#reason{color: white; background:url(img/reason/bg_reason01.jpg) no-repeat top;}
#reason h2{text-align: center; padding: 20px 0;}
.eachReasonInner{ position: relative;}
.eachReasonNumber{position: absolute; top: 0px; left: 0px; z-index: 100;}
.eachReason{padding: 20px 0;}
.reason1{background: #113172;}
.reason2{background: #153a88;}
.reason3{background: #18439d;}
.reason4{background: #1c4db4;}
.reason5{background: #1f56ca;}
.reasonInnerTit{font-size: 20px; margin-bottom: 15px; font-weight: bold; color: white;}
.reasonInnerDescription{line-height: 1.8;}

/*-------------------------------------------
実績
-------------------------------------------*/
#achievement{background: url(img/achievement/bg_achievement01.jpg) center top;}
.achievementTit{text-align: center; margin: 20px 0;}
.eachAchievement{background: url(img/achievement/bg_achievement02.jpg) no-repeat center top; background-size: 100% 100%; padding: 20px; margin-bottom: 20px; line-height: 1.5;}
.badgeGroup{position: absolute; top: -25px; left: 0px;}
.eachAchievementLeft {position: relative; text-align: center;}
.eachAchievementRight{background: #ffffff; padding: 20px 0 10px;}
.achivementInnerBadge{background: #e14a51; color: #ffffff; font-size: 12px; width: 150px; display: inline-block; margin-bottom: 15px; padding: 5px;}
.achievementCenter{ padding: 10px 0 10px 100px; margin-right: 30px; border-right: 1px solid #ccc;}
.achievementCenterTit{font-size: 22px; margin-bottom: 5px;}


/*-------------------------------------------
PDCAマネジメントとは
-------------------------------------------*/
#whatis{background: url(img/management/bg_management01.jpg); background-size: cover;}
#whatis h2{ text-align: center; margin: 30px 0;}
.whatisTopDescription{text-align: center; font-weight: bold; margin-bottom: 30px;}
.whatisTitle{margin-bottom: 20px;}
.whatisMainImg{max-width: 390px; margin: 0 auto;display: block;}
.eachWhatisDescription{font-size: 12px;}
.eachWhatis{margin-bottom: 40px;}
.whatisRight{padding-left: 10px;}

/*-------------------------------------------
PDCAマネジメントの特徴
-------------------------------------------*/
#characteristic{color: #ffffff; background:url(img/characteristic/bg_characteristic01.jpg) no-repeat top;}
.characteristicTitle{text-align: center;  padding: 20px 0;}
.eachCharacteristicInner{ position: relative;}
.eachCharacteristicNumber{position: absolute; top: 0px; left: 0px; z-index: 100;}
.eachCharacteristic{padding: 20px 0;}
.characteristic1{background: #6a181f;}
.characteristic2{background: #7f1d25;}
.characteristic3{background: #93212b;}
.characteristicInnerTit{font-size: 20px; margin-bottom: 15px; font-weight: bold;}
.characteristicInnerDescription{line-height: 1.8;}


/*-------------------------------------------
サービス全体像
-------------------------------------------*/
#service{background: url(img/service/bg_service01.png);}
#service h2{text-align: center; padding: 20px 0;}
#service h3{font-weight: bold; margin-bottom: 20px;}
#service .numberBadge {color: #ffffff; background: #1c4db4; padding: 5px 8px; font-size: 19px; display: inline-block; margin-right: 10px;}
.serviceMainImg{text-align: center; border-bottom: 1px solid #cccccc; padding-bottom: 30px;}
.eachService{ padding: 20px; border-bottom: 1px solid #cccccc;}
.serviceFeatured{background: url(img/service/bg_service02.png); background-size: cover; color: white; padding: 20px 20px; font-size: 17px; font-weight: 500; margin : 20px 0; }

/*-------------------------------------------
支援事例の紹介
-------------------------------------------*/
#case{background: url(img/case/bg_case01.png); padding-bottom: 30px;}
#case h2{padding: 30px 0; text-align: center;}
.eachCase{padding: 20px 30px; background: url(img/case/bg_case05.jpg) no-repeat; background-size: 100% 100%; position: relative; margin-bottom: 10px;}
.caseBadge{position: absolute; top:-5px;}
.caseTitle{margin: 0 0 30px 150px; background: url(img/case/bg_case06.jpg) no-repeat bottom left; padding: 0 10px 10px; font-size: 30px; font-weight: bold;}
.caseBefore{padding-right: 20px;}
.caseBeforeTitle{margin-bottom: 10px; color: #003178; font-size: 20px; font-weight: bold;}
.caseAfter{padding-left: 20px;}
.caseAfterTitle{margin-bottom: 10px; color: #3e2401; font-size: 20px; font-weight: bold;}
.eachCaseTop{ background: url(img/case/bg_case02.png) center center; margin-bottom: 10px; padding: 10px 20px; background-size: auto 100%; border: 1px solid #d9dbe0; }
.eachCaseBottom{background: url(img/case/bg_case03.png); background-size: auto 100%; border: 1px solid #e7dee6; padding: 10px 20px;}
.caseResultTitle{color: #d90000; font-size: 20px; font-weight: bold; margin-bottom: 10px;}
.resultList li{ background: url(img/case/bg_case04.png) no-repeat left center; padding: 0 0 0 25px; margin-bottom: 5px; font-weight: bold;}

/*-------------------------------------------
支援領域
-------------------------------------------*/
#support{background: url(img/support/bg_support01.jpg); background-size: auto 100%; padding: 30px 0;}
#support h2{padding-bottom: 30px; text-align: center;}
.supportInner{ background: url(img/support/img_support02.png) center center no-repeat; min-height: 390px; position: relative;}
.supportGroup1{position: absolute; top: 150px; padding-right: 30px;}
.supportGroupTitle{ font-size: 22px; padding: 0 20px 5px; background: url(img/support/bg_support02.png) bottom left no-repeat; margin-bottom: 10px;}
.lineImg1{position: absolute; top: -25px;}
.lineImg2{position: absolute; left: -90px; top: 15px;}
.lineImg3{position: absolute; top: 15px; left: -85px;}
.supportGroup2{position: absolute; left: 30px; top: 25px;}
.supportGroup3{position: absolute; top: 260px; left: 30px;}
/*-------------------------------------------
行政との取り組み
-------------------------------------------*/
#cooperation{background: #f6f6f6;}
#cooperation h2{padding: 30px 0; text-align: center;}
.torikumi {background-color: #f6f6f6; padding-bottom: 30px;}
.torikumi .titleBar{text-align: center;}
.torikumi h3{padding: 10px; text-align: center; font-size: 20px; line-height: 1.5; border-bottom: 1px solid #e5e5e5;}
.torikumiBox01{border-top: solid #d9d9d9 5px; border-right: solid #d9d9d9 5px; border-left: solid #b9b9b9 5px; border-bottom: solid #b9b9b9 5px;  padding: 15px; margin: 0 10px 35px; background: url(img/cooperation/img_torikumi01.jpg) no-repeat right bottom #fff; }
.torikumiBox02{border-top: solid #d9d9d9 5px; border-right: solid #d9d9d9 5px; border-left: solid #b9b9b9 5px; border-bottom: solid #b9b9b9 5px; padding: 15px; margin: 0 10px 35px; background: url(img/cooperation/img_torikumi02.jpg) no-repeat right bottom #fff; }
.torikumi p {padding: 20px; line-height: 1.8; font-weight: bold; min-height: 250px;}
.shinbun {border: 5px solid #a42b2b; border-top: none; }
.shinbun h3{color: linear-gradient(white, gray); background: url(img/cooperation/bg_torikumi01.jpg); font-size:20px;}
.shinbunChild{margin: 10px 5px; text-align: center;}

/*-------------------------------------------
料金体系
-------------------------------------------*/
#price{ background: url(img/price/bg_price01.png); padding-bottom: 30px;}
#price h2{padding: 30px 0; text-align: center;}
#price .numberBadge {color: #ffffff; background: #1c4db4; padding: 0 8px; font-size: 19px; display: inline-block; margin-right: 10px;}
.priceTitle{background: url(img/price/img_price03.png) no-repeat left center; padding: 10px 0 10px 40px; font-size: 25px;}
.priceList li{padding: 10px 0; border-top: 1px solid #cccccc; margin-right: 20px;}
.priceList li:last-child{border-bottom: 1px solid #cccccc;}
/*-------------------------------------------
他社の営業代行サービスとの比較
-------------------------------------------*/
#comparison{background: url(img/bg_contact02.jpg); padding: 30px 0; line-height: 1.2;}
#comparison h2{ padding-bottom: 30px; text-align: center;}
#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: 18px; color: #004290; text-align: center; padding: 12px 10px; width: 45%; font-weight: normal;}
.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 40px; 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;}
.tableFeatured{font-size: 17px; font-weight: bold;}

/*-------------------------------------------
会社概要
-------------------------------------------*/
#company {background-color: #f6f6f6; padding: 30px 0; }
#company h2{padding-bottom: 30px; text-align: center;}
#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; }

/*-------------------------------------------
お問い合わせフォーム
-------------------------------------------*/
#contactForm{background: url(img/bg_form01.jpg) no-repeat #2662b7; min-height: 500px; padding-bottom: 30px; background-size: auto 100%;}
#contactForm h2{text-align: center; margin: 35px 10px;}
.formBox{background: #ffffff; padding: 20px; min-height: 200px; border: #205299 1px solid; font-size: 14px;}
.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;}


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

/*-------------------------------------------
ヘッダー
-------------------------------------------*/
.headLeft{margin: 15px;}
.headright p{font-size: 11px; margin: 10px 0; 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;}

.pcNavUl{background:url(img/bg_header01.jpg) no-repeat center top; text-align: center; overflow: hidden;}
.pcNavUl li{float: left;}

.maincatchImgTop{ margin-bottom: 30px;}
.maincatchImgBottom{ margin-bottom: 19px;}
.maincatch {background: url(img/bg_maincatch01.jpg) top right; padding: 30px 0; position: relative;}
.achievementImg{position: absolute; right:0px; top: 10px;}

/*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;}


/*-------------------------------------------
フッター
-------------------------------------------*/
/*footer全般*/
#footbody{background-color: #4d4d4d; font-size: 10px; }
/*foottit*/
.foottit {text-align: left; margin-bottom: 15px; color: #fff; 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;}


.pageWrapper{background: url(img/case/bg_case01.png);border-top: #2a57aa 5px solid; min-height: 500px;}
.pageWrapper h1{font-size: 24px; 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){
  /*フッター*/
  .havechild{margin-bottom: 10px;}
  .copyright{padding: 14px 0;}
  /*ヘッダー*/
  .tocontacttoget01{padding: 20px;}
  .maincatchImgTop{margin: 30px 0;}
  /*理由*/
  .reasonInnerLeft{margin-bottom: 20px;}
  .achievementCenter{border: none; padding: 10px 0; margin-right: 0;}

  .achievementCenter{border:none;}
  .eachAchievement{background: #ffffff; border: 2px solid #ccc; }
  /*専任コンサルタント*/
  .imgTeacher{text-align: center;}
  .eachQuestionDown{padding: 12px;}
  .eachAchievement{background: #ffffff;border-top: solid #d9d9d9 5px; border-right: solid #d9d9d9 5px; border-left: solid #b9b9b9 5px; border-bottom: solid #b9b9b9 5px;}
  .eachCaseTop{ background: #f1f6f8;}
  .caseAfter{padding-left: 0;}
  .caseBefore{padding-right: 0; margin-bottom: 20px;}
  .eachCase{background: #ffffff; border-top: solid #d9d9d9 5px; border-right: solid #d9d9d9 5px; border-left: solid #b9b9b9 5px; border-bottom: solid #b9b9b9 5px;}
  .caseTitle{margin: 90px 0 20px 0;}
  .IBtable{margin: 20px 0;}
  .whatisMainImg{max-width: 100%;}
  .supportInner{background: none;}
  .supportGroup1,.supportGroup2,.supportGroup3{position: static;}
  .supportGroupTitle{padding-left: 0;}
  .supportGroupDescription{margin-bottom: 20px;}
  .supportMainImg{text-align: center; margin-bottom: 20px;}
  .whatisRight{padding-left: 0;}
}

@media(max-width: 767px){
  .tocontacttoget01,.tocontacttoget02{text-align: center;}
  .teacherInnerName{position: static; text-align: center;}
  .teacherInnerPosition{position: static; text-align: center; margin: 10px 0 40px;}
  .headLeft{max-width: 200px;}
  .container{padding: 0 10px;}
  .subTitle{font-size: 16px;}
  #sticky {
  background: #ffffff;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  display: none;
  z-index: 9999;
  padding: 10px;
  border-radius: 5px;
  border: 3px solid #00448e;
}
.headrightTop{display: none;}
}

@media(max-width: 480px){
  .badgeGroup{display: none;}
}