@charset "utf-8";

/*-----------------------------------------------
▼base
----------------------------------------------- */

@font-face {
  font-family: 'Custom Yu Gothic';
  src: local('Yu Gothic');
  font-weight: 300;
}
@font-face {
  font-family: 'Custom Yu Gothic';
  src: local('Yu Gothic');
  font-weight: 500;
}
@font-face {
  font-family: 'Custom Yu Gothic';
  src: local('Yu Gothic');
  font-weight: bold;
}
selector {
  font-family: YuGothic, 'Custom Yu Gothic', 'Yu Gothic', sans-serif;
}

* {
  box-sizing: border-box;
  font-style: normal;
  word-break: normal;
  word-wrap: break-word;
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, blinkMacSystemFont, 'Hiragino Kaku Gothic ProN', YuGothic-M, YuGothic, sans-serif;
  font-size: 15px;
  line-height: 1.6em;
  color: #27364d;
}

article,
aside,
figure,
footer,
header,
main,
menu,
nav,
section {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

img {
  vertical-align: bottom;
}

input,
select,
textarea {
  font-size: 100%;
  vertical-align: middle;
}

ul {
  list-style-type: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  color: #0047b3;
  text-decoration: none;
}

a:hover,
a:active {
  color: #0047b3;
  text-decoration: underline;
}

input[type='submit'],
input[type='button'],
.btn a,
.btn_small a,
#side #sidenavi li a,
a img {
  transition: opacity 0.5s ease-in-out;
}

input[type='submit']:hover,
input[type='button']:hover,
.btn a:hover,
.btn_small a:hover,
#side #sidenavi li a:hover,
a:hover img {
  opacity: 0.7;
}

/*-----------------------------------------------
▼ Loading
----------------------------------------------- */
#loading {
  width: 60px;
  height: 60px;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
  z-index: 100;
}

#fade {
  width: 100%;
  height: 100%;
  display: none;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 50;
}

#noscript {
  background: #c00;
  color: #fff;
  font-size: 16px;
  padding: 8px 24px;
}

body {
  position: relative;
  margin: 1px 0 0;
  border-top: 9px solid #002e73;
}
/* ▼全体調整 */
@media (min-width: 767px) {
  body {
    min-width: 1248px;
  }
}

/*-----------------------------------------------
▼全ページ共通
----------------------------------------------- */

.inner {
  overflow: hidden;
  width: 1200px;
  margin: 0 auto;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.btn {
  text-align: center;
  margin: 40px 0 0;
}

.btn a {
  white-space: nowrap;
  display: inline-block;
  color: #fff;
  font-size: 18px;
  text-decoration: none;
  margin: 0 auto;
  padding: 20px 30px;
  background: url(../img/pattern.png) #00286c;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #7f93b5;
  -moz-box-shadow: 0px 0px 0px 1px #00286c;
  -webkit-box-shadow: 0px 0px 0px 1px #00286c;
  box-shadow: 0px 0px 0px 1px #00286c;
}

.btn a:hover {
  text-decoration: none;
}

.btn a:after {
  position: relative;
  content: url(../img/btn_ic_link.png);
  top: 3px;
  padding: 0 0 0 10px;
}

.btn_small {
  text-align: left;
  margin: 20px 0 0;
}

.pointbox .btn_small {
  text-align: right;
}

.pointbox_s .btn_small {
  text-align: center;
}

.pointbox .btn_small a,
.pointbox_s .btn_small a {
  background: #fff;
}

.btn_small a {
  white-space: nowrap;
  display: inline-block;
  color: #002e73;
  font-size: 16px;
  text-decoration: none;
  padding: 10px 20px;
  background: url(../img/pattern.png) #edf1f7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #b8cae5;
}

.btn_small a:hover {
  text-decoration: none;
}

.btn_small a:after {
  position: relative;
  content: url(../img/btn_ic_link2.png);
  top: 3px;
  padding: 0 0 0 10px;
}

.btn_back a {
  padding: 6px 20px;
}

.btn_back a:before {
  position: relative;
  content: '≪';
  font-size: 1.2em;
  padding: 0 10px 0 0;
}

.btn_back a:after {
  display: none;
}

.btn_download a {
  color: #002e73;
  background: #fff;
  border: 1px solid #ddd;
  -moz-box-shadow: 0px 0px 0px 1px #fff;
  -webkit-box-shadow: 0px 0px 0px 1px #fff;
  box-shadow: 0px 0px 0px 1px #fff;
}

.btn_download a:after {
  position: relative;
  content: url(../img/btn_ic_dl.png);
  top: 2px;
  padding: 0 0 0 10px;
}

.btn_backnumber a {
  color: #002e73;
  background: url(../img/pattern.png) #d9e1ec;
  border: 1px solid #fff;
  -moz-box-shadow: 0px 0px 0px 1px #d9e1ec;
  -webkit-box-shadow: 0px 0px 0px 1px #d9e1ec;
  box-shadow: 0px 0px 0px 1px #d9e1ec;
}

.btn_backnumber a:after {
  display: none;
}

/*-----------------------------------------------
▼iotairobot 活用で新規追加
----------------------------------------------- */
#iotairobot_header .inner {
  overflow: hidden;
  width: 840px;
  margin: 0 0;
  padding: 10px 10px;
}

#iotairobot_header h3 {
  font-size: 1.2em;
  margin: 20px 0 20px 0;
  padding: 0.25em 0.5em; /*文字周りの余白*/
  color: #000000; /*文字色*/
  background: transparent; /*背景透明に*/
  border-left: solid 7px #f08300; /*左線（実線 太さ 色）*/
  border-bottom: solid 2px #d7d7d7; /*下線*/
}

#iotairobot_header h2 {
  font-size: 1.2em;
  margin: 20px 0 20px 0;
  padding: 0.25em 0.5em; /*上下 左右の余白*/
  color: #000000; /*文字色*/
  background: transparent; /*背景透明に*/
  border-left: solid 7px #164a84; /*左線*/
  border-bottom: solid 2px #d7d7d7; /*下線*/
  border-right: none;
  border-radius: 0;
  border-top: none;
}

#iotairobot_header p {
  margin: 10px 10px;
}

#iotairobot_header .box10iot p {
  font-size: 42px;
  padding: 60px 20px;
  margin: 20px 0 0 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: url(../img/iotheader-1.svg) center center no-repeat #164a84; /*背景色*/
  background-size: 90%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 50%;
  text-align: center;
  float: left;
  line-height: 1.1em;
}

#iotairobot_header .box10madoiot a {
  font-size: 26px;
  padding: 16px 20px 16px 20px;
  margin: 0px 0px 0px 0px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: #164a84; /*背景色*/
  background-size: 90%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 50%;
  text-align: center;
  float: left;
  line-height: 1.1em;
}

#iotairobot_header .box10madoiot a:hover {
  background: #007bbb;
  text-decoration: underline;
}

#iotairobot_header .box10robot p {
  font-size: 42px;
  padding: 60px 20px;
  margin: 20px 0 0 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: url(../img/1359794.png) center center no-repeat #f08300; /*背景色*/
  background-size: 60%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 50%;
  text-align: center;
  float: right;
  line-height: 1.1em;
}

#iotairobot_header .box10madorobot a {
  font-size: 26px;
  padding: 16px 20px 16px 20px;
  margin: 0px 0px 0px 0px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: #f08300; /*背景色*/
  background-size: 90%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 50%;
  text-align: center;
  float: left;
  line-height: 1.1em;
}

#iotairobot_header .box10madorobot a:hover {
  background: #f6ad49;
  text-decoration: underline;
}

#iotairobot_header .box10soudan p {
  font-size: 37px;
  padding: 30px 20px;
  margin: 10px 0 20px 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: #00bfff; /*背景色*/
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 100%;
  text-align: center;
  float: left;
}

#iotairobot_header .box10iotsoudan p {
  font-size: 42px;
  padding: 25px 20px 0 20px;
  margin: 20px 0 0 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: #164a84; /*背景色*/
  background-size: 90%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 50%;
  text-align: center;
  float: left;
  line-height: 1.2em;
}

#iotairobot_header .box10robotsoudan p {
  font-size: 42px;
  padding: 25px 20px 0 20px;
  margin: 20px 0 0 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: #f08300; /*背景色*/
  background-size: 56%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 50%;
  text-align: center;
  float: right;
  line-height: 1.2em;
}

#iotairobot_header .box10soudan a {
  font-size: 37px;
  padding: 30px 20px 60px 20px;
  margin: 10px 0px 0px 0px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: url(../img/iotairobot-sodan-4.png) center center no-repeat #00bfff; /*背景色*/
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 100%;
  text-align: center;
  float: left;
}

#iotairobot_header .box10soudan a:hover {
  text-decoration: underline;
  width: 100%;
}

#iotairobot_header .box10iot a {
  font-size: 42px;
  padding: 60px 20px;
  margin: 10px 0px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: url(../img/iotheader-1.svg) left center no-repeat #164a84; /*背景色*/
  background-size: 90%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 50%;
  text-align: center;
  float: left;
  line-height: 1.1em;
}

#iotairobot_header .box10iot a:hover {
  background: #164a84;
  text-decoration: underline;
}

#iotairobot_header .box10robot a {
  font-size: 42px;
  padding: 60px 20px;
  margin: 10px 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: url(../img/1359794.png) center center no-repeat #f08300; /*背景色*/
  background-size: 60%;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  width: 50%;
  text-align: center;
  float: right;
  line-height: 1.1em;
}

#iotairobot_header .box10robot a:hover {
  background: #f08300;
  text-decoration: underline;
}

#iotairobot_header .box1iot {
  text-align: center;
  margin: 50px 0px;
}

#iotairobot_header .box1iot a {
  width: 60%;
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  padding: 20px 10px;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: url(../img/pattern.png) #164a84; /*背景色*/
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  border-radius: 10px;
}

#iotairobot_header .box1robot {
  text-align: center;
  margin: 50px 0px;
}

#iotairobot_header .box1robot a {
  width: 60%;
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  text-decoration: none;
  padding: 20px 10px;
  font-weight: bold;
  text-shadow: 0 4px 5px rgba(0, 0, 0, 1); /*影*/
  background: url(../img/pattern.png) #f08300; /*背景色*/
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32); /*影*/
  border-radius: 10px;
}

#iotairobot_header .box10iot a:hover {
  background: #164a84;
  text-decoration: underline;
}

/*-----------------------------------------------
▼header
----------------------------------------------- */
#header {
  width: 1200px;
  height: 188px;
  margin: 0 auto;
  overflow: hidden;
}

#header p {
  font-size: 0.9em;
  color: #999;
  margin: 2px 0 0;
}

#header #logo {
  position: absolute;
  top: 57px;
}

#header #search {
  position: absolute;
  text-align: right;
  top: 45px;
  min-height: 123px;
  margin: 0 0 0 330px;
  padding: 0 0 0 112px;
  /* background: url(../img/search_bg.png) no-repeat; */
}

#header #search li {
  display: inline-block;
  margin: 18px 0 15px 1em;
}

#header #search input[name='q'] {
  width: 280px;
  height: 52px;
  padding: 0 0.5em;
  border: 1px solid #bdcce9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#header #search input[name='sa'] {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  width: 88px;
  height: 50px;
  margin: 0 0 0 10px;
  background: url(../img/pattern.png) #8797ad;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #c2cad5;
  -moz-box-shadow: 0px 0px 0px 1px #8797ad;
  -webkit-box-shadow: 0px 0px 0px 1px #8797ad;
  box-shadow: 0px 0px 0px 1px #8797ad;
}

#header #search input[type='button'] {
  display: inline-block;
  cursor: pointer;
  color: #fff;
  width: 240px;
  height: 50px;
  margin: 0 0 0 20px;
  background: url(../img/pattern.png) #f28130;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #f5be95;
  -moz-box-shadow: 0px 0px 0px 1px #f28130;
  -webkit-box-shadow: 0px 0px 0px 1px #f28130;
  box-shadow: 0px 0px 0px 1px #f28130;
}

/*-----------------------------------------------
▼ナビ
----------------------------------------------- */

#navi {
  overflow: hidden;
  text-align: center;
  background: url(../img/pattern.png) #00286d;
}

#navi ul {
  width: 1200px;
  margin: auto;
}

#navi li > a {
  float: left;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 240px;
  height: 80px;
  background: url(../img/navi.png) no-repeat;
}

#navi .role a {
  background-position: 0 0;
}
#navi .information a {
  background-position: -240px 0;
}
#navi .purpose a {
  background-position: -480px 0;
}
#navi .access a {
  background-position: -720px 0;
}
#navi .outline a {
  background-position: -960px 0;
}

#navi .role a:hover {
  background-position: 0 -80px;
}
#navi .information a:hover {
  background-position: -240px -80px;
}
#navi .purpose a:hover {
  background-position: -480px -80px;
}
#navi .access a:hover {
  background-position: -720px -80px;
}
#navi .outline a:hover {
  background-position: -960px -80px;
}

#role #navi .role a {
  background-position: 0 -160px;
}
#information #navi .information a {
  background-position: -240px -160px;
}
#purpose #navi .purpose a {
  background-position: -480px -160px;
}
body.access #navi .access a {
  background-position: -720px -160px;
}
#outline:not(.access) #navi .outline a {
  background-position: -960px -160px;
}

/* メガメニュー */

#navi .role #megam01 {
  visibility: hidden;
  position: absolute;
  color: #fff;
  text-align: left;
  top: 330px;
  width: 1200px;
  padding: 12px 10px;
  background: url(../img/megam_bg.png) right bottom no-repeat, rgba(0, 0, 0, 0.8);
  border-top: 2px solid #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.5s ease-out;
  opacity: 0;
  z-index: 2;
}

#navi .role:hover #megam01 {
  top: 268px;
  visibility: visible;
  opacity: 1;
}

#megam01 dl {
  float: left;
  width: 300px;
  margin: 0 5px;
}

#megam01 dt a {
  display: block;
  color: #fff;
  font-size: 1.1em;
  text-decoration: none;
  margin: 0 0 8px;
  padding: 8px 12px;
  background: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid #666;
}

#megam01 dd a {
  display: block;
  color: #fff;
  text-decoration: none;
}

#megam01 dd a:before {
  color: #999;
  font-size: 1.2em;
  font-family: FontAwesome;
  content: '\f105';
  margin: 0 0.5em 0 1em;
}

#megam01 dt a:hover,
#megam01 dd a:hover {
  background: rgba(255, 255, 255, 0.2);
}

/*-----------------------------------------------
▼footer
----------------------------------------------- */

#footer {
  clear: both;
  margin: 80px 0 0;
  padding: 60px 0 10px;
  background: url(../img/pattern.png) #dde4f0;
}

#footer #sitemap {
  overflow: hidden;
}

#footer #sitemap dl {
  float: left;
  margin: 0 0 0 70px;
}

#footer #sitemap dl:first-child {
  margin: 0;
}

#footer #sitemap dl dt {
  font-weight: bold;
  padding: 0 0 0.4em;
}

#footer #sitemap dl dd {
  line-height: 1.2em;
  margin: 0 0 0 0.5em;
  padding: 0.2em 0 0.2em 0.5em;
  border-left: 2px solid #fff;
}

#footer #sitemap dd.under {
  padding: 0.2em 0 0.2em 1.5em;
}

#footer #sitemap a {
  color: #27364d;
}

#footer #sitemap a:hover,
#footer #sitemap a:active {
  color: #0047b3;
}

#footer #address {
  color: #fff;
  margin: 60px 0 0;
  padding: 60px 0;
  background: url(../img/pattern.png) #00286c;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
}

#footer #address dt {
  font-size: 1.4em;
  margin: 40px 0 0;
}

#footer #address dt span {
  font-size: 0.8em;
}

#footer #address dd {
  margin: 10px 0 0;
}

#footer #address ul {
  float: right;
}

#footer #address li {
  float: left;
  padding: 0 0 0 1.5em;
}

#footer #address li a {
  color: #fff;
}

#copyright {
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #999;
  width: 1200px;
  margin: 10px auto;
}

/*---------------------------
▼pagetop
-----------------------------
*/
#pagetop {
  display: none;
  position: fixed;
  z-index: 110;
  right: 16px;
  bottom: 24px;
}
#pagetop a {
  display: block;
}

/* ▼印刷指定 */
@media print {
  body {
    -webkit-print-color-adjust: exact;
    background-color: transparent !important;
    color: #000 !important;
  }
  img {
    page-break-inside: avoid;
  }
}

@page {
  margin: 0.5cm;
}

/*--------------------------------------------------------------------
▼下層共通
-------------------------------------------------------------------- */

/*-----------------------------------------------
▼ページタイトル
----------------------------------------------- */

#pagetitle {
  text-align: left;
  margin: 2px 0;
  background: url(../img/pattern.png) #dce4ef;
}

#pagetitle h1 {
  position: relative;
  width: 1200px;
  height: 135px;/*200px*/
  margin: 0 auto;
  background: url(../img/headimg_01.jpg) no-repeat;
}

/*
#pagetitle h1 span {
  position: absolute;
  display: block;
  color: #fff;
  font-size: 1.8em;
  left: 0;
  bottom: 0;
  width: 1200px;
  margin: 0 auto;
  padding: 16px 20px;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
}
*/

/* 2025.7.5更新 */
#pagetitle h1 span {
    position: absolute;
    display: block;
    color: #fff;
    font-size: 24px;
    left: 0;
    bottom: 0;
    width: 1200px;
    margin: 0 auto;
    padding: 5px 20px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.1));
    line-height: 1.2;
}

/*-----------------------------------------------
▼サイド
----------------------------------------------- */

#side {
  float: right;
  width: 300px;
  margin: 20px 0 0 20px;
}

#side #sidenavi {
  background: url(../img/pattern.png) #ffead9;
  border: 1px solid #00286d;
  border-top: 4px solid #00286d;
  border-bottom: 4px solid #00286d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#side #sidenavi li {
  position: relative;
}

#side #sidenavi li a {
  display: block;
  color: #27364d;
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 12px 12px 12px 32px;
  background: url(../img/pattern.png) #b8cae5;
  border-top: 1px solid #fff;
}

#side #sidenavi > li:first-child > a {
  border-top: none;
}

#side #sidenavi li a:before {
  position: absolute;
  color: #fff;
  font-family: FontAwesome;
  content: '\f105';
  top: 13px;
  left: 16px;
}

#side #sidenavi li.multiline a:before {
  top: 19px;
}

#side #sidenavi li li a {
  font-size: 14px;
  padding: 8px 12px 8px 48px;
  background: #fff;
  border-top: 1px solid #b8cae5;
}

#side #sidenavi li li a:before {
  color: #8797ad;
  top: 9px;
  left: 36px;
}

#side #sidenavi li li li a {
  padding: 8px 12px 8px 64px;
}

#side #sidenavi li li li a:before {
  left: 52px;
}

#side #sidenavi li li li li a {
  padding: 8px 12px 8px 80px;
}

#side #sidenavi li li li li a:before {
  left: 68px;
}

#side #sidenavi li a:hover {
  text-decoration: none;
}

#side #sidenavi li li.current > a {
  background: url(../img/pattern.png) #f5e7dc;
}

#side #sidenavi li.current > a:before {
  color: #f28130;
  font-size: 1.2em;
  content: '\f0da';
}

#side .banner {
  padding: 10px 0 0;
}

#side .banner li {
  margin: 10px 0 0;
}

/* ▼サイドナビのツリー表示展開 */

#sidenavi > li > ul {
  display: none;
}

#coordinate #sidenavi ul.coordinate,
#assist #sidenavi ul.assist,
#support #sidenavi ul.support,
#information #sidenavi ul.information,
#outline #sidenavi ul.outline,
#role #sidenavi ul.outline,
#vision #sidenavi ul.outline,
#focus-area #sidenavi ul.focus-area,
#technology-base #sidenavi ul.technology-base,
#industry-academia-collaboration #sidenavi ul.industry-academia-collaboration {
  display: inherit;
}

/*-----------------------------------------------
▼コンテンツ
----------------------------------------------- */

#contents {
  overflow: hidden;
  padding: 0 20px;
}

#breadcrumb {
  overflow: hidden;
  color: #333;
  margin: 20px -20px 0;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff4ec;
}

#breadcrumb li {
  float: left;
  margin: 0 3px 0 1em;
  background: #f5e7dc;
}

#breadcrumb li:first-child {
  margin: 0 3px 0 0;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

#breadcrumb a,
#breadcrumb span {
  background: #f5e7dc;
  padding: 8px 10px;
  float: left;
  text-decoration: none;
  color: #333;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  position: relative;
}

#breadcrumb li:first-child a {
  background: #b8cae5;
}

#breadcrumb a:hover {
  background: #f5e1d0;
}

#breadcrumb li:first-child a:hover {
  background: #acc3e5;
}

#breadcrumb a::before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-width: 1.5em 0 1.5em 1em;
  border-style: solid;
  border-color: #f5e7dc #f5e7dc #f5e7dc transparent;
  left: -1em;
}

#breadcrumb li:first-child a::before {
  border: none;
}

#breadcrumb a:hover::before {
  border-color: #f5e1d0 #f5e1d0 #f5e1d0 transparent;
}

#breadcrumb li:first-child a:hover::before {
  border-color: #acc3e5 #acc3e5 #acc3e5 transparent;
}

#breadcrumb a::after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -1.5em;
  border-top: 1.5em solid transparent;
  border-bottom: 1.5em solid transparent;
  border-left: 1em solid #f5e7dc;
  right: -1em;
}

#breadcrumb li:first-child a::after {
  border-left: 1em solid #b8cae5;
}

#breadcrumb a:hover::after {
  border-left-color: #f5e1d0;
}

#breadcrumb li:first-child a:hover::after {
  border-left-color: #acc3e5;
}

#breadcrumb li span {
  background: #fff4ec;
}

#breadcrumb li:last-child span::before,
#breadcrumb li:last-child span::after {
  content: normal;
}

section,
article,
aside {
  clear: both;
  margin: 20px 0 0;
  padding: 0 0 10px;
}

section h2 {
  font-size: 1.6em;
  margin: 20px -20px;
  padding: 16px 12px;
  background: url(../img/pattern.png) #dae4f2;
  border: 1px solid #002e73;
  border-left: 8px solid #002e73;
  border-right: 4px solid #002e73;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

section h3 {
  font-size: 1.2em;
  margin: 20px -20px;
  padding: 6px 20px;
  background: url(../img/h3_title_ic.png) left repeat-y;
  border-bottom: 1px solid #002e73;
}

section h4 {
  font-size: 1.2em;
  margin: 20px 0 10px -17px;
  padding: 0 17px;
  background: url(../img/list_ic_01.png) left 9px no-repeat;
}

section h5 {
  margin: 10px 0;
}

section dt {
  overflow: hidden;
  font-size: 1.05em;
  color: #33588f;
  font-weight: bold;
  margin: 15px 0 0;
  padding: 0 5px 3px;
  border-bottom: 1px solid #b8cae5;
}

section dd {
  margin: 10px 0 0;
  padding: 0 0 0 20px;
}

section ul li {
  margin: 5px 0 0 5px;
  padding: 0 15px;
  background: url(../img/list_ic_02.png) left 8px no-repeat;
}

section ol li {
  margin: 5px 0 0 20px;
  padding: 0 15px 0 5px;
}

section p,
section ul,
section ol,
section dl,
section iframe {
  margin: 10px 0 0;
}

section a {
  text-decoration: underline;
}

section a.pdf:after {
  display: inline-block;
  color: #ff3500;
  font-size: 1.2em;
  text-decoration: none;
  font-family: FontAwesome;
  content: '\f1c1';
  top: 0;
  padding: 0 0 0 0.5em;
}

section a.doc:after {
  display: inline-block;
  color: #0053a6;
  font-size: 1.2em;
  text-decoration: none;
  font-family: FontAwesome;
  content: '\f1c2';
  top: 0;
  padding: 0 0 0 0.5em;
}

/*---------------------
エクセルマーク追加（210630）
----------------------*/

section a.xls:after {
  display: inline-block;
  color: #107c41;
  font-size: 1.2em;
  text-decoration: none;
  font-family: FontAwesome;
  content: '\f1c3';
  top: 0;
  padding: 0 0 0 0.5em;
}

section a.pdf:hover:after,
section a.doc:hover:after,
section a.xls:hover:after {
  text-decoration: none;
}

/*---------------------
section a.pdf:hover:after,
section a.doc:hover:after {
text-decoration: none;
}
----------------------*/

section strong {
  color: #930;
}

.img_r {
  float: right;
  margin: 0 0 10px 15px;
}

.img_l {
  float: left;
  margin: 0 15px 10px 0;
}

.img_c {
  text-align: center;
  margin: 10px 0 0;
}

.img_r img,
.img_l img {
  margin: 5px 0;
}

.img_r p,
.img_l p {
  text-align: center;
  font-size: 0.8em;
  line-height: 1.4em;
  margin: 0 0 10px;
}

/*知財支援のページの画像を無理やり並べた*/

.img_chizai {
  float: right;
  margin: -130px 300px 0px 15px;
}

/*---------------------
勉強中

.img_r shadow{
float: right;
margin: 0 0 10px 15px;
box-shadow: 4px 4px; 
}

.img_r shadow img,
.img_l shadow img {
margin: 5px 0;
}

.img_r shadow p,
.img_l shadow p {
text-align: center;
font-size: 0.8em;
line-height: 1.4em;
margin: 0 0 10px;
}

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

.column2 {
  display: table;
  overflow: hidden;
  margin: 20px -20px 0;
  border-collapse: separate;
  border-spacing: 20px;
}

/*---iotで追加 margin 0px----*/

.iot_column2 {
  display: table;
  overflow: hidden;
  margin: 0px;
  border-collapse: separate;
  border-spacing: 10px;
}

.pointbox,
.pointbox_s {
  margin: 20px 0 0;
  padding: 10px 20px 20px;
  background: url(../img/pattern.png) #f5e7dc;
  border: 1px solid #f0d4c0;
}

.pointbox_s {
  width: 500px;
  margin: 20px auto 0;
}

.column2 .pointbox_s {
  display: table-cell;
  width: 410px;
  background: url(../img/pattern.png) #dde4f0;
  border: 1px solid #00286c;
}

/*--iotで追加--*/

.iot_column2 .pointbox_s {
  display: table-cell;
  width: 410px;
  background: url(../img/pattern.png) #dde4f0;
  border: 1px solid #00286c;
}

.column2 .pointbox_s:first-child {
  margin: 0;
}

.pointbox h4,
.pointbox_s h4 {
  z-index: 100;
  color: #fff;
  margin: -11px -21px 20px;
  padding: 15px 20px;
  background: url(../img/pattern.png) #ef7f2f;
}

.pointbox_s h4 {
  text-align: center;
}

.column2 .pointbox_s h4 {
  background: url(../img/pattern.png) #00286c;
}

/*--iotで追加--*/

.iot_column2 .pointbox_s h4 {
  background: url(../img/pattern.png) #00286c;
}

section table {
  border-collapse: collapse;
  width: 100%;
  margin: 2px 0px 10px 0px;
}

section th {
  background: url(../img/pattern.png) #edf1f7;
}

section th,
section td {
  padding: 10px 20px;
  border: 1px solid #b8cae5;
}

/*--------------------------------------------------------------------
▼下層個別ページ
-------------------------------------------------------------------- */

.message section .img_l p {
  font-size: 1em;
  margin: 5px 0 0;
}

.message section .img_l p strong {
  color: #27364d;
  font-size: 1.2em;
}

.message section .message_box {
  float: right;
  width: 640px;
  margin: -15px 0 0;
}

.message_english section .img_l p {
  font-size: 1em;
  margin: 5px 0 0;
}

.message_english section .img_l p strong {
  color: #27364d;
  font-size: 1.2em;
}

.message_english section .message_box {
  float: right;
  width: 640px;
  margin: -15px 0 0;
}

.history section th {
  text-align: left;
  width: 9.2em;
}

.outline section .btn_small {
  margin: 5px 0 0;
}

.finance section th {
  text-align: center;
}

.nironews section .pointbox_s {
  position: relative;
  width: 600px;
}

.nironews-2 section .pointbox_s {
  position: relative;
  width: 600px;
}

.nironews section .pointbox_s .center {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  font-size: 1.1em;
  padding: 46px 20px 0 240px;
}

.nironews-2 section .pointbox_s .center {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  width: 100%;
  font-size: 1.1em;
  padding: 46px 20px 0 240px;
}

.sitemap section .sitemap_l {
  float: left;
}

.sitemap section .sitemap_r {
  float: right;
}

.sitemap section ul li ul {
  margin: 0;
}

.sitemap section ul li ul li {
  position: relative;
}

.sitemap section ul li ul li::before {
  z-index: -1;
  content: '';
  position: absolute;
  top: -1.2em;
  left: -17px;
  width: 20px;
  height: calc(100% + 2.2em);
  border-left: 1px solid #f0d4c0;
}

.sitemap section ul li ul li:last-child::before {
  height: 2em;
}

.sitemap section ul li ul li::after {
  z-index: -1;
  content: '';
  position: absolute;
  top: 0.75em;
  left: -17px;
  width: 20px;
  border-bottom: 1px solid #f0d4c0;
}

.role section .role_title {
  font-size: 1.3em;
  margin-bottom: 0;
  background: none;
  border: none;
}

.funding section table tr th:first-child {
  width: 15em;
}

.project_archive section dt {
  clear: both;
  float: left;
  color: #27364d;
  font-size: 15px;
  font-weight: normal;
  width: 6em;
  margin: 0 0 0 5px;
  padding: 0 0 0 15px;
  background: url(../img/list_ic_02.png) left 8px no-repeat;
  border: none;
}

.project_archive section dd {
  margin: 0 0 0 6em;
}

.funding section ul.genre li {
  display: inline-block;
  width: 270px;
}

.t-facility section table {
  font-size: 0.9em;
}

.t-facility section td {
  padding: 4px 6px;
}

.t-facility section td.right {
  white-space: nowrap;
}

.t-facility section table span {
  display: block;
  text-align: left;
}

.t-facility section table .btn {
  margin: 10px 0;
}

.t-facility section table .btn a {
  width: 180px;
}

.t-facility01 section dl dl dt,
.t-facility03 section dl dl dt {
  clear: both;
  float: left;
  color: #27364d;
  font-size: 15px;
  font-weight: normal;
  margin: 0 0 0 5px;
  padding: 0 0 0 15px;
  background: url(../img/list_ic_02.png) left 8px no-repeat;
  border: none;
}

.t-facility01 section dl dl dt {
  width: 9em;
}

.t-facility03 section dl dl dt {
  width: 7em;
}

.t-facility01 section dl dl dd {
  margin: 0 0 0 8em;
}

.t-facility03 section dl dl dd {
  margin: 0 0 0 6em;
}

.t-facility01 section dl ul,
.t-facility02 section dl ul,
.t-facility04 section dl ul {
  margin: 0;
}

.t-facility01 section dl li,
.t-facility02 section dl li,
.t-facility04 section dl li {
  margin: 0 0 0 5px;
}

.t-facility02 section .img_r,
.t-facility04 section .img_r {
  margin: 15px 0 10px 15px;
}

.facility_box {
  clear: both;
}

.facility_box dl,
.facility_box p {
  overflow: hidden;
}

.facility_box dt {
  clear: both;
  float: left;
  color: #27364d;
  font-size: 15px;
  font-weight: normal;
  width: 6em;
  margin: 0 0 0 5px;
  padding: 0 0 0 15px;
  background: url(../img/list_ic_02.png) left 8px no-repeat;
  border: none;
}

.facility_box dd {
  margin: 0 0 0 5em;
}

.t-access section dl {
  float: left;
  width: 630px;
}

.t-access section dl dt,
.h-access section dl dt {
  clear: both;
  float: left;
  font-size: 15px;
  width: 7em;
  margin: 0;
  padding: 0;
  border: none;
}

.t-access section dl dd,
.h-access section dl dd {
  margin: 0 0 5px 6em;
}

.t-access section dl dd img,
.h-access section dl dd img {
  margin: 5px 0 0;
}

.support section .column2 .pointbox_s {
  position: relative;
  padding: 10px 20px 80px;
}

.support section .column2 .pointbox_s .btn_small {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
}

.seeds_past section table tr td:first-child {
  text-align: right;
}

.seeds_past section .seeds_past_img {
  clear: both;
}

.ttc_case section dl {
  float: left;
  width: 410px;
  border: 1px solid #b8cae5;
  border-bottom: none;
}

.ttc_case section dl:nth-child(2) {
  margin: 10px 0 0 20px;
}

.ttc_case section dt {
  display: table-cell;
  vertical-align: middle;
  font-size: 1em;
  font-weight: bold;
  width: 100%;
  margin: 0;
  padding: 0 10px;
  background: none;
  border-bottom: 1px solid #b8cae5;
}

.ttc_case section dd {
  display: table-cell;
  width: 120px;
  padding: 10px;
  background: none;
  border-bottom: 1px solid #b8cae5;
}

.ttc_case section dd img {
  width: 100px;
}

.tlo section .address dt {
  clear: both;
  float: left;
  font-size: 15px;
  width: 5em;
  margin: 0;
  padding: 0;
  border: none;
}

.tlo section .address dd {
  margin: 0 0 0 4em;
}

.license section table {
  font-size: 0.9em;
}

.license section table .w70 {
  width: 70px;
}

.license section table .w100 {
  width: 100px;
}

.license section table .w200 {
  width: 200px;
}

.license section table .w300 {
  width: 300px;
}

.tlo_case section dl {
  float: left;
  width: 410px;
  margin: 0;
}

.tlo_case section dl:nth-child(2n) {
  clear: both;
  margin: 0 20px 0 0;
}

.ip_center section .pointbox img {
  padding: 50px 0 0 30px;
}

.ip_center section .pointbox p {
  padding: 0 0 0 220px;
}

.ip_center section .pointbox_s h5 {
  font-size: 1.4em;
}

.ip_service section .pointbox img {
  padding: 0 30px;
}

.ip_specialist section .pointbox img {
  padding: 0 50px;
}

.ip_cooperation section .pointbox img {
  padding: 20px 20px;
}

.ip_promotion section .pointbox img {
  padding: 0 50px;
}

.ip_inq {
  padding: 10px 20px 20px;
  background: #dce4ef;
  border: 1px solid #b8cae5;
}

.ip_inq h4 {
  margin: -10px -20px 20px;
  padding: 15px 20px;
  background: url(../img/pattern.png) #b8cae5;
}

.creation section .creation_list .btn_small {
  display: inline-block;
  margin: 10px 6px 0 0;
}

.creation section .creation_list .btn_small a {
  text-align: center;
  width: 250px;
  padding: 10px 0;
}

.creation section .creation_list .btn_small a:after {
  display: none;
}

.creation section .pointbox dl dd strong {
  color: #ef7f2f;
  padding: 0 0.6em 0 0;
}

.creation section dl .new:before,
.offer section table .new:before {
  content: 'NEW';
  color: #ef7f2f;
  font-weight: bold;
  padding: 0 0.5em 0 0;
}

.creation section dl .end:after,
.offer section table .end:after {
  content: '応募終了';
  color: #ef7f2f;
  font-weight: bold;
  padding: 0 0 0 0.5em;
}

/*--------------------------------------------------------------------
▼フォーム
-------------------------------------------------------------------- */

section form {
  text-align: center;
}

section form table {
  margin: 0;
}

section form table th {
  width: 280px;
}

section form table td {
  text-align: left;
}

section form table input[type='text'],
section form table input[type='email'],
section form table textarea {
  width: 500px;
  padding: 0.5em;
  border: 1px solid #bdcce9;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

section form table .mwform-checkbox-field {
  float: left;
  display: block;
  margin: 0 10px;
}

section form table textarea {
  height: 8em;
}

section form input[type='submit'] {
  white-space: nowrap;
  display: inline-block;
  color: #002e73;
  font-size: 16px;
  text-decoration: none;
  cursor: pointer;
  width: 160px;
  margin: 20px auto 0;
  padding: 10px 20px;
  background: url(../img/pattern.png) #edf1f7;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #b8cae5;
}

/*--------------------------------------------------------------------
▼フォーム パスワード入力
--------------------------------------------------------------------
section form input[type="password "] { 
width: 200px; 
padding: 0.5em; 
border: 1px solid #bdcce9; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
border-radius: 4px; 
} 

 */

/*--------------------------------------------------------------------
▼お知らせ・イベント情報
-------------------------------------------------------------------- */

#information section dl {
}

#information section dt {
  clear: both;
  float: left;
  margin: 0 20px 0 0;
  padding: 12px 0;
  border: none;
}

#information section dt .category a {
  display: inline-block;
  color: #fff;
  font-size: 0.8em;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  line-height: 1em;
  width: 110px;
  margin: 0 0 0 10px;
  padding: 6px 0 3px 0;
}

#information section dt .event a {
  background: #e66a45;
}

#information section dt .topics a {
  background: #002e73;
}

#information section dt .press a {
  background: #990033;
}

#information section dt .subsidy a {
  background: #002e73;
}

#information section dt .seminar a {
  background: #59b359;
}

#information section dt .interview a {
  background: #03a9f4;
}

#information section dt .reports a {
  background: #546e7a;
}

#information section dd {
  overflow: hidden;
  margin: 0;
  padding: 14px 0;
  /*text-indent: -0.5rem;*/
  text-align: justify;
  text-indent: 0rem;
}

#information section .alignleft {
  clear: both;
  float: left;
  margin: 5px 15px 15px 0;
}

#information section .alignright {
  clear: both;
  float: right;
  margin: 5px 0 15px 15px;
}

#information #contents aside {
  text-align: center;
  padding: 20px 0 0;
  border-top: 1px solid #b8cae5;
}

#information #contents aside .wp-pagenavi span,
#information #contents aside .wp-pagenavi a {
  display: inline-block;
  text-decoration: none;
  margin: 10px 5px 0;
  padding: 6px 14px;
  border: 1px solid #b8cae5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#information #contents aside .wp-pagenavi span {
  background: #dde4f0;
}

#information #contents aside .wp-pagenavi a:hover {
  background: #dde4f0;
  transition: 0.5s;
}

#information #contents aside .btn_back {
  margin: 10px 0 0;
}

/*--------------------------------------------------------------------
▼トップページ
-------------------------------------------------------------------- */

/*-----------------------------------------------
▼スライダー
----------------------------------------------- */
#slide {
  margin: 2px 0 0;
  height: 400px;
}
#slide ul {
  display: none;
  margin: 0 auto;
  width: 100%;
  text-align: center;
}
#slide ul.slick-initialized {
  display: block;
}
#slide .slick-slide:not(.slick-center) {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: 0.2s linear;
}
#slide .slick-arrow {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  z-index: 10;
}
#slide .slick-prev {
  position: absolute;
  margin-top: 170px;
  left: -30px;
}
#slide .slick-next {
  position: absolute;
  margin-top: -230px;
  right: -30px;
}

/*-----------------------------------------------
▼バナー 3
----------------------------------------------- */
.banner3 {
  text-align: center;
  width: 1000px;
  margin: 20px auto 0;
}

.banner3 ul {
  margin: 10px 0 0;
}

.banner3 li {
  display: inline-block;
  margin: 0 10px;
}

/*-----------------------------------------------
▼バナー 6
----------------------------------------------- */
.banner6 {
text-align: center;
width: 1280px;
margin: 20px auto 0;
}

.banner6 ul {
margin: 10px 0 0;
}

.banner6 li {
display: inline-block;
margin: 0 auto;
}

/*-----------------------------------------------
▼ミッション
----------------------------------------------- */
#top_mission {
  overflow: hidden;
  width: 1200px;
  margin: 80px auto 0;
}

#top_mission .title {
  text-align: center;
  padding: 20px 0;
  background: url(../img/pattern.png) #dce4ef;
}

#top_mission .title h3 {
  font-size: 2em;
}

#top_mission .title h3 span {
  color: #6e7d97;
  font-weight: normal;
  font-size: 0.6em;
  padding: 0 0 0 1em;
}

#top_mission .title p {
  font-size: 1.4em;
}

#top_mission li {
  float: left;
  margin: 20px 0 0 15px;
}

#top_mission li:first-child {
  margin: 20px 0 0;
}

/*-----------------------------------------------
▼新着情報
----------------------------------------------- */

#top_topics {
  margin: 40px 0 0;
  background: url(../img/pattern.png) #dde4f0;
}

#top_topics .inner {
  width: 1320px;
  margin: 0 auto;
  padding: 35px 60px;
  background: url(../img/top_topics_bg.png) right bottom no-repeat;
}

#top_topics h3 {
  font-size: 2em;
  text-align: center;
  padding: 0 0 6px;
  border-bottom: 1px solid #fff;
}

#top_topics h3 small {
  font-size: 0.6em;
  padding: 0 0 0 1em;
}

#top_topics h3 span {
  color: #6e7d97;
  font-weight: normal;
  font-size: 0.6em;
  padding: 0 0 0 1em;
}

#top_topics .list {
  position: relative;
  margin: 25px 0 0;
}

#top_topics .list dl {
  position: relative;
  width: 290px;
  margin: 0 0 1px 13px;
  background: #fff;
  -moz-box-shadow: 1px 1px 0px 0px #f0d4c0;
  -webkit-box-shadow: 1px 1px 0px 0px #f0d4c0;
  box-shadow: 1px 1px 0px 0px #f0d4c0;
  border: 1px solid #f0d4c0;
  -moz-border-radius: 0px 0px 4px 4px;
  -webkit-border-radius: 0px 0px 4px 4px;
  border-radius: 0px 0px 4px 4px;
}

#top_topics .list dl:first-child {
  margin: 0;
}

#top_topics .list dl .new:after {
  position: absolute;
  content: url(../img/top_topics_new.png);
  top: 0px;
  left: 0px;
}

#top_topics .list dl a {
  color: #27364d;
}

#top_topics .list dl a:hover {
  text-decoration: none;
}

/* ---------- お知らせ文字大きさ ---------- */

#top_topics .list dl dt {
  padding: 12px;
  border-top: 1px solid #f7f0eb;
  font-size: 14px;
  line-height: 1.5em;
}

#top_topics .list dl dd.topics_img img {
  width: 288px;
  height: 192px;
}

#top_topics .list dl dd.date {
  font-size: 0.8em;
  font-weight: normal;
  padding: 12px 0 10px 12px;
}

#top_topics .list dl dd.genre {
  float: right;
  padding: 12px 12px 0 0;
}

#top_topics .list dl dt {
  -webkit-text-size-adjust: 100%;
  font-family: -apple-system, blinkMacSystemFont, 'Hiragino Kaku Gothic ProN', YuGothic-M, YuGothic, sans-serif;
  font-size: 14px;
  line-height: 1.5em;
  color: #27364d;
}

/* ---------- お知らせ一覧位置 ---------- */

#top_topics .btn {
  text-align: center;
  margin: 20px 0 0;
}

/* ---------- スライド無し ---------- */
#top_topics .list {
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#top_topics .list dl {
  margin: 0 0 20px 0;
}
#top_topics .list dl:first-child {
  margin: 0 0 20px 0;
}
/* ---------- スライド無し ---------- */

#top_topics .list .slick-arrow {
  z-index: 10;
}
#top_topics .list .topics-prev {
  position: absolute;
  top: 0;
  left: -60px;
  bottom: 0;
  width: 40px;
  height: 100%;
  background: url(../img/pattern.png) #8595ab;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#top_topics .list .topics-next {
  position: absolute;
  top: 0;
  right: -60px;
  bottom: 0;
  width: 40px;
  height: 100%;
  background: url(../img/pattern.png) #8595ab;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#top_topics .list .topics-prev img {
  position: absolute;
  top: 0;
  left: 10px;
  bottom: 0;
  margin: auto;
}
#top_topics .list .topics-next img {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto;
}

/*-----------------------------------------------
▼目的からさがす
----------------------------------------------- */

#top_purpose {
  overflow: hidden;
  margin: 40px 0 0;
  padding: 80px 0;
  background: url(../img/pattern.png) #b8cae6;
}

#top_purpose h3 {
  font-size: 2em;
  text-align: center;
  padding: 0 0 6px;
  border-bottom: 1px solid #fff;
}

#top_purpose h3 span {
  color: #6e7d97;
  font-weight: normal;
  font-size: 0.6em;
  padding: 0 0 0 1em;
}

#top_purpose .purpose_banner {
  float: right;
  margin: 40px 0 0;
}

#top_purpose ul {
  display: table;
  margin: 30px 0 0;
}

#top_purpose li {
  position: relative;
  float: left;
  margin: 10px 0 0 20px;
  padding: 1px 1px 1px 20px;
}

#top_purpose li a {
  display: table-cell;
  vertical-align: middle;
  width: 279px;
  color: #27364d;
  line-height: 1.4em;
  padding: 6px 10px;
}

#top_purpose li a strong {
  line-height: 1.2em;
  font-size: 1.4em;
  font-weight: bold;
}

#top_purpose li a:hover {
  text-decoration: none;
  opacity: 0.8;
}

#top_purpose li a small {
  font-size: 0.8em;
  font-weight: normal;
}

#top_purpose li.purpose_01 {
  clear: both;
  margin: 10px 0 0;
  background: url(../img/pattern.png) #3b5;
}

#top_purpose li.purpose_02 {
  background: url(../img/pattern.png) #88d;
}

#top_purpose li.purpose_03 {
  background: url(../img/pattern.png) #e93;
}

#top_purpose li.purpose_01 a {
  background: url(../img/pattern.png) #9da;
}

#top_purpose li.purpose_02 a {
  background: url(../img/pattern.png) #c4c4ee;
}

#top_purpose li.purpose_03 a {
  background: url(../img/pattern.png) #f7cc99;
}

#top_purpose li.robot:after {
  content: '';
  position: absolute;
  right: 3px;
  bottom: 1px;
  width: 72px;
  height: 81px;
  background: url(../img/banner_robot_bg.png) no-repeat;
}

#top_purpose li.hidden {
  visibility: hidden;
}

/*-----------------------------------------------
▼NIROニュース
----------------------------------------------- */

#top_nironews {
  text-align: center;
  margin: 2px 0 80px;
  padding: 50px 0;
  background: url(../img/pattern.png) #00286c;
}

#top_nironews h3 {
  display: inline;
  color: #fff;
  font-size: 2em;
  vertical-align: middle;
}

#top_nironews .btn {
  display: inline;
  font-weight: bold;
  margin: 0 0 0 20px;
}

/*-----------------------------------------------
▼5818 パスワード入力
----------------------------------------------- */

#pwbox-5818 {
  border: 1px #6e7d97 solid;
}

/*-----------------------------------------------
▼20347 パスワード入力 tesutotesutotesutoページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-20347 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: #ffff8d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼21960 パスワード入力 地域デジタルお申込みページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-21960 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: #ffff8d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼22646 パスワード入力 ＴＷＩセミナー2020お知らせページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-22646 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: #ffff8d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼22646 パスワード入力 第6回リスクマネジメントセミナー資料閲覧ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-22711 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: #ffff8d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼22646 パスワード入力 第6回リスクマネジメントセミナー資料閲覧ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-36073 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: #ffff8d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼google chrome オートコンプリートのデフォルトの背景色を消す
----------------------------------------------- */

@keyframes onAutoFillStart {
  from {
  }
  to {
  }
}

input:-webkit-autofill {
  animation-name: onAutoFillStart;
  transition: background-color 50000s ease-in-out 0s;
}

/*-----------------------------------------------
▼地プロ　カテゴリー位置調整
----------------------------------------------- */

#hyogo_niu_project_info .category seminar a {
  display: inline-block;
  color: #fff;
  font-size: 0.8em;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  line-height: 1.5em;
  width: 110px;
  margin: 0 0 0 5px;
  padding: 4px 0;
}

/*-----------------------------------------------
▼将来成長分野　右手に４つ並べる
----------------------------------------------- */
.img_syorai_bunnya {
  float: right;
  margin: -260px 75px 0px 15px;
}

.img_syorai_bunnya img {
  margin: 0 5px 5px 0;
}

/*-----------------------------------------------
▼技術基盤　右手に画像
----------------------------------------------- */
.img_tech_base {
  float: right;
  margin: -130px 75px 0px 15px;
}

.img_tech_base img {
  margin: 0 5px 5px 0;
}

/*-----------------------------------------------
2022.06〜 ヘッダー・TOPページ改修
----------------------------------------------- */
/* メインスライダー調整 */
#slide {
  height: auto;
  position: relative;
}

/* ヘッダーメニュー改修 */
.header-nav {
  --border-shape-color: #384092;
  /* background-image: repeating-linear-gradient(-45deg, transparent, transparent 1px, var(--border-shape-color) 2px, var(--border-shape-color) 4px); */
  /* background-color: #173264; */

  background-image: url(../img/pattern.png);
  background-color: #00286d;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.header-nav a {
  color: inherit;
}
.header-nav-list {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: auto;
  margin-left: auto;
  width: 1280px;
}
.header-nav-item {
  flex-grow: 1;
}
.header-nav-item > a {
  position: relative;
  display: block;
  padding: 1em 2em;
  text-align: center;
}
.header-nav-item + .header-nav-item > a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background-color: #fff;
}
.header-nav-item > a:hover,
.header-nav-item > a:focus {
  background-color: rgba(255, 255, 255, 0.2);
  text-decoration: none;
}

.header-nav-item-btn {
  margin-right: 60px;
  padding: 4px 8px !important;
  border-radius: 4px;
  border: 1px solid #fff;
  background-color: #4D73BD;
  transition: 0.2s ease-in-out;
}
.header-nav-item-btn::after  {
  content: none !important;
}
.header-nav-item-btn:hover,
.header-nav-item-btn:focus {
  border-color: currentColor;
  background-color: #fff !important;
  color: #4D73BD;
}

.header-nav-has-megamenu:hover > a::before,
.header-nav-has-megamenu:focus > a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 13px 7.5px;
  border-color: transparent transparent #f3f3f4 transparent;
}

/* メガメニュー */
.header-megamenu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  padding: 2em 4em 2.5em;
  width: 100%;
  background-color: #f3f3f4;
  color: #333;
  letter-spacing: 0;

  opacity: 0;
  visibility: hidden;
}
.header-nav-item:hover .header-megamenu,
.header-nav-item:focus .header-megamenu {
  opacity: 1;
  visibility: visible;
}

.header-megamenu-title {
  margin-bottom: 1em;
  padding-bottom: 0.8em;
  padding-left: 0.2em;
  border-bottom: 1px solid #abadb0;
  font-size: 20px;
  font-weight: bold;
}

.header-megamenu-nav-wrap {
  display: flex;
}

.header-megamenu-list {
}

.header-megamenu-list + .header-megamenu-list {
  margin-left: 95px;
}

.header-megamenu-item {
}

.header-megamenu-item + .header-megamenu-item {
  margin-top: 1em;
}

.header-megamenu-item > a {
  position: relative;
  display: block;
  padding-right: 2em;
}

.header-megamenu-item > a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #586e8f;
  border-right: 2px solid #586e8f;
}
.header-megamenu-item > a:hover,
.header-megamenu-item > a:focus {
  text-decoration: underline;
  text-decoration-color: #f38b42;
  text-decoration-thickness: 3px;
  text-underline-offset: 0.2em;
}

/* メインビジュアル下バナー */
.home-main-bnrs {
  margin-top: 60px;
}

.home-main-bnrs-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: -15px;
  margin-left: -15px;
}

.home-main-bnrs-item {
  padding-top: 15px;
  padding-left: 15px;
}

.home-main-bnrs-item > a {
}

/* セクション共通パーツ */
.home-section {
  padding-top: 60px;
  padding-bottom: 60px;
}

.home-section-inner {
  overflow: hidden;
  width: 1000px;
  margin: 0 auto;
}

.home-section-inner--lg {
  /*width: 1280px;*/
  width: 1218px;
}

.home-section-heading {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.banner-section-heading-ja{
    font-size: 28px;
    font-weight: bold;
    letter-spacing: 0.05em;
    line-height: 1.6;
    text-align: left;
    overflow: hidden;
    width: 950px;
    margin: 0 auto;
}
.home-section-heading-ja {
  display: block;
  color: #173264;
}
.home-section-heading-en {
  display: block;
  color: #8c9cb0;
  font-size: 0.5em;
  line-height: 1;
  text-transform: uppercase;
}

.home-section-content {
  margin-top: 20px;
}

.home-more-btn-contanier {
  margin-top: 50px;
  text-align: center;
}

.home-more-btn {
  position: relative;
  display: inline-block;
  padding: 1.0625em 0.5em;
  width: 265px;
  max-width: 100%;
  border: 1px solid currentColor;
  background-color: #fff;
  color: #333;
  font-size: 16px;
  letter-spacing: 0.05em;
}
.home-more-btn::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(50%, -60%);
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3OS4zODkiIGhlaWdodD0iMTMuNTI3IiB2aWV3Qm94PSIwIDAgNzkuMzg5IDEzLjUyNyI+IDxwYXRoIGlkPSJfUGF0aF8iIGRhdGEtbmFtZT0iJmx0O1BhdGgmZ3Q7IiBkPSJNMzY2MS45OTMsMTg1MC4xNTRoNzYuOTg1bC0xMC4wNDQtMTAuMXYxMC4xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzY2MS45OTMgLTE4MzcuNjI3KSIgc3Ryb2tlPSIjMGExMjJkIiBzdHJva2Utd2lkdGg9IjIiIG9wYWNpdHk9IjAuNzAyIi8+PC9zdmc+');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: 77px;
  height: 100%;
}
.home-more-btn:hover,
.home-more-btn:focus {
  color: inherit;
  text-decoration: none;
  opacity: 0.8;
  transition: opacity 0.3s;
}

/* お知らせ一覧 */
.home-news-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -22px;
  margin-left: -22px;
}

.home-news-card {
  margin: 0;
  padding: 0;
  padding-top: 22px;
  padding-left: 22px;
  width: calc(99.9999% / 4);
  font-size: 14px;
  letter-spacing: 0.02em;
}

.home-news-card > a {
  display: block;
  height: 100%;
  background-color: #fff;
}
.home-news-card > a:hover,
.home-news-card > a:focus {
  text-decoration: none;
}

.home-news-thumb {
  position: relative;
  overflow: hidden;
  aspect-ratio: 303 / 202;
}
.home-news-thumb img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-news-card.is-new .home-news-thumb::after {
  content: 'NEW';
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  padding-right: 0.5em;
  width: 60px;
  background-color: #ed1010;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.02em;
  line-height: 20px;
  text-align: center;
  clip-path: polygon(0 0, 84% 0, 100% 100%, 0% 100%);
}

.home-news-body {
  padding: 1em;
}

.home-news-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.home-news-meta time {
  color: #8c9cb0;
}

.home-news-tag {
  display: inline-block;
  min-width: 8em;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  font-size: 0.7rem;
  letter-spacing: 0;
  line-height: 2;
  text-align: center;
}
.home-news-tag.interview {
  background-color: #03a9f4;
}
.home-news-tag.event {
  background-color: #f38b42;
}
.home-news-tag.seminar {
  background-color: #50a455;
}
.home-news-tag.reports {
  background-color: #546e7a;
}
.home-news-tag.subsidy {
  background-color: #173264;
}
.home-news-tag.hojo_envene {
  background-color: #173264;
}

.home-news-title {
  font-size: 0.95rem;
  margin-top: 0.5em;
  color: #444;
  line-height: 1.5;
  /*
  text-indent: -1rem;
  padding-left: 1rem;
  letter-spacing: -0.02rem;
  */
  text-indent: -0.5rem;
  padding-left: 0rem;
  text-align: justify;
  letter-spacing: 0.01px;
  word-break: break-all;
}

/* イベント情報 */
.home-event-list {
  letter-spacing: 0.01em;
}

.home-event-article {
  position: relative;
  margin: 0;
  padding: 1em 5em 0.7em 4em;
  background-color: #edf4fa;
  border: 1px solid #dcdcdc;
}
.home-event-article::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 2em;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #586e8f;
  border-right: 2px solid #586e8f;
}
.home-event-article + .home-event-article {
  margin-top: 8px;
}

.home-event-article > a {
  position: relative;
  display: flex;
}

.home-event-date {
  flex-shrink: 0;
  width: 17em;
  color: #203f59;
  font-size: 14px;
}

.home-event-title {
  /*margin-left: 1em;*/
  color: #444;
  font-size: 14px;
  text-indent: -0.5rem;
  line-height: 1.5;
}

/* NIROの3つのアクション */
.home-section--mission {
  position: relative;
  padding-bottom: 90px;
  width: auto !important;
  background-color: rgba(171, 173, 176, 0.3);
  letter-spacing: 0.05em;
}
.home-section--mission::after,
.home-section--mission::before {
  content: '';
  display: block;
  position: absolute;
  z-index: 0;
  width: 39%;
  padding-top: 6.4%;
  background-image: url(/img/home/txt_3actions.svg);
  background-repeat: no-repeat;
  background-size: contain;
  pointer-events: none;
}
.home-section--mission::after {
  top: 0;
  left: 0;
}
.home-section--mission::before {
  right: 0;
  bottom: 0;
}

.home-mission-heading {
  font-size: 30px;
  font-weight: bold;
  color: #203f59;
  text-align: center;
}

.home-mission-lead {
  margin-top: 1em;
  margin-bottom: 2.5em;
  font-size: 18px;
  text-align: center;
}

.home-mission-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -20px;
}

.home-mission-item {
  float: none !important;
  margin: 0 !important;
  padding-top: 20px;
  padding-left: 20px;
  width: calc(99.9999% / 3);
}
.home-mission-item > p {
  margin-top: 1em;
  font-size: 18px;
  line-height: 1.33;
}

/* 目的から探す */
.home-section--purpose {
  margin-top: 0 !important;
  background: none !important;
}

.home-purpose-list {
  display: flex;
  flex-wrap: wrap;
  margin-top: -20px;
  margin-left: -20px;
  font-size: 16px;
}
.home-purpose-item {
  padding-top: 20px;
  padding-left: 20px;
  width: calc(99.9999% / 3);
}
.home-purpose-item > a {
  position: relative;
  display: block;
  padding: 0.8em 2.2em;
  height: 100%;
  border: 1px solid #0e050a;
  color: #333;
}
.home-purpose-item > a:hover,
.home-purpose-item > a:focus {
  text-decoration: none;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.home-purpose-item > a::after {
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 8px;
  height: calc(100% + 2px);
}
.home-purpose-item:nth-of-type(3n - 2) > a::after {
  background-color: #2bb950;
}
.home-purpose-item:nth-of-type(3n - 1) > a::after {
  background-color: #8484dc;
}
.home-purpose-item:nth-of-type(3n) > a::after {
  background-color: #f0a44c;
}
.home-purpose-item > a::before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0.75em;
  width: 8px;
  height: 8px;
  transform: translateY(-50%) rotate(45deg);
  border-top: 2px solid #586e8f;
  border-right: 2px solid #586e8f;
}

.home-purpose-item strong {
  display: inline-block;
  margin-bottom: 0.4em;
  font-size: 1.125em;
  font-weight: bold;
}

.home-purpose-bnr {
  margin-top: 100px;
  text-align: center;
}

/* 成長分野ページ */
.focus-area-news {
  margin-top: 60px;
}

.focus-area-meta {
  justify-content: flex-start;
}

.focus-area-tag {
  margin-left: 3em;
}

.focus-area-article {
  border-bottom: 1px solid #8c9cb0;
}

.focus-area-article > a {
  text-decoration: none;
}

/* フッターナビ修正 */
#footer #sitemap {
  display: flex;
  justify-content: center;
}

#footer #sitemap dl {
  float: none;
}

#footer #sitemap dl dt:not(:first-child) {
  margin-top: 1em;
}


/*-----------------------------------------------
▼39097 パスワード入力 第6回リスクマネジメントセミナー資料閲覧ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-39097 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: #ffff8d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼39940 パスワード入力 第11回リモート勉強会（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-39940 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: #ffff8d;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼44123 パスワード入力 第11回リモート勉強会（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-44123 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼44117 パスワード入力 ドローン利活用プラットフォーム（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-44117 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼46883 パスワード入力 ドローン利活用プラットフォーム（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-46883 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼48095 パスワード入力 ドローン利活用プラットフォーム（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-48095 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼47081 パスワード入力 ドローン利活用プラットフォーム（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-47081 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼48325 パスワード入力 ドローン利活用プラットフォーム（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-48325 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼48041 パスワード入力 ドローン利活用プラットフォーム（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-48041 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼48511 パスワード入力 ドローン利活用プラットフォーム（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-48511 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼49249 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-49249 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼49389 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-49389 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼50721 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-50721 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼50743 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-50743 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼50987 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-50987 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼51496 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-51496 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼52306 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-52306 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼52345 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-52345 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

/*-----------------------------------------------
▼54159 パスワード入力 賛助会員更新ページ（f12でパスワードボックスを調べること）
----------------------------------------------- */

#pwbox-54159 {
  vertical-align: text-top;
  border: 1px #6e7d97 solid;
  width: 300px;
  padding: 0.5em;
  background-color: aliceblue;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}



/*  サイトマップをトップ画面に追加　（2024.6.3）
----------------------------------------------------------------------------*/

.top-sitemap{
position: absolute;
z-index: 10;
top: 22px;
margin: 0 0 0 1080px;
}


/* css_end */