/* ===================================
   インラインスタイルから抽出したCSS
   =================================== */

/* ヘッダー - ロゴエリア */
.header-logo-position {
  top: 20px;
  width: 219px;
  height: 39px;
  left: 31px;
  right: auto;
}

/* ヘッダー - 画像エリア */
.header-image-position {
  top: 0px;
  width: 144px;
  height: 128px;
  right: 39px;
  left: auto;
}

/* ヘッダー - メニューエリア */
.header-menu-position {
  top: 29px;
  right: 205px;
  left: auto;
}

/* メニュー - サブメニュー非表示 */
.submenu-hidden {
  display: none;
}

/* メニュー - 左マージン */
.submenu-text-indent {
  margin-left: 15px;
}

/* メニューボタンエリア */
.menu-btn-area {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 128px;
  width: 128px;
  display: none;
}

/* メニューボタン - リンクスタイル */
.menu-btn-link {
  height: 100%;
  width: 100%;
  text-align: center;
  display: inline-block;
}

/* ヘッダーボトムエリア */
.header-bottom-container {
  width: 100%;
  display: none;
  padding: 15px 0px;
}

/* ヘッダーボトム背景 */
.header-bottom-bg {
  width: 100%;
}

/* メイン - 高さ100% */
.main-full-height {
  height: 100%;
}

/* セクション4 - 高さ */
.section4-height {
  height: 129.293%;
}

/* セクション4 - 背景画像 */
.section4-bg-image {
  background-image: url(../files/libs/154/201904181019015586.jpg);
}

/* ブロック95 - 位置とサイズ */
.block95-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 30%;
  left: 2.46%;
  top: 93%;
  right: 67.55%;
  z-index: 5;
}

/* ブロック95 レコード34 - スタイル */
.record-no-border-no-padding {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top-style: none;
  border-top-width: 0px;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-right-style: none;
  border-right-width: 0px;
  border-left-style: none;
  border-left-width: 0px;
  box-shadow: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

/* ブロック54 - 位置とサイズ */
.block54-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 27.2727%;
  left: -0.36%;
  top: 45%;
  right: 73.1%;
  z-index: 1;
}

/* ブロック54 レコード9 - 黒背景半透明 */
.record-dark-overlay-bg {
  background-color: rgba(0, 0, 0, 0.4);
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top-style: none;
  border-top-width: 0px;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-right-style: none;
  border-right-width: 0px;
  border-left-style: none;
  border-left-width: 0px;
  box-shadow: none;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

/* テキストスタイル - ヒラギノ角ゴW6 */
.text-hirakaku-w6 {
  font-family: 'fp-hirakakupron-w6';
}

/* テキストスタイル - フォントサイズ240% */
.text-size-240 {
  font-size: 240%;
}

/* テキストスタイル - 白色 */
.text-white {
  color: #FFFFFF;
}

/* ブロック56 - 位置とサイズ */
.block56-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 40.4545%;
  left: -0.36%;
  top: 53.75%;
  right: 59.91%;
  z-index: 3;
}

/* ブロック57 - 位置とサイズ */
.block57-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 51.9091%;
  left: -0.36%;
  top: 62.88%;
  right: 48.46%;
  z-index: 4;
}

/* テキストスタイル - テキストシャドウ */
.text-shadow-dark {
  text-shadow: rgba(0, 0, 0, 0.4);
}

/* テキストスタイル - 青色 */
.text-blue {
  color: #0099ff;
}

/* テキストスタイル - レタースペース1px */
.text-letter-spacing-1 {
  letter-spacing: 1px;
}

/* セクション3 - 高さ */
.section3-height {
  height: 63.0304%;
}

/* セクション3 - 背景白色 */
.section3-bg-white {
  background-color: #ffffff;
}

/* ブロック58 - 位置とサイズ */
.block58-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 18.1818%;
  left: 41.1%;
  top: 0%;
  right: 40.72%;
  z-index: 1;
}

/* レコード - 青色トップボーダー */
.record-blue-top-border {
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top: 8px solid #004ec3;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-right-style: none;
  border-right-width: 0px;
  border-left-style: none;
  border-left-width: 0px;
  box-shadow: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 20px;
}

/* テキストスタイル - 中央揃え */
.text-center {
  text-align: center;
}

/* テキストスタイル - フォントサイズ180% */
.text-size-180 {
  font-size: 180%;
}

/* テキストスタイル - フォントサイズ70% */
.text-size-70 {
  font-size: 70%;
}

/* ブロック59 - 位置とサイズ */
.block59-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 69.9091%;
  left: 15.19%;
  top: 32.99%;
  right: 14.91%;
  z-index: 2;
}

/* レコード - パディングなし */
.record-no-padding {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
}

/* ニュースリスト - アイテムスタイル */
.news-item-style {
  font-size: 100%;
  color: #000000;
  border-bottom: 1px dotted #000000;
  line-height: 1.2;
}

/* ニュースセル1 - 日付エリア */
.news-cell1 {
  white-space: nowrap;
  display: table-cell;
}

/* ニュースアイコン - マージン */
.news-icon-margin {
  margin-right: 10px;
}

/* ニュースセル2 - コンテンツエリア */
.news-cell2 {
  display: table-cell;
  word-break: break-all;
}

/* ニュースリンク - 青色 */
.news-link-blue {
  color: #005FBD;
}

/* セクション2 - 高さ */
.section2-height {
  height: 96.9697%;
}

/* セクション2 - 背景画像 */
.section2-bg-image {
  background-image: url(../files/libs/418/202210271529466413.png);
  background-color: #ffffff;
}

/* ブロック60 - 位置とサイズ */
.block60-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 18.1818%;
  left: 41.1%;
  top: 0%;
  right: 40.72%;
  z-index: 3;
}

/* ブロック62 - 位置とサイズ */
.block62-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 25.4503%;
  left: 8.71%;
  top: 27.17%;
  right: 65.85%;
  z-index: 5;
}

/* アスペクト比パディング - 50% */
.aspect-padding-50 {
  display: block;
  padding-top: 50%;
}

/* レコード - ボックスシャドウなし */
.record-no-shadow {
  box-shadow: none;
}

/* 画像 - 幅高さ100% */
.image-full-size {
  width: 100%;
  height: 100%;
}

/* ブロック64 - 位置とサイズ */
.block64-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 25.4503%;
  left: 8.67%;
  top: 56.51%;
  right: 65.89%;
  z-index: 7;
}

/* テキストスタイル - フォントサイズ160% */
.text-size-160 {
  font-size: 160%;
}

/* HRスタイル - ドット線 */
.hr-dotted {
  border-top: 1px dotted;
  width: 100%;
}

/* ブロック68 - 位置とサイズ */
.block68-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 10.9091%;
  left: 23.07%;
  top: 57.01%;
  right: 66.03%;
  z-index: 11;
}

/* ボタンスタイル - 青ボタン */
.button-blue-primary {
  border-top: 1px solid #ffffff;
  border-bottom: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  background-color: #004ec3;
  background-image: -webkit-linear-gradient(top, #004ec3, #004ec3);
  background-image: -moz-linear-gradient(top, #004ec3, #004ec3);
  background-image: -ms-linear-gradient(top, #004ec3, #004ec3);
  background-image: -o-linear-gradient(top, #004ec3, #004ec3);
  background-image: linear-gradient(to bottom, #004ec3, #004ec3);
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: none;
  padding-bottom: 5px;
  padding-top: 5px;
}

/* テキストスタイル - フォントサイズ90% */
.text-size-90 {
  font-size: 90%;
}

/* ブロック63 - 位置とサイズ */
.block63-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 25.4503%;
  left: 37.27%;
  top: 27.17%;
  right: 37.28%;
  z-index: 6;
}

/* ブロック65 - 位置とサイズ */
.block65-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 25.4503%;
  left: 37.27%;
  top: 56.51%;
  right: 37.28%;
  z-index: 8;
}

/* ブロック69 - 位置とサイズ */
.block69-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 10.9091%;
  left: 51.83%;
  top: 57.02%;
  right: 37.27%;
  z-index: 12;
}

/* ブロック127 - 位置とサイズ */
.block127-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 25.8182%;
  left: 65.92%;
  top: 27.17%;
  right: 8.27%;
  z-index: 12;
}

/* ブロック66 - 位置とサイズ */
.block66-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 27.2699%;
  left: 65.72%;
  top: 56.35%;
  right: 7.02%;
  z-index: 9;
}

/* ブロック70 - 位置とサイズ */
.block70-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 10.9091%;
  left: 80.81%;
  top: 56.86%;
  right: 8.29%;
  z-index: 13;
}

/* セクション5 - 高さ */
.section5-height {
  height: 96.9697%;
}

/* セクション5 - 背景画像 */
.section5-bg-image {
  background-image: url(../files/libs/182/201904181541581179.jpg);
}

/* ブロック72 - 位置とサイズ */
.block72-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 18.1818%;
  left: 41.1%;
  top: 0%;
  right: 40.72%;
  z-index: 15;
}

/* ブロック73 - 位置とサイズ */
.block73-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 63.9091%;
  left: 33.85%;
  top: 65.18%;
  right: 2.25%;
  z-index: 16;
}

/* テキストスタイル - 右揃え */
.text-right {
  text-align: right;
}

/* テキストスタイル - ネイビー */
.text-navy {
  color: #003366;
}

/* テキストスタイル - フォントサイズ190% */
.text-size-190 {
  font-size: 190%;
}

/* テキストスタイル - ヒラギノ角ゴW8 */
.text-hirakaku-w8 {
  font-family: 'fp-hirakakustdn-w8';
}

/* ブロック74 - 位置とサイズ */
.block74-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 58.0909%;
  left: 40.82%;
  top: 67.35%;
  right: 1.09%;
  z-index: 15;
}

/* ブロック76 - 位置とサイズ */
.block76-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 13.8182%;
  left: 81.24%;
  top: 10.5%;
  right: 4.95%;
  z-index: 17;
}

/* アスペクト比パディング - 100% */
.aspect-padding-100 {
  display: block;
  padding-top: 100%;
}

/* セクション6 - 高さ */
.section6-height {
  height: 122.828%;
}

/* セクション6 - 背景画像 */
.section6-bg-image {
  background-image: url(../files/libs/455/202404301352531279.png);
}

/* ブロック84 - 位置とサイズ */
.block84-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 9.0895%;
  left: 9.13%;
  top: 15.41%;
  right: 81.79%;
  z-index: 1;
}

/* レコード - 水色背景 */
.record-light-blue-bg {
  background-color: #e3f2ff;
  background-image: -webkit-linear-gradient(top, #e3f2ff, #e3f2ff);
  background-image: -moz-linear-gradient(top, #e3f2ff, #e3f2ff);
  background-image: -ms-linear-gradient(top, #e3f2ff, #e3f2ff);
  background-image: -o-linear-gradient(top, #e3f2ff, #e3f2ff);
  background-image: linear-gradient(to bottom, #e3f2ff, #e3f2ff);
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-top-style: none;
  border-top-width: 0px;
  border-bottom-style: none;
  border-bottom-width: 0px;
  border-right-style: none;
  border-right-width: 0px;
  border-left-style: none;
  border-left-width: 0px;
  box-shadow: none;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-top: 100px;
}

/* ブロック77 - 位置とサイズ */
.block77-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 18.1818%;
  left: 41.1%;
  top: 0%;
  right: 40.72%;
  z-index: 19;
}

/* ブロック85 - 位置とサイズ */
.block85-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 34.5455%;
  left: 11.65%;
  top: 17.25%;
  right: 53.81%;
  z-index: 26;
}

/* テキストスタイル - ダークブルー */
.text-dark-blue {
  color: #004ec3;
}

/* ブロック81 - 位置とサイズ */
.block81-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 30%;
  left: 11.65%;
  top: 21.99%;
  right: 58.36%;
  z-index: 23;
}

/* アスペクト比パディング - 31.8% */
.aspect-padding-31-8 {
  display: block;
  padding-top: 31.818181818182%;
}

/* ブロック82 - 位置とサイズ */
.block82-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 34.5455%;
  left: 11.65%;
  top: 37.25%;
  right: 53.81%;
  z-index: 24;
}

/* テキストスタイル - DNP秀英明朝M */
.text-dnpshuei {
  font-family: 'dnpshueiminpr6n-m';
}

/* ブロック83 - 位置とサイズ */
.block83-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 40.0881%;
  left: 51.56%;
  top: 23.83%;
  right: 8.36%;
  z-index: 25;
}

/* テキストスタイル - 両端揃え */
.text-justify-spacing {
  text-align: justify;
  letter-spacing: 0.05em;
  font-size: 110%;
}

/* ブロック86 - 位置とサイズ */
.block86-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 26.2699%;
  left: 22.91%;
  top: 51.99%;
  right: 50.83%;
  z-index: 15;
}

/* ボタンスタイル - 青ボタン大 */
.button-blue-large {
  border-top: 1px solid #ffffff;
  border-bottom: solid 1px #ffffff;
  border-right: solid 1px #ffffff;
  border-left: solid 1px #ffffff;
  background-color: #004ec3;
  background-image: -webkit-linear-gradient(top, #004ec3, #004ec3);
  background-image: -moz-linear-gradient(top, #004ec3, #004ec3);
  background-image: -ms-linear-gradient(top, #004ec3, #004ec3);
  background-image: -o-linear-gradient(top, #004ec3, #004ec3);
  background-image: linear-gradient(to bottom, #004ec3, #004ec3);
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  box-shadow: none;
  padding-bottom: 15px;
  padding-top: 15px;
}

/* テキストスタイル - フォントサイズ110% */
.text-size-110 {
  font-size: 110%;
}

/* トップページのblock-areaを1100pxに制限(参照サイト kuninari.co.jp と同一) */
/* block-area = 90% × section幅。max-widthにより1100px超えを防ぎ、               */
/* JSがblock-area幅から計算するsection高さも参照サイトと一致する。               */
.section-type003 .block-area {
  max-width: 1100px;
}

/* 見出しブロック: block-area=1100px のとき 18.1818%=200px、left=41.1%=452px     */
/* インラインスタイルの値がそのまま参照サイトと一致するため位置上書き不要       */
#block58, #block60, #block72, #block77 {
  width: 200px;
}

/* ヒーローテキストオーバーレイ・見出しブロックのmarginをリセット               */
/* design.css の .record { margin-right: 20px; margin-top: 20px; } を打ち消す。  */
/* 絶対配置ブロック内のrecordにはmarginは不要。                                  */
#block54-9, #block56-11, #block57-12,
#block58-13, #block60-14, #block72-19, #block77-22 {
  margin: 0;
}

#block54-9, #block56-11 {
  height: 57.6px;
}

/* ブロック87 - 位置とサイズ */
.block87-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 26.2699%;
  left: 50.84%;
  top: 51.99%;
  right: 22.9%;
  z-index: 27;
}

/* セクション8 - 高さ */
.section8-height {
  height: 29.2526%;
}

/* セクション8 - 背景画像 */
.section8-bg-image {
  background-image: url(../files/libs/192/201904181905292619.png);
  background-color: #ffffff;
  background-size: auto;
  background-repeat: repeat-x;
}

/* ブロック88 - 位置とサイズ */
.block88-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 20.2727%;
  left: -0.18%;
  top: 13.82%;
  right: 79.91%;
  z-index: 1;
}

/* アスペクト比パディング - 19.28% */
.aspect-padding-19-28 {
  display: block;
  padding-top: 19.282511210762%;
}

/* ブロック89 - 位置とサイズ */
.block89-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 48.9091%;
  left: -0.18%;
  top: 41.44%;
  right: 51.28%;
  z-index: 2;
}

/* フッターテキストスタイル */
.footer-text-style {
  line-height: 1.6;
  font-size: 80%;
}

/* ブロック90 - 位置とサイズ */
.block90-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 74.1818%;
  left: 26%;
  top: 13.82%;
  right: -0.18%;
  z-index: 3;
}

/* フッター業務内容スタイル */
.footer-content-style {
  color: #66ccff;
  font-size: 76%;
  line-height: 1.6em;
}

/* テキストスタイル - シアン */
.text-cyan {
  color: #66ccff;
}

/* ブロック91 - 位置とサイズ */
.block91-layout {
  margin-top: px;
  margin-bottom: 0px;
  width: 48.9091%;
  left: 25.73%;
  top: 82.88%;
  right: 25.37%;
  z-index: 4;
}