@charset "UTF-8";
/* Scss Document */
/********************************************** reset **********************************************/
html {
  font-size: 62.5%;
}

body {
  font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
  font-size: 1.6em;
  margin: 0;
  padding: 0;
  color: #333333;
  line-height: 1.7;
}

_:lang(x)::-ms-backdrop, .selector {
  font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica Neue, Helvetica, Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  font-weight: 700;
  font-size: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

header {
  width: 100%;
  min-height: 40px;
  margin: 0;
}

footer {
  width: 100%;
}

a {
  text-decoration: none;
  color: #0366D6;
  font-weight: bolder;
}
a:hover {
  text-decoration: underline;
}

p {
  line-height: 2;
}

table {
  width: 100%;
  margin: 20px auto;
  border-collapse: collapse;
}
table tr td {
  padding: 15px;
  border: #ddd solid 1px;
}
table tr th {
  padding: 15px;
  border: #ddd solid 1px;
}
table thead tr th {
  color: #fff;
  font-weight: bold;
  font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  text-align: center;
  white-space: nowrap;
  background-color: #888;
}
table tbody tr th {
  color: #444;
  background-color: #eee;
}

ul li {
  line-height: 2.0;
  list-style: none;
}

dl dd {
  margin-left: 15px;
}

/********************************************** breakpoint **********************************************/
/********************************************** head **********************************************/
@media (min-width: 738px) {
  #siteHeader {
    margin: 0;
  }
  #siteHeader #siteHeader-drawer input#siteHeader-input {
    display: none;
  }
  #siteHeader #siteHeader-drawer label#siteHeader-open, #siteHeader #siteHeader-drawer label#siteHeader-close {
    display: none;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation {
    width: 100%;
    background: #eeeeee;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav {
    max-width: 1366px;
    min-width: 737px;
    margin: 0px auto;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul {
    padding: 0px;
    margin: 0px auto;
    list-style: none;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li {
    width: auto;
    padding: 0px;
    height: 40px;
    flex-shrink: 1;
    flex-basis: auto;
    border-right: 1px solid #dedede;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li a {
    display: inline-block;
    color: #222222;
    text-decoration: none;
    margin: 0 auto;
    font-size: 0.9em;
    padding: 10px 20px;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li a:hover {
    text-decoration: underline;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:last-child {
    background: #888888;
    flex-shrink: 1;
    border: none;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:last-child:hover {
    background: #afafaf;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:last-child a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:last-child a:hover {
    text-decoration: underline;
  }
  #siteHeader .siteInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1366px;
    min-width: 737px;
    height: 50px;
    margin: 20px auto;
  }
  #siteHeader .siteInfo .institute {
    flex: 1;
    vertical-align: middle;
    height: 50px;
  }
  #siteHeader .siteInfo .institute a.instituteName {
    display: block;
    max-width: 400px;
    height: auto;
    background: url("../images/common/sitelogo.png") no-repeat center left;
    background-size: contain;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    height: 45px;
  }
  #siteHeader .siteInfo .freeconsul {
    width: 300px;
  }
  #siteHeader .siteInfo .freeconsul a {
    display: block;
    width: 200px;
    padding: 1em 1.5em;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    outline: 1px solid #fff;
    outline-offset: -10px;
    background: #f37807;
    font-size: 0.9em;
    text-align: center;
  }
  #siteHeader .siteInfo .freeconsul a em {
    font-style: normal;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    font-size: 1.1em;
  }
  #siteHeader .siteInfo .freeconsul a:hover {
    background: #f38c07;
  }
  #siteHeader .siteInfo .siteserch {
    max-width: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #siteHeader .siteInfo .siteserch form {
    max-width: 270px;
    margin-bottom: 15px;
  }
  #siteHeader .siteInfo .siteserch form ul {
    padding: 0;
    margin: 0px;
    display: flex;
    list-style: none;
  }
  #siteHeader .siteInfo .siteserch form ul li:first-child {
    margin-right: 15px;
  }
  #siteHeader .siteInfo .siteserch form ul li:first-child input {
    width: 200px;
    height: 30px;
    left: 0;
    top: 0;
    outline: 0;
    padding: 0 10px;
    border-radius: 2px 0 0 2px;
    background: #eee;
  }
  #siteHeader .siteInfo .siteserch form ul li:last-child input {
    width: 40px;
    height: 30px;
    left: 270px;
    top: 0;
    border-radius: 0 2px 2px 0;
    background: #888;
    border: none;
    color: #fff;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    font-size: 13px;
  }
}
@media (max-width: 737px) {
  #siteHeader {
    padding: 10px;
    height: 100px;
    background: #ffffff;
    background: url("../images/common/sitelogo-sp.png") no-repeat;
    background-position: left 10px top 15px;
    background-size: 250px;
  }
  #siteHeader #siteHeader-drawer {
    position: absolute;
    right: 20px;
  }
  #siteHeader #siteHeader-drawer .siteHeader-hidden {
    display: none;
  }
  #siteHeader #siteHeader-drawer #siteHeader-open {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: relative;
    width: 35px;
    height: 25px;
  }
  #siteHeader #siteHeader-drawer #siteHeader-open span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #6F6F6F;
    border-radius: 4px;
  }
  #siteHeader #siteHeader-drawer #siteHeader-open span:nth-of-type(1) {
    top: 0;
  }
  #siteHeader #siteHeader-drawer #siteHeader-open span:nth-of-type(2) {
    top: 10px;
  }
  #siteHeader #siteHeader-drawer #siteHeader-open span:nth-of-type(3) {
    bottom: 0;
  }
  #siteHeader #siteHeader-drawer #siteHeader-open:after {
    position: absolute;
    left: 0;
    bottom: -20px;
    content: 'MENU';
    display: block;
    width: 100%;
    color: #6F6F6F;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    transition: all .4s;
  }
  #siteHeader #siteHeader-drawer #siteHeader-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }
  #siteHeader #siteHeader-drawer #nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 90%;
    max-width: 300px;
    height: 100%;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
  }
  #siteHeader #siteHeader-drawer #siteHeader-input:checked ~ #siteHeader-close {
    display: block;
    opacity: .5;
  }
  #siteHeader #siteHeader-drawer #siteHeader-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
  }
  #siteHeader #siteHeader-drawer #nav-content {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  #siteHeader #siteHeader-drawer #nav-content:-webkit-scrollbar {
    display: none;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation {
    width: 100%;
    background: #eeeeee;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav {
    width: 100%;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul {
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li {
    width: -webkit-calc(50% - 1px);
    width: calc(50% - 1px);
    height: 60px;
    border-bottom: 1px solid #dedede;
    position: relative;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:nth-child(odd) {
    width: -webkit-calc(50% - 1px);
    width: calc(50% - 1px);
    border-right: 1px solid #dedede;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li a {
    display: inline-block;
    color: #222222;
    text-decoration: none;
    font-size: 0.85em;
    padding: 5px 10px;
    margin: auto auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li a:hover {
    text-decoration: underline;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:last-child {
    background: #888888;
    flex-shrink: 1;
    border: none;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:last-child:hover {
    background: #afafaf;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:last-child a {
    display: block;
    color: #fff;
    text-decoration: none;
    margin: 0 auto;
  }
  #siteHeader #siteHeader-drawer #nav-content .header_navigation .topnav ul li:last-child a:hover {
    text-decoration: underline;
  }
  #siteHeader .siteInfo {
    width: 100%;
    height: 60px;
  }
  #siteHeader .siteInfo .institute {
    display: none;
  }
  #siteHeader .siteInfo .freeconsul {
    width: 100%;
    height: 60px;
    text-align: center;
  }
  #siteHeader .siteInfo .freeconsul a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #f37807;
    font-size: 0.9em;
    width: 100%;
    padding-top: 20px;
    height: 40px;
    text-align: center;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  }
  #siteHeader .siteInfo .freeconsul a em {
    font-style: normal;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    font-size: 1.1em;
  }
  #siteHeader .siteInfo .freeconsul a:hover {
    background: #f38c07;
  }
  #siteHeader .siteInfo .siteserch {
    display: none;
  }
}

/********************************************** Footer *******************************************/
@media (min-width: 738px) {
  #siteFooter {
    padding: 0px 20px;
    background: #004098;
    width: 100%;
    color: #fff;
    padding-bottom: 30px;
  }
  #siteFooter .footer_policy {
    max-width: 1366px;
    min-width: 737px;
    margin: 0px auto;
    border-bottom: 1px dotted #4070b2;
  }
  #siteFooter .footer_policy ul {
    padding: 0px;
    margin: 0px auto;
    list-style: none;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  #siteFooter .footer_policy ul > li {
    height: 30px;
    flex-shrink: 1;
    flex-basis: auto;
    list-style: none;
    padding: 10px;
    text-align: center;
  }
  #siteFooter .footer_policy ul > li > a {
    width: 100%;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9em;
    padding: 0px 10px 0px 0px;
    border-left: 1px solid #4070b2;
  }
  #siteFooter .footer_policy ul > li > a:first-child {
    border-left: 0px;
  }
  #siteFooter .footer_policy ul > li > a:last-child {
    border-right: 1px solid #4070b2;
  }
  #siteFooter .footer_policy ul > li > a:hover {
    text-decoration: underline;
  }
  #siteFooter .footer_policy ul > li:first-child {
    padding-left: 0px;
  }
  #siteFooter .footer_index {
    max-width: 1366px;
    min-width: 737px;
    margin: 0px auto;
    border-bottom: 1px dotted #4070b2;
  }
  #siteFooter .footer_index .divisionNav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 15px 0;
    margin: 15px auto;
  }
  #siteFooter .footer_index .divisionNav h2 {
    flex-shrink: 1;
    flex-basis: auto;
  }
  #siteFooter .footer_index .divisionNav h2:before {
    content: "\f0c9";
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 1em / 1 FontAwesome;
  }
  #siteFooter .footer_index .divisionNav li.menu-item {
    list-style: none;
    flex-shrink: 1;
    flex-basis: auto;
  }
  #siteFooter .footer_index .divisionNav li.menu-item a {
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    color: #fff;
    pointer-events: none;
  }
  #siteFooter .footer_index .divisionNav li.menu-item .sub-menu {
    padding: 10px 0px 0px 0px;
    margin: 0px;
    border-top: none;
    font-size: 0.8em;
  }
  #siteFooter .footer_index .divisionNav li.menu-item .sub-menu li {
    display: block;
    float: none;
    padding: 0;
    line-height: 2;
  }
  #siteFooter .footer_index .divisionNav li.menu-item .sub-menu li a {
    pointer-events: auto;
    font-size: 1em;
    font-weight: normal;
    margin-left: 10px;
    text-align: left;
    color: #fff;
  }
  #siteFooter .footer_inner {
    max-width: 1366px;
    min-width: 737px;
    margin: 10px auto;
  }
  #siteFooter .footer_inner .siteInfo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
  }
  #siteFooter .footer_inner .siteInfo .institute {
    max-width: 350px;
    vertical-align: middle;
    height: 50px;
  }
  #siteFooter .footer_inner .siteInfo .institute a.instituteName {
    display: block;
    max-width: 300px;
    height: auto;
    background: url("../images/common/sitelogo-white.png") no-repeat center left;
    background-size: contain;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    height: 45px;
  }
  #siteFooter .footer_inner .siteInfo .instituteAddress {
    width: calc(100% - 400px);
    margin-left: 20px;
    font-size: 0.9em;
    line-height: 1.5;
  }
  #siteFooter .footer_inner .siteInfo small {
    padding-top: 10px;
    flex-grow: 1;
    color: rgba(255, 255, 255, 0.5);
  }
}
@media (max-width: 737px) {
  #siteFooter {
    background: #004098;
    width: 100%;
    color: #fff;
    padding: 0 0 30px 0;
  }
  #siteFooter .footer_policy {
    width: 100%;
    margin: 0px auto;
  }
  #siteFooter .footer_policy ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    display: flex;
    flex-direction: column;
  }
  #siteFooter .footer_policy ul > li {
    height: 30px;
    padding: 0px 10px;
    margin: 0px;
    flex-basis: 100%;
    list-style: none;
    text-align: left;
    position: relative;
  }
  #siteFooter .footer_policy ul > li > a {
    width: 100%;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9em;
    padding: 20px 5px;
    border-bottom: 1px solid #003c8f;
  }
  #siteFooter .footer_policy ul > li:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f105";
    margin-right: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  #siteFooter .footer_index {
    width: 100%;
    border-top: 1px dotted #4070b2;
  }
  #siteFooter .footer_index .divisionNav {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
  #siteFooter .footer_index .divisionNav h2 {
    width: 100%;
    margin: 0px;
    padding: 20px 10px;
    background: #00204c;
  }
  #siteFooter .footer_index .divisionNav h2:before {
    content: "\f0c9";
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 1em / 1 FontAwesome;
  }
  #siteFooter .footer_index .divisionNav li.menu-item {
    list-style: none;
    margin: 0px;
    background: #003072;
  }
  #siteFooter .footer_index .divisionNav li.menu-item a {
    display: block;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    color: #fff;
    pointer-events: none;
    padding: 15px 0px 15px 20px;
  }
  #siteFooter .footer_index .divisionNav li.menu-item .sub-menu {
    padding: 0px;
    margin: 0px;
    border-top: none;
    font-size: 0.9em;
  }
  #siteFooter .footer_index .divisionNav li.menu-item .sub-menu li {
    padding: 0;
    background: #004098;
    border-bottom: 1px solid #4070b2;
    position: relative;
  }
  #siteFooter .footer_index .divisionNav li.menu-item .sub-menu li a {
    padding: 15px 0px 15px 30px;
    display: block;
    pointer-events: auto;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    color: #fff;
  }
  #siteFooter .footer_index .divisionNav li.menu-item .sub-menu li a:hover {
    text-decoration: none;
  }
  #siteFooter .footer_index .divisionNav li.menu-item .sub-menu li:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f105";
    margin-right: 10px;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  #siteFooter .footer_inner {
    width: 100%;
  }
  #siteFooter .footer_inner .siteInfo {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    padding: 20px 0px;
  }
  #siteFooter .footer_inner .siteInfo .institute {
    width: 100%;
    min-height: 65px;
  }
  #siteFooter .footer_inner .siteInfo .institute a.instituteName {
    display: block;
    height: auto;
    background: url("../images/common/sitelogo-white.png") no-repeat center left;
    background-size: 90% auto;
    background-position: 20px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    min-height: 45px;
  }
  #siteFooter .footer_inner .siteInfo .instituteAddress {
    width: 100%;
    padding: 5px 20px;
    font-size: 0.9em;
    line-height: 1.5;
  }
  #siteFooter .footer_inner .siteInfo small {
    padding: 5px 20px;
    flex-grow: 1;
    color: rgba(255, 255, 255, 0.5);
  }
}

/********************************************** slider *******************************************/
@media (min-width: 738px) {
  .msli {
    max-width: 1366px;
    min-width: 738px;
    margin: 0px auto;
  }
}

/********************************************** global nav *******************************************/
@media (min-width: 738px) {
  .global_navigation {
    width: 100%;
    height: 50px;
    margin: 20px 0px 0px 0px;
    background: #004098;
  }
  .global_navigation .guideNav {
    max-width: 1366px;
    min-width: 737px;
    margin: 0px auto;
  }
  .global_navigation .guideNav ul {
    padding: 0px;
    margin: 0px;
    background: #004098;
    position: relative;
    display: flex;
    justify-content: space-between;
  }
  .global_navigation .guideNav ul li {
    padding: 0px 0;
    text-align: center;
    transition: all .3s ease-in-out;
    width: 16.66%;
    width: -webkit-calc(100% / 6);
    width: calc(100% / 6);
    border-left: solid 1px #fefefe;
    height: 50px;
    display: -webkit-box;
    display: -moz-box;
    display: -o-box;
    display: -ms-box;
    display: box;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-box-align: center;
    box-align: center;
  }
  .global_navigation .guideNav ul li a {
    color: #fff;
    padding: 13px 0 13px 0;
    display: block;
    width: 100%;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .global_navigation .guideNav ul li a:hover {
    background: #097AB0;
    color: #fff;
  }
  .global_navigation .guideNav ul li .sub_container {
    background: #eeeeee;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    width: 100%;
    position: absolute;
    top: 50px;
    left: 0;
    transition: all .2s ease-in;
    z-index: 999;
  }
  .global_navigation .guideNav ul li .sub_menu {
    display: flex;
    flex-wrap: wrap;
    background: #eeeeee;
    min-height: 300px;
    align-content: flex-start;
  }
  .global_navigation .guideNav ul li .sub_menu li {
    width: calc( (100% / 2) - 40px);
    padding: 20px 20px 0px 20px;
    text-align: left;
    border: none;
  }
  .global_navigation .guideNav ul li .sub_menu li:hover {
    background: none;
  }
  .global_navigation .guideNav ul li .sub_menu a {
    border-left: none;
    color: #333333;
    padding: 20px 0px;
    text-indent: 15px;
    text-decoration: none;
    border-bottom: 1px dotted #7C7C7C;
    font-weight: normal;
    letter-spacing: normal;
  }
  .global_navigation .guideNav ul li .sub_menu a:hover {
    background: #005998;
    text-decoration: none;
    color: #fff;
  }
  .global_navigation .guideNav ul li .sub_menu a:hover:before {
    content: "\f101";
    display: inline-block;
    margin-right: .5em;
    font: normal normal normal 1em / 1 FontAwesome;
    color: #fff;
  }
  .global_navigation .guideNav ul > li:last-child {
    border-right: solid 1px #fefefe;
  }
  .global_navigation .guideNav ul > li:hover .sub_container {
    max-height: 9999px;
    opacity: 1;
    padding: 20px 0;
  }
}
@media (max-width: 737px) {
  .global_navigation {
    width: 100%;
  }
  .global_navigation .guideNav {
    width: 100%;
  }
  .global_navigation .guideNav ul {
    padding: 0px;
    margin: 0px;
    background: #eeeeee;
    margin: 0px auto;
  }
  .global_navigation .guideNav ul li {
    text-align: center;
    transition: all .3s ease-in-out;
    background: #004098;
  }
  .global_navigation .guideNav ul li a {
    color: #fff;
    padding: 13px 0 13px 0;
    display: block;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 1px;
  }
  .global_navigation .guideNav ul li a:hover {
    background: #097AB0;
    color: #fff;
  }
  .global_navigation .guideNav ul li .sub_menu {
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .global_navigation .guideNav ul li .sub_menu li {
    width: -webkit-calc(50% - 1px);
    width: calc(50% - 1px);
    height: 60px;
    border-bottom: 1px solid #dedede;
    background: #eeeeee;
    text-align: left;
    position: relative;
  }
  .global_navigation .guideNav ul li .sub_menu li:nth-child(odd) {
    width: -webkit-calc(50% - 1px);
    width: calc(50% - 1px);
    border-right: 1px solid #dedede;
  }
  .global_navigation .guideNav ul li .sub_menu li a {
    display: inline-block;
    color: #222222;
    text-decoration: none;
    font-size: 0.85em;
    padding: 5px 5px;
    margin: auto auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .global_navigation .guideNav ul li .sub_menu li a:hover {
    background: none;
    text-decoration: underline;
  }
}

/********************************************** 6つのメイン *******************************************/
@media (min-width: 738px) {
  .six_nav {
    width: 100%;
    max-height: 250px;
    margin: 5px 0px 10px 0px;
  }
  .six_nav nav.six_button {
    max-width: 1366px;
    min-width: 737px;
    min-height: 100px;
    max-height: 250px;
    margin: 0px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
  }
  .six_nav nav.six_button .item {
    width: calc(100%/6);
    background: #3FAAA8;
    text-align: center;
    position: relative;
    min-height: 100px;
    max-height: 250px;
    padding: 10px 20px;
  }
  .six_nav nav.six_button .item a {
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    text-decoration: none;
  }
  .six_nav nav.six_button .item a:hover {
    text-decoration: none;
  }
  .six_nav nav.six_button .item a:hover:after {
    width: 100%;
  }
  .six_nav nav.six_button .item a:after {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transition: .5s all;
    width: 10%;
  }
  .six_nav nav.six_button .item p {
    text-align: left;
    margin: 0px;
    color: #fff;
    font-size: 0.8em;
  }
  .six_nav nav.six_button .info {
    background: #4ea6d6;
  }
  .six_nav nav.six_button .info h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .event {
    background: #50a444;
  }
  .six_nav nav.six_button .event h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .price {
    background: #ec8b24;
  }
  .six_nav nav.six_button .price h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .equipment {
    background: #db2c29;
  }
  .six_nav nav.six_button .equipment h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .kids {
    background: #eec102;
  }
  .six_nav nav.six_button .kids h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .mail {
    background: #617d89;
  }
  .six_nav nav.six_button .mail h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
}
@media (max-width: 737px) {
  .six_nav {
    width: 100%;
  }
  .six_nav nav.six_button {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  .six_nav nav.six_button .item {
    width: calc(100%/2);
    background: #3FAAA8;
    text-align: center;
    position: relative;
    min-height: 60px;
    max-height: 250px;
    padding: 10px 0px;
  }
  .six_nav nav.six_button .item a {
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    text-decoration: none;
  }
  .six_nav nav.six_button .item a:hover {
    text-decoration: none;
  }
  .six_nav nav.six_button .item a:hover:after {
    width: 100%;
  }
  .six_nav nav.six_button .item a:after {
    background-color: #fff;
    bottom: 0;
    content: '';
    display: block;
    height: 3px;
    left: 0;
    position: absolute;
    transition: .5s all;
    width: 10%;
  }
  .six_nav nav.six_button .item p {
    text-align: center;
    margin: 0px;
    color: #fff;
    font-size: 0.8em;
    padding: 10px 20px;
  }
  .six_nav nav.six_button .info {
    background: #4ea6d6;
  }
  .six_nav nav.six_button .info h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .event {
    background: #50a444;
  }
  .six_nav nav.six_button .event h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .price {
    background: #ec8b24;
  }
  .six_nav nav.six_button .price h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .equipment {
    background: #db2c29;
  }
  .six_nav nav.six_button .equipment h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .kids {
    background: #eec102;
  }
  .six_nav nav.six_button .kids h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
  .six_nav nav.six_button .kids h4:before {
    content: "\f118";
    display: inline-block;
    margin-right: .8em;
    font: normal normal normal 1em / 1 FontAwesome;
    text-decoration: none;
    color: #f5f5f5;
  }
  .six_nav nav.six_button .mail {
    background: #617d89;
  }
  .six_nav nav.six_button .mail h4 {
    width: 100%;
    margin: 0px 0px 5px 0px;
    color: #fff;
  }
}

/********************************************** コンテンツ *******************************************/
@media (min-width: 738px) {
  #siteContent {
    min-width: 1024px;
    max-width: 1366px;
    padding: 0 40px;
    margin: auto;
    padding-bottom: 30px;
    font-size: 1em;
  }
  #siteContent .contentMain {
    width: 100%;
  }
  #siteContent .contentMain .fl_top {
    min-height: 250px;
    display: flex;
    flex-wrap: wrap;
  }
  #siteContent .contentMain .fl_middle {
    min-height: 250px;
    display: flex;
    flex-wrap: wrap;
    background: #f9f8f5;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area {
    width: 100%;
    min-height: 60px;
    padding: 30px 20px;
    margin: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    list-style: none;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area li.serviced_contents {
    width: calc((100% / 6) - 20px);
    min-width: 0;
    padding: 10px;
    min-height: 60px;
    overflow-wrap: break-word;
    text-align: center;
    border: 1px solid #DCDCDC;
    background: #fff;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area li.serviced_contents img.serviced_img {
    width: auto;
    height: 75px;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area li.serviced_contents p.serviced_infotxt {
    padding: 10px;
    text-align: left;
  }
  #siteContent .contentMain .fl_bottom {
    min-height: 250px;
    display: flex;
    flex-wrap: wrap;
  }
  #siteContent .contentMain .fl_top section, #siteContent .contentMain .fl_middle section, #siteContent .contentMain .fl_bottom section {
    width: calc(50% - 30px);
  }
  #siteContent .contentMain .fl_top section h2.topics, #siteContent .contentMain .fl_middle section h2.topics, #siteContent .contentMain .fl_bottom section h2.topics {
    font-size: 1.1em;
    border-bottom: solid 2px #133b97;
    position: relative;
    color: #495057;
  }
  #siteContent .contentMain .fl_top section h2.topics:after, #siteContent .contentMain .fl_middle section h2.topics:after, #siteContent .contentMain .fl_bottom section h2.topics:after {
    content: "";
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 30%;
    border-bottom: 2px solid #ee4d0b;
  }
  #siteContent .contentMain .fl_top section h2.notice:before, #siteContent .contentMain .fl_middle section h2.notice:before, #siteContent .contentMain .fl_bottom section h2.notice:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f085";
    margin-right: 10px;
  }
  #siteContent .contentMain .fl_top section h2.news:before, #siteContent .contentMain .fl_middle section h2.news:before, #siteContent .contentMain .fl_bottom section h2.news:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f518";
    margin-right: 10px;
  }
  #siteContent .contentMain .fl_top section h2.event:before, #siteContent .contentMain .fl_middle section h2.event:before, #siteContent .contentMain .fl_bottom section h2.event:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f073";
    margin-right: 10px;
  }
  #siteContent .contentMain .fl_top section#notice, #siteContent .contentMain .fl_middle section#notice, #siteContent .contentMain .fl_bottom section#notice {
    padding: 10px 20px 10px 10px;
  }
  #siteContent .contentMain .fl_top section#pickup, #siteContent .contentMain .fl_middle section#pickup, #siteContent .contentMain .fl_bottom section#pickup {
    padding: 10px 20px 10px 10px;
  }
  #siteContent .contentMain .fl_top section#event, #siteContent .contentMain .fl_middle section#event, #siteContent .contentMain .fl_bottom section#event {
    padding: 10px 20px 10px 10px;
  }
  #siteContent .contentMain .fl_top section#news, #siteContent .contentMain .fl_middle section#news, #siteContent .contentMain .fl_bottom section#news {
    padding: 10px 20px 10px 10px;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents, #siteContent .contentMain .fl_middle section ul.topics_contents, #siteContent .contentMain .fl_bottom section ul.topics_contents {
    padding: 0px 0px 5px 0px;
    border-bottom: 1px dotted #203744;
    list-style: none;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li {
    height: 30px;
    padding: 0px;
    margin: 0px;
    display: flex;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span {
    margin-right: 5px;
    margin-bottom: 0px;
    vertical-align: top;
    padding: 0px;
    display: inline-block;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topics_days, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topics_days, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topics_days {
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    margin-right: 15px;
    font-size: 0.9em;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topics_icons, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topics_icons, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topics_icons {
    width: 85px;
    height: 24px;
    text-align: center;
    font-size: 0.7em;
    line-height: 24px;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    color: #fff;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topicsnews, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topicsnews, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topicsnews {
    background: #50c8e1;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topicshiring, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topicshiring, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topicshiring {
    background: #edbe64;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topicsmaintenance, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topicsmaintenance, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topicsmaintenance {
    background: #94a6a8;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.ebina, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.ebina, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.ebina {
    background: #0176c0;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.mizonokuchi, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.mizonokuchi, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.mizonokuchi {
    background: #e94f37;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.tonomachi, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.tonomachi, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.tonomachi {
    background: #769d30;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.yokohama, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.yokohama, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.yokohama {
    background: #257ec0;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.nanobic, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.nanobic, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.nanobic {
    background: #3ba33f;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.forum, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.forum, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.forum {
    background: #f0959b;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.seminar, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.seminar, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.seminar {
    background: #039889;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.exhibition, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.exhibition, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.exhibition {
    background: #9e8920;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.saiyou, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.saiyou, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.saiyou {
    background: #7468a8;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.bosyuu, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.bosyuu, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.bosyuu {
    background: #e16879;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.bosyuuend, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.bosyuuend, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.bosyuuend {
    background: #b4b4b4;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.greyicon, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.greyicon, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.greyicon {
    background: #b4b4b4;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents, #siteContent .contentMain .fl_middle section ul.pickup_contents, #siteContent .contentMain .fl_bottom section ul.pickup_contents {
    padding: 0px 0px 5px 0px;
    list-style: none;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents li.pickup_li, #siteContent .contentMain .fl_middle section ul.pickup_contents li.pickup_li, #siteContent .contentMain .fl_bottom section ul.pickup_contents li.pickup_li {
    height: 30px;
    margin: 0px;
    padding: 10px 5px 5px 10px;
    background: #f0f0f0;
    line-height: 1.0;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents li.pickup_li a, #siteContent .contentMain .fl_middle section ul.pickup_contents li.pickup_li a, #siteContent .contentMain .fl_bottom section ul.pickup_contents li.pickup_li a {
    width: 100%;
    color: #333333;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents li.pickup_li a:hover, #siteContent .contentMain .fl_middle section ul.pickup_contents li.pickup_li a:hover, #siteContent .contentMain .fl_bottom section ul.pickup_contents li.pickup_li a:hover {
    color: #0366D6;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents li.pickup_li:before, #siteContent .contentMain .fl_middle section ul.pickup_contents li.pickup_li:before, #siteContent .contentMain .fl_bottom section ul.pickup_contents li.pickup_li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f58d";
    margin-right: 10px;
  }
  #siteContent .contentMain .fl_top section p.text-r, #siteContent .contentMain .fl_middle section p.text-r, #siteContent .contentMain .fl_bottom section p.text-r {
    width: 100%;
    text-align: right;
  }
  #siteContent .contentMain .fl_top section p.text-r a.list-link, #siteContent .contentMain .fl_middle section p.text-r a.list-link, #siteContent .contentMain .fl_bottom section p.text-r a.list-link {
    font-size: 0.8em;
  }
  #siteContent .contentMain #main {
    flex-grow: 1;
  }
  #siteContent .contentMain #main h1 {
    padding-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: #004098 solid 4px;
    margin: 0 auto 30px;
    color: #004098;
    line-height: 1.3;
    font-size: 1.86667em;
  }
  #siteContent .contentMain #main h2 {
    padding-bottom: 10px;
    border-bottom: #7ec2e6 solid 2px;
    margin: 40px auto 30px;
    color: #225db7;
    line-height: 1.3;
    font-size: 1.46667em;
  }
  #siteContent .contentMain #main h2 > a {
    color: inherit;
    text-decoration: none;
  }
  #siteContent .contentMain #main h2 > a:before {
    content: "\f144";
    display: inline-block;
    margin-right: .2em;
    font: normal normal normal 1em / 1 FontAwesome;
    text-decoration: none;
  }
  #siteContent .contentMain #main h2:hover {
    text-decoration: underline;
  }
  #siteContent .contentMain #main h3 {
    padding-bottom: 10px;
    border-bottom: #ccc solid 1px;
    margin: 30px auto 20px;
    color: #444;
    line-height: 1.3;
    font-size: 1.2em;
  }
  #siteContent .contentMain #main h3 a {
    text-decoration: none;
  }
  #siteContent .contentMain #main h3 a:hover {
    text-decoration: underline;
  }
  #siteContent .contentMain #main h4 {
    margin: 25px auto 15px;
    color: #004098;
    line-height: 1.3;
    font-size: 1.06667em;
  }
  #siteContent .contentMain #main h4 a {
    text-decoration: none;
  }
  #siteContent .contentMain #main h4 a:before {
    content: "\f144";
    display: inline-block;
    margin-right: .2em;
    font: normal normal normal 1em / 1 FontAwesome;
    text-decoration: none;
  }
  #siteContent .contentMain #main h4 a:hover {
    text-decoration: underline;
  }
  #siteContent .contentMain #main h5 {
    margin: 20px auto 10px;
    line-height: 1.3;
    font-size: 1em;
  }
  #siteContent .contentMain #main h5 > a {
    text-decoration: underline;
  }
  #siteContent .contentMain #main h5 > a:before {
    content: "\f144";
    display: inline-block;
    margin-right: .2em;
    font: normal normal normal 1em / 1 FontAwesome;
    text-decoration: none;
  }
  #siteContent #primary {
    display: flex;
  }
  #siteContent #primary .siteMain {
    width: 100%;
  }
  #siteContent #primary .siteMain .entryContent {
    width: 100%;
  }
  #siteContent .banner_link {
    width: 100%;
    height: auto;
    margin: 30px 0px;
  }
  #siteContent .banner_link .banners {
    max-width: 1366px;
    min-width: 737px;
    margin: 0px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
  }
  #siteContent .banner_link .banners div.banner_item {
    width: calc(100%/5);
  }
  #siteContent .banner_link .banners div.banner_item img {
    width: 90%;
    height: auto;
  }
  #siteContent .pagetop {
    text-align: right;
  }
  #siteContent .pagetop a {
    padding: 15px;
    background: #C5C5C5;
    display: inline-block;
    border: 1px solid #C5C5C5;
    color: #3F3F3F;
    text-align: center;
    transition: background-color 1s;
  }
  #siteContent .pagetop a:hover {
    background: #fff;
    color: #262626;
    border: 1px solid #C5C5C5;
    text-decoration: none;
  }
}
@media (max-width: 737px) {
  #siteContent {
    width: 100%;
  }
  #siteContent .contentMain {
    width: 100%;
    min-height: 500px;
    display: flex;
    flex-direction: column;
  }
  #siteContent .contentMain .fl_top {
    min-height: 250px;
    display: flex;
    flex-wrap: wrap;
  }
  #siteContent .contentMain .fl_middle {
    min-height: 250px;
    display: flex;
    flex-wrap: wrap;
    background: #f9f8f5;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area {
    width: 100%;
    min-height: 60px;
    padding: 30px 0px;
    margin: 0px;
    display: flex;
    flex-direction: column;
    list-style: none;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area li.serviced_contents {
    width: 100%;
    min-width: 0;
    padding: 10px;
    margin-bottom: 10px;
    min-height: 60px;
    border: 1px solid #DCDCDC;
    background: #fff;
    display: flex;
    align-items: flex-start;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area li.serviced_contents img.serviced_img {
    flex-basis: 100px;
    min-width: 100px;
    height: auto;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area li.serviced_contents p.serviced_infotxt {
    width: calc(100%-100px);
    min-width: 0px;
    padding: 0px 10px 0px 10px;
    margin: 0px;
    text-align: left;
  }
  #siteContent .contentMain .fl_middle ul.serviced_area li.serviced_contents:last-child {
    margin-bottom: 0px;
  }
  #siteContent .contentMain .fl_bottom {
    min-height: 250px;
    display: flex;
    flex-wrap: wrap;
  }
  #siteContent .contentMain .fl_top section, #siteContent .contentMain .fl_middle section, #siteContent .contentMain .fl_bottom section {
    width: 100%;
  }
  #siteContent .contentMain .fl_top section h2.topics, #siteContent .contentMain .fl_middle section h2.topics, #siteContent .contentMain .fl_bottom section h2.topics {
    font-size: 1.1em;
    border-bottom: solid 2px #133b97;
    position: relative;
    color: #495057;
  }
  #siteContent .contentMain .fl_top section h2.topics:after, #siteContent .contentMain .fl_middle section h2.topics:after, #siteContent .contentMain .fl_bottom section h2.topics:after {
    content: "";
    display: block;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 30%;
    border-bottom: 2px solid #ee4d0b;
  }
  #siteContent .contentMain .fl_top section h2.notice:before, #siteContent .contentMain .fl_middle section h2.notice:before, #siteContent .contentMain .fl_bottom section h2.notice:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f085";
    margin-right: 10px;
  }
  #siteContent .contentMain .fl_top section h2.news:before, #siteContent .contentMain .fl_middle section h2.news:before, #siteContent .contentMain .fl_bottom section h2.news:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f518";
    margin-right: 10px;
  }
  #siteContent .contentMain .fl_top section h2.event:before, #siteContent .contentMain .fl_middle section h2.event:before, #siteContent .contentMain .fl_bottom section h2.event:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f073";
    margin-right: 10px;
  }
  #siteContent .contentMain .fl_top section#notice, #siteContent .contentMain .fl_middle section#notice, #siteContent .contentMain .fl_bottom section#notice {
    padding: 10px 20px 10px 10px;
  }
  #siteContent .contentMain .fl_top section#pickup, #siteContent .contentMain .fl_middle section#pickup, #siteContent .contentMain .fl_bottom section#pickup {
    padding: 10px 20px 10px 10px;
  }
  #siteContent .contentMain .fl_top section#event, #siteContent .contentMain .fl_middle section#event, #siteContent .contentMain .fl_bottom section#event {
    padding: 10px 20px 10px 10px;
  }
  #siteContent .contentMain .fl_top section#news, #siteContent .contentMain .fl_middle section#news, #siteContent .contentMain .fl_bottom section#news {
    padding: 10px 20px 10px 10px;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents, #siteContent .contentMain .fl_middle section ul.topics_contents, #siteContent .contentMain .fl_bottom section ul.topics_contents {
    padding: 0px 0px 5px 0px;
    border-bottom: 1px dotted #203744;
    list-style: none;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li {
    height: 30px;
    padding: 0px;
    margin: 0px;
    display: flex;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span {
    margin-right: 5px;
    margin-bottom: 0px;
    vertical-align: top;
    padding: 0px;
    display: inline-block;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topics_days, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topics_days, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topics_days {
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    margin-right: 15px;
    font-size: 0.9em;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topics_icons, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topics_icons, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topics_icons {
    width: 85px;
    height: 24px;
    text-align: center;
    font-size: 0.7em;
    line-height: 24px;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    color: #fff;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topicsnews, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topicsnews, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topicsnews {
    background: #50c8e1;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topicshiring, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topicshiring, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topicshiring {
    background: #edbe64;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.topicsmaintenance, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.topicsmaintenance, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.topicsmaintenance {
    background: #94a6a8;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.ebina, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.ebina, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.ebina {
    background: #0176c0;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.mizonokuchi, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.mizonokuchi, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.mizonokuchi {
    background: #e94f37;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.tonomachi, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.tonomachi, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.tonomachi {
    background: #769d30;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.yokohama, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.yokohama, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.yokohama {
    background: #257ec0;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.nanobic, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.nanobic, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.nanobic {
    background: #3ba33f;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.forum, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.forum, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.forum {
    background: #f0959b;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.seminar, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.seminar, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.seminar {
    background: #039889;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.exhibition, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.exhibition, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.exhibition {
    background: #9e8920;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.saiyou, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.saiyou, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.saiyou {
    background: #7468a8;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.bosyuu, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.bosyuu, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.bosyuu {
    background: #e16879;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.bosyuuend, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.bosyuuend, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.bosyuuend {
    background: #b4b4b4;
  }
  #siteContent .contentMain .fl_top section ul.topics_contents li.topics_li span.greyicon, #siteContent .contentMain .fl_middle section ul.topics_contents li.topics_li span.greyicon, #siteContent .contentMain .fl_bottom section ul.topics_contents li.topics_li span.greyicon {
    background: #b4b4b4;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents, #siteContent .contentMain .fl_middle section ul.pickup_contents, #siteContent .contentMain .fl_bottom section ul.pickup_contents {
    padding: 0px 0px 5px 0px;
    list-style: none;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents li.pickup_li, #siteContent .contentMain .fl_middle section ul.pickup_contents li.pickup_li, #siteContent .contentMain .fl_bottom section ul.pickup_contents li.pickup_li {
    height: 30px;
    margin: 0px;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents li.pickup_li a, #siteContent .contentMain .fl_middle section ul.pickup_contents li.pickup_li a, #siteContent .contentMain .fl_bottom section ul.pickup_contents li.pickup_li a {
    width: 100%;
    display: block;
    padding: 10px 5px 10px 10px;
    background: #f0f0f0;
    color: #333333;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents li.pickup_li a:hover, #siteContent .contentMain .fl_middle section ul.pickup_contents li.pickup_li a:hover, #siteContent .contentMain .fl_bottom section ul.pickup_contents li.pickup_li a:hover {
    color: #0366D6;
  }
  #siteContent .contentMain .fl_top section ul.pickup_contents li.pickup_li a:before, #siteContent .contentMain .fl_middle section ul.pickup_contents li.pickup_li a:before, #siteContent .contentMain .fl_bottom section ul.pickup_contents li.pickup_li a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f58d";
    margin-right: 10px;
  }
  #siteContent .contentMain .fl_top section p.text-r, #siteContent .contentMain .fl_middle section p.text-r, #siteContent .contentMain .fl_bottom section p.text-r {
    width: 100%;
    text-align: right;
  }
  #siteContent .contentMain .fl_top section p.text-r a.list-link, #siteContent .contentMain .fl_middle section p.text-r a.list-link, #siteContent .contentMain .fl_bottom section p.text-r a.list-link {
    font-size: 0.8em;
  }
  #siteContent .contentMain #main {
    padding: 0 10px;
  }
  #siteContent .contentMain #main h1 {
    padding-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: #004098 solid 4px;
    margin: 0 auto 30px;
    color: #004098;
    line-height: 1.3;
    font-size: 1.86667em;
  }
  #siteContent .contentMain #main h2 {
    padding-bottom: 10px;
    border-bottom: #7ec2e6 solid 2px;
    margin: 40px auto 30px;
    color: #225db7;
    line-height: 1.3;
    font-size: 1.46667em;
  }
  #siteContent .contentMain #main h2 > a {
    color: inherit;
    text-decoration: none;
  }
  #siteContent .contentMain #main h2 > a:before {
    content: "\f144";
    display: inline-block;
    margin-right: .2em;
    font: normal normal normal 1em / 1 FontAwesome;
    text-decoration: none;
  }
  #siteContent .contentMain #main h2:hover {
    text-decoration: underline;
  }
  #siteContent .contentMain #main h3 {
    padding-bottom: 10px;
    border-bottom: #ccc solid 1px;
    margin: 30px auto 20px;
    color: #444;
    line-height: 1.3;
    font-size: 1.2em;
  }
  #siteContent .contentMain #main h3 a {
    text-decoration: none;
  }
  #siteContent .contentMain #main h3 a:before {
    content: "\f144";
    display: inline-block;
    margin-right: .2em;
    font: normal normal normal 1em / 1 FontAwesome;
    text-decoration: none;
  }
  #siteContent .contentMain #main h3 a:hover {
    text-decoration: underline;
  }
  #siteContent .contentMain #main h4 {
    margin: 25px auto 15px;
    color: #004098;
    line-height: 1.3;
    font-size: 1.06667em;
  }
  #siteContent .contentMain #main h4 a {
    text-decoration: none;
  }
  #siteContent .contentMain #main h4 a:before {
    content: "\f144";
    display: inline-block;
    margin-right: .2em;
    font: normal normal normal 1em / 1 FontAwesome;
    text-decoration: none;
  }
  #siteContent .contentMain #main h4 a:hover {
    text-decoration: underline;
  }
  #siteContent .contentMain #main h5 {
    margin: 20px auto 10px;
    line-height: 1.3;
    font-size: 1em;
  }
  #siteContent .contentMain #main h5 > a {
    text-decoration: underline;
  }
  #siteContent .contentMain #main h5 > a:before {
    content: "\f144";
    display: inline-block;
    margin-right: .2em;
    font: normal normal normal 1em / 1 FontAwesome;
    text-decoration: none;
  }
  #siteContent .banner_link {
    width: 100%;
    height: auto;
    margin: 30px 0px;
  }
  #siteContent .banner_link .banners {
    width: 100%;
    margin: 0px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: space-around;
    align-content: flex-start;
  }
  #siteContent .banner_link .banners div.banner_item {
    width: calc(100%/2);
    text-align: center;
  }
  #siteContent .banner_link .banners div.banner_item img {
    width: 90%;
    height: auto;
  }
  #siteContent .pagetop {
    width: 100%;
  }
  #siteContent .pagetop a {
    width: 100%;
    padding: 15px;
    background: #C5C5C5;
    display: inline-block;
    border: 1px solid #C5C5C5;
    color: #3F3F3F;
    text-align: center;
    transition: background-color 1s;
  }
}

/********************************************** パンくず *******************************************/
@media (min-width: 738px) {
  .breadcrumb {
    padding: 10px 0px 5px 0px;
    margin: 0px 0px 20px 0px;
    border-bottom: #cfcfcf dotted 1px;
  }
  .breadcrumb ol {
    font-size: .8em;
    line-height: 1.3;
    padding: 0px;
  }
  .breadcrumb ol > li {
    display: inline-block;
  }
  .breadcrumb ol + li:before {
    content: "＞";
    display: inline-block;
    margin: 0 5px;
    color: #888;
  }
}
@media (max-width: 737px) {
  .breadcrumb {
    padding: 10px 10px 5px 10px;
    margin: 0px 0px 20px 0px;
    border-bottom: #cfcfcf dotted 1px;
  }
  .breadcrumb ol {
    font-size: .8em;
    line-height: 1.3;
    padding: 0px;
  }
  .breadcrumb ol > li {
    display: inline-block;
  }
  .breadcrumb ol + li:before {
    content: "＞";
    display: inline-block;
    margin: 0 5px;
    color: #888;
  }
}

/********************************************** カテゴリー区分 *******************************************/
@media (min-width: 738px) {
  h3.cat_header3 {
    display: inline-block;
    width: 49%;
    border-bottom: #ccc solid 0px;
  }
  h3.cat_header3:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f152";
    margin-right: 10px;
    color: #0366D6;
  }
}
@media (max-width: 737px) {
  h3.cat_header3 {
    display: block;
  }
}

ul.clist-link {
  list-style: none;
}
@media (min-width: 738px) {
  ul.clist-link > li > a {
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  }
  ul.clist-link > li:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f101";
    margin-right: 10px;
    color: #0366D6;
  }
}
@media (max-width: 737px) {
  ul.clist-link li.ser_title a {
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  }
  ul.clist-link li.ser_exc {
    font-size: 0.8em;
  }
  ul.clist-link li.ser_day {
    font-size: 0.8em;
    margin-bottom: 20px;
  }
}

/********************************************** サイドバー *******************************************/
@media (min-width: 738px) {
  aside.sidebar {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    -webkit-flex: 0 0 250px;
    -ms-flex: 0 0 250px;
    flex: 0 0 250px;
    width: 250px;
    padding: 10px;
    margin-left: 50px;
  }
  aside.sidebar section nav li {
    font-size: 1.1em;
    cursor: pointer;
    width: 100%;
    background-color: #e5e5e5;
    display: block;
  }
  aside.sidebar section nav li a {
    color: #555555;
    padding-left: 10px;
  }
  aside.sidebar section nav li a:hover {
    color: #0000FF;
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu {
    cursor: pointer;
    margin: 0px;
    position: relative;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu a {
    color: #fff;
    background-color: #4c8ac9;
    width: 240px;
    height: 30px;
    padding: 10px 0 5px 10px;
    display: block;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f146";
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    padding: 15px 10px 0px 15px;
    display: block;
    background-color: #4c8ac9;
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu.attach:after {
    content: "\f0fe";
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  aside.sidebar section nav.side_ac ul.patentibus {
    display: block;
  }
  aside.sidebar section nav.side_ac ul.prope {
    display: none;
  }
  aside.sidebar section nav.side_ac li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_first {
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_first a {
    color: #fff;
    background-color: #057DE3;
    width: 170px;
    height: 30px;
    padding: 10px 40px 5px 40px;
    display: block;
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_first a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac li.layer_first a:before {
    position: absolute;
    top: 15px;
    left: 10px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f04b";
    margin-right: 10px;
    font-size: 0.6em;
  }
  aside.sidebar section nav.side_ac li.layer_first:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f107";
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    padding: 15px 10px 0px 15px;
    display: block;
    background-color: #057DE3;
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_first.attach:after {
    content: "\f068";
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_first_b {
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_first_b a {
    color: #fff;
    background-color: #057DE3;
    width: 170px;
    min-height: 30px;
    padding: 10px 40px 5px 40px;
    display: block;
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_first_b a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac li.layer_first_b a:before {
    position: absolute;
    top: 15px;
    left: 10px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f04b";
    margin-right: 10px;
    font-size: 0.6em;
    min-height: 30px;
  }
  aside.sidebar section nav.side_ac li.layer_first_b:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f068";
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    padding: 15px 10px 0px 15px;
    display: block;
    background-color: #057DE3;
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_first_b.attach:after {
    content: "\f107";
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_second {
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_second p {
    color: #fff;
    background-color: #0B62DB;
    width: 200px;
    height: 30px;
    padding: 10px 0 5px 50px;
    display: block;
    position: relative;
    margin: 0px;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  }
  aside.sidebar section nav.side_ac li.layer_second p:before {
    position: absolute;
    top: 40%;
    left: 30px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f133";
    font-size: 0.6em;
    color: #fff;
  }
  aside.sidebar section nav.side_ac li.layer_second:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f107";
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    padding: 15px 10px 0px 15px;
    display: block;
    background-color: #0B62DB;
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_second.attach:after {
    content: "\f068";
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_third {
    min-height: 0px;
  }
  aside.sidebar section nav.side_ac li.layer_third a {
    color: #0B62DB;
    background-color: #fff;
    width: 190px;
    height: 100%;
    padding: 10px 10px 10px 50px;
    display: inline-block;
    border-bottom: 1px dotted #0B62DB;
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_third a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac li.layer_third a:before {
    position: absolute;
    top: 40%;
    left: 30px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f07b";
    font-size: 0.6em;
    color: #0B62DB;
  }
  aside.sidebar section nav.side_ac li.layer_third a:after {
    content: none;
  }
  aside.sidebar section nav.side_ac li.layer_fourth {
    min-height: 0px;
  }
  aside.sidebar section nav.side_ac li.layer_fourth a {
    color: #0B62DB;
    background-color: #fff;
    width: 190px;
    height: 100%;
    padding: 10px 10px 10px 50px;
    display: inline-block;
    border-bottom: 1px dotted #0B62DB;
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_fourth a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac li.layer_fourth a:before {
    position: absolute;
    top: 40%;
    left: 30px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f133";
    font-size: 0.6em;
    color: #0B62DB;
  }
  aside.sidebar section nav.side_ac li.layer_fourth a:after {
    content: none;
  }
}
@media (max-width: 737px) {
  aside {
    margin-bottom: 20px;
  }
  aside.sidebar {
    width: calc(100% - 20px);
    padding: 10px;
  }
  aside.sidebar section nav li {
    font-size: 1.1em;
    cursor: pointer;
    width: 100%;
    background-color: #e5e5e5;
    display: block;
  }
  aside.sidebar section nav li a {
    color: #555555;
    padding-left: 10px;
  }
  aside.sidebar section nav li a:hover {
    color: #0000FF;
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu {
    cursor: pointer;
    margin: 0px;
    position: relative;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu a {
    color: #fff;
    background-color: #4c8ac9;
    width: calc(100% - 10px);
    height: 30px;
    padding: 10px 0 5px 10px;
    display: block;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f0fe";
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    padding: 15px 10px 0px 15px;
    display: block;
    background-color: #4c8ac9;
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac h2.side_toggle_menu.attach:after {
    content: "\f146";
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac div.slidediv {
    display: none;
  }
  aside.sidebar section nav.side_ac ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  aside.sidebar section nav.side_ac ul.patentibus {
    display: block;
  }
  aside.sidebar section nav.side_ac ul.prope {
    display: none;
  }
  aside.sidebar section nav.side_ac li {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_first {
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_first a {
    color: #fff;
    background-color: #057DE3;
    width: calc(100% - 40px);
    height: 30px;
    padding: 10px 0 5px 40px;
    display: block;
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_first a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac li.layer_first a:before {
    position: absolute;
    top: 40%;
    left: 20px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f04b";
    margin-right: 10px;
    font-size: 0.6em;
  }
  aside.sidebar section nav.side_ac li.layer_first:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f107";
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    padding: 15px 10px 0px 15px;
    display: block;
    background-color: #057DE3;
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_first.attach:after {
    content: "\f068";
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_first_b {
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_first_b a {
    color: #fff;
    background-color: #057DE3;
    width: calc(100% - 40px);
    height: 30px;
    padding: 10px 0 5px 40px;
    display: block;
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_first_b a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac li.layer_first_b a:before {
    position: absolute;
    top: 40%;
    left: 20px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f04b";
    margin-right: 10px;
    font-size: 0.6em;
  }
  aside.sidebar section nav.side_ac li.layer_first_b:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f068";
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    padding: 15px 10px 0px 15px;
    display: block;
    background-color: #057DE3;
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_first_b.attach:after {
    content: "\f107";
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_second {
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_second p {
    color: #fff;
    background-color: #0B62DB;
    width: calc(100% - 50px);
    height: 30px;
    padding: 10px 0 5px 50px;
    display: block;
    position: relative;
    margin: 0px;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  }
  aside.sidebar section nav.side_ac li.layer_second p:before {
    position: absolute;
    top: 40%;
    left: 30px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f133";
    font-size: 0.6em;
    color: #fff;
  }
  aside.sidebar section nav.side_ac li.layer_second:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f107";
    position: absolute;
    top: 0px;
    right: 0px;
    color: #fff;
    height: 30px;
    padding: 15px 10px 0px 15px;
    display: block;
    background-color: #0B62DB;
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_second.attach:after {
    content: "\f068";
    width: 1.0em;
  }
  aside.sidebar section nav.side_ac li.layer_third {
    min-height: 0px;
  }
  aside.sidebar section nav.side_ac li.layer_third a {
    color: #0B62DB;
    background-color: #fff;
    width: calc(100% - 60px);
    height: 100%;
    padding: 10px 10px 10px 50px;
    display: inline-block;
    border-bottom: 1px dotted #0B62DB;
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_third a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac li.layer_third a:before {
    position: absolute;
    top: 40%;
    left: 30px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f07b";
    font-size: 0.6em;
    color: #0B62DB;
  }
  aside.sidebar section nav.side_ac li.layer_third a:after {
    content: none;
  }
  aside.sidebar section nav.side_ac li.layer_fourth {
    min-height: 0px;
  }
  aside.sidebar section nav.side_ac li.layer_fourth a {
    color: #0B62DB;
    background-color: #fff;
    width: calc(100% - 60px);
    height: 100%;
    padding: 10px 10px 10px 50px;
    display: inline-block;
    border-bottom: 1px dotted #0B62DB;
    position: relative;
  }
  aside.sidebar section nav.side_ac li.layer_fourth a:hover {
    text-decoration: none;
  }
  aside.sidebar section nav.side_ac li.layer_fourth a:before {
    position: absolute;
    top: 40%;
    left: 30px;
    display: inline-block;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f133";
    font-size: 0.6em;
    color: #0B62DB;
  }
  aside.sidebar section nav.side_ac li.layer_fourth a:after {
    content: none;
  }
}

/********************************************** SNS *******************************************/
.social_bottom {
  border-top: #ddd solid 1px;
  border-bottom: #ddd solid 1px;
}
@media (min-width: 738px) {
  .social_bottom {
    min-width: 1024px;
    max-width: 1366px;
    padding: 15px 0px;
    margin: 15px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
  }
  .social_bottom .share {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 3;
    display: flex;
  }
  .social_bottom .share p {
    display: inline-block;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    padding: 5px 10px 5px 10px;
    margin: 0px;
    color: #2d2d2d;
  }
  .social_bottom .share p:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f04b";
    margin-right: 10px;
    color: #8f8f8f;
    margin-left: 10px;
  }
  .social_bottom .share a {
    display: inline-block;
    width: 120px;
    color: #fff;
    display: block;
    text-align: center;
    margin-left: 15px;
    padding: 5px 10px 5px 10px;
  }
  .social_bottom .share a.fb {
    background: #3b5998;
  }
  .social_bottom .share a.fb:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f082";
    margin-right: 10px;
    color: #ffffff;
  }
  .social_bottom .share a.tw {
    background: #1da1f2;
  }
  .social_bottom .share a.tw:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f099";
    margin-right: 10px;
    color: #ffffff;
  }
  .social_bottom .share a:hover {
    text-decoration: none;
  }
  .social_bottom .freeConsulting {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
  }
  .social_bottom .freeConsulting a {
    display: inline-block;
    color: #f37807;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    padding: 5px 10px 5px 10px;
  }
  .social_bottom .freeConsulting a:before {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f144";
    margin-right: 10px;
  }
  .social_bottom .freeConsulting a:hover {
    text-decoration: none;
  }
}
@media (max-width: 737px) {
  .social_bottom {
    width: 100%;
    padding: 15px 0px;
    margin: 15px auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
  }
  .social_bottom .share {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 3;
    display: flex;
  }
  .social_bottom .share p {
    display: inline-block;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    padding: 5px 10px 5px 10px;
    margin: 0px;
    color: #2d2d2d;
    font-size: 0.8em;
  }
  .social_bottom .share p:after {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f04b";
    margin-right: 10px;
    color: #8f8f8f;
    margin-left: 10px;
  }
  .social_bottom .share a {
    display: inline-block;
    width: 100px;
    color: #fff;
    display: block;
    text-align: center;
    margin-left: 15px;
    padding: 5px 10px 5px 10px;
    font-size: 0.9em;
  }
  .social_bottom .share a.fb {
    background: #3b5998;
  }
  .social_bottom .share a.fb:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f082";
    margin-right: 10px;
    color: #ffffff;
  }
  .social_bottom .share a.tw {
    background: #1da1f2;
  }
  .social_bottom .share a.tw:before {
    font-family: "Font Awesome 5 Brands";
    font-weight: 900;
    content: "\f099";
    margin-right: 10px;
    color: #ffffff;
  }
  .social_bottom .share a:hover {
    text-decoration: none;
  }
  .social_bottom .freeConsulting {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-bottom: #ddd solid 1px;
    margin-bottom: 15px;
  }
  .social_bottom .freeConsulting a {
    display: inline-block;
    color: #f37807;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    padding: 5px 10px 15px 10px;
  }
  .social_bottom .freeConsulting a:before {
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    content: "\f144";
    margin-right: 10px;
  }
  .social_bottom .freeConsulting a:hover {
    text-decoration: none;
  }
}

/********************************************** かんたんフォーム *******************************************/
a.button-normal {
  display: block;
  color: #fff;
  background-color: #4c8ac9;
  padding: 20px 50px;
  text-align: center;
  max-width: 500px;
  margin: 0 auto;
}
a.button-normal:before {
  font-family: "Font Awesome 5 pro";
  font-weight: 900;
  content: "\f144";
  margin-right: 20px;
}
a.button-normal:hover {
  color: #4c8ac9;
  background-color: #d1e1f1;
}

/********************************************** コンタクトフォーム *******************************************/
form .wpcf7-list-item {
  margin-top: 10px;
  display: block;
}
form .button-confirm input[type=submit] {
  display: block;
  width: 100%;
  background: #4c8ac9;
  color: #fff;
  padding: 20px;
  border: none;
  font-size: 1.1em;
  font-weight: bold;
  font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}
@media (min-width: 738px) {
  form .submit_st {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  form .submit_st .button-back {
    width: 45%;
    position: relative;
  }
  form .submit_st .button-back input[type=button] {
    display: block;
    width: 100%;
    background: #ef7b00;
    color: #fff;
    padding: 20px;
    border: none;
    font-size: 1.1em;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    flex-grow: 1;
    flex-shrink: 0;
  }
  form .submit_st .button-back:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f100";
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #fff;
    font-size: 1.3em;
  }
  form .submit_st .button-submit {
    width: 45%;
    position: relative;
  }
  form .submit_st .button-submit input[type=submit] {
    display: block;
    width: 100%;
    background: #4c8ac9;
    color: #fff;
    padding: 20px;
    border: none;
    font-size: 1.1em;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    flex-grow: 1;
    flex-shrink: 0;
  }
  form .submit_st .button-submit:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f101";
    margin-right: 10px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    color: #fff;
    font-size: 1.3em;
  }
  form .submit_st .button-submit .ajax-loader {
    display: none !important;
  }
}
form dl.inquiry {
  font-weight: normal;
}
@media (min-width: 738px) {
  form dl.inquiry {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto;
    align-content: stretch;
    padding: 0px;
    margin: 0px;
    border: 1px solid #d7d7d7;
  }
  form dl.inquiry dt {
    width: 300px;
    background: #faf8f0;
    padding: 20px;
    margin: 0px;
    border-bottom: 1px solid #d7d7d7;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-shrink: 0;
    font-weight: 900;
    font-size: 0.9em;
  }
  form dl.inquiry dt:before {
    flex-shrink: 0;
    content: "　　";
    margin-right: 20px;
    padding: 0.1em 0.3em;
  }
  form dl.inquiry dt:last-child {
    border-bottom: none;
  }
  form dl.inquiry dt.required:before {
    flex-shrink: 0;
    content: "必須";
    margin-right: 20px;
    padding: 0.1em 0.3em;
    background: #ef7265;
    color: #fff;
  }
  form dl.inquiry dd {
    width: calc(100% - 390px);
    flex-basis: calc(100% - 390px);
    background: #fff;
    padding: 20px;
    margin: 0px;
    border-bottom: 1px solid #d7d7d7;
  }
  form dl.inquiry dd:last-child {
    border-bottom: none;
  }
  form dl.inquiry dd input {
    width: calc(100% - 20px);
    padding: 10px;
  }
  form dl.inquiry dd textarea {
    width: calc(100% - 20px);
    padding: 10px;
    resize: none;
  }
  form dl.inquiry dd select {
    width: 100%;
    padding: 10px;
    resize: none;
    font-size: 1.0em;
  }
  form dl.inquiry dd input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 2px solid #e4e4e4;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: .5em;
    margin-bottom: 5px;
    border-radius: 25px;
  }
  form dl.inquiry dd input[type=radio]:checked::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8e8e8e;
    border: 2px solid #fff;
    width: 17px;
    height: 17px;
    border-radius: 25px;
  }
  form dl.inquiry dd input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 2px solid #e4e4e4;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: .5em;
    margin-top: 0;
    margin-bottom: 5px;
  }
  form dl.inquiry dd input[type=checkbox]:checked::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8e8e8e;
    border: 2px solid #fff;
    width: 17px;
    height: 17px;
    border-radius: 0px;
  }
}
@media (max-width: 737px) {
  form dl.inquiry {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    margin: 30px auto;
    align-content: stretch;
    padding: 0px;
    border: 1px solid #d7d7d7;
  }
  form dl.inquiry dt {
    width: calc(100% - 40px);
    background: #faf8f0;
    padding: 20px;
    margin: 0px;
    border-bottom: 1px solid #d7d7d7;
  }
  form dl.inquiry dt:last-child {
    border-bottom: none;
  }
  form dl.inquiry dt.required:before {
    flex-shrink: 0;
    content: "必須";
    margin-right: 20px;
    padding: 0.1em 0.3em;
    background: #ef7265;
    color: #fff;
  }
  form dl.inquiry dd {
    width: calc(100% - 20px);
    background: #fff;
    padding: 10px;
    margin: 0px;
    border-bottom: 1px solid #d7d7d7;
  }
  form dl.inquiry dd:last-child {
    border-bottom: none;
  }
  form dl.inquiry dd input {
    width: calc(100% - 20px);
    padding: 10px;
  }
  form dl.inquiry dd .wpcf7-free-text {
    width: calc(100% - 20px);
    padding: 10px;
  }
  form dl.inquiry dd textarea {
    width: calc(100% - 20px);
    padding: 10px;
    resize: none;
  }
  form dl.inquiry dd select {
    width: 100%;
    padding: 10px;
    resize: none;
  }
  form dl.inquiry dd input[type=radio] {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 2px solid #e4e4e4;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: .5em;
    margin-bottom: 5px;
    border-radius: 25px;
  }
  form dl.inquiry dd input[type=radio]:checked::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8e8e8e;
    border: 2px solid #fff;
    width: 17px;
    height: 17px;
    border-radius: 25px;
  }
  form dl.inquiry dd input[type=checkbox] {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 2px solid #e4e4e4;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    margin-right: .5em;
    margin-top: 0;
    margin-bottom: 5px;
  }
  form dl.inquiry dd input[type=checkbox]:checked::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #8e8e8e;
    border: 2px solid #fff;
    width: 17px;
    height: 17px;
    border-radius: 0px;
  }
}

/********************************************** ページャー *******************************************/
.mod-pager {
  margin: 30px auto;
}
.mod-pager ul {
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  list-style: none;
}
.mod-pager ul > li {
  position: static;
  margin: 0 5px;
}
.mod-pager ul > li:before {
  display: none;
}
.mod-pager ul > li .page-numbers {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: #4c8ac9 solid 1px;
  font-size: 1.2em;
  font-weight: bold;
  font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  line-height: 1.3;
  text-align: center;
}
.mod-pager ul > li .page-numbers.prev {
  width: 80px;
}
.mod-pager ul > li .page-numbers.next {
  width: 80px;
}
.mod-pager ul > li .page-numbers.current {
  color: #fff;
  background-color: #4c8ac9;
}
.mod-pager ul > li a {
  text-decoration: none;
}
.mod-pager ul > li a:hover {
  background-color: #d1e1f1;
}

.eventpage article ul.topics_contents {
  padding: 0px 0px 5px 0px;
  border-bottom: 1px dotted #203744;
  list-style: none;
}
.eventpage article ul.topics_contents li.topics_li {
  height: 30px;
  padding: 0px;
  margin: 0px;
  display: flex;
}
.eventpage article ul.topics_contents li.topics_li span {
  margin-right: 5px;
  margin-bottom: 0px;
  vertical-align: top;
  padding: 0px;
  display: inline-block;
}
.eventpage article ul.topics_contents li.topics_li span.topics_days {
  font-weight: bold;
  font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  margin-right: 15px;
  font-size: 0.9em;
}
.eventpage article ul.topics_contents li.topics_li span.topics_icons {
  width: 85px;
  height: 24px;
  text-align: center;
  font-size: 0.7em;
  line-height: 24px;
  font-weight: bold;
  font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  color: #fff;
}
.eventpage article ul.topics_contents li.topics_li span.topicsnews {
  background: #50c8e1;
}
.eventpage article ul.topics_contents li.topics_li span.topicshiring {
  background: #edbe64;
}
.eventpage article ul.topics_contents li.topics_li span.topicsmaintenance {
  background: #94a6a8;
}
.eventpage article ul.topics_contents li.topics_li span.ebina {
  background: #0176c0;
}
.eventpage article ul.topics_contents li.topics_li span.mizonokuchi {
  background: #e94f37;
}
.eventpage article ul.topics_contents li.topics_li span.tonomachi {
  background: #769d30;
}
.eventpage article ul.topics_contents li.topics_li span.yokohama {
  background: #257ec0;
}
.eventpage article ul.topics_contents li.topics_li span.nanobic {
  background: #3ba33f;
}
.eventpage article ul.topics_contents li.topics_li span.forum {
  background: #f0959b;
}
.eventpage article ul.topics_contents li.topics_li span.seminar {
  background: #039889;
}
.eventpage article ul.topics_contents li.topics_li span.exhibition {
  background: #9e8920;
}
.eventpage article ul.topics_contents li.topics_li span.saiyou {
  background: #7468a8;
}
.eventpage article ul.topics_contents li.topics_li span.bosyuu {
  background: #e16879;
}
.eventpage article ul.topics_contents li.topics_li span.bosyuuend {
  background: #b4b4b4;
}
.eventpage article ul.topics_contents li.topics_li span.greyicon {
  background: #b4b4b4;
}
.eventpage article ul.pickup_contents {
  padding: 0px 0px 5px 0px;
  list-style: none;
}
.eventpage article ul.pickup_contents li.pickup_li {
  height: 30px;
  margin: 0px;
  padding: 10px 5px 5px 10px;
  background: #f0f0f0;
}
.eventpage article ul.pickup_contents li.pickup_li a {
  width: 100%;
  color: #333333;
}
.eventpage article ul.pickup_contents li.pickup_li a:hover {
  color: #0366D6;
}
.eventpage article ul.pickup_contents li.pickup_li:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f58d";
  margin-right: 10px;
}
.eventpage article p.text-r {
  width: 100%;
  text-align: right;
}
.eventpage article p.text-r a.list-link {
  font-size: 0.8em;
}

.page-numbers {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
}

.page-numbers > li {
  display: inline;
}

.page-numbers > li > a, .page-numbers > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #337ab7;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  margin-left: -1px;
  color: #509256;
}

.page-numbers > li:first-child a, .page-numbers > li:first-child span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}

.page-numbers > li:last-child a, .page-numbers > li:last-child span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}

.page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus {
  z-index: 2;
  color: #3B6E39;
  background-color: #eeeeee;
  border-color: #dddddd;
}

.page-numbers .current {
  z-index: 3;
  color: #ffffff;
  background-color: #509256;
  border-color: #3B6E39;
  cursor: default;
}

.page-numbers > .disabled > span, .page-numbers > .disabled > span:hover, .page-numbers > .disabled > span:focus, .page-numbers > .disabled > a, .page-numbers > .disabled > a:hover, .page-numbers > .disabled > a:focus {
  color: #777777;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}

/********************************************** 検索結果 *******************************************/
ul.slist-link {
  padding: 0;
  margin: 0px auto 10px auto;
  list-style: none;
}
@media (min-width: 738px) {
  ul.slist-link li {
    margin-bottom: 5px;
  }
  ul.slist-link li.ser_title {
    font-size: 1.2em;
  }
  ul.slist-link li.ser_exc {
    margin-bottom: 5px;
  }
  ul.slist-link li.ser_tag {
    font-size: 0.9em;
    color: #1688AB;
  }
  ul.slist-link li.ser_tag a {
    color: #1688AB;
  }
  ul.slist-link li.ser_day {
    margin-bottom: 25px;
    font-size: 0.9em;
  }
}
@media (max-width: 737px) {
  ul.slist-link li {
    margin-bottom: 5px;
  }
  ul.slist-link li.ser_title {
    font-size: 1.2em;
  }
  ul.slist-link li.ser_exc {
    margin-bottom: 5px;
  }
  ul.slist-link li.ser_tag {
    font-size: 0.9em;
    color: #1688AB;
  }
  ul.slist-link li.ser_tag a {
    color: #1688AB;
  }
  ul.slist-link li.ser_day {
    margin-bottom: 25px;
    font-size: 0.9em;
  }
}

.siteserch_r {
  width: 100%;
}
@media (min-width: 738px) {
  .siteserch_r form {
    width: 100%;
    margin-bottom: 15px;
  }
  .siteserch_r form ul {
    padding: 0;
    margin: 0px;
    display: flex;
    list-style: none;
  }
  .siteserch_r form ul li:first-child {
    margin-right: 15px;
    width: calc(100% - 100px);
  }
  .siteserch_r form ul li:first-child label {
    width: calc(100% - 20px);
  }
  .siteserch_r form ul li:first-child label input {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border-radius: 2px 0 0 2px;
    background: #eee;
    font-size: 1.2em;
  }
  .siteserch_r form ul li:last-child input {
    width: 80px;
    height: 50px;
    top: 0;
    border-radius: 0 2px 2px 0;
    background: #888;
    border: none;
    color: #fff;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    font-size: 13px;
  }
}
@media (max-width: 737px) {
  .siteserch_r form {
    width: 100%;
    margin-bottom: 15px;
  }
  .siteserch_r form ul {
    padding: 0;
    margin: 0px;
    display: flex;
    list-style: none;
  }
  .siteserch_r form ul li:first-child {
    margin-right: 15px;
    width: calc(100% - 100px);
  }
  .siteserch_r form ul li:first-child label {
    width: calc(100% - 20px);
  }
  .siteserch_r form ul li:first-child label input {
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border-radius: 2px 0 0 2px;
    background: #eee;
    font-size: 1.2em;
  }
  .siteserch_r form ul li:last-child input {
    width: 80px;
    height: 50px;
    top: 0;
    border-radius: 0 2px 2px 0;
    background: #888;
    border: none;
    color: #fff;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    font-size: 13px;
  }
}

/********************************************** sidebar **********************************************/
.notice_s {
  list-style: none;
}
.notice_s li {
  padding: 5px 0px;
  border-bottom: 1px dotted #C1C1C1;
}
.notice_s li.ns_title {
  background: #1B488E;
  color: #fff;
  font-weight: normal;
  text-align: center;
}

.subsidebar h2 {
  padding: 5px 0px;
  background: #1B488E;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}
.subsidebar ul {
  list-style-type: none;
  padding: 0px;
}
.subsidebar ul li {
  padding: 5px 0px;
  border-bottom: 1px dotted #C1C1C1;
  text-indent: 15px;
}
.subsidebar ul li a:before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: "\f105";
  margin-right: 10px;
  top: 20px;
  right: 20px;
}

/********************************************** iotlab **********************************************/
#iotlabHeader {
  display: flex;
  margin: 0px;
  flex-direction: column;
}
#iotlabHeader .iotlabtop {
  width: 100%;
  min-height: 25px;
  background: #0080c3;
  color: #fff;
}
#iotlabHeader .iotlabtop h3 {
  display: block;
  margin: 0px;
  padding: 10px 10px 10px 10px;
}
#iotlabHeader .iotlabnav {
  width: 100%;
  min-height: 80px;
  background: fff;
  color: #fff;
}
#iotlabHeader .iotlabnav .iotnav ul {
  padding: 20px 5% 20px 5%;
  margin: 0px;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
}
#iotlabHeader .iotlabnav .iotnav ul li {
  text-align: center;
  width: 150px;
}
#iotlabHeader .iotlabnav .iotnav ul li a {
  display: block;
  padding: 15px 5px;
  color: #2D2D2D;
}
#iotlabHeader .iotlabnav .iotnav ul li:first-child {
  width: calc(100% - 160px*6);
  min-width: 150px;
  text-align: left;
}
#iotlabHeader .iotlabnav .iotnav ul li:first-child img {
  width: 150px;
  height: auto;
}
#iotlabHeader .iotlabnav .iotnav ul li:first-child a {
  padding: 10px 0px;
}
#iotlabHeader .iotimage {
  width: 100%;
  min-height: 80px;
}
#iotlabHeader .iotimage img {
  width: 100%;
  height: auto;
}

/********************************************** inno2020 **********************************************/
#inno2020Header {
  display: flex;
  margin: 0px;
  flex-direction: column;
}
#inno2020Header .inno2020top {
  width: 100%;
  min-height: 25px;
  background: #0080c3;
  color: #fff;
}
#inno2020Header .inno2020top h3 {
  display: block;
  margin: 0px;
  padding: 10px 10px 10px 10px;
}
#inno2020Header .inno2020top h3 img {
  height: 45px;
  width: auto;
}
#inno2020Header .inno2020nav {
  width: 100%;
  min-height: 80px;
  background: fff;
  color: #fff;
}
#inno2020Header .inno2020nav .innovation2020 ul {
  padding: 20px 5% 20px 5%;
  margin: 0px;
  list-style-type: none;
  display: flex;
  justify-content: flex-end;
}
#inno2020Header .inno2020nav .innovation2020 ul li {
  text-align: center;
  width: 350px;
}
#inno2020Header .inno2020nav .innovation2020 ul li a {
  display: block;
  padding: 15px 5px;
  color: #2D2D2D;
}
#inno2020Header .inno2020nav .innovation2020 ul li:first-child {
  width: calc(100% - 350px*2);
  min-width: 150px;
  text-align: left;
}
#inno2020Header .inno2020nav .innovation2020 ul li:first-child img {
  width: 350px;
  height: auto;
}
#inno2020Header .inno2020nav .innovation2020 ul li:first-child a {
  padding: 10px 0px;
}
#inno2020Header .inno2020image {
  width: 100%;
  min-height: 80px;
}
#inno2020Header .inno2020image img {
  width: 100%;
  height: auto;
}

th.forumth {
  width: 150px;
}
th.forumtd {
  width: calc(100% - 150px);
  overflow-wrap: break-word;
}

div.case_para {
  width: 100%;
  line-height: 2;
  margin-bottom: 50px;
  width: 100%;
}
div.case_para ul.paraca {
  min-height: 500px;
  width: 45%;
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}
div.case_para ul.paraca li {
  list-style: none;
  text-align: center;
}
div.case_para ul.paraca li img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: auto;
}

div.case_form {
  width: 100%;
  line-height: 2;
  margin-bottom: 50px;
  margin-top: 100px;
  background: #f8f8f8;
  display: flex;
  justify-content: space-around;
  padding: 15px 0px;
}
div.case_form ul {
  background: #FFF;
  width: 45%;
  min-width: 350px;
  padding: 0px;
  margin: 0px;
  border: 2px solid #ebebeb;
}
div.case_form ul li {
  list-style: none;
  text-indent: 0px;
  margin: 10px 0px;
  text-align: center;
}
div.case_form ul li.casetitle {
  color: #f47807;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
}
div.case_form ul li form input.inqpost {
  color: #fff;
  background-color: #eb6100;
  border: none;
  padding: 20px 100px;
  font-size: 1.0em;
}
div.case_form ul li form input.inqpost:hover {
  color: #eb6100;
  background-color: #fff;
  border: 1px solid #eb6100;
  cursor: pointer;
}
div.case_form ul li form input.inqpost02 {
  color: #fff;
  background-color: #00a6a4;
  border: none;
  padding: 20px 100px;
  font-size: 1.0em;
}
div.case_form ul li form input.inqpost02:hover {
  color: #00a6a4;
  background-color: #fff;
  border: 1px solid #00a6a4;
  cursor: pointer;
}
div.case_form ul li.casetitle_main {
  color: #007d98;
  font-weight: bold;
  font-size: 1.1em;
  text-align: center;
}

div.inno2020_cont_item {
  width: 100%;
  margin-top: 100px;
  text-align: center;
}
div.inno2020_cont_item div.wp-video {
  margin: 0 auto;
}
div.inno2020_cont_item div.pdfemb-viewer {
  margin: 0px auto;
}

div.inno2020_cont_item_anq {
  width: 100%;
  margin-top: 100px;
}

table.chizai_table th {
  font-size: 0.8em;
  font-weight: normal;
  text-align: left;
  padding: 10px;
}
table.chizai_table td {
  font-size: 0.8em;
  font-weight: normal;
  text-align: left;
  padding: 10px;
}
table.chizai_table td input {
  font-size: 1em;
  padding: 10px;
  width: 400px;
}
table.chizai_table td input[type=checkbox] {
  -ms-transform: scale(1.5, 1.5);
  -webkit-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
  width: 100px;
  margin: 0px;
}

div.content-form legend {
  font-size: 0.8em;
}

a.fosemi_link {
  display: block;
  width: 100%;
  padding: 10px;
  color: #1357b5;
  background: #fff;
  border: 1px solid #1357b5;
  margin-bottom: 10px;
  text-decoration: none;
  position: relative;
}
a.fosemi_link:hover {
  color: #fff;
  border: 1px solid #fff;
  background: #1357b5;
  text-decoration: none;
}
a.fosemi_link:hover:after {
  font-family: "Font Awesome 5 pro";
  font-weight: 900;
  content: "\f101";
  position: absolute;
  top: 0px;
  right: 0px;
  color: #fff;
  height: 30px;
  padding: 10px 10px 0px 15px;
  display: block;
  width: 1.0em;
}
a.fosemi_link:after {
  font-family: "Font Awesome 5 pro";
  font-weight: 900;
  content: "\f101";
  position: absolute;
  top: 0px;
  right: 0px;
  color: #1357b5;
  height: 30px;
  padding: 10px 10px 0px 15px;
  display: block;
  width: 1.0em;
}

table.fsemi_all tr th:nth-child(even) {
  width: 170px;
}
table.fsemi_all tr th:nth-child(3) {
  width: 300px;
}

table.fsemi_limit tr th:nth-child(2) {
  width: 170px;
}
table.fsemi_limit tr th::nth-child(3) {
  width: 300px;
}

div.eqsp_para {
  width: 100%;
  line-height: 2;
  margin-bottom: 50px;
  display: flex;
}
div.eqsp_para div.eqspitemimage {
  width: 300px;
  padding: 10px;
  text-align: center;
}
div.eqsp_para div.eqspitemimage img {
  width: 250px;
}
div.eqsp_para div.eqspitemtxt {
  width: calc(100% - 380px);
  padding: 10px;
}
div.eqsp_para div.eqspitem {
  width: 100%;
  padding: 10px;
}

table.plicestyle {
  width: 100%;
  table-layout: fixed;
  word-break: break-all;
  word-wrap: break-all;
  margin-bottom: 50px;
}
table.plicestyle tr th {
  padding: 10px;
  background: #fffaf0;
}
table.plicestyle tr th:nth-child(1) {
  width: 80px;
}
table.plicestyle tr th:nth-child(2) {
  width: 400px;
}
table.plicestyle tr th:nth-child(4) {
  width: 80px;
}
table.plicestyle tr th:nth-child(5) {
  width: 140px;
}
table.plicestyle tr td {
  padding: 10px;
  vertical-align: middle;
}
table.plicestyle tr td:nth-child(1) {
  text-align: center;
}
table.plicestyle tr td:nth-child(4) {
  text-align: right;
}

ul.parts_indi {
  width: 100%;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  padding: 0px;
  margin: 0px;
  text-align: left;
}
@media (min-width: 738px) {
  ul.parts_indi li.parts_indi_item {
    width: 30%;
    border: 1px solid  #dadada;
    position: relative;
    min-height: 60px;
    max-height: auto;
    padding: 10px 10px 40px 10px;
    margin: 10px;
    min-width: 0;
    overflow-wrap: break-word;
  }
  ul.parts_indi li.parts_indi_item a {
    background: none;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
  }
  ul.parts_indi li.parts_indi_item img.parts_indi_images {
    width: 100%;
    height: auto;
    vertical-align: top;
  }
  ul.parts_indi li.parts_indi_item p:first-of-type {
    background: #f6f6f6;
    text-align: center;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 10px;
  }
  ul.parts_indi li.parts_indi_item p:last-of-type {
    padding: 0px 20px 0px 20px;
  }
  ul.parts_indi li.parts_indi_item div.parts_individual_etails {
    display: block;
    text-align: center;
    width: 100%;
    padding: 5px 0 5px 0;
    background: #f4f4f4;
    color: #0176c0;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  ul.parts_indi li.parts_indi_item div.parts_individual_etails:hover {
    background: #0176c0;
    color: #ffffff;
  }
}
@media (max-width: 737px) {
  ul.parts_indi li.parts_indi_item {
    width: calc((100%/2)-20px);
    background: #3FAAA8;
    position: relative;
    min-height: 60px;
    max-height: 250px;
    padding: 10px;
    min-width: 0;
    overflow-wrap: break-word;
  }
  ul.parts_indi li.parts_indi_item a {
    background: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    text-decoration: none;
  }
  ul.parts_indi li.parts_indi_item img.parts_indi_images {
    width: 100%;
    height: auto;
  }
}

table.pricelist_anchor {
  min-height: 100px;
  margin-bottom: 100px;
}
table.pricelist_anchor tr:nth-child(even) {
  background-color: #E9F0F5;
}
table.pricelist_anchor tr td {
  padding: 5px;
  width: 20%;
  height: 50px;
  vertical-align: middle;
  border-color: #E9E9E9;
}

ul.pricelist_menu {
  width: 100%;
  display: flex;
  list-style: none;
  flex-wrap: nowrap;
  justify-content: space-around;
  padding: 0px;
  margin: 0px;
  text-align: center;
  margin-bottom: 50px;
}
ul.pricelist_menu li.pricelist_menu_item {
  width: 45%;
  border: 1px solid #0176c0;
  min-height: 0px;
}
ul.pricelist_menu li.pricelist_menu_item a {
  display: block;
  width: 100%;
  padding: 20px 0px 20px 0px;
  margin: 0px;
  color: #0176c0;
}
ul.pricelist_menu li.pricelist_menu_item a:hover {
  color: #ffffff;
  background: #0176c0;
}

ul.pricelist_menu_koudo {
  width: 100%;
  display: flex;
  list-style: none;
  flex-wrap: nowrap;
  justify-content: space-around;
  padding: 0px;
  margin: 0px;
  text-align: center;
  margin-bottom: 50px;
}
ul.pricelist_menu_koudo li.pricelist_menu_item_koudo {
  width: 30%;
  border: 1px solid #0176c0;
  min-height: 0px;
}
ul.pricelist_menu_koudo li.pricelist_menu_item_koudo a {
  display: block;
  width: 100%;
  padding: 20px 0px 20px 0px;
  margin: 0px;
  color: #ffffff;
  background: #0176c0;
  border: 1px solid #0176c0;
}
ul.pricelist_menu_koudo li.pricelist_menu_item_koudo a:hover {
  color: #0176c0;
  background: #ffffff;
  border: 1px solid #0176c0;
}

ul.pricelist_menu_koudo2 {
  width: 100%;
  display: flex;
  list-style: none;
  flex-wrap: nowrap;
  justify-content: space-around;
  padding: 0px;
  margin: 0px;
  text-align: center;
  margin-bottom: 50px;
}
ul.pricelist_menu_koudo2 li.pricelist_menu_item_koudo2 {
  width: 30%;
  border: 1px solid #0176c0;
  min-height: 0px;
}
ul.pricelist_menu_koudo2 li.pricelist_menu_item_koudo2 a {
  display: block;
  width: 100%;
  padding: 20px 0px 20px 0px;
  margin: 0px;
  color: #0176c0;
}
ul.pricelist_menu_koudo2 li.pricelist_menu_item_koudo2 a:hover {
  color: #ffffff;
  background: #0176c0;
}

table.voteintro_table {
  width: 100%;
  border: none;
}
table.voteintro_table tr td {
  vertical-align: top;
}
@media (min-width: 738px) {
  table.voteintro_table tr td {
    border: none;
    width: 45%;
  }
}
@media (max-width: 737px) {
  table.voteintro_table tr td {
    border: none;
    width: 100%;
  }
}
table.voteintro_table tr td ul.paraca {
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}
table.voteintro_table tr td ul.paraca li {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}
table.voteintro_table tr td ul.paraca li img {
  width: 90%;
  max-width: 500px;
  height: auto;
  display: block;
  margin: auto;
}

table.voteintro_mini {
  width: 100%;
  table-layout: fixed;
  border: none;
}
table.voteleft {
  margin-left: 0px;
  margin-right: auto;
}
table.voteleft tbody tr th {
  width: 150px;
  white-space: nowrap;
}
table.votecenter {
  margin-left: auto;
  margin-right: auto;
}
table.voteright {
  margin-left: auto;
  margin-right: 0px;
}
table tr td {
  max-width: 500px;
}
table tr td.votelileft {
  text-align: left;
}
table tr td.votelicenter {
  text-align: center;
}
table tr td.voteliright {
  text-align: right;
}

ul.voteintro_2column {
  width: 100%;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0px;
  margin: 0px;
}
ul.bording {
  border-top: 1px dotted #E7E7E7;
}
ul li {
  min-height: 0px;
  margin: 0px;
  padding: 10px;
  text-align: left;
}
ul li.cnomarge {
  text-align: left;
}
@media (min-width: 738px) {
  ul li.cnomarge {
    width: 45%;
  }
}
@media (max-width: 737px) {
  ul li.cnomarge {
    width: 100%;
  }
}
ul li.cnomarge ul.paraca {
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}
ul li.cnomarge ul.paraca li {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}
ul li.cnomarge ul.paraca li img {
  width: 90%;
  height: auto;
  display: block;
  margin: auto;
}
ul li.cmarge {
  text-align: left;
}
@media (min-width: 738px) {
  ul li.cmarge {
    width: 100%;
  }
}
@media (max-width: 737px) {
  ul li.cmarge {
    width: 100%;
  }
}
ul li.cmarge ul.paraca {
  width: 100%;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: middle;
  list-style: none;
}
ul li.cmarge ul.paraca li {
  width: 100%;
  margin: 0px;
  padding: 0px;
  list-style: none;
  text-align: center;
}
ul li.cmarge ul.paraca li img {
  display: block;
  margin: auto;
}

ul.testcutemenu {
  width: 100%;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0px;
  margin: 0px;
}
ul.testcutemenu li {
  min-height: 0px;
  margin: 0px;
  padding: 10px;
  text-align: center;
}
@media (min-width: 738px) {
  ul.testcutemenu li {
    width: 23%;
  }
}
@media (max-width: 737px) {
  ul.testcutemenu li {
    width: 100%;
  }
}
ul.testcutemenu li a.testcutemenua {
  display: block;
  width: 100%;
  padding: 20px 0px 20px 0px;
  margin: 0px;
  color: #0176c0;
  border: 1px solid #0176c0;
}
ul.testcutemenu li a.testcutemenua:hover {
  color: #ffffff;
  background: #0176c0;
  text-decoration: none;
}

@media (min-width: 738px) {
  h3.cat_testheader3 {
    display: inline-block;
    width: 100%;
    border-bottom: #ccc solid 0px;
  }
  h3.cat_testheader3:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f152";
    margin-right: 10px;
    color: #0366D6;
  }
}
@media (max-width: 737px) {
  h3.cat_testheader3 {
    display: block;
  }
}

ul.testclist-link {
  width: 100%;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0px;
  margin: 0px;
}
@media (min-width: 738px) {
  ul.testclist-link li {
    width: 45%;
  }
  ul.testclist-link li > a {
    display: block;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    background: #f9f9f9;
    padding: 20px;
    color: #0176c0;
  }
  ul.testclist-link li > a:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f101";
    margin-right: 10px;
    color: #0176c0;
  }
  ul.testclist-link li > a:hover {
    background: #dfebf3;
    color: #0176c0;
    text-decoration: none;
  }
  ul.testclist-link li > a:hover:before {
    color: #0176c0;
    text-decoration: none;
  }
}
@media (max-width: 737px) {
  ul.testclist-link li {
    width: 100%;
  }
  ul.testclist-link li.ser_title a {
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
  }
  ul.testclist-link li.ser_exc {
    font-size: 0.8em;
  }
  ul.testclist-link li.ser_day {
    font-size: 0.8em;
    margin-bottom: 20px;
  }
}

a.testpagetop {
  display: block;
  padding: 20px;
  width: 100%;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 50px;
  border-top: 1px dotted #8a8a8a;
  background: #fdfdfd;
}
a.testpagetop:hover {
  background: #EBEBEB;
  text-decoration: none;
}
a.testpagetop:before {
  font-family: "Font Awesome 5 pro";
  font-weight: 900;
  content: "\f151";
  margin-right: 10px;
  margin-top: 100px;
  color: #0176c0;
}
a.testpagetop:before:hover {
  text-decoration: none;
}

/* .mod_table 
-----------------------------------------*/
div.mod_table {
  width: 100%;
  background-color: #f2f2f2;
  border-radius: 4px;
  padding: 10px;
}
div.mod_table table {
  width: 100%;
  background: #FFF;
  margin: 0px 0px;
  border-collspace: separate;
}
div.mod_table table thead tr th {
  border: solid 1px #7f7f7f;
  background: #f4f4f4;
  color: #252525;
  font-weight: normal;
  vertical-align: middle;
  text-align: left;
  padding: 20px;
}
div.mod_table table thead tr th .coltitle {
  background: #666;
  color: #FFF;
}
div.mod_table table tbody tr:nth-of-type(1) td, div.mod_table table tbody tr:nth-of-type(2) td, div.mod_table table tbody tr:nth-of-type(4n+1) td, div.mod_table table tbody tr:nth-of-type(4n+2) td {
  background: #eef9ff;
}
div.mod_table table tbody tr td {
  border: solid 1px #A8A8A8;
}
div.mod_table table tbody tr td.bbboder {
  border-bottom: solid 3px #7f7f7f;
}

td.lastsec {
  boder: none;
  border: solid #ddd;
  border-width: 1px 1px 1px 1px;
}

input[type="text"].noborderform {
  border: none;
  font-size: 1.2em;
}

.kikibtnsE::after {
  position: absolute;
  content: "海老名";
  background: #0070c0;
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
  padding: 3px 5px;
  top: 30%;
  right: 50px;
  z-index: 0;
}

.kikibtnsM::after {
  position: absolute;
  content: "溝の口";
  background: #70ad47;
  font-size: 11px;
  color: #fff;
  border-radius: 5px;
  padding: 3px 5px;
  top: 30%;
  right: 50px;
  z-index: 0;
}

ul.newintroduction_mac {
  width: 100%;
  display: flex;
  list-style: none;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 0px;
  margin: 0px;
}
@media (min-width: 738px) {
  ul.newintroduction_mac li {
    width: 23%;
  }
  ul.newintroduction_mac li a {
    display: block;
    font-weight: bold;
    font-family: Helvetica Neue, Helvetica, Hiragino Sans, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    background: #f9f9f9;
    padding: 10px;
    color: #0176c0;
    border: 3px solid #CACACA;
  }
  ul.newintroduction_mac li a:hover {
    text-decoration: none;
    background: #F2F5F7;
    border: 3px solid #0095d9;
  }
  ul.newintroduction_mac li a ul {
    width: 100%;
    padding: 0px;
    margin: 0px;
    display: block;
  }
  ul.newintroduction_mac li a ul li {
    width: 100%;
    padding: 0px;
    margin: 0px;
  }
  ul.newintroduction_mac li a ul li img.newmaimg {
    width: 100%;
    height: 150px;
    object-fit: cover;
    vertical-align: top;
  }
  ul.newintroduction_mac li a ul li p.imagepara {
    width: calc(100% - 40px);
    height: 110px;
    display: block;
    background: #B7B7B7;
    color: #fff;
    padding: 20px;
    margin: 0px;
  }
  ul.newintroduction_mac li a ul li.newintroduction_titletxt {
    font-size: 0.8em;
    margin: 10px 0px;
  }
  ul.newintroduction_mac li a ul li.yearpatcheck {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0px;
  }
  ul.newintroduction_mac li a ul li.yearpatcheck p.yearpatpara {
    background: #007bbb;
    font-size: 11px;
    color: #fff;
    border-radius: 5px;
    padding: 3px 5px;
  }
  ul.newintroduction_mac li a ul li.yearpatcheck img.partlogo {
    width: auto;
    height: 40px;
    vertical-align: top;
  }
}
@media (max-width: 737px) {
  ul.newintroduction_mac li {
    width: 45%;
  }
}

.noover:hover {
  text-decoration: none;
}

h4.anchorchecks
{
	width:100%;
	padding:10px 0px;
	background :#e7e8f3;
	text-align: center;
}