@charset "utf-8";
/* CSS Document */
/* 20180313 作成　*/
/*-------------------
製品ページ　契約書資料ダウンロード　フォームページ用CSS
/contract/download/000.asp
-------------------*/
#contract {
   font-size: 16px;
}
.contents {
   width: 90%;
   max-width: 64em;
   margin: auto;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {}
/* ノートPC以上のサイズ 1200px(16×75em)~ lgサイズ */
@media screen and (min-width:75em) {}
/*-------------------
タイトル
-------------------*/
.page_title {
   text-align: center;
   padding: 6.75em 0 1.75em;
}
.page_title h1 {
   color: #333;
   font-weight: bold;
   font-size: 1.25em;
   line-height: 1.5;
   position: relative;
   padding-bottom: 1.25em;
}
.page_title h1:after {
   content: '';
   position: absolute;
   left: 50%;
   bottom: 0;
   display: inline-block;
   width: 60px;
   height: 3px;
   background-color: #2684E2;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
   .page_title h1 {
      font-size: 1.5em;
   }
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
   .page_title {
      padding: 10em 0 3.5em;
   }
}
/*-------------------
資料紹介
-------------------*/
#sec-form dl {
   margin-bottom: 3.5em;
}
#sec-form dt {
   text-align: center;
   margin-bottom: 1.5em;
}
#sec-form dd {
   margin-bottom: 1.5em;
   line-height: 1.5;
}
#sec-form dd ul li {
   line-height: 1.75;
   padding-left: 1em;
   text-indent: -1em;
}
#sec-form dd ul > li {
   margin-bottom: 10px;
}
#sec-form dd ul > li:first-child {
   font-weight: bold;
}
#sec-form dd ul li ul li {
   font-size: 0.9em;
   margin-bottom: 0;
}
#sec-form dd ul li ul li:first-child {
   font-weight: normal;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
   #sec-form dl {
      width: 420px;
      margin: auto;
   }
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
   #sec-form dl {
      margin-bottom: 3.5em;
      display: inline-block;
      width: 35%;
      vertical-align: top;
      margin-right: 6%;
   }
}
/*-------------------
フォーム
-------------------*/
.download-form {
   background-color: #f6f6f6;
   padding: 2.5em 0;
   margin-bottom: 3em;
}
p.note {
   padding: 0 1em;
   line-height: 1.5;
   margin-bottom: 1em;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
   .download-form {
      text-align: center;
   }
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
   .download-form {
      text-align: left;
      display: inline-block;
      width: 58%;
      padding-top: 2em;
   }
   p.note {
      font-size: 0.9em;
      padding-left: 34px;
      margin-bottom: 24px;
   }
}
#sec-form .download-form [id^="mktoForm_"] span.mktoButtonWrap {
   margin-left: 0 !important;
   display: block !important;
   margin: 0 auto !important;
   width: 200px !important;
}
#sec-form .download-form [id^="mktoForm_"] .mktoButtonRow {
   display: block !important;
}
.mktoForm div, .mktoForm span, .mktoForm label, .mktoForm p {
   margin-bottom: 0.25em !important;
}
#CONTRACT_Inquiry {
   height: 80px !important;
}
.mktoHtmlText p {
   font-size: 14px;
   line-height: 1.3;
   margin: 1em 0 !important;
}
.mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton {
   font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif !important;
   background: #2684E2 !important;
   border: none !important;
   border-radius: 0px !important;
   width: 200px !important;
   height: 47px !important;
   font-size: 1em !important;
}
/* タブレット縦サイズ 768px(16×48em)~ smサイズ */
@media screen and (min-width:48em) {
   #sec-form .download-form [id^="mktoForm_"] {
      margin: auto;
   }
}
/* タブレット横サイズ 1024px(16×64em)~ mdサイズ */
@media screen and (min-width:64em) {
   #sec-form .download-form [id^="mktoForm_"] {
      width: 100% !important;
   }
   .mktoForm .mktoFormRow {
      width: 92% !important;
      margin: auto;
   }
   .mktoForm .mktoFieldWrap input#Company, .mktoForm .mktoFieldWrap input#Email, .mktoForm .mktoFieldWrap input#workplace_of_the_phone_number, .mktoForm .mktoFieldWrap select#Contract_introduction_time, .mktoForm .mktoFieldWrap textarea#workplace_of_the_address, .mktoForm .mktoFieldWrap textarea#CONTRACT_Inquiry {
      width: 393px !important;
   }
   .mktoForm .mktoFieldWrap select#industry1, .mktoForm .mktoFieldWrap select#Seminar_Contract_employees_range, .mktoForm .mktoFieldWrap select#department_name, .mktoForm .mktoFieldWrap select#managerial_position_name {
      width: 393px !important;
   }
   .mktoForm .mktoFieldWrap label {
      width: 123px !important;
   }
   .mktoForm .mktoFieldWrap input#LastName, .mktoForm .mktoFieldWrap input#FirstName {
      width: 125px !important;
   }
   .mktoHtmlText {
      width: 100% !important;
   }
   .mktoHtmlText p {
      font-size: 13px !important;
      margin-top: -18px !important
   }
   .mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton:hover {
      opacity: 0.8;
   }
}