@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

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

/* form parts */
input[type=text] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

button,
input[type=submit] {
  -webkit-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

select {
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}

/*===================================================================================================

 setting -- サイト全体

====================================================================================================*/
/*-----------------------------------------------------------------------------------------------
 html, body
-----------------------------------------------------------------------------------------------*/
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}

body {
  position: relative;
  min-width: 1000px;
  background-color: #fff;
  color: #000;
}

@media screen and (max-width: 640px) {
  body {
    min-width: 100%;
  }
}
/*-----------------------------------------------------------------------------------------------
 font
-----------------------------------------------------------------------------------------------*/
body, input, button, select {
  font-size: 1.4rem;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Verdana, YuGothic, "Yu Gothic", Meiryo, sans-serif;
  font-feature-settings: "palt";
  word-break: break-all;
}

@media screen\0  {
  body, input, button, select {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  ::i-block-chrome, body, input, button {
    font-feature-settings: "pkna";
  }
}

/*20240827追加*/
@media screen and (max-width: 640px) {
    body, input, button, select {
      font-size: 1.6rem;
    }
}

/*-----------------------------------------------------------------------------------------------
 style
-----------------------------------------------------------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: #0a52a7;
}
a:hover, a:focus {
  text-decoration: none;
}

/*20240930*/
a:visited {
  color: #6c2781;
}

a span.fas, a span.far {
  margin: 0 8px;
  text-indent: 0;
  font-size: 1.8rem;
  vertical-align: middle;
}
a span.fa-file-pdf {
  color: #cf1c00;
}
a span.fa-file-word {
  color: #2a5599;
}
a span.fa-file-excel {
  color: #136b38;
}
a span.fa-external-link-alt {
  font-size: auto;
  font-size: 1.4rem;
  color: #4f86c5;
}

strong {
  font-weight: bold;
}

small {
  font-size: 1.2rem;
}

/*-----------------------------------------------------------------------------------------------
 box
-----------------------------------------------------------------------------------------------*/
.inner {
  width: 1000px;
  margin: 0 auto;
}

@media screen and (max-width: 640px) {
  .inner {
    width: 100%;
  }
}
/*===================================================================================================

 template -- テンプレート部分

====================================================================================================*/
/*-----------------------------------------------------------------------------------------------
 header
-----------------------------------------------------------------------------------------------*/
.no-script {
  width: 100%;
  padding: 8px;
  background-color: #000;
  color: #fff;
}
.no-script p {
  line-height: 1.5;
}
/*
.site-header {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25);
}
.site-header a {
  text-decoration: none;
  color: #000;
}

.site-header a:visited {
  color: #6c2781;
}

.site-header .site-logo {
  width: 100%;
  max-width: 80px;
  height: auto;
  padding: 12px;
  box-sizing: content-box;
}
.site-header .site-logo a {
  display: block;
  transition: opacity 0.3s;
}
.site-header .site-logo a:hover, .site-header .site-logo a:focus {
  opacity: 0.75;
}
.site-header .site-logo img {
  display: block;
}
.site-header .social-icon {
  display: none;
}
.site-header .responsive-menu {
  width: calc(100% - 104px);
}
.site-header .header-menu {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
}
.site-header .header-menu-wrapper {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap-reverse;
}
.site-header .header-menu-wrapper > ul {
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.site-header .global-menu {
  line-height: 1.5;
}
.site-header .global-menu > li .menu-level-0 {
  height: 100%;
  transition-property: background-color;
  transition-delay: 0.3s;
}
.site-header .global-menu > li .menu-level-0 > dt {
  height: 100%;
}
.site-header .global-menu > li .menu-level-0 > dt > a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 0 24px;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  overflow: hidden;
}

.site-header .global-menu > li .menu-level-0 > dt > a:visited {
  color: #6c2781;
}

.site-header .global-menu > li .menu-level-0 > dt > a::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #f2f2f2;
  transition: 0.3s;
}
.site-header .global-menu > li .menu-level-0 > dt > a:hover::before, .site-header .global-menu > li .menu-level-0 > dt > a:focus::before {
  transform: translateY(-100%);
}

.site-header .global-menu > li .menu-level-0 > dt > a:visited {
   color: #6c2781;
}

.site-header .global-menu > li .menu-level-0 > dt > span {
  display: none;
}
.site-header .global-menu > li .menu-level-0 > dd {
  display: block;
  position: absolute;
  top: 100%;
  left: calc(50% - 500px);
  z-index: 2;
  width: 1000px;
  margin-top: 16px;
  line-height: 1.5;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s 0.05s;
}
.site-header .global-menu > li .menu-level-0 > dd > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 8px;
  background-color: #fff;
  border-top: 4px solid #4f86c5;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.site-header .global-menu > li .menu-level-0 > dd > ul > li {
  width: 20%;
  padding: 16px;
}
.site-header .global-menu > li .menu-level-0:hover, .site-header .global-menu > li .menu-level-0:focus {
  background-color: #f2f2f2;
}
.site-header .global-menu > li .menu-level-0:hover > dd, .site-header .global-menu > li .menu-level-0:focus > dd {
  transform: translateY(-16px);
  visibility: visible;
  opacity: 1;
  transition: 0.2s 0.3s;
}
.site-header .global-menu > li .menu-level-0.focused {
  background-color: #f2f2f2;
}
.site-header .global-menu > li .menu-level-0.focused > dd {
  transform: translateY(-16px);
  visibility: visible;
  opacity: 1;
}
.site-header .global-menu > li .menu-level-1 dt {
    font-size: 1.6rem;
    margin-bottom: 16px;
}
.site-header .global-menu > li .menu-level-1 dt a {
  display: flex;
  font-weight: bold;
}
.site-header .global-menu > li .menu-level-1 dt a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 4px;
  color: #4f86c5;
}
.site-header .global-menu > li .menu-level-1 dt a:hover, .site-header .global-menu > li .menu-level-1 dt a:focus {
  color: #0a52a7;
}
.site-header .global-menu > li .menu-level-1 dt a:hover::before, .site-header .global-menu > li .menu-level-1 dt a:focus::before {
  color: #0a52a7;
}

.site-header .global-menu > li .menu-level-1 dt a:visited {
  color: #6c2781;
}

.site-header .global-menu > li .menu-level-1 li {
  margin-bottom: 8px;
}
.site-header .global-menu > li .menu-level-1 li a {
  display: flex;
  font-size: 1.5rem;
}
.site-header .global-menu > li .menu-level-1 li a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 4px;
  color: #ccc;
}
.site-header .global-menu > li .menu-level-1 li a:hover, .site-header .global-menu > li .menu-level-1 li a:focus {
  color: #0a52a7;
}

.site-header .global-menu > li .menu-level-1 li a:visited {
  color: #6c2781;
}

.site-header .global-menu > li .menu-level-1 li a:hover::before, .site-header .global-menu > li .menu-level-1 li a:focus::before {
  color: #0a52a7;
}
.site-header .global-menu > li .menu-level-1 li:last-child {
  margin-bottom: 0;
  color: #ccc;
}
.site-header .sub-menu {
  justify-content: flex-end;
  align-items: center;
  margin: 0 8px;
}
.site-header .sub-menu li {
  padding: 0 16px;
}
.site-header .sub-menu a {
  transition: opacity 0.3s;
}
.site-header .sub-menu a:hover, .site-header .sub-menu a:focus {
  opacity: 0.75;
}

.site-header .sub-menu a:visited,
.site-header .sub-menu li a:visited{
  color: #6c2781;
}

.site-header .search-menu {
  cursor: pointer;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 32px;
  background-color: #4f86c5;
  font-size: 2.4rem;
  color: #fff;
  transition: opacity 0.3s;
}
.site-header .search-menu:hover, .site-header .search-menu:focus {
  opacity: 0.75;
}
.site-header .search-container {
  visibility: hidden;
  opacity: 0;
  transition: 0.3s;
}
.site-header .search-container.active {
  visibility: visible;
  opacity: 1;
}
.site-header .search-box {
  display: flex;
  position: absolute;
  top: calc(100% + 16px);
  right: 16px;
  background-color: #000;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);
}
.site-header .search-box input {
  width: 600px;
  padding: 16px;
  background-color: #fff;
  border: 1px solid #000;
  border-right: none;
  font-size: 1.6rem;
}
.site-header .search-box button {
  display: block;
  padding: 16px;
  background-color: #000;
  color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
  cursor: pointer;
}
.site-header .search-box button:active, .site-header .search-box button:focus {
  opacity: 0.75;
}
.site-header .search-box .fa-search {
  padding: 0 8px;
}
.site-header .overlay {
  visibility: hidden;
  opacity: 0;
}
.site-header .nav-toggle-wrapper {
  display: none;
}
*/

/* グローバルメニュー current 表示 */
/*
#personal .global-menu > li:first-child > dl > dt > a,
#business .global-menu > li:nth-child(2) > dl > dt > a,
#energy .global-menu > li:nth-child(3) > dl > dt > a,
#company .global-menu > li:last-child > dl > dt > a {
  background-color: #0a52a7;
  color: #fff;
}
#personal .global-menu > li:first-child > dl > dt > a::before,
#business .global-menu > li:nth-child(2) > dl > dt > a::before,
#energy .global-menu > li:nth-child(3) > dl > dt > a::before,
#company .global-menu > li:last-child > dl > dt > a::before {
  content: none;
}
*/

/*-----------------------------------------------------------------------------------------------
 contents-header
-----------------------------------------------------------------------------------------------*/
.contents-header .pankuzu {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
  padding: 8px 0;
  font-size: 1.2rem;
  line-height: 1.5;
}
.contents-header .pankuzu li {
  color: #333;
}
.contents-header .pankuzu li::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ccc;
  margin: 0 8px;
}
.contents-header .pankuzu li:last-child::after {
  content: none;
}
.contents-header .pankuzu a {
  color: #0a52a7;
}
.contents-header .pankuzu a:hover, .contents-header .pankuzu a:focus {
  text-decoration: underline;
}
.contents-header .page-title {
  position: relative;
  background-color: #0a52a7;
  text-align: center;
}
.contents-header .page-title .inner {
  position: relative;
  padding: 24px 0 32px;
  line-height: 1.5;
}
.contents-header .page-title .inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #e4eefa;
  transform: skew(-30deg);
}
.contents-header .page-title .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 1;
  margin: 0 72px;
  font-size: 2.8rem;
}
.contents-header .page-title .title::after {
  content: "";
  display: block;
  width: 96px;
  height: 4px;
  margin-top: 8px;
  background-color: #0a52a7;
}
.contents-header .page-title .page-category {
  position: relative;
  z-index: 1;
  margin-top: 16px;
}

/*-----------------------------------------------------------------------------------------------
 footer
-----------------------------------------------------------------------------------------------*/
/* PAGE TOP NAVIGATION */
/*
.page-top {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 8em;
  height: 8em;
  border-radius: 8em;
  margin: 0 16px 16px 0;
  padding: 16px;
  background-color: #0a52a7;
  font-size: 1.2rem;
  color: #fff;
  opacity: 0.75;
  line-height: 1.5;
  text-decoration: none;
}
.page-top::before {
  content: "\f077";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 3.2rem;
  margin-top: -16px;
  margin-bottom: -8px;
}
.page-top:hover, .page-top:focus {
  opacity: 1;
}

.site-footer nav {
  padding: 32px 0;
  background-color: #71757a;
}
.site-footer nav a {
  display: flex;
  color: #fff;
  text-decoration: none;
}
.site-footer nav a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  margin-right: 4px;
  color: #9ba8b8;
}
.site-footer nav a:hover::before, .site-footer nav a:focus::before {
  color: #fff;
}
.site-footer .footer-nav {
  display: flex;
  justify-content: space-around;
  margin-bottom: 24px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
.site-footer .footer-nav > li {
  padding: 0 16px;
}
.site-footer .footer-nav dl {
  line-height: 1.5;
}
.site-footer .footer-nav dt {
  margin-bottom: 16px;
  font-size: 1.6rem;
}
.site-footer .footer-nav dt a {
  font-weight: bold;
}
.site-footer .footer-nav dt a:hover, .site-footer .footer-nav dt a:focus {
  text-decoration: underline;
}
.site-footer .footer-nav dt a::before {
  content: none;
}
.site-footer .footer-nav dd li {
  margin-bottom: 8px;
}
.site-footer .footer-nav dd li:last-child {
  margin-bottom: 0;
}
.site-footer .footer-menu {
  display: flex;
  flex-wrap: wrap;
}
.site-footer .footer-menu li {
  margin: 8px;
}
.site-footer .copyright {
  padding: 16px 0;
  line-height: 1.5;
  color: #333;
}
.site-footer .copyright .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.site-footer .copyright a {
  transition: opacity 0.3s;
}
.site-footer .copyright a:hover, .site-footer .copyright a:focus {
  opacity: 0.75;
}
.site-footer .copyright a img {
  max-width: 100px;
}*/

/*-----------------------------------------------------------------------------------------------
 category-top
-----------------------------------------------------------------------------------------------*/
.c-category-top::before {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  background-image: url(../img/page-title.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.c-category-top dl {
  padding: 48px 0 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  line-height: 1.5;
}
.c-category-top dl > div {
  position: relative;
  width: 484px;
  margin-bottom: 32px;
  background-color: #f2f2f2;
  border: 2px solid #0a52a7;
  overflow: hidden;
}
.c-category-top dl > div::before {
  content: "";
  display: block;
  position: absolute;
  top: -25px;
  left: -25px;
  width: 48px;
  height: 48px;
  background-color: #0a52a7;
  transform: rotate(45deg);
}
.c-category-top dl > div:nth-last-child(-n+2) {
  margin-bottom: 0;
}
.c-category-top dl dt {
  padding: 24px 16px 24px 40px;
  font-size: 1.8rem;
  font-weight: bold;
}
.c-category-top dl dd {
  height: 100%;
  padding: 16px 16px 16px 40px;
  background-color: #fff;
  border-top: 1px dotted #0a52a7;
  font-size: 1.6rem;
}
.c-category-top dl dd li {
  margin-bottom: 8px;
}
.c-category-top dl dd li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #0a52a7;
  margin-right: 8px;
}
.c-category-top dl dd li:last-child {
  margin-bottom: 0;
}
.c-category-top dl a {
  color: #0a52a7;
}
.c-category-top dl a:hover, .c-category-top dl a:focus {
  text-decoration: underline;
}

@media screen and (max-width: 640px) {
  /*-----------------------------------------------------------------------------------------------
   header-sp
  -----------------------------------------------------------------------------------------------*/
/*
  .site-header {
    background-color: #fff;
  }
  .site-header .site-logo {
    display: flex;
    align-items: center;
    max-width: 80px;
    margin-right: 8px;
    padding: 8px;
  }
  .site-header .social-icon {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: 2px;
  }
  .site-header .social-icon li {
    margin: 6px;
  }
  .site-header .social-icon img {
    width: auto;
    max-width: auto;
    min-width: auto;
    max-height: 29px;
    min-height: 29px;
  }
  .site-header .responsive-header {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    height: 72px;
  }
  .site-header .responsive-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    overflow-y: auto;
    right: -100vw;
    z-index: 1;
    width: 85vw;
    height: 100vh;
    padding-top: 72px;
    background-color: #fff;
    box-shadow: -2px 0 8px 0 rgba(0, 0, 0, 0.5);
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
  }
  .site-header .header-menu {
    display: block;
    height: auto;
  }
  .site-header .header-menu-wrapper {
    display: block;
  }
  .site-header .header-menu-wrapper > ul {
    display: block;
  }
  .site-header .header-menu .global-menu {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 {
    height: auto;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dt > a {
    display: block;
    position: static;
    padding: 16px;
    color: #333;
    font-size: 1.6rem;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dt > a::before {
    content: none;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dt > a::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 8px;
    color: #0a52a7;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dt > a:hover::before, .site-header .header-menu .global-menu > li .menu-level-0 > dt > a:focus::before {
    transform: none;
  }

.site-header .header-menu .global-menu > li .menu-level-0 > dt > a:visited{
    color: #6c2781;
}

  .site-header .header-menu .global-menu > li .menu-level-0 > dt .fas {
    cursor: pointer;
    display: inline;
    padding: 8px 16px;
    border-left: 1px solid #ccc;
    color: #0a52a7;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dt .fas.fa-minus-square {
    color: #999;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dd {
    position: static;
    z-index: 1;
    width: auto;
    margin-top: 0;
    visibility: visible;
    opacity: 1;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dd > ul {
    display: none;
    padding: 0;
    border-top: none;
    box-shadow: none;
    transition: 0.3s;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dd > ul > li {
    width: auto;
    padding: 0;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dd > ul > li:last-child dt {
    margin-bottom: 0;
  }
  .site-header .header-menu .global-menu > li .menu-level-0 > dd > ul.active {
    display: block;
  }
  .site-header .header-menu .global-menu > li .menu-level-0:hover, .site-header .header-menu .global-menu > li .menu-level-0:focus {
    background: none;
  }
  .site-header .header-menu .global-menu > li .menu-level-0:hover > dd, .site-header .header-menu .global-menu > li .menu-level-0:focus > dd {
    transform: none;
  }
  .site-header .header-menu .global-menu > li .menu-level-0.focused {
    background: none;
  }
  .site-header .header-menu .global-menu > li .menu-level-0.focused > dd {
    transform: none;
  }
  .site-header .header-menu .global-menu > li .menu-level-1 dt {
    margin-bottom: 1px;
  }
  .site-header .header-menu .global-menu > li .menu-level-1 dt a {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px;
    background-color: #eee;
    font-weight: normal;
    font-size: 1.6rem;
  }
  .site-header .header-menu .global-menu > li .menu-level-1 dt a::before {
    content: none;
  }
  .site-header .header-menu .global-menu > li .menu-level-1 dt a::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #999;
  }
  .site-header .header-menu .global-menu > li .menu-level-1 dt a:hover, .site-header .header-menu .global-menu > li .menu-level-1 dt a:focus {
    color: #0a52a7;
  }
  .site-header .header-menu .global-menu > li .menu-level-1 dt a:hover::before, .site-header .header-menu .global-menu > li .menu-level-1 dt a:focus::before {
    color: #0a52a7;
  }
  .site-header .header-menu .global-menu > li .menu-level-1 dd {
    display: none;
  }
  .site-header .header-menu .sub-menu {
    display: block;
    margin-bottom: 16px;
    padding: 24px 8px;
  }
  .site-header .header-menu .sub-menu li {
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
  }

  .site-header .header-menu .sub-menu li a{
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
    box-sizing: border-box;
  }

  .site-header .header-menu .sub-menu li:last-child {
    margin-bottom: 0;
  }
  .site-header .header-menu .search-menu {
    display: none;
  }
  .site-header .search-container {
    visibility: visible;
    opacity: 1;
    padding: 0 16px;
  }
  .site-header .search-box {
    justify-content: space-between;
    position: static;
    margin-bottom: 48px;
    background-color: #000;
    box-shadow: none;
  }
  .site-header .search-box input {
    width: calc(100% - 4em);
    padding: 8px;
  }
  .site-header .search-box button {
    display: block;
    width: 4em;
    padding: 8px;
    background-color: #000;
    color: #fff;
    cursor: pointer;
  }
  .site-header .search-box button:active, .site-header .search-box button:focus {
    opacity: 0.75;
  }
  .site-header .search-box .fa-search {
    padding: 0 8px;
  }
  .site-header .nav-toggle-wrapper {
    cursor: pointer;
    position: relative;
    z-index: 101;
    display: flex;
    align-items: center;
    padding: 8px 24px;
    background-color: #4f86c5;
  }
  .site-header .nav-toggle {
    position: relative;
    display: block;
    width: 24px;
    height: 20px;
    margin-bottom: 6px;
  }
  .site-header .nav-toggle div {
    position: relative;
  }
  .site-header .nav-toggle span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #fff;
    transition: 0.35s ease-in-out;
  }
  .site-header .nav-toggle span:first-child {
    top: 0;
  }
  .site-header .nav-toggle span:nth-child(2) {
    top: 8px;
  }
  .site-header .nav-toggle span:last-child {
    top: 16px;
  }
  .site-header .nav-toggle .toggle-text {
    position: absolute;
    bottom: -12px;
    width: 24px;
  }
  .site-header .nav-toggle .toggle-text img {
    display: block;
  }
  .site-header.active .responsive-menu {
    right: 0;
    visibility: visible;
    opacity: 1;
  }
  .site-header.active .overlay {
    visibility: visible;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
    overflow: hidden;
    transition: 0.3s;
  }
  .site-header.active .nav-toggle span:first-child {
    top: 9px;
    transform: rotate(315deg);
  }
  .site-header.active .nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .site-header.active .nav-toggle span:last-child {
    top: 9px;
    transform: rotate(-315deg);
  }
*/
  /*-----------------------------------------------------------------------------------------------
   contents-header
  -----------------------------------------------------------------------------------------------*/
  .contents-header .pankuzu {
    margin-top: 0;
    padding: 8px;
  }
  .contents-header .page-title .inner {
    position: static;
    padding: 16px 16px 24px;
  }
  .contents-header .page-title .inner::after {
    content: none;
  }
  .contents-header .page-title .title {
    position: static;
    margin: 0 16px;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
  }
  .contents-header .page-title .title::after {
    width: 64px;
    height: 4px;
    background-color: #ccc;
  }
  .contents-header .page-title .page-category {
    position: static;
    margin-top: 16px;
    color: #fff;
  }

  /*-----------------------------------------------------------------------------------------------
   footer
  -----------------------------------------------------------------------------------------------*/
  /* PAGE TOP NAVIGATION */
  /*
  .page-top {
    display: block;
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0;
    padding: 8px;
    background-color: #0a52a7;
    font-size: 1rem;
    color: #fff;
  }
  .page-top::before {
    font-size: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: 8px;
  }

  .site-footer nav {
    padding: 0;
    background-color: #71757a;
  }
  .site-footer nav a {
    display: flex;
    color: #fff;
    padding: 12px 8px;
  }
  .site-footer nav a::before {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;
    margin-right: 4px;
    color: #9ba8b8;
  }
  .site-footer nav a:hover::before, .site-footer nav a:focus::before {
    color: #fff;
  }
  .site-footer .footer-nav {
    display: none;
  }
  .site-footer .footer-menu {
    padding: 8px;
    font-size: 1.6rem;
  }
  .site-footer .copyright {
    padding: 16px;
  }
  .site-footer .copyright .inner {
    display: block;
    text-align: center;
  }
  .site-footer .copyright p {
    margin-top: 16px;
  }
*/

  /*-----------------------------------------------------------------------------------------------
   category-top
  -----------------------------------------------------------------------------------------------*/
  .c-category-top::before {
    height: 160px;
  }
  .c-category-top dl {
    padding: 16px 16px 80px;
    display: block;
  }
  .c-category-top dl > div {
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #0a52a7;
  }
  .c-category-top dl > div::before {
    top: -13px;
    left: -13px;
    width: 24px;
    height: 24px;
  }
  .c-category-top dl > div:nth-last-child(-n+2) {
    margin-bottom: 16px;
  }
  .c-category-top dl > div:last-child {
    margin-bottom: 0;
  }
  .c-category-top dl dt {
    padding: 16px;
    font-size: 1.4rem;
  }
  .c-category-top dl dd {
    padding: 8px;
    font-size: 1.2rem;
  }
  .c-category-top dl dd ul {
    display: flex;
    flex-wrap: wrap;
  }
  .c-category-top dl dd li {
    margin: 4px 8px;
  }
}
/*===================================================================================================

 common -- テンプレート以外の共通部分

====================================================================================================*/
/*-----------------------------------------------------------------------------------------------
 【共通】基本ページ、ブログトップ、緊急情報
-----------------------------------------------------------------------------------------------*/
.c-basic-content,
.c-blog-top,
.c-blog-content,
.c-emergency-large,
.c-emergency-small {
  padding: 32px 0 80px;
}

/*-----------------------------------------------------------------------------------------------
 【共通】基本ページ、ブログページ、緊急情報
-----------------------------------------------------------------------------------------------*/
.c-basic-content,
.c-blog-content,
.c-emergency-large,
.c-emergency-small {
  line-height: 1.5;
}
.c-basic-content p,
.c-blog-content p,
.c-emergency-large p,
.c-emergency-small p {
  margin-bottom: 16px;
}
.c-basic-content ul,
.c-blog-content ul,
.c-emergency-large ul,
.c-emergency-small ul {
  margin-bottom: 16px;
}
.c-basic-content ul li,
.c-blog-content ul li,
.c-emergency-large ul li,
.c-emergency-small ul li {
  margin-bottom: 8px;
}
.c-basic-content ul li:last-child,
.c-blog-content ul li:last-child,
.c-emergency-large ul li:last-child,
.c-emergency-small ul li:last-child {
  margin-bottom: 0;
}
.c-basic-content ul.disc,
.c-blog-content ul.disc,
.c-emergency-large ul.disc,
.c-emergency-small ul.disc {
  list-style: disc;
  margin-left: 1em;
  padding-left: 16px;
}
.c-basic-content ul.arrow,
.c-blog-content ul.arrow,
.c-emergency-large ul.arrow,
.c-emergency-small ul.arrow {
  margin-left: 1em;
  margin-bottom: 16px;
  padding: 0 1em;
  text-indent: -1em;
}
.c-basic-content ul.arrow li::before,
.c-blog-content ul.arrow li::before,
.c-emergency-large ul.arrow li::before,
.c-emergency-small ul.arrow li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #999;
  margin-right: 8px;
}
.c-basic-content ul.anchor-menu,
.c-blog-content ul.anchor-menu,
.c-emergency-large ul.anchor-menu,
.c-emergency-small ul.anchor-menu {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 16px;
  padding: 8px 16px;
  border: 2px solid #0a52a7;
}
.c-basic-content ul.anchor-menu li,
.c-blog-content ul.anchor-menu li,
.c-emergency-large ul.anchor-menu li,
.c-emergency-small ul.anchor-menu li {
  margin: 8px 16px;
}
.c-basic-content ul.anchor-menu a,
.c-blog-content ul.anchor-menu a,
.c-emergency-large ul.anchor-menu a,
.c-emergency-small ul.anchor-menu a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}
.c-basic-content ul.anchor-menu a::after,
.c-blog-content ul.anchor-menu a::after,
.c-emergency-large ul.anchor-menu a::after,
.c-emergency-small ul.anchor-menu a::after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  color: #666;
  margin-left: 8px;
}
.c-basic-content ul.anchor-menu a:hover, .c-basic-content ul.anchor-menu a:focus,
.c-blog-content ul.anchor-menu a:hover,
.c-blog-content ul.anchor-menu a:focus,
.c-emergency-large ul.anchor-menu a:hover,
.c-emergency-large ul.anchor-menu a:focus,
.c-emergency-small ul.anchor-menu a:hover,
.c-emergency-small ul.anchor-menu a:focus {
  color: #0a52a7;
  text-decoration: underline;
}
.c-basic-content ul.anchor-menu a:hover::after, .c-basic-content ul.anchor-menu a:focus::after,
.c-blog-content ul.anchor-menu a:hover::after,
.c-blog-content ul.anchor-menu a:focus::after,
.c-emergency-large ul.anchor-menu a:hover::after,
.c-emergency-large ul.anchor-menu a:focus::after,
.c-emergency-small ul.anchor-menu a:hover::after,
.c-emergency-small ul.anchor-menu a:focus::after {
  color: #0a52a7;
}
.c-basic-content dl,
.c-blog-content dl,
.c-emergency-large dl,
.c-emergency-small dl {
  margin-bottom: 16px;
}
.c-basic-content dl.normal,
.c-blog-content dl.normal,
.c-emergency-large dl.normal,
.c-emergency-small dl.normal {
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
}
.c-basic-content dl.normal dt, .c-basic-content dl.normal dd,
.c-blog-content dl.normal dt,
.c-blog-content dl.normal dd,
.c-emergency-large dl.normal dt,
.c-emergency-large dl.normal dd,
.c-emergency-small dl.normal dt,
.c-emergency-small dl.normal dd {
  margin-bottom: 8px;
  padding: 8px;
}
.c-basic-content dl.normal dt:last-of-type, .c-basic-content dl.normal dd:last-of-type,
.c-blog-content dl.normal dt:last-of-type,
.c-blog-content dl.normal dd:last-of-type,
.c-emergency-large dl.normal dt:last-of-type,
.c-emergency-large dl.normal dd:last-of-type,
.c-emergency-small dl.normal dt:last-of-type,
.c-emergency-small dl.normal dd:last-of-type {
  margin-bottom: 0;
}
.c-basic-content dl.normal dt,
.c-blog-content dl.normal dt,
.c-emergency-large dl.normal dt,
.c-emergency-small dl.normal dt {
  width: 8em;
  font-weight: bold;
}
.c-basic-content dl.normal dd,
.c-blog-content dl.normal dd,
.c-emergency-large dl.normal dd,
.c-emergency-small dl.normal dd {
  width: calc(100% - 8em);
}
.c-basic-content table,
.c-blog-content table,
.c-emergency-large table,
.c-emergency-small table {
  margin-bottom: 16px;
}
.c-basic-content table th, .c-basic-content table td,
.c-blog-content table th,
.c-blog-content table td,
.c-emergency-large table th,
.c-emergency-large table td,
.c-emergency-small table th,
.c-emergency-small table td {
  padding: 8px;
  border: 1px solid #999;
  vertical-align: middle;
}
.c-basic-content table th,
.c-blog-content table th,
.c-emergency-large table th,
.c-emergency-small table th {
  text-align: center;
  font-weight: bold;
}
.c-basic-content table thead th,
.c-blog-content table thead th,
.c-emergency-large table thead th,
.c-emergency-small table thead th {
  background-color: #0a52a7;
  color: #fff;
}
.c-basic-content table thead td,
.c-blog-content table thead td,
.c-emergency-large table thead td,
.c-emergency-small table thead td {
  background-color: #e4eefa;
}
.c-basic-content table tbody th,
.c-blog-content table tbody th,
.c-emergency-large table tbody th,
.c-emergency-small table tbody th {
  background-color: #f2f2f2;
}
.c-basic-content table.full,
.c-blog-content table.full,
.c-emergency-large table.full,
.c-emergency-small table.full {
  width: 100%;
}
.c-basic-content a,
.c-blog-content a,
.c-emergency-large a,
.c-emergency-small a {
  color: #0a52a7;
  text-decoration: underline;
}
.c-basic-content a:hover, .c-basic-content a:focus,
.c-blog-content a:hover,
.c-blog-content a:focus,
.c-emergency-large a:hover,
.c-emergency-large a:focus,
.c-emergency-small a:hover,
.c-emergency-small a:focus {
  text-decoration: none;
}
.c-basic-content a.opa,
.c-blog-content a.opa,
.c-emergency-large a.opa,
.c-emergency-small a.opa {
  transition: opacity 0.3s;
}
.c-basic-content a.opa:hover, .c-basic-content a.opa:focus,
.c-blog-content a.opa:hover,
.c-blog-content a.opa:focus,
.c-emergency-large a.opa:hover,
.c-emergency-large a.opa:focus,
.c-emergency-small a.opa:hover,
.c-emergency-small a.opa:focus {
  opacity: 0.75;
}
.c-basic-content a span.fas, .c-basic-content a span.far,
.c-blog-content a span.fas,
.c-blog-content a span.far,
.c-emergency-large a span.fas,
.c-emergency-large a span.far,
.c-emergency-small a span.fas,
.c-emergency-small a span.far {
  margin: 0 8px;
  text-indent: 0;
  font-size: 1.8rem;
  vertical-align: middle;
}
.c-basic-content a span.fa-file-pdf,
.c-blog-content a span.fa-file-pdf,
.c-emergency-large a span.fa-file-pdf,
.c-emergency-small a span.fa-file-pdf {
  color: #cf1c00;
}
.c-basic-content a span.fa-file-word,
.c-blog-content a span.fa-file-word,
.c-emergency-large a span.fa-file-word,
.c-emergency-small a span.fa-file-word {
  color: #2a5599;
}
.c-basic-content a span.fa-file-excel,
.c-blog-content a span.fa-file-excel,
.c-emergency-large a span.fa-file-excel,
.c-emergency-small a span.fa-file-excel {
  color: #136b38;
}
.c-basic-content a span.fa-external-link-alt,
.c-blog-content a span.fa-external-link-alt,
.c-emergency-large a span.fa-external-link-alt,
.c-emergency-small a span.fa-external-link-alt {
  font-size: auto;
  font-size: 1.4rem;
  color: #4f86c5;
}
.c-basic-content .fc-red,
.c-blog-content .fc-red,
.c-emergency-large .fc-red,
.c-emergency-small .fc-red {
  color: #bb1212;
}
.c-basic-content .underline,
.c-blog-content .underline,
.c-emergency-large .underline,
.c-emergency-small .underline {
  text-decoration: underline;
}
.c-basic-content .tal,
.c-blog-content .tal,
.c-emergency-large .tal,
.c-emergency-small .tal {
  text-align: left;
}
.c-basic-content .tar,
.c-blog-content .tar,
.c-emergency-large .tar,
.c-emergency-small .tar {
  text-align: right;
}
.c-basic-content .tac,
.c-blog-content .tac,
.c-emergency-large .tac,
.c-emergency-small .tac {
  text-align: center;
}
.c-basic-content .indent,
.c-blog-content .indent,
.c-emergency-large .indent,
.c-emergency-small .indent {
  text-indent: 1em;
}
.c-basic-content .wrap-indent,
.c-blog-content .wrap-indent,
.c-emergency-large .wrap-indent,
.c-emergency-small .wrap-indent {
  text-indent: -1em;
  padding-left: 1em;
}
.c-basic-content .bg-red,
.c-blog-content .bg-red,
.c-emergency-large .bg-red,
.c-emergency-small .bg-red {
  margin-bottom: 16px;
  padding: 16px;
  background-color: #fbe5e5;
  border: 1px dotted #bb1212;
}
.c-basic-content .flex-2c-start,
.c-blog-content .flex-2c-start,
.c-emergency-large .flex-2c-start,
.c-emergency-small .flex-2c-start {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 16px;
}
.c-basic-content .flex-2c-start > div:first-child,
.c-blog-content .flex-2c-start > div:first-child,
.c-emergency-large .flex-2c-start > div:first-child,
.c-emergency-small .flex-2c-start > div:first-child {
  width: 320px;
  margin-right: 32px;
}
.c-basic-content .flex-2c-start > div:last-child,
.c-blog-content .flex-2c-start > div:last-child,
.c-emergency-large .flex-2c-start > div:last-child,
.c-emergency-small .flex-2c-start > div:last-child {
  width: 616px;
}
.c-basic-content .flex-2c-between,
.c-blog-content .flex-2c-between,
.c-emergency-large .flex-2c-between,
.c-emergency-small .flex-2c-between {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.c-basic-content .flex-2c-between > div,
.c-blog-content .flex-2c-between > div,
.c-emergency-large .flex-2c-between > div,
.c-emergency-small .flex-2c-between > div {
  width: calc(50% - 16px);
}
.c-basic-content .flex-2c-between > div:first-child,
.c-blog-content .flex-2c-between > div:first-child,
.c-emergency-large .flex-2c-between > div:first-child,
.c-emergency-small .flex-2c-between > div:first-child {
  margin-right: 32px;
}
.c-basic-content .mt0,
.c-blog-content .mt0,
.c-emergency-large .mt0,
.c-emergency-small .mt0 {
  margin-top: 0 !important;
}
.c-basic-content .mb0,
.c-blog-content .mb0,
.c-emergency-large .mb0,
.c-emergency-small .mb0 {
  margin-bottom: 0 !important;
}
.c-basic-content .mb-s,
.c-blog-content .mb-s,
.c-emergency-large .mb-s,
.c-emergency-small .mb-s {
  margin-bottom: 32px !important;
}
.c-basic-content .mb-m,
.c-blog-content .mb-m,
.c-emergency-large .mb-m,
.c-emergency-small .mb-m {
  margin-bottom: 48px !important;
}
.c-basic-content .mb-l,
.c-blog-content .mb-l,
.c-emergency-large .mb-l,
.c-emergency-small .mb-l {
  margin-bottom: 64px !important;
}
.c-basic-content .pt0,
.c-blog-content .pt0,
.c-emergency-large .pt0,
.c-emergency-small .pt0 {
  padding-top: 0 !important;
}
.c-basic-content .pb0,
.c-blog-content .pb0,
.c-emergency-large .pb0,
.c-emergency-small .pb0 {
  padding-bottom: 0 !important;
}
.c-basic-content code,
.c-blog-content code,
.c-emergency-large code,
.c-emergency-small code {
  display: block;
  margin-bottom: 16px;
  padding: 16px;
  background-color: #282828;
  color: #fff;
  font-family: Menlo, Consolas, DejaVu Sans Mono, monospace;
}
.c-basic-content code .tag,
.c-blog-content code .tag,
.c-emergency-large code .tag,
.c-emergency-small code .tag {
  color: #f92672;
  font-weight: bold;
}
.c-basic-content code .class,
.c-blog-content code .class,
.c-emergency-large code .class,
.c-emergency-small code .class {
  color: #89e22b;
  font-weight: bold;
}
.c-basic-content code .value,
.c-blog-content code .value,
.c-emergency-large code .value,
.c-emergency-small code .value {
  color: #e6db74;
  font-weight: bold;
}

/*-----------------------------------------------------------------------------------------------
 【共通】基本ページ、ブログページ
-----------------------------------------------------------------------------------------------*/
.c-basic-content,
.c-blog-content {
  width: 968px;
  margin: 0 auto;
}
.c-basic-content h2,
.c-blog-content h2 {
  margin: 32px -16px;
  padding: 16px 24px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-left: 16px solid #4f86c5;
  font-size: 2.4rem;
  font-weight: bold;
}
.c-basic-content h3,
.c-blog-content h3 {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 24px 0;
  padding: 8px 16px;
  border-left: 8px solid #4f86c5;
  border-bottom: 2px solid #ccc;
  color: #333;
}
.c-basic-content h4,
.c-blog-content h4 {
  margin: 16px 0;
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 4px;
  font-weight: bold;
  font-size: 1.6rem;
  color: #333;
}

/*-----------------------------------------------------------------------------------------------
 基本ページ
-----------------------------------------------------------------------------------------------*/
.main {
  line-height: 1.5;
}
@media (min-width: 641px) {
  .main { min-width: 1220px;}
}
/*-----------------------------------------------------------------------------------------------
 ブログトップ
-----------------------------------------------------------------------------------------------*/
.c-blog-top .headline-wrapper {
  display: flex;
  align-items: stretch;
  margin: 0 0 32px;
  padding: 16px 24px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-left: 16px solid #4f86c5;
}
.c-blog-top .headline-wrapper h2 {
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.5;
}
.c-blog-top .headline-wrapper select {
  cursor: pointer;
  margin-left: auto;
  padding: 8px;
  background-color: #0a52a7;
  color: #fff;
  border: 1px solid #ccc;
  font-size: 1.6rem;
}
.c-blog-top .headline-wrapper a {
  display: flex;
  align-items: center;
  margin-left: auto;
  padding: 8px;
  background-color: #0a52a7;
  border: 1px solid #ccc;
  color: #fff;
  text-decoration: none;
  font-size: 1.6rem;
  transition: opacity 0.3s;
}
.c-blog-top .headline-wrapper a::after {
  content: "\f143";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 8px;
}
.c-blog-top .headline-wrapper a:hover, .c-blog-top .headline-wrapper a:focus {
  opacity: 0.75;
}
.c-blog-top .headline-wrapper a.press {
  margin-left: 16px;
}
.c-blog-top .page-nav {
  margin-top: 64px;
}
.c-blog-top .page-nav ul {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
}
.c-blog-top .page-nav li {
  margin-left: 16px;
}
.c-blog-top .page-nav li:first-child {
  margin-left: 0;
}
.c-blog-top .page-nav a, .c-blog-top .page-nav li.current {
  padding: 16px;
}
.c-blog-top .page-nav a {
  display: block;
  background-color: #333;
  text-decoration: none;
  color: #fff;
  transition: opacity 0.3s;
}
.c-blog-top .page-nav a:hover, .c-blog-top .page-nav a:focus {
  opacity: 0.75;
}
.c-blog-top .page-nav li.current {
  background-color: #eee;
  font-weight: bold;
  color: #333;
}

/*-----------------------------------------------------------------------------------------------
 緊急情報（大）
-----------------------------------------------------------------------------------------------*/
.c-emergency-large {
  margin-bottom: 32px;
  padding: 16px 0;
  background-color: #bb1212;
}
.c-emergency-large .inner {
  background-color: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.5);
}
.c-emergency-large h2 {
  padding: 32px;
  border-bottom: 1px dotted #bb1212;
  font-size: 3.2rem;
  font-weight: bold;
  color: #bb1212;
}
.c-emergency-large h3 {
  margin: 16px 0;
  padding: 8px 24px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-left: 8px solid #bb1212;
  font-size: 2.4rem;
  font-weight: bold;
}
.c-emergency-large h4 {
  margin: 16px 0;
  padding: 8px 16px;
  border-left: 4px solid #bb1212;
  border-bottom: 2px solid #ccc;
  font-weight: bold;
  font-size: 1.8rem;
}
.c-emergency-large h5 {
  margin: 16px 0;
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  font-size: 1.6rem;
  font-weight: bold;
}
.c-emergency-large .emergency-text {
  padding: 24px;
  font-size: 1.6rem;
}
.c-emergency-large.yellow {
  background-color: #ffcf00;
}
.c-emergency-large.white {
  background-color: #ccc;
}

/*-----------------------------------------------------------------------------------------------
 緊急情報（小）
-----------------------------------------------------------------------------------------------*/
.c-emergency-small {
  margin-bottom: 32px;
  padding: 0 0 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #ccc;
}
.c-emergency-small .inner {
  margin-bottom: 32px;
  border: 2px solid #bb1212;
}
.c-emergency-small .inner:last-of-type {
  margin-bottom: 0;
}
.c-emergency-small .inner.color-1 {
  background-color: #bb1212;
  border: none;
}
.c-emergency-small .inner.color-1 h2 {
  background-color: #bb1212;
  border-bottom-color: #fff;
  color: #fff;
}
.c-emergency-small .inner.color-1 h3, .c-emergency-small .inner.color-1 h4, .c-emergency-small .inner.color-1 h5 {
  background-color: #bb1212;
  border-color: #fff;
}
.c-emergency-small .inner.color-1 .emergency-text {
  color: #fff;
}
.c-emergency-small .inner.color-2 {
  border-color: #0a52a7;
}
.c-emergency-small .inner.color-2 h2 {
  border-color: #0a52a7;
  color: #0a52a7;
}
.c-emergency-small .inner.color-2 h3, .c-emergency-small .inner.color-2 h4 {
  border-left-color: #0a52a7;
}
.c-emergency-small .inner.color-3 {
  background-color: #0a52a7;
  border: none;
}
.c-emergency-small .inner.color-3 h2 {
  background-color: #0a52a7;
  border-bottom-color: #fff;
  color: #fff;
}
.c-emergency-small .inner.color-3 h3, .c-emergency-small .inner.color-3 h4, .c-emergency-small .inner.color-3 h5 {
  background-color: #0a52a7;
  border-color: #fff;
}
.c-emergency-small .inner.color-3 .emergency-text {
  color: #fff;
}
.c-emergency-small .inner.color-4 {
  background-color: #ffcf00;
  border: none;
}
.c-emergency-small .inner.color-4 h2 {
  background-color: #ffcf00;
  border-bottom-color: #bb1212;
  color: #bb1212;
}
.c-emergency-small .inner.color-4 h3, .c-emergency-small .inner.color-4 h4, .c-emergency-small .inner.color-4 h5 {
  background-color: #ffcf00;
  border-color: #bb1212;
}
.c-emergency-small .inner.color-4 .emergency-text {
  color: #bb1212;
}
.c-emergency-small h2 {
  padding: 24px;
  background-color: #f2f2f2;
  border-bottom: 1px dotted #bb1212;
  font-size: 2.4rem;
  font-weight: bold;
  color: #bb1212;
}
.c-emergency-small h3 {
  margin: 16px 0;
  padding: 8px 24px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  border-left: 8px solid #bb1212;
  font-size: 1.8rem;
  font-weight: bold;
}
.c-emergency-small h4 {
  margin: 16px 0;
  padding: 8px 16px;
  border-left: 4px solid #bb1212;
  border-bottom: 2px solid #ccc;
  font-weight: bold;
  font-size: 1.6rem;
}
.c-emergency-small h5 {
  margin: 16px 0;
  padding: 8px 16px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-bottom-width: 2px;
  font-weight: bold;
}
.c-emergency-small .emergency-text {
  padding: 24px;
}

@media screen and (max-width: 640px) {
  /*-----------------------------------------------------------------------------------------------
   【共通】基本ページ、ブログページ、緊急情報
  -----------------------------------------------------------------------------------------------*/
  .c-basic-content,
.c-blog-top,
.c-blog-content,
.c-emergency-large,
.c-emergency-small {
    padding: 16px 16px 48px;
  }

  /*-----------------------------------------------------------------------------------------------
   【共通】基本ページ、ブログページ、緊急情報
  -----------------------------------------------------------------------------------------------*/
  .c-basic-content,
.c-blog-content,
.c-emergency-large,
.c-emergency-small {
    padding: 16px 16px 48px;
  }
  .c-basic-content ul.disc,
.c-blog-content ul.disc,
.c-emergency-large ul.disc,
.c-emergency-small ul.disc {
    padding-left: 8px;
  }
  .c-basic-content ul.arrow,
.c-blog-content ul.arrow,
.c-emergency-large ul.arrow,
.c-emergency-small ul.arrow {
    padding: 0;
  }
  .c-basic-content ul.anchor-menu,
.c-blog-content ul.anchor-menu,
.c-emergency-large ul.anchor-menu,
.c-emergency-small ul.anchor-menu {
    display: block;
    padding: 0;
  }
  .c-basic-content ul.anchor-menu li,
.c-blog-content ul.anchor-menu li,
.c-emergency-large ul.anchor-menu li,
.c-emergency-small ul.anchor-menu li {
    margin: 0;
    border-bottom: 1px dotted #ccc;
    background-color: #0a52a7;
    font-size: 1.2rem;
  }
  .c-basic-content ul.anchor-menu li:last-child,
.c-blog-content ul.anchor-menu li:last-child,
.c-emergency-large ul.anchor-menu li:last-child,
.c-emergency-small ul.anchor-menu li:last-child {
    border-bottom: none;
  }
  .c-basic-content ul.anchor-menu a,
.c-blog-content ul.anchor-menu a,
.c-emergency-large ul.anchor-menu a,
.c-emergency-small ul.anchor-menu a {
    display: flex;
    justify-content: space-between;
    padding: 8px;
    color: #fff;
    font-weight: normal;
    transition: 0.3s;
  }
  .c-basic-content ul.anchor-menu a::after,
.c-blog-content ul.anchor-menu a::after,
.c-emergency-large ul.anchor-menu a::after,
.c-emergency-small ul.anchor-menu a::after {
    color: #fff;
  }
  .c-basic-content ul.anchor-menu a:hover, .c-basic-content ul.anchor-menu a:focus,
.c-blog-content ul.anchor-menu a:hover,
.c-blog-content ul.anchor-menu a:focus,
.c-emergency-large ul.anchor-menu a:hover,
.c-emergency-large ul.anchor-menu a:focus,
.c-emergency-small ul.anchor-menu a:hover,
.c-emergency-small ul.anchor-menu a:focus {
    color: #fff;
    text-decoration: none;
    opacity: 0.75;
  }
  .c-basic-content ul.anchor-menu a:hover::after, .c-basic-content ul.anchor-menu a:focus::after,
.c-blog-content ul.anchor-menu a:hover::after,
.c-blog-content ul.anchor-menu a:focus::after,
.c-emergency-large ul.anchor-menu a:hover::after,
.c-emergency-large ul.anchor-menu a:focus::after,
.c-emergency-small ul.anchor-menu a:hover::after,
.c-emergency-small ul.anchor-menu a:focus::after {
    color: #fff;
  }
  .c-basic-content dl,
.c-blog-content dl,
.c-emergency-large dl,
.c-emergency-small dl {
    margin-bottom: 16px;
  }
  .c-basic-content dl.normal,
.c-blog-content dl.normal,
.c-emergency-large dl.normal,
.c-emergency-small dl.normal {
    display: block;
    padding: 0;
  }
  .c-basic-content dl.normal dt, .c-basic-content dl.normal dd,
.c-blog-content dl.normal dt,
.c-blog-content dl.normal dd,
.c-emergency-large dl.normal dt,
.c-emergency-large dl.normal dd,
.c-emergency-small dl.normal dt,
.c-emergency-small dl.normal dd {
    padding: 0;
  }
  .c-basic-content dl.normal dt,
.c-blog-content dl.normal dt,
.c-emergency-large dl.normal dt,
.c-emergency-small dl.normal dt {
    width: 100%;
    margin-bottom: 8px;
    padding: 8px;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
  }
  .c-basic-content dl.normal dt:last-of-type,
.c-blog-content dl.normal dt:last-of-type,
.c-emergency-large dl.normal dt:last-of-type,
.c-emergency-small dl.normal dt:last-of-type {
    margin-bottom: 8px;
  }
  .c-basic-content dl.normal dd,
.c-blog-content dl.normal dd,
.c-emergency-large dl.normal dd,
.c-emergency-small dl.normal dd {
    width: 100%;
    margin-bottom: 16px;
  }
  .c-basic-content .flex-2c-start,
.c-blog-content .flex-2c-start,
.c-emergency-large .flex-2c-start,
.c-emergency-small .flex-2c-start {
    display: block;
  }
  .c-basic-content .flex-2c-start > div:first-child,
.c-blog-content .flex-2c-start > div:first-child,
.c-emergency-large .flex-2c-start > div:first-child,
.c-emergency-small .flex-2c-start > div:first-child {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  .c-basic-content .flex-2c-start > div:last-child,
.c-blog-content .flex-2c-start > div:last-child,
.c-emergency-large .flex-2c-start > div:last-child,
.c-emergency-small .flex-2c-start > div:last-child {
    width: 100%;
  }
  .c-basic-content .flex-2c-between,
.c-blog-content .flex-2c-between,
.c-emergency-large .flex-2c-between,
.c-emergency-small .flex-2c-between {
    display: block;
  }
  .c-basic-content .flex-2c-between > div,
.c-blog-content .flex-2c-between > div,
.c-emergency-large .flex-2c-between > div,
.c-emergency-small .flex-2c-between > div {
    width: 100%;
  }
  .c-basic-content .flex-2c-between > div:first-child,
.c-blog-content .flex-2c-between > div:first-child,
.c-emergency-large .flex-2c-between > div:first-child,
.c-emergency-small .flex-2c-between > div:first-child {
    margin-right: 0;
    margin-bottom: 16px;
  }
  .c-basic-content .mb-s,
.c-blog-content .mb-s,
.c-emergency-large .mb-s,
.c-emergency-small .mb-s {
    margin-bottom: 16px !important;
  }
  .c-basic-content .mb-m,
.c-blog-content .mb-m,
.c-emergency-large .mb-m,
.c-emergency-small .mb-m {
    margin-bottom: 24px !important;
  }
  .c-basic-content .mb-l,
.c-blog-content .mb-l,
.c-emergency-large .mb-l,
.c-emergency-small .mb-l {
    margin-bottom: 32px !important;
  }

  /*-----------------------------------------------------------------------------------------------
   【共通】基本ページ、ブログページ
  -----------------------------------------------------------------------------------------------*/
  .c-basic-content,
.c-blog-content {
    width: 100%;
  }
  .c-basic-content h2,
.c-blog-content h2 {
    margin: 16px 0;
    padding: 8px 16px;
    border-left: 8px solid #4f86c5;
    font-size: 1.8rem;
  }
  .c-basic-content h3,
.c-blog-content h3 {
    font-size: 1.6rem;
    margin: 16px 0;
    padding: 8px;
    border: none;
    background-color: #4f86c5;
    color: #fff;
  }
  .c-basic-content h4,
.c-blog-content h4 {
    margin: 8px 0;
    padding: 8px;
    border-width: 2px;
    font-size: 1.4rem;
  }

  /*-----------------------------------------------------------------------------------------------
   基本ページ
  -----------------------------------------------------------------------------------------------*/
  /*-----------------------------------------------------------------------------------------------
   【共通】トップページ、プレスリリース、お知らせ・更新情報
  -----------------------------------------------------------------------------------------------*/
  dl.information-list {
    padding: 0;
    font-size: 1.2rem;
  }
  dl.information-list dt {
    width: 100%;
    margin-bottom: 0;
    padding: 8px 16px;
    background: linear-gradient(to left, #f2f2f2, #fff);
  }
  dl.information-list dd {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }
  dl.information-list dd a {
    padding: 16px;
  }
  dl.information-list.use-category {
    display: block;
  }
  dl.information-list.use-category dt {
    width: 100%;
  }
  dl.information-list.use-category dt .date {
    width: auto;
    margin-right: 1em;
  }
  dl.information-list.use-category dt .category {
    width: auto;
    margin-left: 0;
    padding: 2px 8px;
  }
  dl.information-list.use-category dd {
    width: 100%;
  }

  /*-----------------------------------------------------------------------------------------------
   ブログトップ
  -----------------------------------------------------------------------------------------------*/
  .c-blog-top {
    padding: 16px 0;
  }
  .c-blog-top .headline-wrapper {
    display: block;
    margin: 0 0 16px;
    padding: 0 16px;
    background: none;
    border: none;
    text-align: right;
  }
  .c-blog-top .headline-wrapper h2 {
    display: block;
    margin: 0 0 16px;
    padding: 16px 24px;
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-left: 16px solid #4f86c5;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: left;
  }
  .c-blog-top .headline-wrapper select {
    width: 100%;
    margin-left: 0;
  }
  .c-blog-top .headline-wrapper a {
    display: inline-block;
    margin-top: 8px;
    padding: 0;
    background: none;
    border: none;
    color: #0a52a7;
    text-align: right;
    font-size: 1.2rem;
  }
  .c-blog-top .headline-wrapper a.press {
    margin-left: 0;
  }
  .c-blog-top .page-nav {
    margin-top: 32px;
    margin-bottom: 64px;
  }
  .c-blog-top .page-nav ul {
    display: flex;
    justify-content: center;
    align-items: stretch;
  }
  .c-blog-top .page-nav li {
    margin: 4px;
    font-size: 1.2rem;
  }
  .c-blog-top .page-nav li:first-child {
    margin-left: 4px;
  }
  .c-blog-top .page-nav a, .c-blog-top .page-nav li.current {
    padding: 8px 16px;
  }
  .c-blog-top .page-nav a {
    display: block;
    background-color: #333;
    text-decoration: none;
    color: #fff;
    transition: opacity 0.3s;
  }
  .c-blog-top .page-nav a:hover, .c-blog-top .page-nav a:focus {
    opacity: 0.75;
  }
  .c-blog-top .page-nav li.current {
    background-color: #eee;
    font-weight: bold;
    color: #333;
  }

  /*-----------------------------------------------------------------------------------------------
   緊急情報（大）
  -----------------------------------------------------------------------------------------------*/

  .c-emergency-large {
    margin-bottom: 32px;
    padding: 0 8px 8px;
  }
  .c-emergency-large .inner {
    box-shadow: none;
  }
  .c-emergency-large h2 {
    padding: 16px;
    background-color: #bb1212;
    border-bottom: none;
    font-size: 2.8rem;
    color: #fff;
    text-align: center;
  }
  .c-emergency-large h3 {
    margin: 8px 0;
    padding: 8px 16px;
    border-left: 8px solid #bb1212;
    font-size: 1.6rem;
  }
  .c-emergency-large h4 {
    margin: 8px 0;
    border: none;
    background-color: #666;
    font-size: 1.4rem;
    color: #fff;
  }
  .c-emergency-large h5 {
    border-width: 1px;
  }
  .c-emergency-large .emergency-text {
    padding: 16px;
    font-size: 1.4rem;
  }
  .c-emergency-large.yellow h2 {
    background-color: #ffcf00;
    color: #bb1212;
  }
  .c-emergency-large.yellow h3 {
    border-left-color: #ffcf00;
  }
  .c-emergency-large.white h2 {
    background-color: #ccc;
    color: #bb1212;
  }

  /*-----------------------------------------------------------------------------------------------
   緊急情報（小）
  -----------------------------------------------------------------------------------------------*/
  .c-emergency-small {
    margin-bottom: 16px;
    padding: 0;
  }
  .c-emergency-small .inner {
    margin-bottom: 0;
    border: none;
  }
  .c-emergency-small h2 {
    padding: 16px;
    font-size: 1.8rem;
  }
  .c-emergency-small h3 {
    margin: 8px 0;
    padding: 8px 16px;
    border-left: 8px solid #bb1212;
    font-size: 1.6rem;
  }
  .c-emergency-small h4 {
    margin: 8px 0;
    border: none;
    background-color: #666;
    font-size: 1.4rem;
    color: #fff;
  }
  .c-emergency-small h5 {
    border-width: 1px;
  }
  .c-emergency-small .emergency-text {
    padding: 16px;
    font-size: 1.4rem;
  }
}
/*===================================================================================================

 category -- カテゴリートップ

====================================================================================================*/
/*-----------------------------------------------------------------------------------------------
 top
-----------------------------------------------------------------------------------------------*/
/*
#top .main a {
  color: #000;
  text-decoration: none;
}
#top .main-slide {
  position: relative;
  margin-bottom: 16px;
}
#top .main-slide img {
  width: 1000px;
  height: auto;
}
#top .main-slide a {
  transition: opacity 0.3s;
}
#top .main-slide a:hover, #top .main-slide a:focus {
  opacity: 0.75;
}
#top .main-slide::before, #top .main-slide::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  z-index: 1;
  width: calc((100% - 1000px) / 2);
  height: 375px;
  background-color: rgba(0, 0, 0, 0.2);
}
#top .main-slide::after {
  right: 0;
}
#top .main-slide button {
  cursor: pointer;
}
#top .main-slide button.slick-arrow {
  position: absolute;
  z-index: 2;
  top: calc(375px / 2 - 1em);
  overflow: visible;
  transition: 0.2s;
}
#top .main-slide button.slick-arrow span {
  font-size: 4rem;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  transition: 0.2s;
  color: #fff;
}
#top .main-slide button.slick-prev {
  left: calc(50% - 533px);
}
#top .main-slide button.slick-prev:hover span, #top .main-slide button.slick-prev:focus span {
  transform: translateX(-4px);
}
#top .main-slide button.slick-next {
  right: calc(50% - 533px);
}
#top .main-slide button.slick-next:hover span, #top .main-slide button.slick-next:focus span {
  transform: translateX(4px);
}
#top .main-slide .slick-slider {
  position: relative;
  overflow: hidden;
}
#top .main-slide .slick-dots {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 16px 0;
}
#top .main-slide .slick-dots li {
  margin-left: 16px;
}
#top .main-slide .slick-dots li:first-child {
  margin-left: 0;
}
#top .main-slide .slick-dots li button {
  display: block;
  width: 12px;
  height: 12px;
  background-color: #ccc;
  border-radius: 8px;
  box-sizing: content-box;
  font-size: 0;
  transition: 0.3s;
}
#top .main-slide .slick-dots li.slick-active button {
  background-color: #0a52a7;
}
*/

/* 202312追加
#top .main-slide .main-slide-button {
  display: flex;
  justify-content: center;
}

#top .main-slide .main-slide-button button.button-pause {
  position: relative;
  font-size: 0px;
  margin-left: 12px;
  padding-left: 12px;
}

#top .main-slide .main-slide-button button.button-pause::before {
  content: "";
  width: 1px;
  height: 20px;
  border-left: 1px dotted #999;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}

#top .main-slide .main-slide-button button.button-pause::after {
  content: "\f04c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #0a52a7;
}

#top .main-slide .main-slide-button button.button-pause.is-active::after {
  content: "\f04b";
}

#top .main-slide .main-slide-button .dots-sp {
  display: none;
}

@media screen and (max-width: 640px) {
  #top .main-slide .main-slide-button .dots-sp {
    display: inline-block;
  }

  #top .main-slide .main-slide-button .dots-pc {
    display: none;
  }
}
202312追加 ここまで */

/*
#top .main-slide .pc {
  display: block;
}
#top .main-slide .sp {
  display: none;
}
#top .important-wrapper {
  display: flex;
  align-items: center;
  margin-bottom: 32px;
}
#top .important-wrapper .social-icon {
  display: flex;
}
#top .important-wrapper .social-icon li {
  margin-left: 16px;
}
#top .important-wrapper .social-icon li:first-child {
  margin-left: 0;
}
#top .important-wrapper .social-icon img {
  max-width: 32px;
  height: auto;
}
#top .important-wrapper .social-icon a {
  transition: opacity 0.3s;
}
#top .important-wrapper .social-icon a:hover, #top .important-wrapper .social-icon a:focus {
  opacity: 0.75;
}
#top .important {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  width: 792px;
  margin-right: 32px;
  border: 2px solid #0a52a7;
}
#top .important h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 11em;
  padding: 8px;
  background-color: #ffff88;
  font-weight: bold;
  font-size: 1.6rem;
}
#top .important dl {
  display: flex;
  align-items: center;
  width: calc(100% - 11em - 5em);
  padding: 8px 0;
  font-size: 1.6rem;
}
#top .important dl dt {
  display: none;
  margin: 0 16px;
  color: #666;
  font-weight: bold;
  word-break: keep-all;
}
#top .important dl dd {
  padding: 0 16px;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #0a52a7;
}
#top .important dl dd a {
  color: #0a52a7;
  text-decoration: underline;
}
#top .important dl dd a:hover, #top .important dl dd a:focus {
  text-decoration: none;
}
#top .important-btn {
  display: flex;
  align-items: center;
  width: 5em;
  padding: 8px;
}
#top .important-btn a {
  display: inline-block;
  width: 100%;
  padding: 8px;
  background-color: #0a52a7;
  color: #fff;
  word-break: keep-all;
  text-align: center;
  transition: opacity 0.3s;
}
#top .important-btn a:hover, #top .important-btn a:focus {
  opacity: 0.75;
}
#top .pickup-menu {
  margin-bottom: 32px;
  padding: 16px 0;
  background-color: #f5f6f8;
}
#top .pickup-menu ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#top .pickup-menu li {
  display: flex;
  align-items: stretch;
  position: relative;
  width: 238px;
  background-color: #fff;
  border: 1px solid #59b2d6;
  overflow: hidden;
  transition: 0.3s;
}
#top .pickup-menu li:nth-child(-n+4) {
  margin-bottom: 16px;
}
#top .pickup-menu li::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #c9edfb;
  opacity: 0.3;
  transform: translateX(-100%);
  transition: 0.3s;
}
#top .pickup-menu li a {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: stretch;
  width: 100%;
  line-height: 1.5;
  transition: 0.3s;
}
#top .pickup-menu li a span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 8px;
}
#top .pickup-menu li a .fas, #top .pickup-menu li a .far {
  justify-content: center;
  width: 64px;
  margin: 0;
  background-color: #c9edfb;
  border-right: 1px dashed #59b2d6;
  color: #0a52a7;
  font-size: 24px;
  transition: 0.3s;
}
#top .pickup-menu li a .item-name {
  width: calc(100% - 64px);
  font-weight: bold;
}
#top .pickup-menu li:hover, #top .pickup-menu li:focus {
  border-color: #4f86c5;
  box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.15);
}
#top .pickup-menu li:hover::before, #top .pickup-menu li:focus::before {
  opacity: 1;
  transform: translateX(0);
}
#top .pickup-menu li:hover .fas, #top .pickup-menu li:hover .far, #top .pickup-menu li:focus .fas, #top .pickup-menu li:focus .far {
  color: #4f86c5;
}
#top .support-banner .inner {
  margin-bottom: 32px;
  border: 1px solid #00a7eb;
}
#top .support-banner-wrapper {
  display: flex;
  align-items: stretch;
  padding: 16px 0;
}
#top .support-banner-wrapper.biz {
  align-items: center;
}
#top .support-banner-wrapper.biz h2 {
  text-align: center;
}
#top .support-banner-wrapper.biz img {
  max-width: 320px;
}
#top .support-banner h2 {
  display: flex;
  align-items: center;
  border-right: 1px solid #ccc;
}
#top .support-banner h2 a {
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 465px;
  padding: 0 32px;
  color: #00a7eb;
  font-weight: bold;
  transition: opacity 0.3s;
}
#top .support-banner h2 a:hover, #top .support-banner h2 a:focus {
  opacity: 0.75;
}
#top .support-banner h2 a:hover, #top .support-banner h2 a:focus {
  text-decoration: none;
}
#top .support-banner h2 a .text {
  margin-bottom: 8px;
  padding-left: 8px;
}
#top .support-banner .description {
  width: 530px;
  padding: 0 32px;
  line-height: 1.5;
}
#top .support-banner h3 {
  margin-bottom: 16px;
  padding: 8px;
  background-color: #f2f2f2;
  font-weight: bold;
  text-align: center;
}
#top .support-banner .link {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  background-color: #c1edff;
  color: #0a52a7;
  font-weight: bold;
  font-size: 1.6rem;
  text-align: center;
  transition: 0.3s;
}
#top .support-banner .link li {
  width: calc((100% - 32px) / 3);
}
#top .support-banner .link a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  background: linear-gradient(#ffff88, #ffcc00);
  border: 2px solid #fff;
  border-radius: 16px;
  font-size: 1.6rem;
  transition: 0.3s;
}
#top .support-banner .link a:hover, #top .support-banner .link a:focus {
  text-decoration: none;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}
#top .support-banner .link a .fas, #top .support-banner .link a .far {
  color: #4f86c5;
}
#top .support-banner .link li:first-child a {
  background: linear-gradient(#00a7eb, #0a52a7);
  color: #fff;
  text-shadow: 0 0 4px #0a52a7;
}
#top .support-banner .link li:first-child a .fas, #top .support-banner .link li:first-child a .far {
  color: #ccc;
}
#top .support-banner a {
  color: #0a52a7;
}
#top .support-banner a .fas {
  color: #666;
  margin-left: 8px;
}
#top .support-banner a:hover, #top .support-banner a:focus {
  text-decoration: underline;
}
#top .network-menu {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 32px;
}
#top .network-menu a {
  transition: opacity 0.3s;
}
#top .network-menu a:hover, #top .network-menu a:focus {
  opacity: 0.75;
}
#top .network-menu-list {
  display: flex;
  justify-content: space-between;
  width: 640px;
  margin-right: 24px;
  word-break: keep-all;
}
#top .network-menu-list li {
  padding: 0 24px;
  border-right: 1px solid #ccc;
}
#top .network-menu-list li:first-child {
  border-left: 1px solid #ccc;
}
#top .network-menu-list a {
  display: flex;
  align-items: center;
  font-weight: bold;
  color: #0a52a7;
}
#top .network-menu-list a .svg-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  margin-right: 8px;
  border: 2px dotted #0a52a7;
  border-radius: 36px;
}
#top .network-menu-list a .svg-icon img {
  width: auto;
  height: 40px;
}
#top .network-menu-list a .fas, #top .network-menu-list a .far {
  color: #999;
  margin-left: 8px;
}
#top .network-menu-link a {
  display: flex;
  align-items: stretch;
  width: 336px;
  border: 2px solid #ccc;
  height: 100%;
  background-color: #fff;
}
#top .network-menu-link p {
  display: flex;
  align-items: center;
  padding: 8px 16px;
}
#top .network-menu-link .text {
  font-weight: bold;
  line-height: 1.5;
}
#top .network-menu-link img {
  width: 48px;
  height: auto;
}
#top .network-menu-link.sp {
  display: none;
  padding: 0 8px;
}
#top .pickup-contents {
  margin-bottom: 48px;
  padding: 32px 0;
  background-color: #f5f6f8;
}
#top .pickup-contents .pickup-grid {
  padding: 0 8px;
}
#top .pickup-contents .pickup-grid:after {
  content: "";
  display: block;
  clear: both;
}
#top .pickup-contents li {
  float: left;
  margin-right: 8px;
  margin-bottom: 12px;
}
#top .pickup-contents li a {
    display: block;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
    transition: 0.5s;
    color: #333;
}
*/
/*
#top .pickup-contents li a:visited {
  color: #6c2781;
}
*/

/*
#top .pickup-contents li a img {
  transition: 0.3s;
}
#top .pickup-contents li a:hover, #top .pickup-contents li a:focus {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.5);
}
#top .pickup-contents li a:hover img, #top .pickup-contents li a:focus img {
  transform: scale(1.1);
}
#top .pickup-contents li a:hover .text, #top .pickup-contents li a:focus .text {
  opacity: 0.75;
}


#top .pickup-contents li .image {
  overflow: hidden;
}
#top .pickup-contents li .text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
  */

/* ***************** 20230310修正
#top .pickup-contents li .description {
  font-size: 1.4rem;
  line-height: 1.5;
  overflow: hidden;
  height: 3.5em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
 */
/*
#top .pickup-contents li .date {
  text-align: right;
  color: #666;
  font-size: 1.2rem;
}
#top .pickup-contents li.large {
  width: 488px;
}
#top .pickup-contents li.large .text {
  height: 118px;
  padding: 16px;
}
#top .pickup-contents li.large .description {
  font-size: 1.6rem;
}
#top .pickup-contents li.large .date {
  font-size: 1.4rem;
}
#top .pickup-contents li.large.right {
  float: right;
}
#top .pickup-contents li.small {
  width: 240px;
}
  */
/* ***************** 20230310修正
#top .pickup-contents li.small .text {
  height: 4em;
  padding: .5em;
}
*/
/*
#top .pickup-contents li.middle {
  width: 320px;
  margin-right: 12px;
}
#top .pickup-contents li.middle .text {
  height: 78px;
  padding: 8px;
}*/
/*
#top .pickup-contents li:nth-child(2), #top .pickup-contents li:nth-child(3), #top .pickup-contents li:nth-child(10), #top .pickup-contents li:nth-child(11) {
  margin-bottom: 8px;
}
#top .pickup-contents li:nth-child(3), #top .pickup-contents li:nth-child(5), #top .pickup-contents li:nth-child(8), #top .pickup-contents li:nth-child(9) {
  margin-right: 0;
}
*/

/* *************** 20230310 追加修正
.pickup-title {
  font-size: 175%;
  font-weight: bold;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #4f86c5;
  padding-bottom: 0.2em;
  color: #4f86c5;
  margin-bottom: 1em;
}

#top .pickup-contents li {
  margin-bottom: 8px;
}
#top .pickup-contents li:nth-child(4n) {
  margin-right: 0;
}
@media screen and (max-width: 640px) {
  .pickup-title {
    margin-top: 1em;
  }
  #top .pickup-contents li {
    margin-right: 0!important;
  }
  #top .pickup-contents li:nth-child(even) {
    float: right;
  }
}
*/

/*
#top .pickup-contents button.more {
  cursor: pointer;
  display: block;
  width: 16em;
  margin-top: 20px !important;
  padding: 16px;
  margin: 0 auto;
  background-color: #fff;
  font-weight: bold;
  font-size: 1.6rem;
}
#top .pickup-contents button.more::after {
  content: "\f0fe";
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  color: #999;
  margin-left: 8px;
}
#top .blog {
  margin-bottom: 64px;
  line-height: 1.5;
}
#top .blog .headline {
  margin-bottom: 16px;
  padding: 16px;
  border-bottom: 1px solid #ccc;
}
#top .blog .headline-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#top .blog .headline h2 {
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
}
#top .blog .headline .btn-rss {
  display: inline-block;
  margin-left: 16px;
  color: #fa6b25;
  font-size: 2.4rem;
  transition: opacity 0.3s;
}
#top .blog .headline .btn-rss:hover, #top .blog .headline .btn-rss:focus {
  opacity: 0.75;
}
#top .blog .headline .btn-list {
  display: block;
  margin-left: auto;
  font-weight: bold;
  color: #333;
  transition: 0.3s;
  transition: opacity 0.3s;
}
#top .blog .headline .btn-list::after {
  content: "\f0c9";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 8px;
  color: #999;
  transition: 0.3s;
}
#top .blog .headline .btn-list:hover, #top .blog .headline .btn-list:focus {
  opacity: 0.75;
}
#top .blog > section {
  margin-bottom: 32px;
}
#top .blog > section:last-of-type {
  margin-bottom: 0;
}
#top .blog dl.information-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 16px;
  line-height: 1.5;
}
#top .blog dl.information-list dt {
  width: 7em;
  margin-bottom: 8px;
  padding: 16px 0;
  border-bottom: 1px solid #eee;
  font-weight: bold;
  color: #666;
}
#top .blog dl.information-list dt:last-of-type {
  margin-bottom: 0;
}
#top .blog dl.information-list dd {
  width: calc(100% - 7em);
  margin-bottom: 8px;
  padding: 16px 16px 16px 2em;
  border-bottom: 1px solid #eee;
  color: #333;
}
#top .blog dl.information-list dd:last-of-type {
  margin-bottom: 0;
}
#top .blog dl.information-list dd a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000;
  transition: 0.2s;
}
#top .blog dl.information-list dd a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: auto;
  padding-left: 32px;
  color: #4f86c5;
  transition: 0.2s;
}
#top .blog dl.information-list dd a:hover, #top .blog dl.information-list dd a:focus {
  color: #0a52a7;
}
#top .blog dl.information-list dd a:hover::after, #top .blog dl.information-list dd a:focus::after {
  transform: translateX(8px);
  color: #0a52a7;
}
#top .blog dl.information-list dd a:visited {
    color: #6c2781;
}
#top .blog dl.information-list dd a span.fas, #top .blog dl.information-list dd a span.far {
  margin: 0 8px;
  text-indent: 0;
  font-size: 1.8rem;
  vertical-align: middle;
}
#top .blog dl.information-list dd a span.fa-file-pdf {
  color: #cf1c00;
}
#top .blog dl.information-list dd a span.fa-file-word {
  color: #2a5599;
}
#top .blog dl.information-list dd a span.fa-file-excel {
  color: #136b38;
}
#top .blog dl.information-list dd a span.fa-external-link-alt {
  font-size: auto;
  font-size: 1.4rem;
  color: #4f86c5;
}
#top .blog dl.information-list.use-category dt {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 15em;
}
#top .blog dl.information-list.use-category dt .date {
  width: 7em;
}
#top .blog dl.information-list.use-category dt .category {
  width: 6em;
  margin-left: 2em;
  background-color: #000;
  text-align: center;
  font-weight: normal;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  transition: 0.2s;
}
#top .blog dl.information-list.use-category dt .category.news {
  background-color: #4f86c5;
}
#top .blog dl.information-list.use-category dt .category.update {
  background-color: #666;
}
#top .blog dl.information-list.use-category dd {
  width: calc(100% - 15em);
}
#top .banner-text {
  padding: 48px 0;
  background-color: #f5f6f8;
  line-height: 1.5;
}
#top .banner-text ul {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
#top .banner-text li {
  margin-right: 12px;
  margin-bottom: 12px;
}
#top .banner-text li:nth-child(4n) {
  margin-right: 0;
}
#top .banner-text a {
  display: flex;
  align-items: center;
  width: 241px;
  padding: 16px;
  height: 100%;
  background-color: #fff;
  font-weight: bold;
  overflow: hidden;
  transition: 0.3s;
}
#top .banner-text a::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ccc;
  margin-right: 8px;
  transition: 0.3s;
}
#top .banner-text a:hover, #top .banner-text a:focus {
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
  color: #0a52a7;
}
#top .banner-text a:hover::before, #top .banner-text a:focus::before {
  color: #0a52a7;
}
  */
/*
#top .banner-text a:visited {
 color: #6c2781;
}
*/
/*
@media screen\0  {
  #top .pickup-menu li a {
    background-position: -24px center;
  }
  #top .banner-teidenapps a > div {
    background: none;
  }
}
*/

@media screen and (max-width: 640px) {
  /*-----------------------------------------------------------------------------------------------
   top
  -----------------------------------------------------------------------------------------------*/
/*
  #top .main-slide {
    margin-bottom: 0;
  }
  #top .main-slide button.slick-arrow {
    top: 0;
    height: 100%;
    padding: 4px;
    background-color: rgba(0, 0, 0, 0.25);
  }
  #top .main-slide button.slick-arrow span {
    font-size: 1.6rem;
    text-shadow: none;
  }
  #top .main-slide button.slick-prev {
    left: 0;
  }
  #top .main-slide button.slick-prev:hover span, #top .main-slide button.slick-prev:focus span {
    transform: none;
  }
  #top .main-slide button.slick-next {
    right: 0;
  }
  #top .main-slide button.slick-next:hover span, #top .main-slide button.slick-next:focus span {
    transform: none;
  }
  #top .main-slide .pc {
    display: none;
  }
  #top .main-slide .sp {
    display: block;
  }
  #top .important-wrapper {
    display: block;
    margin-bottom: 8px;
    padding: 8px;
  }
  #top .important-wrapper .social-icon {
    display: none;
  }
  #top .important {
    display: block;
    width: 100%;
    margin-right: 0;
    border: 1px solid #0a52a7;
  }
  #top .important h2 {
    display: block;
    width: 100%;
    padding: 8px;
    background-color: #fff87d;
    font-size: 1.2rem;
    text-align: center;
  }
  #top .important dl {
    width: 100%;
    padding: 0 8px;
    font-size: 1.2rem;
  }
  #top .important dl dt {
    margin: 0;
    padding: 8px;
  }
  #top .important dl dd {
    padding: 8px;
  }
  #top .important-btn {
    display: block;
    align-items: center;
    width: 100%;
    padding: 0;
  }
  #top .important-btn a {
    display: block;
    text-align: center;
    background-color: #eee;
    color: #0a52a7;
    font-weight: bold;
    font-size: 1.2rem;
  }
  #top .important-btn a::after {
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 8px;
  }
  #top .inversion {
    display: flex;
    flex-direction: column-reverse;
  }
  #top .pickup-menu {
    margin-bottom: 0;
    padding: 8px;
    background-color: #fff;
  }
  #top .pickup-menu li {
    width: calc(50% - 4px);
    margin-right: 8px;
    margin-bottom: 8px;
  }
  #top .pickup-menu li:nth-child(-n+4) {
    margin-bottom: 8px;
  }
  #top .pickup-menu li:nth-child(even) {
    margin-right: 0;
  }
  #top .pickup-menu li::before {
    content: none;
  }
  #top .pickup-menu li a {
    position: static;
  }
  #top .pickup-menu li a .fas, #top .pickup-menu li a .far {
    width: 40px;
    padding: 8px;
    border-right: none;
  }
  #top .pickup-menu li a .item-name {
    width: auto;
    font-size: 1.6rem;
  }
  #top .support-banner {
    padding: 0 8px;
  }
  #top .support-banner .inner {
    margin-bottom: 8px;
    border: 1px solid #00a7eb;
  }
  #top .support-banner-wrapper {
    display: block;
    padding: 8px 0;
  }
  #top .support-banner h2 {
    display: block;
    border-right: none;
    text-align: center;
  }
  #top .support-banner h2 a {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    padding: 8px 8px 16px;
    border-bottom: 1px solid #ccc;
  }
  #top .support-banner h2 a .text {
    display: block;
    margin-bottom: 8px;
    padding-left: 0;
  }
  #top .support-banner .description {
    width: 100%;
    padding: 0 8px;
    font-size: 1.6rem;
  }
  #top .support-banner h3 {
    margin-bottom: 8px;
    padding: 8px;
    font-size: 1.6rem;
  }
  #top .support-banner .link {
    align-items: stretch;
    padding: 8px;
  }
  #top .support-banner .link li {
    width: 100%;
    margin-right: 8px;
  }
  #top .support-banner .link li:last-child {
    margin-right: 0;
  }
  #top .support-banner .link a {
    height: 100%;
    padding: 8px;
    border-radius: 8px;
    font-size: 1.6rem;
  }
  #top .support-banner .link a .fas, #top .support-banner .link a .far {
    margin: 0;
    margin-left: 4px;
    font-size: 1.6rem;
  }
  #top .network-menu {
    display: block;
    margin-bottom: 0;
    padding: 8px;
  }
  #top .network-menu-list {
    justify-content: space-around;
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
    padding: 0 8px;
  }
  #top .network-menu-list li {
    padding: 0 8px;
    border-right: none;
  }
  #top .network-menu-list li:first-child {
    border-left: none;
  }
  #top .network-menu-list a {
    display: block;
    font-size: 1.6rem;
    line-height: 1.5;
  }
  #top .network-menu-list a .svg-icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 8px;
    border-radius: 32px;
  }
  #top .network-menu-list a .svg-icon img {
    height: 32px;
  }
  #top .network-menu-list a .fas, #top .network-menu-list a .far {
    margin-left: 2px;
  }
  #top .network-menu-link a {
    width: 100%;
    border: 1px solid #4f86c5;
  }
  #top .network-menu-link p {
    padding: 8px;
  }
  #top .network-menu-link .text {
    font-size: 1.6rem;
  }
  #top .network-menu-link.sp {
    display: block;
  }
  #top .network-menu-link.pc {
    display: none;
  }
  #top .pickup-contents {
    margin-bottom: 16px;
    padding: 8px;
  }
  #top .pickup-contents .pickup-grid {
    padding: 0;
  }
  #top .pickup-contents li {
    margin-right: 8px;
    margin-bottom: 8px;
  }
  #top .pickup-contents li .text {
    display: block;
  }
  #top .pickup-contents li.large {
    width: 100%;
  }
  #top .pickup-contents li.large .text {
    height: auto;
    padding: 8px;
  }
  #top .pickup-contents li.large .description {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
  #top .pickup-contents li.large .date {
    font-size: 1.2rem;
  }
  #top .pickup-contents li.small {
    width: calc(50% - 4px);
  }
  #top .pickup-contents li.small .text {
    height: auto;
    padding: 8px;
  }
  #top .pickup-contents li.small .description {
    margin-bottom: 8px;
    padding: 8px;
  }
  #top .pickup-contents li.middle {
    width: 100%;
    margin-right: 0;
  }
  #top .pickup-contents li.middle .text {
    height: auto;
    padding: 8px;
  }
  #top .pickup-contents li.middle .description {
    margin-bottom: 8px;
  }
  #top .pickup-contents li:nth-child(2), #top .pickup-contents li:nth-child(3), #top .pickup-contents li:nth-child(10), #top .pickup-contents li:nth-child(11) {
    margin-bottom: 8px;
  }
  #top .pickup-contents li:nth-child(3), #top .pickup-contents li:nth-child(5), #top .pickup-contents li:nth-child(8), #top .pickup-contents li:nth-child(9) {
    margin-right: 8px;
  }
  #top .pickup-contents li:nth-child(3), #top .pickup-contents li:nth-child(5), #top .pickup-contents li:nth-child(9), #top .pickup-contents li:nth-child(11), #top .pickup-contents li:nth-child(13) {
    margin-right: 0;
  }
  #top .pickup-contents button.more {
    margin-top: 8px !important;
    font-size: 1.2rem;
  }

  #top .pickup-contents li .description {
    font-size: 1.6rem;
  }

  #top .blog {
    margin-bottom: 0;
  }
  #top .blog .headline {
    margin-bottom: 0;
  }
  #top .blog .headline::before {
    content: none;
  }
  #top .blog .headline::after {
    content: none;
  }
  #top .blog .headline h2 {
    font-size: 1.6rem;
  }
  #top .blog .headline .btn-rss {
    font-size: 1.6rem;
  }
  #top .blog .headline .btn-list {
      font-size: 1.6rem;
  }
  #top .blog > section {
    margin-bottom: 16px;
  }
  #top .blog dl.information-list {
    padding: 0;
   font-size: 1.6rem;
  }
  #top .blog dl.information-list dt {
    width: 100%;
    margin-bottom: 0;
    padding: 8px 16px;
    background: linear-gradient(to left, #f2f2f2, #fff);
  }
  #top .blog dl.information-list dd {
    width: 100%;
    margin-bottom: 0;
    padding: 0;
  }
  #top .blog dl.information-list dd a {
    padding: 16px;
  }
  #top .blog dl.information-list.use-category {
    display: block;
  }
  #top .blog dl.information-list.use-category dt {
    width: 100%;
  }
  #top .blog dl.information-list.use-category dt .date {
    width: auto;
    margin-right: 1em;
  }
  #top .blog dl.information-list.use-category dt .category {
    width: auto;
    margin-left: 0;
    padding: 2px 8px;
  }
  #top .blog dl.information-list.use-category dd {
    width: 100%;
  }
  #top .banner-text {
    padding: 16px;
  }
  #top .banner-text li {
    width: calc(50% - 4px);
    margin-right: 8px;
    margin-bottom: 8px;
  }
  #top .banner-text li:nth-child(4n) {
    margin-right: 8px;
  }
  #top .banner-text li:nth-child(even) {
    margin-right: 0;
  }
  #top .banner-text a {
    width: auto;
    padding: 16px 8px;
    font-size: 1.6rem;
  }

.site-footer .copyright p small{
    font-size: 1.6rem;
  }
*/

}
/*===================================================================================================

 page -- 単ページ

====================================================================================================*/
/*-----------------------------------------------------------------------------------------------
 ブログページ
-----------------------------------------------------------------------------------------------*/
.p-blog-article .entry-info {
  margin: 0 -16px 32px;
}
.p-blog-article .entry-info h1 {
  font-size: 2.8rem;
  margin-bottom: 32px;
  padding: 32px 16px;
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
.p-blog-article .entry-info p {
  margin-bottom: 0;
  text-align: right;
}
.p-blog-article .option > .box:last-of-type {
  margin-bottom: 0;
}
.p-blog-article .free-text {
  margin-top: 16px;
}

/*-----------------------------------------------------------------------------------------------
 地域とともに
-----------------------------------------------------------------------------------------------*/
#area .area-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  margin: 0;
  box-sizing: border-box;
  color: #000;
}
#area .area-list *, #area .area-list *::before, #area .area-list *::after {
  box-sizing: border-box;
}
#area .area-list li {
  list-style: none;
  display: flex;
  flex-direction: column;
  width: calc((100% - 32px) / 3);
  margin: 0;
  margin-right: 16px;
  padding: 16px;
  border: 1px solid #ccc;
}
#area .area-list li:nth-child(n+4) {
  margin-top: 16px;
}
#area .area-list li:nth-child(3n) {
  margin-right: 0;
}
#area .area-list h3 {
  display: flex;
  align-items: center;
  margin: 0;
  margin-bottom: 16px;
  padding: 0;
  padding: 4px 8px;
  border: none;
  border-left: 4px solid #0a52a7;
  text-indent: 0;
  font-size: 1.6rem;
  color: #000;
}
#area .area-list h3::before {
  content: none;
}
#area .area-list img {
  border: 1px solid #eee;
}
#area .area-list-button {
  margin-top: auto;
}
#area .area-list-button a {
  display: block;
  padding: 8px;
  background: linear-gradient(#0a52a7, #2970c6);
  border-radius: 4px;
  text-decoration: none;
  color: #fff;
  text-align: center;
  font-weight: bold;
  transition: 0.3s;
}
#area .area-list-button a:hover, #area .area-list-button a:focus {
  box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.25);
}
#area .area-list-button a .fas, #area .area-list-button a .far {
  color: #ccc;
}

/*-----------------------------------------------------------------------------------------------
 エリア情報
-----------------------------------------------------------------------------------------------*/
#area .topics-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #4f86c5;
  color: #4f86c5;
}
#area .topics-title h2 {
  font-size: 175%;
  font-weight: bold;
}
#area .topics-title h2 img {
  width: 1.6em;
  height: 1.6em;
  vertical-align: -0.4em;
  margin-right: 10px;
}
#area .topics-title .sns-menu {
  display: flex;
  align-items: center;
}
#area .topics-title .sns-menu li:first-child {
  margin-right: 16px;
}
#area .topics-title .sns-menu a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #333;
  transition: opacity 0.3s;
}
#area .topics-title .sns-menu a:hover, #area .topics-title .sns-menu a:focus {
  opacity: 0.75;
}
#area .topics-title .sns-menu img {
  width: 32px;
  margin-right: 8px;
}
#area .area-menu {
  display: flex;
  justify-content: space-between;
  margin: 8px 0 24px;
}
#area .area-menu li {
  width: 188px;
}
#area .area-menu a {
  display: block;
  padding-top: 108px;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  transition: opacity 0.3s;
}
#area .area-menu a:hover, #area .area-menu a:focus {
  opacity: 0.75;
}
#area .area-menu span {
  display: block;
  padding: 8px;
  background-color: #4f86c5;
}
#area .area-menu span::before {
  margin-right: 8px;
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#area .area-menu li:first-child a {
  background-image: url(../img/area/bg-tottori.jpg);
  background-position: center bottom;
}
#area .area-menu li:nth-child(2) a {
  background-image: url(../img/area/bg-shimane.jpg);
  background-position: center bottom;
}
#area .area-menu li:nth-child(3) a {
  background-image: url(../img/area/bg-okayama.jpg);
  background-position: center center;
}
#area .area-menu li:nth-child(4) a {
  background-image: url(../img/area/bg-hiroshima.jpg);
  background-position: center center;
}
#area .area-menu li:last-child a {
  background-image: url(../img/area/bg-yamaguchi.jpg);
  background-position: center bottom;
}
#area .area-top .title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 24px 16px 24px 88px;
  background-repeat: no-repeat;
  background-position: 16px center;
  border: solid 1px #3a6da9;
}
#area .area-top .title h3 {
  border: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
}
#area .area-top .title h3::before {
  content: none;
}
#area .area-top .title-item {
  display: flex;
  margin: 0;
}
#area .area-top .title-item li {
  list-style: none;
  margin: 0;
}
#area .area-top .title-item li:first-child {
  margin-right: 16px;
}
#area .area-top .title-item a {
  text-decoration: none;
  color: #333;
  transition: opacity 0.3s;
}
#area .area-top .title-item a:hover, #area .area-top .title-item a:focus {
  opacity: 0.75;
}
#area .area-top .title-item img {
  width: 21px;
}
#area .area-top > section:first-of-type .title {
  background-image: url(../img/area/icon-tottori.png);
}
#area .area-top > section:nth-of-type(2) .title {
  background-image: url(../img/area/icon-shimane.png);
}
#area .area-top > section:nth-of-type(3) .title {
  background-image: url(../img/area/icon-okayama.png);
}
#area .area-top > section:nth-of-type(4) .title {
  background-image: url(../img/area/icon-hiroshima.png);
}
#area .area-top > section:last-of-type .title {
  background-image: url(../img/area/icon-yamaguchi.png);
}
#area .hiroba-menu {
  display: flex;
  justify-content: space-between;
}
#area .hiroba-menu > li {
  width: 188px;
}
#area .hiroba-menu dt {
  margin-bottom: 8px;
  padding: 4px;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
}
#area .hiroba-menu dd > ul li {
  text-indent: -0.75em;
  padding: 4px;
  padding-left: 0.75em;
}
#area .hiroba-menu dd > ul li::before {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 4px;
}

/*-----------------------------------------------------------------------------------------------
 シンボルスポーツ
-----------------------------------------------------------------------------------------------*/
#company .symbolsports .flex {
  display: flex;
  justify-content: center;
  margin: 32px 0;
}
#company .symbolsports .flex li {
  margin-left: 16px;
}
#company .symbolsports .flex li:first-child {
  margin-left: 0;
}

/*-----------------------------------------------------------------------------------------------
 停電になったら
-----------------------------------------------------------------------------------------------*/
.p-safety-teiden .pickup-menu {
  margin-bottom: 16px;
  padding: 16px;
  background-color: #f2f2f2;
  font-size: 1.6rem;
}
.p-safety-teiden .pickup-menu ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.p-safety-teiden .pickup-menu li {
  width: 241px;
}
.p-safety-teiden .pickup-menu li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px 16px 24px 80px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: auto 48px;
  background-position: 16px center;
  border: 1px solid #999;
  border-bottom: 4px solid #0a52a7;
  font-weight: bold;
  color: #444;
  text-decoration: none;
  transition: 0.3s;
}
.p-safety-teiden .pickup-menu li a::after {
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #ccc;
  margin-left: 8px;
  transition: 0.3s;
}
.p-safety-teiden .pickup-menu li a:hover, .p-safety-teiden .pickup-menu li a:focus {
  color: #0a52a7;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
}
.p-safety-teiden .pickup-menu li a:hover::after, .p-safety-teiden .pickup-menu li a:focus::after {
  color: #0a52a7;
}
.p-safety-teiden .pickup-menu li:first-child {
  margin-right: 16px;
}
.p-safety-teiden .pickup-menu li:first-child a {
  background-image: url(../../svg/icn_blackout.svg);
}
.p-safety-teiden .pickup-menu li:last-child a {
  background-image: url(../../svg/icn_thunder.svg);
}
.p-safety-teiden .check-point p {
  padding: 16px;
}
.p-safety-teiden .check-point p:nth-child(odd) {
  border: 1px solid #ccc;
}

/*-----------------------------------------------------------------------------------------------
 技術研究・経済研究・知的財産
-----------------------------------------------------------------------------------------------*/
#eneso .inner {
  width: 1000px;
  margin: 0px auto;
}
#eneso #Pankuzu {
  padding: 20px 0 30px;
}
#eneso header .contents-title {
  background: linear-gradient(135deg, #0a52a7, #15a5cb);
}
#eneso header .contents-title h2 {
  padding: 8px 0;
  color: #fff;
  font-size: 2.8rem;
  line-height: 1.5;
}
#eneso header .contents-menu {
  padding: 16px 0;
}
#eneso header .contents-menu ul {
  display: flex;
  justify-content: center;
  align-items: stretch;
}
#eneso header .contents-menu li {
  margin-right: 16px;
}
#eneso header .contents-menu li:last-child {
  margin-right: 0;
}
#eneso header .contents-menu a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  padding: 8px 16px 4px;
  border-bottom: 4px solid #0a52a7;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.5;
  overflow: hidden;
  transition: 0.3s;
}
#eneso header .contents-menu a::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: #0a52a7;
  transition: 0.3s;
}
#eneso header .contents-menu a:hover, #eneso header .contents-menu a:focus {
  color: #fff;
}
#eneso header .contents-menu a:hover::after, #eneso header .contents-menu a:focus::after {
  top: 0;
}
#eneso header .contents-menu a .fas, #eneso header .contents-menu a .far {
  display: none;
}
#eneso header .contents-menu li.current a {
  color: #fff;
}
#eneso header .contents-menu li.current a::after {
  top: 0;
}
#eneso header .contents-menu li:first-child {
  font-size: 1.2rem;
}
#eneso header .contents-menu li:first-child a {
  border-bottom-color: #15a5cb;
  color: #15a5cb;
  transition: opacity 0.3s;
}
#eneso header .contents-menu li:first-child a::after {
  content: none;
}
#eneso header .contents-menu li:first-child a:hover, #eneso header .contents-menu li:first-child a:focus {
  opacity: 0.75;
}
#eneso header .contents-menu li:first-child span {
  width: 32px;
}
#eneso h2.top-title {
  margin-bottom: 32px;
  color: #0084a5;
  font-size: 3.2rem;
  text-align: center;
}
#eneso h2.top-title::before, #eneso h2.top-title::after {
  content: "";
  display: block;
  width: 240px;
  height: 2px;
  margin: 0 auto 8px;
  background-color: #0084a5;
}
#eneso h2.top-title::after {
  margin: 8px auto 0;
}
#eneso a.link-button {
  display: block;
  width: 240px;
  margin: 0 auto;
  padding: 16px;
  background: linear-gradient(#0a52a7, #2970c6);
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size: 1.6rem;
  transition: 0.3s;
  transition: opacity 0.3s;
}
#eneso a.link-button:hover, #eneso a.link-button:focus {
  opacity: 0.75;
}
#eneso .senryaku {
  padding: 48px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#eneso .senryaku .catch {
  margin-bottom: 48px;
  font-weight: bold;
  color: #07a4cc;
  text-align: center;
  font-size: 2.4rem;
}
#eneso .senryaku ul {
  display: flex;
  justify-content: center;
}
#eneso .senryaku li {
  width: 484px;
}
#eneso .senryaku li:first-child {
  margin-right: 32px;
}
#eneso .senryaku a {
  display: block;
  padding: 4px;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
}
#eneso .senryaku span {
  display: block;
}
#eneso .senryaku .eyecatch {
  position: relative;
  width: 476px;
  height: 192px;
  overflow: hidden;
}
#eneso .senryaku .title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-weight: bold;
  font-size: 2.4rem;
  text-align: center;
  text-shadow: 0 0 4px #000;
  transition: 0.3s;
}
#eneso .senryaku .image {
  position: absolute;
  top: 0;
}
#eneso .senryaku .text {
  padding: 16px 8px 8px;
  color: #000;
  font-size: 1.6rem;
}
#eneso .senryaku img {
  transition: 0.3s;
}
#eneso .senryaku a:hover .title, #eneso .senryaku a:focus .title {
  background-color: rgba(0, 0, 0, 0.25);
}
#eneso .senryaku a:hover img, #eneso .senryaku a:focus img {
  transform: scale(1.05);
}
#eneso .activity {
  padding: 96px 0;
}
#eneso .activity ul {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: 48px;
}
#eneso .activity li {
  width: 322px;
  margin-right: 17px;
  margin-bottom: 17px;
}
#eneso .activity li:nth-child(3n) {
  margin-right: 0;
}
#eneso .activity li:last-child {
  margin-right: 0;
}
#eneso .activity li a {
  display: block;
  height: 100%;
  background-color: #fff;
  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
  font-size: 1.6rem;
  transition: opacity 0.3s;
}
#eneso .activity li a:hover, #eneso .activity li a:focus {
  opacity: 0.75;
}
#eneso .activity li a:hover img, #eneso .activity li a:focus img {
  transform: scale(1.1);
}
#eneso .activity span {
  display: block;
}
#eneso .activity .eyecatch {
  position: relative;
  width: 322px;
  height: 160px;
  overflow: hidden;
}
#eneso .activity .image {
  position: absolute;
  top: 0;
}
#eneso .activity .box {
  padding: 16px 16px 32px;
}
#eneso .activity .title {
  margin-bottom: 16px;
  font-weight: bold;
}
#eneso .activity .text {
  color: #000;
}
#eneso .activity img {
  transition: 0.3s;
}
#eneso .about {
  padding: 48px 0;
  background: linear-gradient(135deg, #0a52a7, #15a5cb);
}
#eneso .about h2.top-title {
  color: #fff;
}
#eneso .about h2.top-title::before, #eneso .about h2.top-title::after {
  background-color: #fff;
}
#eneso .about .inner > ul {
  display: flex;
  justify-content: space-between;
}
#eneso .about .inner > ul > li {
  width: 322px;
  padding: 8px;
  background-color: #fff;
}
#eneso .about .inner > ul > li ul {
  padding: 8px;
}
#eneso .about .inner > ul > li ul li {
  margin-left: 1em;
  text-indent: -1em;
  line-height: 1.8;
}
#eneso .about .inner > ul > li ul li::before {
  content: "●";
  color: #15a5cb;
  margin-right: 8px;
}
#eneso .about h3 {
  padding: 8px;
  background-color: #15a5cb;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 1.8rem;
}
#eneso .information {
  padding: 96px 0;
}
#eneso .information .inner {
  width: 960px;
}
#eneso .information dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
  align-items: stretch;
  margin-bottom: 48px;
}
#eneso .information dt, #eneso .information dd {
  display: flex;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #ccc;
}
#eneso .information dt {
  justify-content: center;
  width: 12em;
  font-weight: bold;
}
#eneso .information dd {
  width: calc(100% - 12em);
}
#eneso .contents .page-title {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#eneso .contents .page-title h3 {
  padding: 24px 32px;
  background-image: url(../img/eneso_info/arrow.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 16px auto;
  color: #07a4cc;
  font-weight: bold;
  font-size: 2.8rem;
}
#eneso .contents .contents-wrapper {
  padding: 32px 0 96px;
}
#eneso .contents .category-menu {
  display: flex;
  padding: 8px;
  background-color: #f1f9fb;
  border: 1px solid #74bed1;
}
#eneso .contents .category-menu h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10em;
  background-color: #74bed1;
  font-weight: bold;
  color: #fff;
}
#eneso .contents .category-menu ul {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
#eneso .contents .category-menu li {
  line-height: 1.8;
  margin: 4px 0;
  padding: 0 16px;
  border-right: 1px solid #ccc;
}
#eneso .contents .category-menu li:last-child {
  margin-right: 0;
  border-right: none;
}
#eneso .contents .category-menu li.current {
  font-weight: bold;
}
#eneso .contents .activity {
  padding: 32px 0;
}
#eneso .contents .activity ul {
  margin-bottom: 0;
}
#eneso .contents .notice {
  margin-top: 32px;
  text-align: center;
  line-height: 1.8;
}

/*-----------------------------------------------------------------------------------------------
 原子力発電
-----------------------------------------------------------------------------------------------*/
.uq_atomMenu {
  display: flex;
  justify-content: space-between;
}
.uq_atomMenu > li {
  width: 480px;
}
.uq_atomMenu a {
  text-decoration: none;
  color: #fff;
  transition: opacity 0.3s ease-in-out;
}
.uq_atomMenu a:hover, .uq_atomMenu a:focus {
  opacity: 0.75;
}
.uq_atomMenu_ttl {
  display: flex;
  align-items: center;
  height: 4em;
  padding-left: 20px;
  background-color: #4f86c5;
  background-repeat: no-repeat;
  background-position: right 20px center;
  font-size: 150%;
}
.uq_atomMenu_ttl__shimane {
  background-image: url(../img/atom_info/pict_cattop_index01.png);
}
.uq_atomMenu_ttl__kaminoseki {
  background-image: url(../img/atom_info/pict_cattop_index02.png);
}
.uq_atomMenu_ttl__outline {
  background-image: url(../img/atom_info/pict_cattop_index03.png);
}

.uq_atomShimane_bnrBtn {
  display: block;
  padding: 16px;
  border: 1px solid #aaa;
  text-align: center;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.3s ease-in-out;
}
.uq_atomShimane_bnrBtn:hover, .uq_atomShimane_bnrBtn:focus {
  opacity: 0.75;
}
.uq_atomShimane_bnrBtn_ttl {
  font-size: 3.6rem;
}

.uq_atomShimane_bnrBtn_flex{
	display: flex;
	align-items: center;
	justify-content: center;
  	padding: 16px;
}

.uq_atomShimane_bnrBtn_wrap{
  display: block;
  border: 1px solid #aaa;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
}

.uq_atomShimane_bnrBtn_wrap a{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

.uq_atomShimane_bnrBtn_wrap a:hover, .uq_atomShimane_bnrBtn_wrap a:focus {
  opacity: 0.75;
}

.uq_atomShimane_bnrBtn_detail {
  font-size: 1.6rem;
}
.uq_atomShimane_bnrBtn .sp-only {
  display: none;
}
.uq_atomShimane_bnrBtn__img {
  border: none;
  padding: 0;
}
.uq_atomShimane_bnrBtn__mb_ttl {
  margin-bottom: 8px;
}
.uq_atomShimane_bnrL {
  margin-bottom: 2em;
}
.uq_atomShimane_bnrL li {
  margin-bottom: 1em;
}
.uq_atomShimane_card > ul {
  display: flex;
  justify-content: space-between;
}
.uq_atomShimane_card > ul > li {
  width: 312px;
}
.uq_atomShimane_card > ul > li > a {
  display: block;
  background-color: #fff;
  box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
  transition: opacity 0.3s ease-in-out;
}
.uq_atomShimane_card > ul > li > a:hover, .uq_atomShimane_card > ul > li > a:focus {
  opacity: 0.75;
}
.uq_atomShimane_card_inner {
  padding: 24px;
}
.uq_atomShimane_card_inner p {
  color: #000;
}
.uq_atomShimane_card_ttl {
  margin-bottom: 16px;
  padding: 8px;
  background-color: #eee;
  color: #000;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 640px) {
  /*-----------------------------------------------------------------------------------------------
   ブログページ
  -----------------------------------------------------------------------------------------------*/
  .p-blog-article .entry-info h1 {
    font-size: 1.8rem;
    margin-bottom: 16px;
    padding: 0 0 16px;
    border-top: none;
    border-bottom-width: 1px;
  }
  .p-blog-article .entry-info p {
    font-size: 1.2rem;
  }

  /*-----------------------------------------------------------------------------------------------
   地域とともに
  -----------------------------------------------------------------------------------------------*/
  #area .area-list {
    display: block;
  }
  #area .area-list li {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    margin-right: 0;
  }
  #area .area-list li:nth-child(n+4) {
    margin-top: 0;
  }
  #area .area-list li:last-child {
    margin-bottom: 0;
  }
  #area .area-list h3 {
    font-size: 1.4rem;
  }

  /*-----------------------------------------------------------------------------------------------
   エリア情報
  -----------------------------------------------------------------------------------------------*/
  #area .topics-title {
    display: block;
    margin-bottom: 16px;
  }
  #area .topics-title h2 {
    padding: 8px;
    font-size: 135%;
  }
  #area .topics-title .sns-menu {
    padding: 8px;
    font-size: 88%;
  }
  #area .area-menu {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
  }
  #area .area-menu li {
    width: calc(50% - 4px);
  }
  #area .area-menu li:nth-child(-n+4) {
    margin-bottom: 8px;
  }
  #area .area-top .title {
    display: block;
    padding: 16px 16px 16px 88px;
  }
  #area .area-top .title h3 {
    font-size: 135%;
    margin-bottom: 8px;
  }
  #area .area-top .title-item {
    font-size: 88%;
  }
  #area .hiroba-menu {
    padding: 0 16px;
    display: block;
  }
  #area .hiroba-menu > li {
    width: 100%;
    margin-bottom: 16px;
  }
  #area .hiroba-menu > li:last-child {
    margin-bottom: 0;
  }

  /*-----------------------------------------------------------------------------------------------
   停電になったら
  -----------------------------------------------------------------------------------------------*/
  .p-safety-teiden .pickup-menu {
    margin-bottom: 16px;
    padding: 0;
    background-color: #fff;
    font-size: 1.6rem;
  }
  .p-safety-teiden .pickup-menu ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .p-safety-teiden .pickup-menu li {
    width: calc(50% - 4px);
  }
  .p-safety-teiden .pickup-menu li a {
    padding: 16px 8px 16px 48px;
    background-size: auto 24px;
    border-bottom: 2px solid #0a52a7;
    font-size: 1.2rem;
  }
  .p-safety-teiden .pickup-menu li a::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #ccc;
    margin-left: 8px;
    transition: 0.3s;
  }
  .p-safety-teiden .pickup-menu li a:hover, .p-safety-teiden .pickup-menu li a:focus {
    color: #0a52a7;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.15);
  }
  .p-safety-teiden .pickup-menu li a:hover::after, .p-safety-teiden .pickup-menu li a:focus::after {
    color: #0a52a7;
  }
  .p-safety-teiden .pickup-menu li:first-child {
    margin-right: 8px;
  }
  .p-safety-teiden .pickup-menu li:first-child a {
    background-image: url(../../svg/icn_blackout.svg);
  }
  .p-safety-teiden .pickup-menu li:last-child a {
    background-image: url(../../svg/icn_thunder.svg);
  }
  .p-safety-teiden .check-point p {
    padding: 16px;
  }
  .p-safety-teiden .check-point p:nth-child(odd) {
    border: 1px solid #ccc;
  }

  /*-----------------------------------------------------------------------------------------------
   技術研究・経済研究・知的財産
  -----------------------------------------------------------------------------------------------*/
  #eneso .inner {
    width: 100%;
  }
  #eneso #Pankuzu {
    padding: 8px 8px 16px;
  }
  #eneso header .contents-title h2 {
    padding: 8px;
    font-size: 2.4rem;
    text-align: center;
  }
  #eneso header .contents-menu {
    padding: 8px;
  }
  #eneso header .contents-menu ul {
    flex-wrap: wrap;
  }
  #eneso header .contents-menu li {
    margin: 4px;
  }
  #eneso header .contents-menu a {
    padding: 8px;
    border-bottom-width: 1px;
    font-size: 1.2rem;
  }
  #eneso header .contents-menu li:first-child span {
    display: none;
  }
  #eneso h2.top-title {
    font-size: 2.4rem;
  }
  #eneso a.link-button {
    padding: 8px;
    font-size: 1.4rem;
  }
  #eneso .senryaku {
    padding: 16px;
  }
  #eneso .senryaku .catch {
    margin-bottom: 16px;
    font-size: 1.4rem;
  }
  #eneso .senryaku ul {
    display: block;
  }
  #eneso .senryaku li {
    width: 100%;
  }
  #eneso .senryaku li:first-child {
    margin-right: 0;
    margin-bottom: 8px;
  }
  #eneso .senryaku .eyecatch {
    width: 100%;
    height: auto;
  }
  #eneso .senryaku .title {
    display: block;
    height: auto;
    padding: 48px 16px;
    font-size: 1.8rem;
  }
  #eneso .senryaku .text {
    padding: 8px;
    font-size: 1.4rem;
  }
  #eneso .activity {
    padding: 32px 16px;
  }
  #eneso .activity ul {
    display: block;
    margin-bottom: 32px;
  }
  #eneso .activity li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 16px;
  }
  #eneso .activity li:nth-child(-n+3) {
    margin-bottom: 16px;
  }
  #eneso .activity li:last-child {
    margin-bottom: 0;
  }
  #eneso .activity li a {
    font-size: 1.4rem;
  }
  #eneso .activity .eyecatch {
    width: 100%;
  }
  #eneso .activity .image {
    width: 100%;
  }
  #eneso .activity img {
    width: 100%;
  }
  #eneso .about {
    padding: 32px 16px;
  }
  #eneso .about .inner > ul {
    display: block;
  }
  #eneso .about .inner > ul > li {
    width: 100%;
    margin-bottom: 16px;
  }
  #eneso .about .inner > ul > li:last-child {
    margin-bottom: 0;
  }
  #eneso .about h3 {
    font-size: 1.6rem;
  }
  #eneso .information {
    padding: 32px 16px 96px;
  }
  #eneso .information .inner {
    width: 100%;
  }
  #eneso .information dl {
    display: block;
    font-size: 1.4rem;
    margin-bottom: 32px;
  }
  #eneso .information dt, #eneso .information dd {
    display: block;
    padding: 8px;
  }
  #eneso .information dt {
    width: 100%;
    font-weight: bold;
    border-bottom: none;
  }
  #eneso .information dd {
    width: 100%;
    margin-bottom: 16px;
    padding-top: 0;
  }
  #eneso .contents .page-title h3 {
    padding: 16px 16px 16px 48px;
    background-position: 16px center;
    font-size: 1.8rem;
  }
  #eneso .contents .contents-wrapper {
    padding: 16px 16px 96px;
  }
  #eneso .contents .category-menu {
    display: block;
  }
  #eneso .contents .category-menu h4 {
    display: block;
    width: 100%;
    padding: 8px;
    text-align: center;
  }
  #eneso .contents .category-menu ul {
    display: block;
    padding: 8px;
  }
  #eneso .contents .category-menu li {
    margin: 0 0 8px;
    padding: 0;
    border-right: none;
    font-size: 1.2rem;
  }
  #eneso .contents .category-menu li:last-child {
    margin-bottom: 0;
  }
  #eneso .contents .activity {
    padding: 16px 0 32px;
  }
  #eneso .contents .notice {
    font-size: 1.2rem;
  }

  /*-----------------------------------------------------------------------------------------------
   原子力発電
  -----------------------------------------------------------------------------------------------*/
  .uq_atomMenu {
    display: block;
    margin: 0 16px;
  }
  .uq_atomMenu > li {
    width: 100%;
  }
  .uq_atomMenu > li:first-child {
    margin-bottom: 16px;
  }

  .uq_atomShimane_bnrBtn_ttl {
    font-size: 1.8rem;
  }
  .uq_atomShimane_bnrBtn_detail {
    font-size: 1.4rem;
  }
  .uq_atomShimane_bnrBtn .sp-only {
    display: block;
  }
  .uq_atomShimane_bnrL {
    margin-bottom: 1em;
  }
  .uq_atomShimane_card > ul {
    display: block;
  }
  .uq_atomShimane_card > ul > li {
    width: 100%;
    max-width: 312px;
    margin: 0 auto 16px;
  }
  .uq_atomShimane_card > ul > li:last-child {
    margin-bottom: 0;
  }
  .uq_atomShimane_card > ul > li > a {
    display: block;
    background-color: #fff;
    box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.25);
    text-decoration: none;
    transition: opacity 0.3s ease-in-out;
  }
  .uq_atomShimane_card > ul > li > a:hover, .uq_atomShimane_card > ul > li > a:focus {
    opacity: 0.75;
  }
  .uq_atomShimane_card_inner {
    padding: 24px;
  }
  .uq_atomShimane_card_inner p {
    color: #000;
  }
  .uq_atomShimane_card_ttl {
    margin-bottom: 16px;
    color: #000;
    font-weight: bold;
    text-align: center;
  }
}
/*===================================================================================================

 old -- 旧スタイル

====================================================================================================*/
/* CLEARFIX CLASS
-------------------------------------------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clear {
  clear: both;
}

/*ファイルアイコン自動追加用css*/
.Icon {
  vertical-align: baseline !important;
  margin-left: 3px;
}

/* LINK
-------------------------------------------------------------------------------------------------*/
a:hover img.ov, a:focus img.ov {
  opacity: 0.6;
}

/* MainArea
-------------------------------------------------------------------------------------------------*/
.MainArea *, .MainArea *::before, .MainArea *::after, .MainArea3 *, .MainArea3 *::before, .MainArea3 *::after {
  box-sizing: content-box;
}

/*背景色無しメインエリア*/
.MainArea {
  margin-bottom: 2em;
}

/*ページタイトル*/
.MainArea .PageTitle {
  background-color: #4f86c5;
}

.MainArea .PageTitle h2 {
  font-size: 2.8rem;
  width: 1000px;
  margin: 0px auto;
  padding: 16px 0px;
  color: #ffffff;
  line-height: 1.2;
  font-weight: bold;
}

/*背景色:#eeeeeeのメインエリア*/
.MainArea2 {
  background-color: #eeeeee;
}

/*背景色:#f7f3d7のメインエリア*/
.MainArea3 {
  background-color: #f7f3d7;
  margin-bottom: 2em;
}

/*基本コンテナ*/
.MainContainer {
  width: 1000px;
  margin: 0px auto;
  padding: 10px 0px;
  color: #666666;
}

/*パンクズ*/
#Pankuzu {
  margin: 10px 0px 30px 0px;
  font-size: 87.5%;
}

#Pankuzu li {
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  before: " > ";
}

#Pankuzu li:before {
  content: " > ";
}

#Pankuzu li:first-child {
  before: "";
}

#Pankuzu li:first-child:before {
  content: none;
}

/* カテゴリページ 本文エリア
-------------------------------------------------------------------------------------------------*/
.CategoryLink_Sub a:link,
.CategoryLink_Sub a:active,
.CategoryLink_Sub a:visited {
  color: #666666;
  text-decoration: none;
}

.CategoryLink_Sub a:hover,
.CategoryLink_Sub a:focus {
  color: #666666;
  text-decoration: underline;
}

.CategoryLink_Sub li {
  width: 490px;
  float: left;
  margin-bottom: 1em;
  display: table;
}
.CategoryLink_Sub li:nth-child(odd) {
  margin-right: 20px;
}

.CategoryLink_Sub li.odd {
  margin-right: 10px;
  clear: both;
}

.CategoryLink_Sub li.even {
  margin-left: 10px;
}

.CategoryLink_Sub li a {
  display: table-cell;
  border: solid 1px #aaaaaa;
  padding: 1em 1em 1em 3em;
  background-image: url(../img/pict_arrow01.png);
  background-position: 1em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
  vertical-align: middle;
}

.CategoryLink_Sub li a .Supple {
  display: block;
  font-size: 75%;
}

.CategoryLink_Sub li a.Accordion.toggle {
  display: block;
  border: solid 1px #5086c5;
  padding: 1em 1em 1em 3em;
  background-color: #5086c5;
  background-image: url(../img/pict_arrow02_b.png);
  background-position: 1em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

.CategoryLink_Sub li a.Accordion.toggle:link,
.CategoryLink_Sub li a.Accordion.toggle:active,
.CategoryLink_Sub li a.Accordion.toggle:visited {
  color: #ffffff;
  text-decoration: none;
}

.CategoryLink_Sub li a.Accordion.toggle:hover,
.CategoryLink_Sub li a.Accordion.toggle:focus {
  color: #ffffff;
  text-decoration: underline;
}

.CategoryLink_Sub li ol {
  display: none;
  background-color: #dce7f3;
  padding-top: 1em;
}

.CategoryLink_Sub li ol li {
  width: auto;
  float: none;
  margin-bottom: 0em;
}

.CategoryLink_Sub li ol li a {
  display: block;
  border: none;
  padding: 0em 1em 1em 4em;
  background-image: url(../img/pict_arrow01.png);
  background-position: 2em 0.2em;
  background-size: 0.8em 0.8em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/* 詳細ページ 本文エリア
-------------------------------------------------------------------------------------------------*/
/*Style手動入力用エリア*/
/*Style自動反映用エリア*/
.ContentsArea h3,
.InputArea h3.Title {
  border: solid 1px #3a6da9;
  padding: 13px 4px 12px 30px;
  margin-top: 0.5em;
  margin-bottom: 1em;
  font-size: 2.4rem;
  font-weight: bold;
  color: #4f86c5;
  text-indent: -26px;
  line-height: 1.2;
}

.ContentsArea h3:before,
.InputArea h3.Title:before {
  content: "";
  border-left: solid 5px #3a6da9;
  margin-right: 20px;
  padding: 6px 0px;
}

.ContentsArea h3 a:link,
.ContentsArea h3 a:active,
.ContentsArea h3 a:visited,
.InputArea h3.Title a:link,
.InputArea h3.Title a:active,
.InputArea h3.Title a:visited {
  color: #4f86c5;
  text-decoration: underline;
}

.ContentsArea h3 a:hover,
.ContentsArea h3 a:focus,
.InputArea h3.Title a:hover,
.InputArea h3.Title a:focus {
  color: #4f86c5;
  text-decoration: none;
}

.ContentsArea h4,
.InputArea h4.Title {
  margin-top: 0.5em;
  margin-bottom: 1em;
  color: #4f86c5;
  font-weight: bold;
  font-size: 1.8rem;
  border-bottom: solid 1px #4f86c5;
  text-indent: -1.4em;
  padding-left: 1.2em;
  line-height: 1.2;
}

.ContentsArea h4:before,
.InputArea h4.Title:before {
  content: "■";
  color: #3a6da9;
  margin-right: 0.4em;
}

.ContentsArea h4 a:link,
.ContentsArea h4 a:active,
.ContentsArea h4 a:visited,
.InputArea h4.Title a:link,
.InputArea h4.Title a:active,
.InputArea h4.Title a:visited {
  color: #4f86c5;
  text-decoration: underline;
}

.ContentsArea h4 a:hover,
.ContentsArea h4 a:focus,
.InputArea h4.Title a:hover,
.InputArea h4.Title a:focus {
  color: #4f86c5;
  text-decoration: none;
}

.ContentsArea h5,
.InputArea h5.Title {
  margin-top: 0.5em;
  margin-bottom: 1em;
  color: #4f86c5;
  font-weight: bold;
  font-size: 1.6rem;
  border-bottom: dashed 1px #4f86c5;
}

.ContentsArea h5 a:link,
.ContentsArea h5 a:active,
.ContentsArea h5 a:visited,
.InputArea h5.Title a:link,
.InputArea h5.Title a:active,
.InputArea h5.Title a:visited {
  color: #4f86c5;
  text-decoration: underline;
}

.ContentsArea h5 a:hover,
.ContentsArea h5 a:focus,
.InputArea h5.Title a:hover,
.InputArea h5.Title a:focus {
  color: #4f86c5;
  text-decoration: none;
}

.ContentsArea h6,
.InputArea h6.Title {
  margin-top: 0.3em;
  margin-bottom: 0.6em;
  font-weight: bold;
  font-size: 112.5%;
}

.ContentsArea h6:before,
.InputArea h6.Title:before {
  display: inline-block;
  content: "";
  width: 0.5em;
  border-bottom: solid 1px #ea5432;
  margin-right: 0.5em;
  vertical-align: 0.3em;
}

.ContentsArea p,
.InputArea p {
  margin-bottom: 1em;
}

.ContentsArea .kakomi,
.InputArea .kakomi {
  border-style: solid;
  border-color: #666666;
  border-width: 1px 1px 1px 1px;
  padding: 4px 4px;
}

.ContentsArea hr,
.InputArea hr {
  border-color: #aaaaaa;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  height: 1px;
  margin: 2em 0px;
}

.ContentsArea li {
  margin: 0px 0px 0.5em 1em;
  text-indent: 0em;
  padding-left: 0em;
}

.ContentsArea ol,
.ContentsArea ul {
  margin: 1em 0em 1em 1em;
}

/*OLの設定*/
.ContentsArea ol li,
.ContentsArea ul li ol li,
.ContentsArea ul li ul li ol li,
.ContentsArea ol li ul li ol li {
  list-style: decimal;
}

/*ULの設定*/
.ContentsArea ul li,
.ContentsArea ol li ul li,
.ContentsArea ol li ol li ul li,
.ContentsArea ul li ol li ul li {
  list-style: disc;
}

.ContentsArea .List_Alpha li,
.InputArea .List_Alpha li {
  list-style: lower-alpha;
  margin: 0px 0px 0.5em 2em;
  text-indent: 0em;
  padding-left: 0em;
}

.ContentsArea table,
.InputArea table.Tbl01 {
  margin-bottom: 20px;
}

.ContentsArea table caption,
.InputArea table.Tbl01 caption {
  text-align: left;
}

.ContentsArea table th,
.InputArea table.Tbl01 th {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #444444;
  vertical-align: middle;
}

.ContentsArea table td,
.InputArea table.Tbl01 td {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #444444;
  vertical-align: middle;
}

.ContentsArea table thead th,
.InputArea table.Tbl01 thead th {
  background-color: #4f86c5;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
}

.ContentsArea table thead td,
.InputArea table.Tbl01 thead td {
  background-color: #cadaed;
  font-weight: normal;
  text-align: center;
}

.ContentsArea table tbody th,
.InputArea table.Tbl01 tbody th {
  font-weight: normal;
  background-color: #f5f5f5;
  text-align: left;
}

table.Tbl02 {
  margin-bottom: 20px;
}

table.Tbl02 caption {
  text-align: left;
}

table.Tbl02 th {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #444444;
  vertical-align: middle;
}

table.Tbl02 td {
  padding: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: #444444;
  vertical-align: middle;
}

table.Tbl02 thead th {
  background-color: #eeeeee;
  color: #333333;
  font-weight: normal;
  text-align: center;
}

table.Tbl02 thead td {
  background-color: #f5f5f5;
  font-weight: normal;
  text-align: center;
}

table.Tbl02 tbody th {
  font-weight: normal;
  background-color: #4f86c5;
  color: #ffffff;
  text-align: left;
}

table.Tbl00 caption {
  text-align: left;
}

table.Tbl00 th {
  border: none;
  vertical-align: top;
  color: inherit;
}

table.Tbl00 td {
  border: none;
  vertical-align: top;
  color: inherit;
}

table.Tbl00 thead th {
  background-color: transparent;
  color: inherit;
  font-weight: normal;
  text-align: left;
}

table.Tbl00 thead td {
  background-color: transparent;
  font-weight: normal;
  text-align: left;
}

table.Tbl00 tbody th {
  font-weight: normal;
  background-color: transparent;
  text-align: left;
}

table.Tbl00 tbody td {
  font-weight: normal;
  background-color: transparent;
  text-align: left;
}

table td.blb {
  padding: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: #444444;
  vertical-align: middle;
}

table td.blbr0 {
  padding: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: #444444;
  vertical-align: middle;
  border-right-width: 1px;
}

table td.blbl0 {
  padding: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: #444444;
  vertical-align: middle;
  border-left-width: 1px;
}

table td.blbt0 {
  padding: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: #444444;
  vertical-align: middle;
  border-top-width: 1px;
}

table td.blbb0 {
  padding: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: #444444;
  vertical-align: middle;
  border-bottom-width: 1px;
}

table td.blbtb0 {
  padding: 10px;
  border-style: solid;
  border-width: 3px;
  border-color: #444444;
  vertical-align: middle;
  border-bottom-width: 1px;
  border-top-width: 1px;
}

.TblCol_Gray {
  background-color: #f5f5f5;
}

.ImgLineTxt {
  vertical-align: baseline !important;
  padding: 0 0.2em;
}

/* 下線二重線 */
table .blbd {
  border-bottom: 4px double #444444;
}

/* テキストバナー各種
-------------------------------------------------------------------------------------------------*/
/*テキストリンク インラインリスト
----------------------------------------------------*/
.TxtLink_InlineList {
  margin-bottom: 1em;
}

.TxtLink_InlineList li {
  display: inline-block;
  margin-right: 2em;
  background-image: url(../img/pict_arrow04.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.8em 0.8em;
  padding-left: 1.2em;
  background-image: none \9 ;
}

/*テキストリンク リスト1
----------------------------------------------------*/
.TxtLink_List1 {
  margin-bottom: 1em;
}

.TxtLink_List1 li {
  background-image: url(../img/pict_arrow04.png);
  background-position: left 0.3em;
  background-repeat: no-repeat;
  background-size: 0.8em 0.8em;
  padding-left: 1.2em;
  margin-bottom: 0.5em;
  background-image: none \9 ;
}

.ContentsArea ol.TxtLink_List1,
.ContentsArea ul.TxtLink_List1 {
  margin: 0em 0em 1em 0em;
}

.ContentsArea .TxtLink_List1 li {
  margin: 0px 0px 0.5em 0px;
  list-style: none;
}

/*テキストバナー2カラム
----------------------------------------------------*/
.TxtBnr_2c {
  padding-top: 2em;
}

.TxtBnr_2c:before,
.TxtBnr_2c:after {
  content: " ";
  display: table;
}

.TxtBnr_2c:after {
  clear: both;
}

.TxtBnr_2c li {
  width: 49%;
  float: left;
  margin: 0px 0px 0.6em 2%;
  display: table;
}

.TxtBnr_2c li:nth-child(odd) {
  margin-left: 0%;
  clear: both;
}

.TxtBnr_2c li a {
  display: table-cell;
  padding: 0.5em 1em 0.5em 2em;
  vertical-align: middle;
}

.TxtBnr_2c li a:link,
.TxtBnr_2c li a:active,
.TxtBnr_2c li a:visited {
  color: #666666;
  text-decoration: none;
  border: solid 1px #aaaaaa;
  background-image: url(../img/pict_arrow01.png);
  background-position: 0.5em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none\9 ;
}

.TxtBnr_2c li a:hover,
.TxtBnr_2c li a:focus {
  color: #ffffff;
  text-decoration: none;
  border: solid 1px #5086c5;
  background-color: #5086c5;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.5em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none\9 ;
}

/*テキストバナー4カラム
----------------------------------------------------*/
.TxtBnr_4c {
  padding-top: 3em;
}

.TxtBnr_4c li {
  width: 235px;
  float: left;
  margin: 0px 0px 1em 20px;
  display: table;
}

.TxtBnr_4c li:nth-child(4n+1) {
  margin-left: 0px;
  clear: both;
}

.TxtBnr_4c li a {
  display: table-cell;
  padding: 0.5em 1em 0.5em 2em;
  vertical-align: middle;
}

.TxtBnr_4c li a:link,
.TxtBnr_4c li a:active,
.TxtBnr_4c li a:visited {
  color: #666666;
  text-decoration: none;
  border: solid 1px #aaaaaa;
  background-image: url(../img/pict_arrow01.png);
  background-position: 0.5em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

.TxtBnr_4c li a:hover,
.TxtBnr_4c li a:focus {
  color: #ffffff;
  text-decoration: none;
  border: solid 1px #5086c5;
  background-color: #5086c5;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.5em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*テキストバナー5カラム
----------------------------------------------------*/
.TxtBnr_5c {
  padding-top: 3em;
}

.TxtBnr_5c li {
  width: 184px;
  float: left;
  margin: 0px 0px 1em 20px;
  display: table;
}

.TxtBnr_5c li:nth-child(5n+1) {
  margin-left: 0px;
  clear: both;
}

.TxtBnr_5c li a {
  display: table-cell;
  padding: 1em 1em 1em 2em;
  vertical-align: middle;
}

.TxtBnr_5c li a:link,
.TxtBnr_5c li a:active,
.TxtBnr_5c li a:visited {
  color: #666666;
  text-decoration: none;
  border: solid 1px #aaaaaa;
  background-image: url(../img/pict_arrow01.png);
  background-position: 0.5em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

.TxtBnr_5c li a:hover,
.TxtBnr_5c li a:focus {
  color: #ffffff;
  text-decoration: none;
  border: solid 1px #5086c5;
  background-color: #5086c5;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.5em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*トップページのニュース系エリア
----------------------------------------------------*/
.TopNewsArea {
  margin: 2em 0em 3em 0em;
}

.TopNewsArea .Left {
  width: 490px;
  float: left;
}

.TopNewsArea .Right {
  width: 490px;
  float: right;
}

#top .main .KinkyuArea_B a,
#top .main .KinkyuArea_S a {
    /* color: #0a52a7 !important;*/
    color: #0a52a7;
    text-decoration: underline !important;
}
.KinkyuArea_B a:hover, .KinkyuArea_B a:focus,
.KinkyuArea_S a:hover,
.KinkyuArea_S a:focus {
  text-decoration: none !important;
}

/*TOP 緊急情報：大
----------------------------------------------------*/
.KinkyuArea_B {
  background-color: #3a6da9;
  margin-bottom: 2em;
}

.KinkyuArea_B .KinkyuContainer {
  width: 1000px;
  margin: 0px auto;
}

.KinkyuArea_B .KinkyuContainer .InputArea {
  margin-bottom: 0em;
  padding: 35px 20px 20px 20px;
  font-size: 125%;
}

/*赤色*/
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col01 {
  background-color: #ea5432;
  color: #ffffff;
}

.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col01 a:link,
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col01 a:active{
  /*color: #ffff00;*/
    color: #0a52a7;
}

#top .main .KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col01 a:visited {
    color: #6c2781;
}

.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col01 a:hover,
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col01 a:focus {
  color: #ffff00;
color: #0a52a7;
}

/*黄色*/
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col02 {
  background-color: #ffcc00;
  color: #000000;
}

.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col02 a:link,
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col02 a:active{
  color: #0000ff;
color: #0a52a7;
}

#top .main .KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col02 a:visited  {
    color: #6c2781;
}

.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col02 a:hover,
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col02 a:focus {
  color: #0000ff;
color: #0a52a7;
}

/*白色*/
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col03 {
  background-color: #ffffff;
  color: #ea5432;
  border-style: solid;
  border-width: 1px 0px;
  border-color: #3a6da9;
}

.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col03 a:link,
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col03 a:active {
  color: #0000ff;
color: #0a52a7;
}

#top .main .KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col03 a:visited  {
    color: #6c2781;
}

.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col03 a:hover,
.KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col03 a:focus {
  color: #0000ff;
color: #0a52a7;
}

.KinkyuArea_B .KinkyuContainer .InputArea h2.Title {
  font-size: 225%;
  line-height: 1.1;
}

.KinkyuArea_B .KinkyuContainer .InputArea p {
  margin-bottom: 0.6em;
}

/*TOP 緊急情報：小
----------------------------------------------------*/
.KinkyuArea_S {
  margin-bottom: 2em;
}

.KinkyuArea_S .InputArea {
  padding: 20px;
  margin-bottom: 0em;
  font-size: 125%;
}

.KinkyuArea_S .InputArea.Kinkyu_Col01 {
    border: solid 1px #ea5432;
    color: #ea5432;
}

.KinkyuArea_S .InputArea.Kinkyu_Col01 a:link,
.KinkyuArea_S .InputArea.Kinkyu_Col01 a:active{
    /*color: #0000ff;*/
    color: #0a52a7;
}

#top .main .KinkyuArea_S .InputArea.Kinkyu_Col01 a:visited {
    color: #6c2781;
}

.KinkyuArea_S .InputArea.Kinkyu_Col01 a:hover,
.KinkyuArea_S .InputArea.Kinkyu_Col01 a:focus {
    /*color: #0000ff;*/
    color: #0a52a7;
}

.KinkyuArea_S .InputArea.Kinkyu_Col02 {
  border: solid 1px #ea5432;
  color: #ea5432;
}

.KinkyuArea_S .InputArea.Kinkyu_Col02 a:link,
.KinkyuArea_S .InputArea.Kinkyu_Col02 a:active{
    /*color: #0000ff;*/
    color: #0a52a7;
}

.KinkyuArea_S .InputArea.Kinkyu_Col02 a:visited {
    color: #6c2781;
}

.KinkyuArea_S .InputArea.Kinkyu_Col02 a:hover,
.KinkyuArea_S .InputArea.Kinkyu_Col02 a:focus {
    /*color: #0000ff;*/
    color: #0a52a7;
}

.KinkyuArea_S .InputArea.Kinkyu_Col03 {
  border: solid 1px #ea5432;
  color: #ea5432;
}

.KinkyuArea_S .InputArea.Kinkyu_Col03 a:link,
.KinkyuArea_S .InputArea.Kinkyu_Col03 a:active{
    /*color: #0000ff;*/
    color: #0a52a7;
}

#top .main .KinkyuArea_S .InputArea.Kinkyu_Col03 a:visited  {
    color: #6c2781;
}

.KinkyuArea_S .InputArea.Kinkyu_Col03 a:hover,
.KinkyuArea_S .InputArea.Kinkyu_Col03 a:focus {
    /*color: #0000ff;*/
    color: #0a52a7;
}

/* 20240902追加ここから */
.KinkyuArea_S .InputArea.Kinkyu_Col04 {
    border: solid 2px #ccc;
    color: #ea5432;
}

.KinkyuArea_S .InputArea.Kinkyu_Col04 a:link,
.KinkyuArea_S .InputArea.Kinkyu_Col04 a:active{
    /*color: #0000ff;*/
    color: #0a52a7;
}

#top .main .KinkyuArea_S .InputArea.Kinkyu_Col04 a:visited {
    color: #6c2781;
}
/* 20240902追加ここまで */


.KinkyuArea_S .InputArea h2.Title {
  font-size: 150%;
  line-height: 1.1;
  margin-bottom: 0.2em;
}

.KinkyuArea_S .InputArea p {
  margin-bottom: 0.6em;
}

/* ニュース系
-------------------------------------------------------------------------------------------------*/
/*TOPプレスリリース系
----------------------------------------------------*/
.NewsListBox h3 {
  font-size: 125%;
  color: #ea5432;
  float: left;
  width: 60%;
  margin-bottom: 10px;
  font-weight: bold;
}

.NewsListBox h3 img {
  display: inline-block;
  width: 2em;
  height: 2em;
  margin-right: 0.5em;
}

/*TOP一覧・RSSボタン（SPではアコーディオン）*/
.NewsListBox nav {
  font-size: 75%;
  float: right;
  width: 38%;
  text-align: right;
  margin-top: 1em;
}

.NewsListBox nav a {
  display: inline-block;
  padding: 0px 5px;
}

.NewsListBox nav a:link,
.NewsListBox nav a:active,
.NewsListBox nav a:visited {
  color: #666666;
  text-decoration: none;
}

.NewsListBox nav a:hover,
.NewsListBox nav a:focus {
  color: #ea5432;
  text-decoration: none;
}

.NewsListBox nav a img {
  width: 2em;
  height: 2em;
  margin-left: 0.5em;
}

/*TOP一覧表示エリア（SPではアコーディオン）*/
.NewsListBox .ListArea {
  clear: both;
  padding: 10px;
  background-color: #ffffff;
  overflow-y: scroll;
  height: 18em;
}

.NewsListBox .ListArea dl {
  margin-top: 1em;
}

.NewsListBox .ListArea dl:first-child {
  margin-top: 0em;
}

.NewsListBox .ListArea dl dt {
  font-size: 87.5%;
}

.NewsListBox .ListArea dl dt span {
  display: inline-block;
  background-color: #bbbbbb;
  color: #ffffff;
  padding: 0.2em 0.8em 0em 0.8em;
  font-size: 75%;
  margin-left: 1em;
  width: 5em;
  text-align: center;
}

.NewsListBox .ListArea dl dt span.Important {
  background-color: #dc5233;
}

.NewsListBox .ListArea.All {
  height: 13em;
}

.NewsListBox .ListArea.All dl:after {
  content: " ";
  display: block;
  clear: both;
}

.NewsListBox .ListArea.All dl dt {
  width: 17em;
  float: left;
}

.NewsListBox .ListArea.All dl dd {
  margin-left: 17em;
}

/*一覧ページ
----------------------------------------------------*/
.NewsAllBox .BoxTitle {
  border: solid 1px #3a6da9;
  padding: 4px;
  margin-bottom: 1em;
}

.NewsAllBox .BoxTitle h3 {
  border-left: solid 5px #3a6da9;
  float: left;
  width: 50%;
  font-size: 175%;
  color: #4f86c5;
  padding: 6px 0px 6px 20px;
  font-weight: bold;
}

.NewsAllBox .BoxTitle h3 span {
  border-radius: 10px;
  background-color: #3a6da9;
  padding: 2px 10px 0px 10px;
  color: #ffffff;
  font-size: 50%;
  display: inline-block;
  margin-left: 10px;
  vertical-align: 0.3em;
}

.NewsAllBox .BoxTitle .NewsOption {
  display: block;
  width: 40%;
  float: right;
  text-align: right;
  padding: 6px 20px 6px 0px;
}

/*年度選択*/
.NewsAllBox .BoxTitle form select {
  display: inline-block;
  background-color: #3a6da9;
  border: none;
  border-radius: 5px;
  color: #ffffff;
  width: 10em;
  height: 2em;
  font-size: 112.5%;
  padding: 2px 2px 2px 10px;
}

/*メールサービス*/
.NewsAllBox .BoxTitle p.Mail {
  display: inline-block;
  margin: 0px 0px 0px 2em;
  font-size: 112.5%;
}

.NewsAllBox .BoxTitle p.Mail a {
  display: inline-block;
  padding: 0.2em 1em;
  border-radius: 5px;
}

.NewsAllBox .BoxTitle p.Mail a:link,
.NewsAllBox .BoxTitle p.Mail a:active,
.NewsAllBox .BoxTitle p.Mail a:visited {
  background-color: #3a6da9;
  color: #ffffff;
  text-decoration: none;
}

.NewsAllBox .BoxTitle p.Mail a:hover,
.NewsAllBox .BoxTitle p.Mail a:focus {
  background-color: #4f86c5;
  color: #ffffff;
  text-decoration: none;
}

/*RSSを購読する*/
.NewsAllBox .BoxTitle p.RSS {
  display: inline-block;
  margin: 0px 0px 0px 2em;
}

.NewsAllBox .BoxTitle p.RSS a {
  display: inline-block;
  padding: 0.2em 0px;
  border-radius: 5px;
  font-size: 112.5%;
}

.NewsAllBox .BoxTitle p.RSS a:link,
.NewsAllBox .BoxTitle p.RSS a:active,
.NewsAllBox .BoxTitle p.RSS a:visited {
  color: #666666;
  text-decoration: none;
}

.NewsAllBox .BoxTitle p.RSS a:hover,
.NewsAllBox .BoxTitle p.RSS a:focus {
  color: #ea5432;
  text-decoration: none;
}

.NewsAllBox .BoxTitle p.RSS a img {
  width: 1.3em;
  height: 1.3em;
  margin-left: 0.5em;
  vertical-align: text-top;
  margin-bottom: 2px;
}

/*記事一覧読み込みエリア*/
.NewsAllBox .ListArea {
  margin-bottom: 2em;
}

.NewsAllBox .ListArea dl {
  border-bottom: dashed 1px #aaaaaa;
  padding: 0.8em 0px;
}

.NewsAllBox .ListArea dl:after {
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  content: ".";
  line-height: 0;
}

.NewsAllBox .ListArea dl {
  display: inline-table;
  min-height: 1%;
}

/* FOR MAC IE \*/
* html .NewsAllBox .ListArea dl {
  height: 1%;
}

.NewsAllBox .ListArea dl {
  display: block;
}

.NewsAllBox .ListArea dl dt {
  width: 22em;
  float: left;
  padding: 2px 0px 0px 0px;
}

.NewsAllBox .ListArea dl dt span {
  display: inline-block;
  background-color: #aaa;
  color: #ffffff;
  padding: 0.2em 0.8em 0em 0.8em;
  font-size: 75%;
  margin-left: 1em;
  width: 12em;
  text-align: center;
}

.NewsAllBox .ListArea dl dt span.Important {
  background-color: #dc5233;
}

.NewsAllBox .ListArea dl dd {
  margin-left: 22em;
  padding: 2px 0px 0px 0px;
}

/*ページネーション*/
.NewsAllBox .NewsPagination {
  text-align: center;
  font-size: 87.5%;
}

.NewsAllBox .NewsPagination li {
  display: inline-block;
  margin: 0px 0.2em;
}

.NewsAllBox .NewsPagination li a {
  display: inline-block;
  padding: 2px 6px 0px 6px;
}

.NewsAllBox .NewsPagination li a:link,
.NewsAllBox .NewsPagination li a:active,
.NewsAllBox .NewsPagination li a:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #4f86c5;
}

.NewsAllBox .NewsPagination li a:hover,
.NewsAllBox .NewsPagination li a:focus,
.NewsAllBox .NewsPagination li a.current:link,
.NewsAllBox .NewsPagination li a.current:active,
.NewsAllBox .NewsPagination li a.current:visited,
.NewsAllBox .NewsPagination li a.current:hover,
.NewsAllBox .NewsPagination li a.current:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #9cb6d4;
}

/*詳細ページ
----------------------------------------------------*/
/*ロゴ表示、記事タイトル部分*/
.NewsDetail {
  margin: 3em 0px;
}

.NewsDetail dl {
  margin-bottom: 20px;
}

.NewsDetail dl dt {
  float: left;
  width: 200px;
}

.NewsDetail dl dt img {
  width: 200px;
  height: auto;
}

.NewsDetail dl dd {
  float: right;
  width: 700px;
}

.NewsDetail dl dd p.Day {
  text-align: right;
}

.NewsDetail dl dd p.Author {
  text-align: right;
}

.NewsDetail h2 {
  font-size: 150%;
  text-align: center;
  color: #000000;
}

.NewsDetail h2 img {
  width: 1em;
  height: 1em;
}

/*支社用 著者名欄表示*/
.NewsDetail_Shisya {
  margin: 3em 0px 0px 0px;
}

.NewsDetail_Shisya p.Author {
  margin-bottom: 2em;
  text-align: right;
}

/*詳細ページ 関連リンク・ファイル*/
.NewsDetailLink,
.NewsDetailFile {
  margin: 2em 0px;
}

.NewsDetailLink h2,
.NewsDetailFile h2 {
  background-color: #b9cfe8;
  padding: 0.5em 1em 0.3em 1em;
  margin-bottom: 1em;
  color: #000000;
  font-size: 125%;
}

.NewsDetailLink h2 img,
.NewsDetailFile h2 img {
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.3em;
  vertical-align: -0.4em;
}

/* カテゴリトップ
-------------------------------------------------------------------------------------------------*/
/*ユニバーサルメニュー
----------------------------------------------------*/
.CatTop_Universal {
  padding-top: 20px;
}

.CatTop_Universal .Left {
  width: 388px;
  float: left;
}

.CatTop_Universal .Right {
  width: 592px;
  float: right;
}

/*ぐっとずっと。クラブ*/
.CatTop_Universal .MembersLink {
  background-color: #f3f1f6;
}

.CatTop_Universal .MembersLink h2 {
  padding: 10px 20px 0px 20px;
  margin-bottom: 5px;
  text-align: center;
}

.CatTop_Universal .MembersLink h2 img {
  width: 220px;
  height: auto;
}

.CatTop_Universal .MembersLink p {
  padding: 5px 40px;
  color: #3994b9;
  font-size: 87.5%;
  line-height: 1.4;
}

.CatTop_Universal .MembersLink ul {
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 130px auto;
  padding: 5px 40px 0.6em 40px;
  background-image: none \9 ;
}

.CatTop_Universal .MembersLink ul li:nth-child(1) {
  width: 150px;
  float: left;
}

.CatTop_Universal .MembersLink ul li:nth-child(2) {
  width: 150px;
  float: right;
}

.CatTop_Universal .MembersLink ul li:nth-child(3) {
  width: 310px;
  clear: both;
}

.CatTop_Universal .MembersLink ul li a {
  display: block;
  border-radius: 10px;
  border: solid 4px #ffffff;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 125%;
  font-weight: bold;
}

/*IE9のみ角丸を解除（グラデーションが角丸をはみ出す為）*/
.CatTop_Universal .MembersLink ul li a:not(:target) {
  border-radius: 0px\9 ;
  /* IE9,10の角丸を一旦解除 */
}

@media all and (-ms-high-contrast: none) {
  .CatTop_Universal .MembersLink ul li a:not(:target) {
    border-radius: 10px;
    /* IE10以上のみ再度角丸を設定 */
  }
}
/*ここまで*/
.CatTop_Universal .MembersLink ul li a.Regist:link,
.CatTop_Universal .MembersLink ul li a.Regist:active,
.CatTop_Universal .MembersLink ul li a.Regist:visited {
  color: #6699cc;
  text-decoration: none;
  background: #ffff88;
  background: linear-gradient(to bottom, #ffff88 0%, #ffcc00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffff88", endColorstr="#ffcc00",GradientType=0 );
}

.CatTop_Universal .MembersLink ul li a.Regist:hover,
.CatTop_Universal .MembersLink ul li a.Regist:focus {
  color: #6699cc;
  text-decoration: none;
  background: #ffcc00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffcc00 0%, #ffff88 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffcc00", endColorstr="#ffff88",GradientType=0 );
  /* IE6-9 */
}

.CatTop_Universal .MembersLink ul li a.Regist2:link,
.CatTop_Universal .MembersLink ul li a.Regist2:active,
.CatTop_Universal .MembersLink ul li a.Regist2:visited {
  color: #6699cc;
  text-decoration: none;
  background: #ffff88;
  background: linear-gradient(to bottom, #ffff88 0%, #ffcc00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffff88", endColorstr="#ffcc00",GradientType=0 );
}

.CatTop_Universal .MembersLink ul li a.Regist2:hover,
.CatTop_Universal .MembersLink ul li a.Regist2:focus {
  color: #6699cc;
  text-decoration: none;
  background: #ffcc00;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffcc00 0%, #ffff88 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffcc00", endColorstr="#ffff88",GradientType=0 );
  /* IE6-9 */
}

.CatTop_Universal .MembersLink ul li a.Login:link,
.CatTop_Universal .MembersLink ul li a.Login:active,
.CatTop_Universal .MembersLink ul li a.Login:visited {
  color: #ffffff;
  text-decoration: none;
  background: #84b7db;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #84b7db 0%, #487bbd 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#84b7db", endColorstr="#487bbd",GradientType=0 );
  /* IE6-9 */
}

.CatTop_Universal .MembersLink ul li a.Login:hover,
.CatTop_Universal .MembersLink ul li a.Login:focus {
  color: #ffffff;
  text-decoration: none;
  background: #487bbd;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #487bbd 0%, #84b7db 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#487bbd", endColorstr="#84b7db",GradientType=0 );
  /* IE6-9 */
}

/*ショートカットリンク*/
.CatTop_Universal nav.ShortcutLink li {
  width: 184px;
  float: left;
  margin: 0px 0px 20px 20px;
}

.CatTop_Universal nav.ShortcutLink li.FL_first {
  margin-left: 0px;
  clear: both;
}

.CatTop_Universal nav.ShortcutLink li a {
  display: block;
  text-align: center;
  padding: 30px 10px;
}

.CatTop_Universal nav.ShortcutLink li a:link,
.CatTop_Universal nav.ShortcutLink li a:active,
.CatTop_Universal nav.ShortcutLink li a:visited {
  background-color: #4f86c5;
  color: #ffffff;
  text-decoration: none;
}

.CatTop_Universal nav.ShortcutLink li a:hover,
.CatTop_Universal nav.ShortcutLink li a:focus {
  background-color: #b9cfe8;
  color: #ffffff;
  text-decoration: none;
}

.CatTop_Universal nav.ShortcutLink li a img {
  display: block;
  margin: 0px auto;
  width: 46px;
  height: 46px;
  margin-bottom: 10px;
}

/*困ったときは
----------------------------------------------------*/
.CatTop_SP {
  padding: 20px 0px;
}

.CatTop_SP h2 {
  font-size: 175%;
  padding-bottom: 0.2em;
  margin-bottom: 0.2em;
  color: #4f86c5;
  border-color: #4f86c5;
}

.CatTop_SP h2 img {
  width: 1.6em;
  height: 1.6em;
  vertical-align: -0.4em;
  margin-right: 10px;
}

/*レフトエリア*/
.CatTop_SP .Left {
  width: 360px;
  float: left;
}

.CatTop_SP .Left div {
  border-style: solid;
  border-width: 2px;
  border-color: #4f86c5;
  padding: 15px 10px;
  background-color: #ffffff;
  background-image: url(../img/pict_cattop_sp.png);
  background-position: bottom 5px right;
  background-repeat: no-repeat;
}

.CatTop_SP .Left div ul {
  margin-bottom: 10px;
}

.CatTop_SP .Left div ul li {
  width: 140px;
  float: left;
  padding-left: 10px;
  margin: 0px 0px 5px 7px;
  font-size: 87.5%;
  background-image: url(../img/pict_arrow01.png);
  background-position: left 0.4em;
  background-size: 0.6em 0.6em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

.CatTop_SP .Left div ul li a:link,
.CatTop_SP .Left div ul li a:active,
.CatTop_SP .Left div ul li a:visited {
  color: #4f86c5;
  text-decoration: none;
}

.CatTop_SP .Left div ul li a:hover,
.CatTop_SP .Left div ul li a:focus {
  color: #4f86c5;
  text-decoration: underline;
}

.CatTop_SP .Left div form {
  padding-left: 17px;
  margin-bottom: 0.95em;
}

.CatTop_SP .Left div form input[type=text] {
  width: 150px;
  height: 1.2em;
  padding: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #4f86c5;
  border-radius: 5px;
}

.CatTop_SP .Left div form input[type=image] {
  width: 2.1em;
  height: 2.1em;
  background-color: #4f86c5;
  border-radius: 5px;
  vertical-align: -0.7em;
  margin-left: 5px;
}

/*ライトエリア*/
.CatTop_SP .Right {
  width: 620px;
  float: right;
}

.CatTop_SP .Right.TitleNone {
  padding-top: 3.55em;
}

.CatTop_SP .Right ul li {
  width: 140px;
  float: left;
  margin-left: 20px;
}

.CatTop_SP .Right ul li:first-child {
  margin-left: 0px;
}

.CatTop_SP .Right ul li a {
  display: block;
  padding: 15px 10px;
  text-align: center;
}

.CatTop_SP .Right ul li a:link,
.CatTop_SP .Right ul li a:active,
.CatTop_SP .Right ul li a:visited {
  border-style: solid;
  border-width: 2px;
  border-color: #4f86c5;
  background-color: #ffffff;
  color: #4f86c5;
  text-decoration: none;
}

.CatTop_SP .Right ul li a:hover,
.CatTop_SP .Right ul li a:focus {
  background-color: #e9f3ff;
  color: #4f86c5;
  text-decoration: none;
}

.CatTop_SP .Right ul li a img {
  display: block;
  margin: 0px auto;
  width: 46px;
  height: 46px;
  margin-bottom: 10px;
}

/*ニュースで使用するタイトル
----------------------------------------------------*/
.CatTop_Title {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #4f86c5;
  padding-bottom: 0.2em;
  margin-bottom: 0.2em;
  color: #4f86c5;
}

.CatTop_Title:before,
.CatTop_Title:after {
  content: " ";
  display: table;
}

.CatTop_Title:after {
  clear: both;
}

.CatTop_Title h2 {
  font-size: 175%;
  float: left;
  width: 60%;
  font-weight: bold;
}

.CatTop_Title h2 img {
  width: 1.6em;
  height: 1.6em;
  vertical-align: -0.4em;
  margin-right: 10px;
}

.CatTop_Title h2 span {
  font-size: 75%;
}

/*一覧・RSSボタン*/
.CatTop_Title nav {
  font-size: 75%;
  float: right;
  width: 38%;
  text-align: right;
  margin-top: 1em;
}

.CatTop_Title nav a {
  display: inline-block;
  padding: 0px 5px;
}

.CatTop_Title nav a:link,
.CatTop_Title nav a:active,
.CatTop_Title nav a:visited {
  color: #666666;
  text-decoration: none;
}

.CatTop_Title nav a:hover,
.CatTop_Title nav a:focus {
  color: #ea5432;
  text-decoration: none;
}

.CatTop_Title nav a img {
  width: 2em;
  height: 2em;
  margin-left: 0.5em;
}

/*目次リスト
----------------------------------------------------*/
.CatTop_Index {
  margin-bottom: 20px;
}

.CatTop_Index:before,
.CatTop_Index:after {
  content: " ";
  display: table;
}

.CatTop_Index:after {
  clear: both;
}

.CatTop_Index .Left {
  width: 480px;
  float: left;
}

.CatTop_Index .Right {
  width: 480px;
  float: right;
}

.CatTop_Index h3 {
  background-color: #4f86c5;
  color: #ffffff;
  font-size: 150%;
  font-weight: normal;
  display: table;
  width: 100%;
}

.CatTop_Index h3 a {
  display: table-cell;
  padding: 0px 0px 0px 20px;
  height: 4em;
  vertical-align: middle;
  line-height: 1.2;
}

.CatTop_Index h3 a:link,
.CatTop_Index h3 a:active,
.CatTop_Index h3 a:visited {
  color: #ffffff;
  text-decoration: none;
}

.CatTop_Index h3 a:hover,
.CatTop_Index h3 a:focus {
  color: #ffffff;
  text-decoration: underline;
}

.CatTop_Index h3 span {
  display: table-cell;
  padding: 0px 20px 0px 0px;
  width: 70px;
  height: 4em;
  vertical-align: middle;
}

.CatTop_Index h3 span img {
  width: auto;
  height: auto;
}

.CatTop_Index .TxtBnr_2c li a {
  height: 4em;
}

/*ご意見・お問い合わせ　のフォームボタン　2カラム
----------------------------------------------------*/
.goiTxtBnr_2c {
  padding-top: 0em;
}

.goiTxtBnr_2c:before,
.goiTxtBnr_2c:after {
  content: " ";
  display: table;
}

.goiTxtBnr_2c:after {
  clear: both;
}

.goiTxtBnr_2c li {
  width: 49%;
  float: left;
  margin: 0px 0px 0.6em 2%;
  display: table;
}

.goiTxtBnr_2c li:nth-child(odd) {
  margin-left: 0%;
  clear: both;
}

.goiTxtBnr_2c li a {
  display: table-cell;
  padding: 0.5em 1em 0.5em 2em;
  vertical-align: middle;
}

.goiTxtBnr_2c li a:link,
.goiTxtBnr_2c li a:active,
.goiTxtBnr_2c li a:visited {
  color: #666666;
  text-decoration: none;
  border: solid 1px #aaaaaa;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.5em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none\9 ;
}

.goiTxtBnr_2c li a:hover,
.goiTxtBnr_2c li a:focus {
  color: #ffffff;
  text-decoration: none;
  border: solid 1px #5086c5;
  background-color: #5086c5;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.5em center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none\9 ;
}

/*ご意見・お問い合わせ
----------------------------------------------------*/
.toi_Index {
  margin-top: 10px;
  padding-top: 0px;
}

.toi_Index:before,
.toi_Index:after {
  content: " ";
  display: table;
}

.toi_Index:after {
  clear: both;
}

.toi_Index ul {
  margin: 0em;
}

.toi_Index .goiTxtBnr_2c li a {
  height: 4em;
  background-image: url(../img/pict_arrow02.png);
  color: #ffffff;
  background-color: #269fb9;
  border: none;
  background-repeat: no-repeat;
  background-image: none\9 ;
}

.toi_Index .goiTxtBnr_2c li a:hover {
  height: 4em;
  background-image: url(../img/pict_arrow02.png);
  color: #ffffff;
  background-color: #44bfd9;
  border: none;
  background-repeat: no-repeat;
  background-image: none\9 ;
}

/* 支社ページ
-------------------------------------------------------------------------------------------------*/
/*プレスリリース部分（ニュースリリース系で使用しているCSSを支社用に調整）
----------------------------------------------------*/
/*TOPプレスリリース系*/
.Shisya_News .NewsListBox h3 {
  color: #4f86c5;
}

.Shisya_News .NewsListBox .ListArea {
  border: solid 1px #cccccc;
}

.Shisya_News .NewsListBox .ListArea dl dt span {
  width: 8em;
}

/*一覧プレスリリース系*/
.NewsAllBox.Shisya_NewsAll .ListArea dl dt {
  width: 19em;
}

.NewsAllBox.Shisya_NewsAll .ListArea dl dt span {
  width: 8em;
}

.NewsAllBox.Shisya_NewsAll .ListArea dl dd {
  margin-left: 19em;
}

/*事業所紹介
----------------------------------------------------*/
.Shisya_Office {
  margin-bottom: 20px;
}

.Shisya_Office .Left {
  width: 560px;
  float: left;
}

.Shisya_Office .Left dl {
  margin-bottom: 0.5em;
}

.Shisya_Office .Left dl:before,
.Shisya_Office .Left dl:after {
  content: " ";
  display: table;
}

.Shisya_Office .Left dl:after {
  clear: both;
}

.Shisya_Office .Left dt {
  width: 5em;
  float: left;
  font-weight: bold;
  color: #4f86c5;
}

.Shisya_Office .Left dd {
  margin-left: 6em;
}

/*営業所*/
.Shisya_Office.Low .Left dl {
  border-bottom: solid 1px #eeeeee;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.Shisya_Office.Low .Left dt {
  width: 8em;
  float: left;
  font-weight: bold;
}

.Shisya_Office.Low .Left dd {
  margin-left: 10em;
}

.Shisya_Office .Right {
  width: 400px;
  float: right;
}

.Shisya_Office .Right iframe {
  border: solid 1px #cccccc;
  width: 398px;
  height: 298px;
}

/*その他用の区切り罫線
----------------------------------------------------*/
.Shisya_Other {
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #4f86c5;
  margin-bottom: 2em;
}

/*ユニバーサルメニュー（カテゴリトップで使用しているCSSを支社用に調整）
----------------------------------------------------*/
.CatTop_Universal.Shisya_Univ nav.ShortcutLink li {
  width: 235px;
}

/* エネルギー・環境・発電
-------------------------------------------------------------------------------------------------*/
/*バナー3カラム
----------------------------------------------------*/
.Kankyou_ene_Bnr_3c {
  margin-bottom: 2em;
}

.Kankyou_ene_Bnr_3c .Left {
  width: 300px;
  float: left;
  margin-right: 50px;
}

.Kankyou_ene_Bnr_3c .Center {
  width: 300px;
  float: left;
}

.Kankyou_ene_Bnr_3c .Right {
  width: 300px;
  float: right;
}

/*パソコンのみ表示
----------------------------------------------------*/
.enepc {
  display: block;
}

.enemb {
  display: none;
}

/* 原子力発電ページ
-------------------------------------------------------------------------------------------------*/
/*バナー3カラム
----------------------------------------------------*/
.AtomInfo_Bnr_3c {
  margin-bottom: 2em;
}

.AtomInfo_Bnr_3c .Left {
  width: 320px;
  float: left;
  margin-right: 20px;
}

.AtomInfo_Bnr_3c .Center {
  width: 320px;
  float: left;
}

.AtomInfo_Bnr_3c .Right {
  width: 320px;
  float: right;
}

/*バナー1カラム
----------------------------------------------------*/
.AtomInfo_Bnr_1c {
  margin-bottom: 2em;
}

/* IR情報
-------------------------------------------------------------------------------------------------*/
.CatTop_Index.IRinfo_Topics {
  margin-bottom: 4em;
}

.CatTop_Index.IRinfo_Topics div.Btn_SP {
  display: table;
  width: 100%;
  margin: 1em 0px;
}

.CatTop_Index.IRinfo_Topics div.Btn_SP a {
  display: table-cell;
  border: solid 2px #20aee5;
  vertical-align: middle;
  text-align: center;
  font-size: 300%;
  font-weight: bold;
  color: #20aee5;
  line-height: 1.2;
  padding: 0.2em;
  background-color: #e0f7ff;
  background-image: url(../img/pict_arrow01.png);
  background-repeat: no-repeat;
  background-position: right 5px bottom 5px;
  background-size: 30px 30px;
  background-image: none \9 ;
}

.CatTop_Index.IRinfo_Topics div.Btn_SP a:link,
.CatTop_Index.IRinfo_Topics div.Btn_SP a:active,
.CatTop_Index.IRinfo_Topics div.Btn_SP a:visited {
  color: #20aee5;
  text-decoration: none;
  background-color: #e0f7ff;
}

.CatTop_Index.IRinfo_Topics div.Btn_SP a:hover,
.CatTop_Index.IRinfo_Topics div.Btn_SP a:focus {
  color: #20aee5;
  text-decoration: none;
  background-color: #eefbff;
}

.CatTop_Index.IRinfo_Topics div.Btn_SP a strong {
  font-size: 75%;
}

.CatTop_Index.IRinfo_Topics div.Btn_SP a span {
  font-size: 62.5%;
}

/*　引越ボタンPC用 赤
------------------------------------------------------------------------------*/
.Btn_hikkoshi01 {
  display: table;
  width: 100%;
  margin: 1em 0px;
}

.Btn_hikkoshi01 a {
  display: table-cell;
  border: solid 2px #d03512;
  vertical-align: middle;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #d03512;
  line-height: 1.2;
  padding: 0.2em;
  background-color: #ffe1da;
  background-repeat: no-repeat;
  background-position: right 5px bottom 5px;
  background-size: 30px 30px;
  background-image: none \9 ;
}

.Btn_hikkoshi01 a:link,
.Btn_hikkoshi01 a:active,
.Btn_hikkoshi01 a:visited {
  color: #d03512;
  text-decoration: none;
  background-color: #ffe1da;
}

.Btn_hikkoshi01 a:hover,
.Btn_hikkoshi01 a:focus {
  color: #d03512;
  text-decoration: none;
  background-color: #ffe8e2;
}

/*　引越ボタンPC用 青
------------------------------------------------------------------------------*/
.Btn_hikkoshi02 {
  display: table;
  width: 100%;
  margin: 1em 0px;
}

.Btn_hikkoshi02 a {
  display: table-cell;
  border: solid 2px #20aee5;
  vertical-align: middle;
  text-align: center;
  font-size: 150%;
  font-weight: bold;
  color: #20aee5;
  line-height: 1.2;
  padding: 0.2em;
  background-color: #e0f7ff;
  background-repeat: no-repeat;
  background-position: right 5px bottom 5px;
  background-size: 30px 30px;
  background-image: none \9 ;
}

.Btn_hikkoshi02 a:link,
.Btn_hikkoshi02 a:active,
.Btn_hikkoshi02 a:visited {
  color: #20aee5;
  text-decoration: none;
  background-color: #e0f7ff;
}

.Btn_hikkoshi02 a:hover,
.Btn_hikkoshi02 a:focus {
  color: #20aee5;
  text-decoration: none;
  background-color: #eefbff;
}

/* フォーム関連
-------------------------------------------------------------------------------------------------*/
.FormArea {
  margin-bottom: 2em;
}

.FormArea dl {
  border-bottom: solid 1px #cccccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.FormArea dl:before,
.FormArea dl:after {
  content: " ";
  display: table;
}

.FormArea dl:after {
  clear: both;
}

.FormArea dl dt {
  width: 250px;
  float: left;
  background-color: #e9f3ff;
  padding: 6px;
  font-weight: bold;
}

.FormArea dl dt span {
  color: #cc0000;
  font-size: 75.5%;
  margin-left: 0.5em;
}

.FormArea dl dd {
  margin-left: 300px;
}

.FormArea.Confirm dl dd {
  padding: 6px 0px;
}

.FormArea dl.Full dt {
  width: auto;
  float: none;
}

.FormArea dl.Full dd {
  margin-left: 0px;
}

.FormArea dl dd .w100 {
  width: 100px;
}

.FormArea dl dd .w200 {
  width: 200px;
}

.FormArea dl dd .w300 {
  width: 300px;
}

.FormArea dl dd .w500 {
  width: 500px;
}

.FormArea dl dd .w600 {
  width: 600px;
}

.FormArea dl dd span.FC_red {
  display: block;
  margin-top: 0.2em;
}

/*ラジオボタンBOX*/
.FormArea dl dd div.FormRadioBox {
  padding: 6px 0px;
  display: inline-block;
  vertical-align: middle;
}

.FormArea dl dd div.FormRadioBox span {
  display: inline-block;
  margin-right: 1.2em;
}

.FormArea dl dd div.FormRadioBox.Anq span {
  text-align: center;
  margin-right: 0.8em;
}

.FormArea dl dd div.FormRadioBox.Anq span.Text {
  width: 7em;
  font-size: 87.5%;
}

.FormArea dl.Full dd div.FormRadioBox.Colmn2 span {
  width: 450px;
}

/*チェックボタンBOX*/
.FormArea dl dd div.FormCheckBox {
  padding: 6px 0px;
}

.FormArea dl dd div.FormCheckBox span {
  display: inline-block;
  margin-right: 1.2em;
  margin-bottom: 0.6em;
  vertical-align: middle;
}

.FormArea dl.Full dd div.FormCheckBox.Colmn2 span {
  width: 450px;
}

/*セレクトBOX*/
.FormArea dl dd div.FormSelectBox select {
  padding: 5px 10px;
}

/*インプットの装飾*/
.FormArea dl dd p {
  color: #999999;
  font-size: 87.5%;
  margin: 0.2em 0em;
}

.FormArea dl dd input[type=text],
.FormArea dl dd input[type=email],
.FormArea dl dd textarea {
  padding: 5px;
  font-size: 100%;
  vertical-align: middle;
}

.FormArea dl dd textarea {
  vertical-align: top;
}

.FormArea dl dd input[type=button] {
  padding: 5px;
  font-size: 100%;
  cursor: pointer;
}

@-moz-document url-prefix() {
  .FormArea dl dd input[type=button] {
    padding: 3px;
  }
}
.FormArea dl dd .FormList li {
  margin-bottom: 0.5em;
}

.FormArea dl dd .FormList li:before,
.FormArea dl dd .FormList li:after {
  content: " ";
  display: table;
}

.FormArea dl dd .FormList li:after {
  clear: both;
}

.FormArea dl dd .FormList li .Left {
  display: block;
  width: 4em;
  float: left;
  padding: 6px 0px;
  text-align: right;
}

.FormArea dl dd .FormList li .Right {
  margin-left: 5em;
}

/*お名前*/
.FormArea dl dd .FormList.Name li .Left {
  width: 1em;
}

.FormArea dl dd .FormList.Name li .Right {
  margin-left: 2em;
}

/*見学希望日時*/
.FormArea dl dd .FormList.Visit li .Left {
  width: 6em;
}

.FormArea dl dd .FormList.Visit li .Right {
  margin-left: 7em;
}

/*validate*/
.FormArea .validate {
  display: none;
  vertical-align: middle;
  width: 4em;
  text-align: center;
  color: #fff;
  padding: 5px 0;
  margin-left: 10px;
}

.FormArea .validate.required {
  background: #f00;
  display: inline-block;
}

.FormArea .validate.ok {
  background: #30a746;
  display: inline-block;
}

.FormArea .validate.ng {
  background: #f00;
  display: inline-block;
}

.FormArea .validateTempHidden {
  border: 0;
  opacity: 0;
  width: 0;
  padding: 0;
}

/* 事業所一覧
-------------------------------------------------------------------------------------------------*/
.OfficeAreaList {
  margin: 30px 0px !important;
  padding-top: 30px;
  border-top: solid 1px #cccccc;
}

.OfficeAreaList li {
  list-style: none !important;
  margin: 0px 0px 0px 20px !important;
  padding: 0px !important;
  width: 184px;
  float: left;
  display: table;
}

.OfficeAreaList li:nth-child(1) {
  margin: 0px !important;
}

.OfficeAreaList li a {
  display: table-cell;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 125%;
  font-weight: bold;
}

.OfficeAreaList li a:link,
.OfficeAreaList li a:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #20aee5;
}

.OfficeAreaList li a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #4dbeea;
}

.OfficeAreaList li a span {
  display: block;
  font-size: 75%;
  font-weight: normal;
}

.OfficeBox {
  margin-bottom: 40px;
}

.OfficeBox .AreaCat {
  background-color: #eeeeee;
  font-weight: bold;
  padding: 5px 10px;
  margin: 20px 0px 0px 0px;
}

.OfficeBox section {
  margin-bottom: 3px;
}

.OfficeBox section h4.BoxTitle {
  background-color: #3a6da9;
  padding: 10px;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #ffffff;
  font-weight: bold;
  font-size: 137.5%;
  border-bottom: none;
  text-indent: 0em;
  line-height: 1.2;
  cursor: pointer;
}

.OfficeBox section h4.BoxTitle:before {
  content: "";
  color: #000000;
  margin-right: 0em;
}

.OfficeBox section h4.BoxTitle:after {
  content: "";
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  background-color: #ffffff;
  background-image: url(../img/pict_plus.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.8em 0.8em;
  float: right;
}

.OfficeBox section h4.BoxTitle.toggle:after {
  background-color: #ffffff;
  background-image: url(../img/pict_minus.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 0.8em 0.8em;
}

.OfficeBox section div.BoxArea {
  clear: both;
  border-style: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #3a6da9;
  padding: 20px;
  display: none;
  /*
  	height: 0px;
  	overflow: hidden;
  */
}

.OfficeBox section div.BoxArea .Left {
  width: 640px;
  float: left;
}

.OfficeBox section div.BoxArea .Left dl {
  border-bottom: solid 1px #eeeeee;
  padding-bottom: 1em;
  margin-bottom: 1em;
}

.OfficeBox section div.BoxArea .Left dl:before,
.OfficeBox section div.BoxArea .Left dl:after {
  content: " ";
  display: table;
}

.OfficeBox section div.BoxArea .Left dl:after {
  clear: both;
}

.OfficeBox section div.BoxArea .Left dt {
  width: 8em;
  float: left;
  font-weight: bold;
  color: #4f86c5;
}

.OfficeBox section div.BoxArea .Left dd {
  margin-left: 10em;
}

.OfficeBox section div.BoxArea .Right {
  width: 280px;
  float: right;
}

.OfficeBox section div.BoxArea .Right iframe {
  border: solid 1px #cccccc;
  width: 278px;
  height: 278px;
}

/* 汎用 Common class
-------------------------------------------------------------------------------------------------*/
.Mag0T {
  margin-top: 0em !important;
}

.Mag0R {
  margin-right: 0em !important;
}

.Mag0B {
  margin-bottom: 0em !important;
}

.Mag0L {
  margin-left: 0em !important;
}

.Mag1T {
  margin-top: 1em !important;
}

.Mag1R {
  margin-right: 1em !important;
}

.Mag1B {
  margin-bottom: 1em !important;
}

.Mag1L {
  margin-left: 1em !important;
}

.Mag2T {
  margin-top: 2em !important;
}

.Mag2R {
  margin-right: 2em !important;
}

.Mag2B {
  margin-bottom: 2em !important;
}

.Mag2L {
  margin-left: 2em !important;
}

.Mag3T {
  margin-top: 3em !important;
}

.Mag3R {
  margin-right: 3em !important;
}

.Mag3B {
  margin-bottom: 3em !important;
}

.Mag3L {
  margin-left: 3em !important;
}

.Pad0T {
  padding-top: 0em !important;
}

.Pad0R {
  padding-right: 0em !important;
}

.Pad0B {
  padding-bottom: 0em !important;
}

.Pad0L {
  padding-left: 0em !important;
}

.Pad1T {
  padding-top: 1em !important;
}

.Pad1R {
  padding-right: 1em !important;
}

.Pad1B {
  padding-bottom: 1em !important;
}

.Pad1L {
  padding-left: 1em !important;
}

.Pad2T {
  padding-top: 2em !important;
}

.Pad2R {
  padding-right: 2em !important;
}

.Pad2B {
  padding-bottom: 2em !important;
}

.Pad2L {
  padding-left: 2em !important;
}

.Pad3T {
  padding-top: 3em !important;
}

.Pad3R {
  padding-right: 3em !important;
}

.Pad3B {
  padding-bottom: 3em !important;
}

.Pad3L {
  padding-left: 3em !important;
}

/*Text Indent*/
.TxtInd_00, .TxtInd_00 li {
  text-indent: 0em !important;
  padding-left: 0em !important;
}

.TxtInd_10, .TxtInd_10 li {
  text-indent: -1em !important;
  padding-left: 1em !important;
}

.TxtInd_15, .TxtInd_15 li {
  text-indent: -1.5em !important;
  padding-left: 1.5em !important;
}

.TxtInd_20, .TxtInd_20 li {
  text-indent: -2em !important;
  padding-left: 2em !important;
}

.TxtInd_25, .TxtInd_25 li {
  text-indent: -2.5em !important;
  padding-left: 2.5em !important;
}

.TxtInd_30, .TxtInd_30 li {
  text-indent: -3em !important;
  padding-left: 3em !important;
}

.TxtInd_35, .TxtInd_35 li {
  text-indent: -3.5em !important;
  padding-left: 3.5em !important;
}

.TxtInd_40, .TxtInd_40 li {
  text-indent: -4em !important;
  padding-left: 4em !important;
}

/*font-size*/
.FS_sss {
  font-size: 62.5% !important;
}

.FS_ss {
  font-size: 75% !important;
}

.FS_s {
  font-size: 87.5% !important;
}

.FS_m {
  font-size: 100% !important;
}

.FS_l {
  font-size: 112.5% !important;
}

.FS_ll {
  font-size: 125% !important;
}

.FS_lll {
  font-size: 137.5% !important;
}

/*font-style*/
.B {
  font-weight: bold !important;
}

.N {
  font-weight: normal !important;
}

.U {
  text-decoration: underline !important;
}

.U_None {
  text-decoration: none !important;
}

.S {
  text-decoration: line-through !important;
}

.FC_red {
  color: #d03512 !important;
}

.FC_blue {
  color: #205bd5 !important;
}

.FC_green {
  color: #368e68 !important;
}

.FC_glay {
  color: #999999 !important;
}

sub {
  vertical-align: baseline;
  font-size: 75%;
}

sup {
  font-size: 75%;
  vertical-align: top !important;
}

/*text-align*/
.L {
  text-align: left !important;
}

.R {
  text-align: right !important;
}

.C {
  text-align: center !important;
}

.C_Span {
  text-align: center !important;
  display: block;
  margin-top: 5px;
}

.Pagetop {
  text-align: right;
  display: block;
  margin: 1em 0px;
}

.Pagetop a {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 2em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

.Pagetop a:link,
.Pagetop a:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #3a6da9;
  background-image: url(../img/pict_arrow02_t.png);
  background-position: 0.5em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

.Pagetop a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #4f86c5;
  background-image: url(../img/pict_arrow02_t.png);
  background-position: 0.5em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*List Tag*/
.List {
  margin: 1em 0em 1em 1em;
}

.List li {
  margin: 0px 0px 0.5em 1em;
  text-indent: 0em;
  padding-left: 0em;
  list-style: none !important;
}

.ListNum {
  margin: 1em 0em 1em 1em;
}

.ListNum li {
  margin: 0px 0px 0.5em 1em;
  text-indent: 0em;
  padding-left: 0em;
  list-style: decimal !important;
}

.ListTxt {
  margin: 1em 0em 1em 1em;
}

.ListTxt li {
  margin: 0px 0px 0.5em 1.3em;
  text-indent: -2.3em;
  padding-left: 2em;
  list-style: none !important;
}

.ListKana {
  margin: 1em 0em 1em 1em;
}

.ListKana li {
  margin: 0px 0px 0.5em 1em;
  text-indent: 0em;
  padding-left: 0em;
  list-style-type: katakana !important;
}

.ListAlpha {
  margin: 1em 0em 1em 1em;
}

.ListAlpha li {
  list-style: lower-alpha !important;
  margin: 0px 0px 0.5em 1.1em;
  text-indent: 0em;
  padding-left: 0em;
}

.ListRound {
  margin: 1em 0em 1em -0.5em !important;
}

.ListRound li {
  list-style: none !important;
  margin: 0px 0px 0.5em 1em;
  text-indent: -1.5em;
  padding-left: 1.5em;
}

.ListRound li:before {
  content: "●";
  color: #b6d8df;
  margin-right: 0.5em;
}

.ListDisc {
  margin: 1em 0em 1em 1em;
}

.ListDisc li {
  margin: 0px 0px 0.5em 1em;
  text-indent: 0em;
  padding-left: 0em;
  list-style: disc !important;
}

.ListDisc li:before {
  content: normal;
  color: inherit;
  margin-right: 0em;
}

.ListNone li {
  list-style: none !important;
}

.Listarrow a:link,
.Listarrow a:active,
.Listarrow a:visited {
  color: #666666;
  text-decoration: none;
  background-image: url(../img/pict_arrow01.png);
  background-position: left center;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none\9 ;
  padding-left: 1.2em;
}

.Listarrow a:hover,
.Listarrow a:focus {
  color: #666666;
  text-decoration: underline;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.3em left;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none\9 ;
  padding-left: 1.2em;
}

/*Link Button1*/
a.Link_Button,
span.Link_Button input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button:link,
a.Link_Button:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #3a6da9;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button input {
  color: #ffffff;
  text-decoration: none;
  background-color: #3a6da9;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #4f86c5;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #4f86c5;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button.Arrow_l:link,
a.Link_Button.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*Link Button2*/
a.Link_Button2,
span.Link_Button2 input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button2:link,
a.Link_Button2:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #f16c00;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button2 input {
  color: #ffffff;
  text-decoration: none;
  background-color: #f16c00;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button2:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ff8d31;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button2 input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ff8d31;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button2.Arrow_l:link,
a.Link_Button2.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button2.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*Link Button3*/
a.Link_Button3,
span.Link_Button3 input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button3:link,
a.Link_Button3:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #269fb9;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button3 input {
  color: #ffffff;
  text-decoration: none;
  background-color: #269fb9;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button3:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #44bfd9;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button3 input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #44bfd9;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button3.Arrow_l:link,
a.Link_Button3.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button3.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*Link Button4*/
a.Link_Button4,
span.Link_Button4 input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button4:link,
a.Link_Button4:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #4f86c5;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button4 input {
  color: #ffffff;
  text-decoration: none;
  background-color: #4f86c5;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button4:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #b9cfe8;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button4 input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #b9cfe8;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button4.Arrow_l:link,
a.Link_Button4.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button4.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*Link Button5*/
a.Link_Button5,
span.Link_Button5 input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button5:link,
a.Link_Button5:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #f29988;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button5 input {
  color: #ffffff;
  text-decoration: none;
  background-color: #f29988;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button5:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffbaad;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button5 input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffbaad;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button5.Arrow_l:link,
a.Link_Button5.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button5.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*Link Button6*/
a.Link_Button6,
span.Link_Button6 input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button6:link,
a.Link_Button6:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #f9bc26;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button6 input {
  color: #ffffff;
  text-decoration: none;
  background-color: #f9bc26;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button6:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffd367;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button6 input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #ffd367;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button6.Arrow_l:link,
a.Link_Button6.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button6.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*Link Button7*/
a.Link_Button7,
span.Link_Button7 input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button7:link,
a.Link_Button7:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #d19474;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button7 input {
  color: #ffffff;
  text-decoration: none;
  background-color: #d19474;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button7:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #e2ac90;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button7 input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #e2ac90;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button7.Arrow_l:link,
a.Link_Button7.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button7.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*Link Button8*/
a.Link_Button8,
span.Link_Button8 input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button8:link,
a.Link_Button8:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #87ca9c;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button8 input {
  color: #ffffff;
  text-decoration: none;
  background-color: #87ca9c;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button8:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #a1d8b2;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button8 input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #a1d8b2;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button8.Arrow_l:link,
a.Link_Button8.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button8.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

/*Link Button9*/
a.Link_Button9,
span.Link_Button9 input {
  line-height: 1;
  color: #ffffff;
  cursor: pointer;
  padding: 0.6em 1em 0.5em 1.3em;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  border: none;
}

a.Link_Button9:link,
a.Link_Button9:visited {
  color: #ffffff;
  text-decoration: none;
  background-color: #4dbeea;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button9 input {
  color: #ffffff;
  text-decoration: none;
  background-color: #4dbeea;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button9:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #7edbff;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

span.Link_Button9 input:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #7edbff;
  background-image: url(../img/pict_arrow02.png);
  background-position: 0.2em 0.6em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button9.Arrow_l:link,
a.Link_Button9.Arrow_l:visited {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}

a.Link_Button9.Arrow_l:hover {
  background-image: url(../img/pict_arrow02_l.png);
  background-position: 0.2em 0.5em;
  background-size: 1em 1em;
  background-repeat: no-repeat;
  background-image: none \9 ;
}


/*フェイスブックバナー*/
.Bnr_media2 {
  color: #00a7eb;
  font-size: 125%;
  font-weight: bold;
  margin: 15px auto 0px auto;
}

.Bnr_fb2 a {
  display: block;
  border: solid 1px #3a5a9a;
  padding: 11px 8px 11px 50px;
  margin: auto;
  font-size: 125%;
}

.Bnr_fb2 a:link,
.Bnr_fb2 a:visited {
  color: #3a5a9a;
  background-image: url(../img/pict_fb.png);
  background-position: 9px center;
  background-size: 34px 34px;
  background-repeat: no-repeat;
}

.Bnr_fb2 a:hover {
  color: #ffffff;
  background-color: #3a5a9a;
  background-image: url(../img/pict_fb_o.png);
  background-position: 9px center;
  background-size: 34px 34px;
  background-repeat: no-repeat;
}

.mailmagCenter {
  width: 550px;
  margin: auto;
}

/*レイアウトボックス*/
.LayoutBox_Red {
  background: #ffe1da;
  padding: 1em;
  margin-bottom: 1em;
}

.LayoutBox_Blue {
  background: #e2f0ff;
  padding: 1em;
  margin-bottom: 1em;
}

.LayoutBox_Gray {
  background: #eeeeee;
  padding: 1em;
  margin-bottom: 1em;
}

.LayoutBox_BoderBlue {
  padding: 1em;
  margin-bottom: 1em;
  border: 1px solid #76b6ff;
}

.LayoutBox_BoderRed {
  padding: 1em;
  margin-bottom: 1em;
  border: 1px solid #ee737e;
}

.LayoutBox_BoderGray {
  padding: 1em;
  margin-bottom: 1em;
  border: 1px solid #cccccc;
}

/*カラムボックス*/
.ColumnBox_2c {
  margin-bottom: 2em;
}

.ColumnBox_2c:before,
.ColumnBox_2c:after {
  content: " ";
  display: table;
}

.ColumnBox_2c:after {
  clear: both;
}

.ColumnBox_2c .Left {
  width: 490px;
  float: left;
}

.ColumnBox_2c .Right {
  width: 490px;
  float: right;
}

.ColumnBox_3c {
  margin-bottom: 2em;
}

.ColumnBox_3c:before,
.ColumnBox_3c:after {
  content: " ";
  display: table;
}

.ColumnBox_3c:after {
  clear: both;
}

.ColumnBox_3c .Left {
  width: 320px;
  float: left;
  margin-right: 20px;
}

.ColumnBox_3c .Center {
  width: 320px;
  float: left;
}

.ColumnBox_3c .Right {
  width: 320px;
  float: right;
}

.ColumnBox_4c {
  margin-bottom: 2em;
}

.ColumnBox_4c:before,
.ColumnBox_4c:after {
  content: " ";
  display: table;
}

.ColumnBox_4c:after {
  clear: both;
}

.ColumnBox_4c .Left {
  width: 235px;
  float: left;
  margin-right: 20px;
}

.ColumnBox_4c .Center {
  width: 235px;
  float: left;
}

.ColumnBox_4c .Right {
  width: 235px;
  float: right;
}

.ColumnBox_5c {
  margin-bottom: 2em;
}

.ColumnBox_5c:before,
.ColumnBox_5c:after {
  content: " ";
  display: table;
}

.ColumnBox_5c:after {
  clear: both;
}

.ColumnBox_5c .Left {
  width: 184px;
  float: left;
  margin-right: 20px;
}

.ColumnBox_5c .Center {
  width: 184px;
  float: left;
}

.ColumnBox_5c .Right {
  width: 184px;
  float: right;
}

.ColumnBox_ss12c {
  margin-bottom: 2em;
}

.ColumnBox_ss12c:before,
.ColumnBox_ss12c:after {
  content: " ";
  display: table;
}

.ColumnBox_ss12c:after {
  clear: both;
}

.ColumnBox_ss12c .ss01b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss02b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss03b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss04b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss05b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss06b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss07b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss08b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss09b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss10b {
  width: 80px;
  float: left;
  margin-right: 4px;
}

.ColumnBox_ss12c .ss11b {
  width: 80px;
  float: left;
}

.ColumnBox_ss12c .ss12b {
  width: 80px;
  float: left;
}

.ColumnBox_L30 {
  margin-bottom: 2em;
}

.ColumnBox_L30:before,
.ColumnBox_L30:after {
  content: " ";
  display: table;
}

.ColumnBox_L30:after {
  clear: both;
}

.ColumnBox_L30 .Left {
  width: 30%;
  float: left;
}

.ColumnBox_L30 .Right {
  width: 68%;
  float: right;
}

.ColumnBox_R30 {
  margin-bottom: 2em;
}

.ColumnBox_R30:before,
.ColumnBox_R30:after {
  content: " ";
  display: table;
}

.ColumnBox_R30:after {
  clear: both;
}

.ColumnBox_R30 .Left {
  width: 68%;
  float: left;
}

.ColumnBox_R30 .Right {
  width: 30%;
  float: right;
}

.ColumnBox_R40 {
  margin-bottom: 2em;
}

.ColumnBox_R40:before,
.ColumnBox_R40:after {
  content: " ";
  display: table;
}

.ColumnBox_R40:after {
  clear: both;
}

.ColumnBox_R40 .Left {
  width: 63%;
  float: left;
}

.ColumnBox_R40 .Right {
  width: 35%;
  float: left;
}

.ColumnBox_R40 .Left p {
  text-align: right;
}

.ColumnBox_R40 .Right p img {
  width: 200px;
}

/*ページ内リンクボックス*/
.ReadIndex {
  border: 1px solid #ccc;
  padding: 1px;
  margin-bottom: 1em;
}

.ReadIndex ul {
  background: #f2f2f2;
  padding: 0.6em 0.6em 0.4em 0.6em;
  margin: 0px !important;
}

.ReadIndex ul li {
  list-style: none !important;
  display: inline-block;
  display: -moz-inline-box;
  zoom: 1;
  *display: inline;
  background-image: url(../img/pict_arrow04.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 0.8em 0.8em;
  padding-left: 1.2em;
  margin: 0px 1em 0.2em 0px;
  background-image: none \9 ;
}

.ReadIndex.Length ul li {
  display: block !important;
}

/*Float Align*/
.Fl_l {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.Fl_r {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

/*ポイント見出し*/
dl.TitlePoint {
  display: table;
  border: solid 1px #666666;
  font-weight: bold;
  width: 100%;
  font-size: 125%;
  margin-bottom: 1em;
}

dl.TitlePoint dt {
  display: table-cell;
  background-color: #666666;
  color: #ffffff;
  padding: 0.5em;
  white-space: nowrap;
  vertical-align: middle;
}

dl.TitlePoint dd {
  display: table-cell;
  padding: 0.5em;
  width: 98%;
  vertical-align: middle;
}

dl.TitlePoint.Col01 {
  border: solid 1px #d03512;
}

dl.TitlePoint.Col01 dt {
  background-color: #d03512;
}

dl.TitlePoint.Col02 {
  border: solid 1px #3a6da9;
}

dl.TitlePoint.Col02 dt {
  background-color: #3a6da9;
}

dl.TitlePoint.Col03 {
  border: solid 1px #368e68;
}

dl.TitlePoint.Col03 dt {
  background-color: #368e68;
}

dl.TitlePoint.Col04 {
  border: solid 1px #4f86c5;
}

dl.TitlePoint.Col04 dt {
  background-color: #4f86c5;
}

dl.TitlePoint.Col05 {
  border: solid 1px #f29988;
}

dl.TitlePoint.Col05 dt {
  background-color: #f29988;
}

dl.TitlePoint.Col06 {
  border: solid 1px #f9bc26;
}

dl.TitlePoint.Col06 dt {
  background-color: #f9bc26;
}

dl.TitlePoint.Col07 {
  border: solid 1px #d19474;
}

dl.TitlePoint.Col07 dt {
  background-color: #d19474;
}

dl.TitlePoint.Col08 {
  border: solid 1px #87ca9c;
}

dl.TitlePoint.Col08 dt {
  background-color: #87ca9c;
}

dl.TitlePoint.Col09 {
  border: solid 1px #4dbeea;
}

dl.TitlePoint.Col09 dt {
  background-color: #4dbeea;
}

/*マウスオーバー時、画像を10%拡大するエフェクト*/
.imgzoom img {
  width: 100%;
  transition: transform 0.2s linear;
  transform: scale(1);
}

.imgzoom img:hover {
  transform: scale(1.1);
  z-index: 100;
}

/*CMギャラリー
----------------------------------------------------*/
.CM_Movie {
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
}

.flexbox{
    flex-wrap: wrap; /* 画面幅に合わせてカラム落ちさせる */
    display: flex;
    justify-content: space-between;
    align-items: top
}

.flexbox .flexbox-3-item,
.flexbox .flexbox-2-item {
    padding-bottom:32px;  /* お好みの幅で指定 */
    /* paddingと合わせてbox-sizingも指定 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

.flexbox .flexbox-3-item{
	width: 32%;  /* お好みの幅で指定 */
}

/* 最後のコンテンツを左寄せにする指定 */
.c3:after {
    content: "";
    display: block;
    width: 32%;  /* .boxに指定したwidthと同じ幅を指定する */
    height: 0;
}

.flexbox .flexbox-2-item {
    width: 50%;  /* お好みの幅で指定 */
}

@media screen and (max-width: 640px){
	.flexbox,
	.flexbox{
		display: block;
	}

	.flexbox .flexbox-3-item,
	.flexbox .flexbox-2-item {
		width: 100%;
		margin: 0 auto;
	}
}




/*==================================================
	島根原子力発電所の状況や安全対策設備を見てみよう
==================================================*/
#shimane-movie {
  margin-bottom: 40px;
}

/* 動画一覧 */
#shimane-movie .movie-list li {
  float: left;
  width: 33%;
  width: calc((100% - 20px) / 3);
  margin: 0 10px 0 0;
  line-height: 1.8;
}

#shimane-movie .movie-list li:nth-child(3n) {
  margin-right: 0;
}

/*横幅100％　CMS表組
----------------------------------------------------*/
.w_100 {
  width: 100%;
  height: auto;
}

/*==================================================
	災害に備えて　停電になったら
==================================================*/
.InfoLink_teikami {
  background-color: #eeeeee;
  padding: 5px;
  margin: 20px 250px;
}

.InfoLink_teikami li {
  width: 180px;
  float: left;
  margin-left: 10px;
}

.InfoLink_teikami li:first-child {
  margin-left: 0px;
}

.InfoLink_teikami li a {
  display: block;
  text-align: center;
  padding: 10px;
}

.InfoLink_teikami li a:link,
.InfoLink_teikami li a:active,
.InfoLink_teikami li a:visited {
  background-color: #ffffff;
  color: #333333;
  text-decoration: none;
}

.InfoLink_teikami li a:hover,
.InfoLink_teikami li a:focus {
  background-color: #ffffff;
  color: #4f86c5;
  text-decoration: none;
}

.InfoLink_teikami li a img {
  display: block;
  margin: 0px auto;
  width: 46px;
  height: 46px;
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .Display_pc {
    display: none !important;
  }

  /* COMMON
  -------------------------------------------------------------------------------------------------*/
  .Mag1T {
    margin-top: 0.5em !important;
  }

  .Mag1R {
    margin-right: 0.5em !important;
  }

  .Mag1B {
    margin-bottom: 0.5em !important;
  }

  .Mag1L {
    margin-left: 0.5em !important;
  }

  .Mag2T {
    margin-top: 1em !important;
  }

  .Mag2R {
    margin-right: 1em !important;
  }

  .Mag2B {
    margin-bottom: 1em !important;
  }

  .Mag2L {
    margin-left: 1em !important;
  }

  .Mag3T {
    margin-top: 1.5em !important;
  }

  .Mag3R {
    margin-right: 1.5em !important;
  }

  .Mag3B {
    margin-bottom: 1.5em !important;
  }

  .Mag3L {
    margin-left: 1.5em !important;
  }

  /*Width指定*/
  .w100 {
    width: 100%;
    height: auto;
  }

  .wAuto {
    width: auto !important;
    height: auto !important;
  }

  /* MainArea
  -------------------------------------------------------------------------------------------------*/
  .MainArea {
    border-top: none;
    padding-bottom: 0px;
  }

  .MainContainer {
    width: auto;
    margin: 0px;
    padding: 0px;
    color: #666666;
  }

  /*ページタイトル*/
  .MainArea .PageTitle h2 {
    width: auto;
    margin: 0px;
    padding: 6px;
    font-size: 150%;
  }

  /*パンクズ*/
  #Pankuzu {
    margin: 0px 0px 10px 0px;
    padding: 10px 10px 0px 10px;
  }

  #Pankuzu li {
    display: inline;
  }

  /*tableが挿入された場合にスクロール対応する追加Box*/
  .ContentsArea .TableBox {
    overflow-y: auto;
    overflow-x: auto;
    min-width: 320px;
    margin: 1em 0em;
  }

  /*
  @media screen and (min-width: 641px) {
  .ContentsArea table {width:100%;}
  }
  */
  .ContentsArea .TableBox table {
    width: 150%;
  }

  /* カテゴリページ 本文エリア
  -------------------------------------------------------------------------------------------------*/
  .CategoryLink_Sub li {
    width: 100%;
    float: none;
  }

  .CategoryLink_Sub li.odd {
    margin-right: 0px;
  }

  .CategoryLink_Sub li.even {
    margin-left: 0px;
  }

  /* 詳細ページ 本文エリア
  -------------------------------------------------------------------------------------------------*/
  /*Style手動入力用エリア*/
  .InputArea {
    padding: 10px;
  }

  /*Style自動反映用エリア*/
  .ContentsArea {
    padding: 10px;
  }

  .ContentsArea h3,
.InputArea h3.Title {
    padding: 8px 4px 8px 16px;
    font-size: 150%;
    text-indent: -12px;
  }

  .ContentsArea h3:before,
.InputArea h3.Title:before {
    margin-right: 6px;
    padding: 0px;
  }

  .ContentsArea h4,
.InputArea h4.Title {
    font-size: 137.5%;
  }

  .ContentsArea h4:before,
.InputArea h4.Title:before {
    margin-right: 0.1em;
    margin-left: -0.2em;
  }

  .ContentsArea h5,
.InputArea h5.Title {
    font-size: 125%;
    padding-left: 0em;
  }

  .ContentsArea h6:before,
.InputArea h6.Title:before {
    margin-right: 0.3em;
  }

  .ContentsArea img,
.InputArea img {
    max-width: 100%;
    height: auto;
  }

  /* テキストバナー各種
  -------------------------------------------------------------------------------------------------*/
  /*テキストリンク リスト1
  ----------------------------------------------------*/
  .TxtLink_List1 li {
    border-bottom: dotted 1px #cccccc;
    padding-bottom: 0.5em;
  }

  .TxtLink_List1 li:last-child {
    border-bottom: none;
    padding-bottom: 0em;
  }

  /*テキストバナー2カラム
  ----------------------------------------------------*/
  .TxtBnr_2c {
    padding: 10px;
  }

  /*テキストバナー4カラム
  ----------------------------------------------------*/
  .TxtBnr_4c {
    padding: 20px 10px;
  }

  .TxtBnr_4c li {
    width: 50%;
    float: left;
    margin: 0px;
  }

  .TxtBnr_4c li:nth-child(4n+1) {
    margin-left: 0px;
    clear: none;
  }

  .TxtBnr_4c li a:link,
.TxtBnr_4c li a:active,
.TxtBnr_4c li a:visited {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #aaaaaa;
  }

  /*奇数列*/
  .TxtBnr_4c li:nth-child(odd) a:link,
.TxtBnr_4c li:nth-child(odd) a:active,
.TxtBnr_4c li:nth-child(odd) a:visited {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #aaaaaa;
  }

  /*1つ目のli*/
  .TxtBnr_4c li:nth-child(1) a:link,
.TxtBnr_4c li:nth-child(1) a:active,
.TxtBnr_4c li:nth-child(1) a:visited {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #aaaaaa;
  }

  /*2つ目のli*/
  .TxtBnr_4c li:nth-child(2) a:link,
.TxtBnr_4c li:nth-child(2) a:active,
.TxtBnr_4c li:nth-child(2) a:visited {
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-color: #aaaaaa;
  }

  .TxtBnr_4c li a:hover,
.TxtBnr_4c li a:focus {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #5086c5;
  }

  /*奇数列*/
  .TxtBnr_4c li:nth-child(odd) a:hover,
.TxtBnr_4c li:nth-child(odd) a:focus {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #5086c5;
  }

  /*1つ目のli*/
  .TxtBnr_4c li:nth-child(1) a:hover,
.TxtBnr_4c li:nth-child(1) a:focus {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #5086c5;
  }

  /*2つ目のli*/
  .TxtBnr_4c li:nth-child(2) a:hover,
.TxtBnr_4c li:nth-child(2) a:focus {
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-color: #5086c5;
  }

  /*テキストバナー5カラム
  ----------------------------------------------------*/
  .TxtBnr_5c {
    padding: 20px 10px;
  }

  .TxtBnr_5c li {
    width: 50%;
    float: left;
    margin: 0px;
  }

  .TxtBnr_5c li:nth-child(4n+1) {
    margin-left: 0px;
    clear: none;
  }

  .TxtBnr_5c li a:link,
.TxtBnr_5c li a:active,
.TxtBnr_5c li a:visited {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #aaaaaa;
  }

  /*奇数列*/
  .TxtBnr_5c li:nth-child(odd) a:link,
.TxtBnr_5c li:nth-child(odd) a:active,
.TxtBnr_5c li:nth-child(odd) a:visited {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #aaaaaa;
  }

  /*1つ目のli*/
  .TxtBnr_5c li:nth-child(1) a:link,
.TxtBnr_5c li:nth-child(1) a:active,
.TxtBnr_5c li:nth-child(1) a:visited {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #aaaaaa;
  }

  /*2つ目のli*/
  .TxtBnr_5c li:nth-child(2) a:link,
.TxtBnr_5c li:nth-child(2) a:active,
.TxtBnr_5c li:nth-child(2) a:visited {
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-color: #aaaaaa;
  }

  .TxtBnr_5c li a:hover,
.TxtBnr_5c li a:focus {
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #5086c5;
  }

  /*奇数列*/
  .TxtBnr_5c li:nth-child(odd) a:hover,
.TxtBnr_5c li:nth-child(odd) a:focus {
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #5086c5;
  }

  /*1つ目のli*/
  .TxtBnr_5c li:nth-child(1) a:hover,
.TxtBnr_5c li:nth-child(1) a:focus {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #5086c5;
  }

  /*2つ目のli*/
  .TxtBnr_5c li:nth-child(2) a:hover,
.TxtBnr_5c li:nth-child(2) a:focus {
    border-style: solid;
    border-width: 1px 1px 1px 0px;
    border-color: #5086c5;
  }

  /*リンクボタン
  -------------------------------------------------------------------------------------------------*/
  a.Link_Button,
span.Link_Button input {
    margin-bottom: 10px;
  }

  /*ページ内リンクボックス
  -------------------------------------------------------------------------------------------------*/
  .ReadIndex ul li {
    margin-bottom: 10px;
  }

  /*トップページのニュース系エリア
  ----------------------------------------------------*/
  .TopNewsArea {
    margin: 0em;
  }

  .TopNewsArea .Left {
    width: auto;
    float: none;
  }

  .TopNewsArea .Right {
    width: auto;
    float: none;
  }

  /*TOP 緊急情報：大
  ----------------------------------------------------*/
  .KinkyuArea_B {
    margin-bottom: 2em;
  }

  .KinkyuArea_B .KinkyuContainer {
    width: auto;
    margin: 0px;
  }

  .KinkyuArea_B .KinkyuContainer .InputArea {
    padding: 20px 10px;
  }

  .KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col01 {
    background-color: #ea5432;
    color: #ffffff;
  }

  .KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col02 {
    background-color: #ffcc00;
    color: #000000;
  }

  .KinkyuArea_B .KinkyuContainer .InputArea.Kinkyu_Col03 {
    background-color: #ffffff;
    color: #ea5432;
    border-style: solid;
    border-width: 1px 0px;
    border-color: #3a6da9;
  }

  .KinkyuArea_B .KinkyuContainer .InputArea h2.Title {
    font-size: 150%;
  }

  /*TOP 緊急情報：小
  ----------------------------------------------------*/
  .KinkyuArea_S {
    margin: 10px;
  }

  .KinkyuArea_S .InputArea {
    padding: 10px;
    margin-bottom: 0em;
    font-size: 100%;
  }

  .KinkyuArea_S .InputArea h2.Title {
    font-size: 137.5%;
  }

  /* ニュース系
  -------------------------------------------------------------------------------------------------*/
  /*TOPプレスリリース系
  ----------------------------------------------------*/
  .NewsListBox h3 {
    background-color: #dc5233;
    float: none;
    width: auto;
    margin-bottom: 1px;
    padding: 10px;
    color: #ffffff;
    cursor: pointer;
  }

  .NewsListBox h3.toggle {
    margin-bottom: 0px;
  }

  .NewsListBox h3 img {
    display: none;
  }

  /*プレスリリース*/
  .NewsListBox h3.BoxTitle1 {
    background-image: url(../img/pict_news01_w.png), url(../img/pict_arrow03_b.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  .NewsListBox h3.BoxTitle1.toggle {
    background-image: url(../img/pict_news01_w.png), url(../img/pict_arrow03_t.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  /*お知らせ*/
  .NewsListBox h3.BoxTitle2 {
    background-image: url(../img/pict_news02_w.png), url(../img/pict_arrow03_b.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  .NewsListBox h3.BoxTitle2.toggle {
    background-image: url(../img/pict_news02_w.png), url(../img/pict_arrow03_t.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  /*更新情報*/
  .NewsListBox h3.BoxTitle3 {
    background-image: url(../img/pict_news03_w.png), url(../img/pict_arrow03_b.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  .NewsListBox h3.BoxTitle3.toggle {
    background-image: url(../img/pict_news03_w.png), url(../img/pict_arrow03_t.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  /*イベント情報*/
  .NewsListBox h3.BoxTitle4 {
    background-image: url(../img/shisya/pict_cattop_common03_w.png), url(../img/pict_arrow03_b.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  .NewsListBox h3.BoxTitle4.toggle {
    background-image: url(../img/shisya/pict_cattop_common03_w.png), url(../img/pict_arrow03_t.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  /*環境・エネルギー教室*/
  .NewsListBox h3.BoxTitle5 {
    background-image: url(../img/shisya/pict_cattop_common04_w.png), url(../img/pict_arrow03_b.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  .NewsListBox h3.BoxTitle5.toggle {
    background-image: url(../img/shisya/pict_cattop_common04_w.png), url(../img/pict_arrow03_t.png);
    background-position: left 10px center, right 10px center;
    background-size: 1.8em 1.8em, 1em 1em;
    background-repeat: no-repeat;
    padding-left: 3em;
  }

  /*一覧・RSSボタン（SPではアコーディオン）*/
  .NewsListBox nav {
    display: none;
    float: none;
    width: auto;
    background-color: #ffffff;
    margin: 0px;
    padding: 5px 0px;
    margin: 0px 10px;
    border-bottom: dotted 1px #bbbbbb;
  }

  /*一覧表示エリア（SPではアコーディオン）*/
  .NewsListBox .ListArea {
    display: none;
    margin: 0px 10px 20px 10px;
    background-color: #ffffff;
  }

  .NewsListBox .ListArea.All {
    height: 18em;
  }

  .NewsListBox .ListArea.All dl dt {
    width: auto;
    float: none;
  }

  .NewsListBox .ListArea.All dl dd {
    margin-left: 0em;
  }

  /*一覧ページ
  ----------------------------------------------------*/
  .NewsAllBox .BoxTitle h3 {
    float: none;
    width: auto;
    padding: 2px 0px 2px 10px;
    margin-bottom: 5px;
  }

  .NewsAllBox .BoxTitle .NewsOption {
    display: block;
    width: auto;
    float: none;
    text-align: left;
    padding: 6px 0px;
  }

  /*年度選択*/
  .NewsAllBox .BoxTitle form select {
    display: block;
    width: 48%;
    float: left;
    font-size: 87.5%;
  }

  /*メールサービス*/
  .NewsAllBox .BoxTitle p.Mail {
    display: block;
    width: 48%;
    float: right;
    margin: 0px;
    font-size: 87.5%;
  }

  .NewsAllBox .BoxTitle p.Mail a {
    display: block;
    text-align: center;
  }

  /*RSSを購読する*/
  .NewsAllBox .BoxTitle p.RSS {
    display: block;
    width: 48%;
    float: right;
    margin: 0px;
    font-size: 87.5%;
  }

  .NewsAllBox .BoxTitle p.RSS a {
    display: block;
    text-align: center;
  }

  .NewsAllBox .ListArea dl dt {
    width: auto;
    float: none;
    margin-left: 0px;
    padding: 0px 10px;
  }

  .NewsAllBox .ListArea dl dt span {
    display: inline-block;
    background-color: #bbbbbb;
    color: #ffffff;
    padding: 0.2em 0.8em 0em 0.8em;
    font-size: 75%;
    margin-left: 1em;
  }

  .NewsAllBox .ListArea dl dd {
    margin-left: 0px;
    padding: 0px 10px;
  }

  /*詳細ページ
  ----------------------------------------------------*/
  /*ロゴ表示，記事タイトル部分*/
  .NewsDetail {
    margin: 2em 0px;
    padding: 0px 10px;
  }

  .NewsDetail dl {
    margin-bottom: 20px;
  }

  .NewsDetail dl dt {
    width: 100px;
  }

  .NewsDetail dl dt img {
    width: 100px;
  }

  .NewsDetail dl dd {
    float: none;
    width: auto;
    margin-left: 120px;
  }

  .NewsDetail h2 {
    font-size: 125%;
  }

  /*詳細ページ 関連リンク・ファイル*/
  .NewsDetailLink,
.NewsDetailFile {
    margin: 2em 0px;
  }

  .NewsDetailLink h2,
.NewsDetailFile h2 {
    padding: 0.4em 10px 0.3em 10px;
    font-size: 112.5%;
  }

  .NewsDetailLink ul,
.NewsDetailFile ul {
    padding: 0px 10px;
  }

  .NewsDetailLink div.FreeEntry p,
.NewsDetailFile div.FreeEntry p {
    padding: 0px 10px;
  }

  .NewsDetailLink .TxtLink_List1 li:last-child,
.NewsDetailFile .TxtLink_List1 li:last-child {
    border-bottom: dotted 1px #cccccc;
    padding-bottom: 0.5em;
  }

  /* カテゴリトップ
  -------------------------------------------------------------------------------------------------*/
  /*ユニバーサルメニュー
  ----------------------------------------------------*/
  .CatTop_Universal {
    padding-top: 10px;
  }

  .CatTop_Universal .Left {
    width: auto;
    float: none;
    margin-bottom: 20px;
  }

  .CatTop_Universal .Right {
    width: auto;
    float: none;
    clear: both;
  }

  /*ぐっとずっと。クラブ*/
  .CatTop_Universal .MembersLink h2 {
    padding: 20px 20px 10px 20px;
    margin-bottom: 0px;
    text-align: center;
  }

  .CatTop_Universal .MembersLink h2 img {
    width: 90%;
    height: auto;
  }

  .CatTop_Universal .MembersLink p {
    display: none;
  }

  .CatTop_Universal .MembersLink ul {
    background-image: none;
    padding: 10px 20px;
  }

  .CatTop_Universal .MembersLink ul li:nth-child(1) {
    width: 48%;
    float: left;
  }

  .CatTop_Universal .MembersLink ul li:nth-child(2) {
    width: 48%;
    float: right;
  }

  .CatTop_Universal .Left .MembersLink ul li:nth-child(3) {
    width: 100%;
  }

  .CatTop_Universal .MembersLink ul li a {
    display: block;
    border-radius: 10px;
    border: solid 4px #ffffff;
    padding: 10px;
    text-align: center;
    margin-bottom: 10px;
    font-size: 125%;
    font-weight: bold;
  }

  .CatTop_Universal .MembersLink ul li a span {
    display: block;
    font-size: 75%;
  }

  .UniversalMenu .Right {
    width: auto;
    float: none;
    clear: both;
  }

  /*ショートカットリンク*/
  .CatTop_Universal nav.ShortcutLink {
    padding: 0px 10px;
  }

  .CatTop_Universal nav.ShortcutLink li {
    width: 49%;
    float: left;
    margin: 0px 0px 0.5em 0px;
  }

  .CatTop_Universal nav.ShortcutLink li.FL_first {
    margin-left: 0px;
    clear: inherit;
  }

  .CatTop_Universal nav.ShortcutLink li:nth-child(odd) {
    clear: both;
  }

  .CatTop_Universal nav.ShortcutLink li:nth-child(even) {
    float: right;
  }

  .CatTop_Universal nav.ShortcutLink li a {
    padding: 5px;
  }

  .CatTop_Universal nav.ShortcutLink li a img {
    width: 30%;
    height: auto;
    margin-bottom: 5px;
  }

  /*困ったときは
  ----------------------------------------------------*/
  .CatTop_SP {
    padding: 0px 10px;
  }

  .CatTop_SP h2 {
    font-size: 137.5%;
    padding: 0px;
  }

  /*レフトエリア*/
  .CatTop_SP .Left {
    width: auto;
    float: none;
    padding: 10px 0px;
  }

  .CatTop_SP .Left div ul li {
    width: auto;
    float: none;
  }

  .CatTop_SP .Left div form {
    margin-bottom: 0.5em;
  }

  .CatTop_SP .Left div form input[type=text] {
    width: 55%;
  }

  /*ライトエリア*/
  .CatTop_SP .Right {
    width: auto;
    float: none;
    padding: 10px 0px;
  }

  .CatTop_SP .Right.TitleNone {
    padding-top: 0px;
  }

  .CatTop_SP .Right ul li {
    width: 49%;
    float: left;
    margin-left: 2%;
    margin-bottom: 6px;
  }

  .CatTop_SP .Right ul li:nth-child(odd) {
    margin-left: 0px;
  }

  /*ニュースで使用するタイトル
  ----------------------------------------------------*/
  .CatTop_Title {
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    padding-bottom: 0.2em;
    margin-bottom: 0.2em;
    color: #4f86c5;
    border: none;
  }

  .CatTop_Title:before,
.CatTop_Title:after {
    content: " ";
    display: table;
  }

  .CatTop_Title:after {
    clear: both;
  }

  .CatTop_Title h2 {
    font-size: 137.5%;
    float: none;
    width: auto;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #4f86c5;
    padding-bottom: 5px;
    margin: 0px;
    padding: 0px 10px;
  }

  .CatTop_Title h2 span {
    font-size: 100%;
  }

  /*一覧・RSSボタン*/
  .CatTop_Title nav {
    width: auto;
    float: none;
    margin: 0px;
    background-color: #f5f5f5;
    padding: 5px 0px;
  }

  /*目次リスト
  ----------------------------------------------------*/
  .CatTop_Index {
    margin-bottom: 0px;
  }

  .CatTop_Index div {
    margin-bottom: 10px;
  }

  .CatTop_Index .Left {
    width: auto;
    float: none;
  }

  .CatTop_Index .Right {
    width: auto;
    float: none;
  }

  .CatTop_Index h3 {
    font-size: 150%;
    clear: both;
  }

  .CatTop_Index h3 a {
    padding: 0px 10px;
    height: 3em;
  }

  .CatTop_Index h3 span {
    padding: 0px 10px 0px 0px;
    width: 2em;
    height: 3em;
  }

  .CatTop_Index h3 span img {
    width: 2em;
    height: 2em;
  }

  /* 支社ページ
  -------------------------------------------------------------------------------------------------*/
  /*プレスリリース部分（ニュースリリース系で使用しているCSSを支社用に調整）
  ----------------------------------------------------*/
  /*TOPプレスリリース系*/
  .Shisya_News {
    background-color: #eeeeee;
    margin-bottom: 1em;
  }

  .Shisya_News .NewsListBox h3 {
    color: #ffffff;
  }

  .Shisya_News .NewsListBox .ListArea {
    border: none;
  }

  /*一覧系
  ----------------------------------------------------*/
  .NewsAllBox.Shisya_NewsAll .ListArea dl dt {
    width: auto;
  }

  .NewsAllBox.Shisya_NewsAll .ListArea dl dt span {
    width: auto;
  }

  .NewsAllBox.Shisya_NewsAll .ListArea dl dd {
    margin-left: 0em;
  }

  /*事業所紹介
  ----------------------------------------------------*/
  .Shisya_Office .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .Shisya_Office .Right {
    width: auto;
    float: none;
  }

  /*営業所*/
  .Shisya_Office.Low .Left dl {
    border-bottom: solid 1px #eeeeee;
    padding-bottom: 1em;
    margin-bottom: 1em;
  }

  .Shisya_Office.Low .Left dt {
    width: auto;
    float: none;
  }

  .Shisya_Office.Low .Left dd {
    margin-left: 0em;
  }

  .Shisya_Office .Right iframe {
    border: solid 1px #cccccc;
    width: 100%;
    height: 298px;
  }

  /*ユニバーサルメニュー（カテゴリトップで使用しているCSSを支社用に調整）
  ----------------------------------------------------*/
  .CatTop_Universal.Shisya_Univ nav.ShortcutLink li {
    width: 48%;
  }

  /* エネルギー・環境・発電
  -------------------------------------------------------------------------------------------------*/
  /*バナー3カラム
  ----------------------------------------------------*/
  .Kankyou_ene_Bnr_3c {
    margin-bottom: 0em;
    padding: 0px 10px;
  }

  .Kankyou_ene_Bnr_3c div {
    margin-bottom: 1em;
  }

  .Kankyou_ene_Bnr_3c div img {
    width: 100%;
  }

  .Kankyou_ene_Bnr_3c .Left {
    width: auto;
    float: none;
    margin-right: 0px;
  }

  .Kankyou_ene_Bnr_3c .Center {
    width: auto;
    float: none;
  }

  .Kankyou_ene_Bnr_3c .Right {
    width: auto;
    float: none;
  }

  /*スマホのみ表示
  ----------------------------------------------------*/
  .enepc {
    display: none;
  }

  .enemb {
    display: block;
  }

  /* 原子力発電ページ
  -------------------------------------------------------------------------------------------------*/
  /*バナー3カラム
  ----------------------------------------------------*/
  .AtomInfo_Bnr_3c {
    margin-bottom: 0em;
    padding: 0px 10px;
  }

  .AtomInfo_Bnr_3c div {
    margin-bottom: 1em;
  }

  .AtomInfo_Bnr_3c div img {
    width: 100%;
  }

  .AtomInfo_Bnr_3c .Left {
    width: auto;
    float: none;
    margin-right: 0px;
  }

  .AtomInfo_Bnr_3c .Center {
    width: auto;
    float: none;
  }

  .AtomInfo_Bnr_3c .Right {
    width: auto;
    float: none;
  }

  /*動画バナー
  ----------------------------------------------------*/
  .AtomInfo_Bnr_1c {
    padding: 0px 10px;
    margin-bottom: 1em;
  }

  .AtomInfo_Bnr_1c span {
    display: block;
    width: 100%;
    overflow: hidden;
  }

  .AtomInfo_Bnr_1c img {
    width: 140%;
    margin-left: -20%;
  }

  /* IR情報
  -------------------------------------------------------------------------------------------------*/
  .CatTop_Index.IRinfo_Topics {
    margin-bottom: 1em;
    padding: 10px;
  }

  .CatTop_Index.IRinfo_Topics div.Btn_SP {
    margin: 0em 0px 1em 0px;
  }

  .CatTop_Index.IRinfo_Topics div.Btn_SP a {
    font-size: 150%;
    background-size: 10px 10px;
  }

  /* フォーム関連
  -------------------------------------------------------------------------------------------------*/
  .FormArea dl dt {
    width: auto;
    float: none;
    margin-bottom: 0.6em;
  }

  .FormArea dl dd {
    margin-left: 0px;
  }

  .FormArea dl dd .w100 {
    width: 60%;
  }

  .FormArea dl dd .w200 {
    width: 60%;
  }

  .FormArea dl dd .w300 {
    width: 80%;
  }

  .FormArea dl dd .w500 {
    width: 80%;
  }

  .FormArea dl dd .w600 {
    width: 80%;
  }

  /*ラジオボタンBOX*/
  .FormArea dl dd div.FormRadioBox.Anq span {
    margin-right: 0.4em;
  }

  .FormArea dl.Full dd div.FormRadioBox.Colmn2 span {
    width: auto;
    display: block;
    margin-bottom: 0.2em;
  }

  /*チェックボタンBOX*/
  .FormArea dl.Full dd div.FormCheckBox.Colmn2 span {
    width: auto;
    display: block;
    margin-bottom: 0.2em;
  }

  /*郵便番号*/
  .FormArea dl dd .FormList li.Postal .Right input[type=text] {
    margin-bottom: 0.5em;
  }

  /*見学希望日時*/
  .FormArea dl dd .FormList.Visit li .Left {
    width: auto;
    float: none;
    text-align: left;
  }

  .FormArea dl dd .FormList.Visit li .Right {
    margin-left: 0em;
    float: none;
  }

  .FormArea dl dd .FormList.Visit li .Right .FormSelectBox select {
    padding: 5px 2px;
  }

  /*validate*/
  .FormArea .validate {
    margin-left: 5px;
    font-size: 0.8em;
    width: 3em;
    padding: 3px 0;
  }

  .FormArea .validateTempHidden {
    border: 0;
    opacity: 0;
    width: 0;
    padding: 0;
  }

  /* 事業所一覧
  -------------------------------------------------------------------------------------------------*/
  .OfficeAreaList {
    margin: 10px 0px !important;
  }

  .OfficeAreaList li {
    margin: 3px 0px 3px 2% !important;
    width: 32%;
  }

  .OfficeAreaList li:nth-child(1) {
    margin: 3px 0px !important;
  }

  .OfficeAreaList li:nth-child(3n+1) {
    margin: 3px 0px !important;
    clear: both;
  }

  .OfficeAreaList li a {
    font-size: 100% !important;
  }

  .OfficeAreaList li a {
    display: table-cell;
    padding: 10px;
    text-align: center;
    vertical-align: middle;
    font-size: 125%;
    font-weight: bold;
  }

  .OfficeAreaList li a:link,
.OfficeAreaList li a:visited {
    color: #ffffff;
    text-decoration: none;
    background-color: #20aee5;
  }

  .OfficeAreaList li a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #4dbeea;
  }

  .OfficeAreaList li a span {
    display: block;
    font-size: 75%;
    font-weight: normal;
  }

  .OfficeBox section div.BoxArea .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .OfficeBox section div.BoxArea .Right {
    width: auto;
    float: none;
  }

  /*営業所*/
  .OfficeBox section div.BoxArea .Left dl {
    border-bottom: solid 1px #eeeeee;
    padding-bottom: 1em;
    margin-bottom: 1em;
  }

  .OfficeBox section div.BoxArea .Left dt {
    width: auto;
    float: none;
  }

  .OfficeBox section div.BoxArea .Left dd {
    margin-left: 0em;
  }

  .OfficeBox section div.BoxArea .Right iframe {
    border: solid 1px #cccccc;
    width: 100%;
    height: 298px;
  }

  /* 汎用 Common class
  -------------------------------------------------------------------------------------------------*/
  /*Width指定*/
  .width100 {
    width: 100%;
    height: auto;
  }

  .widthAuto {
    width: auto !important;
    height: auto !important;
  }

  .width80 {
    width: 80%;
    height: auto;
  }

  /*カラムボックス*/
  .ColumnBox_2c {
    margin-bottom: 1em;
  }

  .ColumnBox_2c .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_2c .Right {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_3c {
    margin-bottom: 1em;
  }

  .ColumnBox_3c .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
    margin-right: 0px;
  }

  .ColumnBox_3c .Center {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_3c .Right {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_4c {
    margin-bottom: 1em;
  }

  .ColumnBox_4c .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
    margin-right: 0px;
  }

  .ColumnBox_4c .Center {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_4c .Right {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_5c {
    margin-bottom: 1em;
  }

  .ColumnBox_5c .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
    margin-right: 0px;
  }

  .ColumnBox_5c .Center {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_5c .Right {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_ss12c {
    margin-bottom: 1em;
  }

  .ColumnBox_L30 {
    margin-bottom: 1em;
  }

  .ColumnBox_L30 .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_L30 .Right {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_R30 {
    margin-bottom: 1em;
  }

  .ColumnBox_R30 .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_R30 .Right {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_R40 {
    margin-bottom: 1em;
  }

  .ColumnBox_R40 .Left {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_R40 .Right {
    width: auto;
    float: none;
    margin-bottom: 1em;
  }

  .ColumnBox_R40 .Left p {
    text-align: center;
  }

  .ColumnBox_R40 .Right p {
    text-align: center;
  }

  .ColumnBox_R40 .Right p img {
    width: 90%;
    text-align: center;
  }

  /*フェイスブックバナー*/
  .Bnr_media2 {
    float: none;
    font-size: 125%;
    text-align: center;
    padding: 0px;
  }

  .Bnr_fb2 {
    float: none;
  }

  .mailmagCenter {
    width: 100%;
    margin: auto;
  }

  /*Float Align*/
  .Fl_l {
    display: block;
    margin: 0px auto 1em auto;
    float: none;
  }

  .Fl_r {
    display: block;
    margin: 0px auto 1em auto;
    float: none;
  }

  /*ポイント見出し*/
  dl.TitlePoint {
    display: block;
  }

  dl.TitlePoint dt {
    display: block;
  }

  dl.TitlePoint dd {
    display: block;
    width: auto;
  }

  /*マウスオーバー時，画像を10%拡大するエフェクト*/
  .imgzoom img {
    width: auto;
    transition: none;
    transform: none;
  }

  .imgzoom img:hover {
    transform: none;
    z-index: auto;
  }

  .opacity a img:hover {
    opacity: 0.75;
  }

  .opacity a img {
    transition: 0.3s;
  }

  /*CMギャラリー
  ----------------------------------------------------*/
  .CM_Movie {
    width: 100%;
    padding-bottom: 56.25%;
  }

  /*　引越ボタンSP用　赤
  ------------------------------------------------------------------------------*/
  .Btn_hikkoshi01 {
    display: table;
    width: 100%;
    margin: 1em 0px;
  }

  .Btn_hikkoshi01 a {
    display: table-cell;
    border: solid 2px #d03512;
    vertical-align: middle;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    color: #d03512;
    line-height: 1.2;
    padding: 0.2em;
    background-color: #ffe1da;
    background-repeat: no-repeat;
    background-position: right 5px bottom 5px;
    background-size: 30px 30px;
    background-image: none \9 ;
  }

  .Btn_hikkoshi01 a:link,
.Btn_hikkoshi01 a:active,
.Btn_hikkoshi01 a:visited {
    color: #d03512;
    text-decoration: none;
    background-color: #ffe1da;
  }

  .Btn_hikkoshi01 a:hover,
.Btn_hikkoshi01 a:focus {
    color: #d03512;
    text-decoration: none;
    background-color: #ffe8e2;
  }

  /*　引越ボタンSP用 青
  ------------------------------------------------------------------------------*/
  .Btn_hikkoshi02 {
    display: table;
    width: 100%;
    margin: 1em 0px;
  }

  .Btn_hikkoshi02 a {
    display: table-cell;
    border: solid 2px #20aee5;
    vertical-align: middle;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    color: #20aee5;
    line-height: 1.2;
    padding: 0.2em;
    background-color: #e0f7ff;
    background-repeat: no-repeat;
    background-position: right 5px bottom 5px;
    background-size: 30px 30px;
    background-image: none \9 ;
  }

  .Btn_hikkoshi02 a:link,
.Btn_hikkoshi02 a:active,
.Btn_hikkoshi02 a:visited {
    color: #20aee5;
    text-decoration: none;
    background-color: #e0f7ff;
  }

  .Btn_hikkoshi02 a:hover,
.Btn_hikkoshi02 a:focus {
    color: #20aee5;
    text-decoration: none;
    background-color: #eefbff;
  }

  /*==================================================
  	災害に備えて　停電になったら
  ==================================================*/
  .InfoLink_teikami {
    padding: 10px;
    margin: 0px;
  }

  .InfoLink_teikami li {
    width: 40%;
    float: left;
    margin-left: 2%;
  }

  .InfoLink_teikami li:first-child {
    margin-left: 0%;
  }

  .InfoLink_teikami li a img {
    width: 40%;
    height: auto;
  }

  /*==================================================
  	エネ総
  ==================================================*/
  .enesoBox dl {
    border-bottom: solid 1px #eeeeee;
    margin-bottom: 1em;
  }

  .enesoBox dl:before,
.enesoBox dl:after {
    content: " ";
    display: table;
  }

  .enesoBox dl:after {
    clear: both;
  }

  .enesoBox dt {
    width: 8em;
    float: left;
    font-weight: bold;
    color: #4f86c5;
  }

  .enesoBox dd {
    margin-left: 10em;
  }
}
@media screen and (max-width: 480px) {
  .ContentsArea .TableBox table {
    width: 200%;
  }
}

    /*-----------------------------------------------------------------------------------------------
   NWのリンクボタン
  -----------------------------------------------------------------------------------------------*/
 a.link-button-1 {
  display: inline-block;
  padding: 8px 16px;
  background: linear-gradient(#1665bf, #317ed6);
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.15);
  transition: 0.3s;
  transition: opacity 0.3s;
}
a.link-button-1::before {
  content: "";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 8px;
  color: #ccc;
}
a.link-button-1.top::before {
  content: "";
}
a.link-button-1 .fas,a.link-button-1 .far {
  color: #fff;
}
a.link-button-1:hover,a.link-button-1:focus {
  opacity: 0.75;
}

/*-----------------------------------------------------------------------------------------------
SNSアイコン
-----------------------------------------------------------------------------------------------*/
.sns-icon {
  display: flex;
}
.sns-icon li {
  margin-left: 16px;
}
.sns-icon li:first-child {
  margin-left: 0;
}
.sns-icon img {
  max-width: 32px;
  height: auto;
}
.sns-icon a {
  transition: opacity 0.3s;
}
.sns-icon a:hover, .sns-icon a:focus {
  opacity: 0.75;
}

/*-----------------------------------------------------------------------------------------------
スマホ　画像横スクロール
-----------------------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
.ContentsArea .GraphScroll {
  height: auto;
  overflow-x: scroll;
}

.GraphScroll img {
  max-width: 100%;
  min-width: 500px;
  vertical-align: top;
}
}

/*-----------------------------------------------------------------------------------------------
中間貯蔵施設
-----------------------------------------------------------------------------------------------*/

.interim_wrap .OfficeBox section h4.BoxTitle {
  background-color: #ED7D31;
}

.interim_wrap .OfficeBox section div.BoxArea {
  border-color: #ED7D31;
}

.interim_wrap .OfficeBox section div.BoxArea .flexbox .w30 {
  width: 30%;
}

.interim_wrap .OfficeBox section div.BoxArea .flexbox .w40 {
	width: 40%;
	box-sizing: border-box;
}

.interim_wrap .OfficeBox section div.BoxArea .flexbox .w50 {
  width: 50%;
}

.interim_wrap .OfficeBox section div.BoxArea .flexbox .w60 {
  width: 60%;
}

.interim_wrap .OfficeBox section div.BoxArea .flexbox .w70 {
  width: 70%;
}


@media screen and (max-width: 640px){
.interim_wrap .OfficeBox section div.BoxArea .flexbox .w30,
.interim_wrap .OfficeBox section div.BoxArea .flexbox .w40,
.interim_wrap .OfficeBox section div.BoxArea .flexbox .w50,
.interim_wrap .OfficeBox section div.BoxArea .flexbox .w60,
.interim_wrap .OfficeBox section div.BoxArea .flexbox .w70 {
  	width: 90%;
	margin: 0 auto;
	box-sizing: border-box;
}
}

/*
.interim_wrap .atom_link_wrap{
	padding-top: 40px;
}
*/

.interim_wrap .reference_link_wrap ul li{
	padding-bottom: 24px;
	border-bottom: 1px;
	position: relative;
}

.interim_wrap .reference_link_wrap ul li::after{
	position: absolute;
	display: inline-block;
	content: "";
	width: 100%;
	height: 1px;
	background-color: #ccc;
	bottom: 10px;
	left: 0;
}

.interim_wrap .uq_atomMenu li{
	list-style: none;
	margin-left: 0;
}

.interim_wrap .uq_atomMenu{
	margin: 0;
}

/*-----------------------------------------------------------------------------------------------
中電社員を騙った悪質行為
-----------------------------------------------------------------------------------------------*/

.scam_wrap .Round_Red{
    border-radius: 30px;
    background-color: #f8c7c8;
    padding: 20px;
    box-sizing: border-box;
}

/*-----------------------------------------------------------------------------------------------
適時開示資料
-----------------------------------------------------------------------------------------------*/

p.kaiji_year{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    color: #4f86c5;
    font-weight: bold;
    font-size: 1.6rem;
    border-bottom: solid 1px #4f86c5;
    text-indent: -1.4em;
    padding-left: 1.2em;
    line-height: 1.2;
}

.NewsAllBox .ListArea dl dt span.category.financial,
.NewsAllBox .ListArea dl dt span.category.decision,
.NewsAllBox .ListArea dl dt span.category.results{
    font-size: 1em;
    width: 9em;
    padding: 0.2em 0.8em 0.2em 0.8em;
}

.NewsAllBox .ListArea dl dt span.category.financial {
    background-color: #ED7D31;
}

.NewsAllBox .ListArea dl dt span.category.decision {
    background-color: #5B9BD5;
}

.NewsAllBox .ListArea dl dt span.category.results {
    background-color: #009999;
}

/*===================================================================================================

2025 サイト改修用追加css

====================================================================================================*/
#top{letter-spacing:.1em;color:#333}.renew-wrapper{width:1220px;margin-left:auto;margin-right:auto}@media(max-width: 640px){.renew-wrapper{width:100%;padding-left:5%;padding-right:5%}}.link-bt{display:inline-block;padding:1em 3em 1em 1em;color:#004896 !important;text-decoration:none !important;border:1px solid #004896;border-radius:4px;font-weight:bold;background:#fff url(../img/renew_img/arrow_circle.svg) no-repeat center right 1em/.9em auto;transition:all .5s ease}.link-bt:hover{background-color:#e3f0ff}@media(max-width: 640px){.link-bt{padding:.6em 3em .6em 1em}}@media(max-width: 640px){.link-bt.link-bt--a{display:block;text-align:center;padding:1.3em 1em;letter-spacing:.2em;background-image:none}.link-bt.link-bt--a::after{content:"";line-height:1;display:inline-block;width:1.1em;height:1.1em;background:url(../img/renew_img/arrow_circle.svg) no-repeat center center/contain;margin:0 0 -0.2em 1em}}@media(max-width: 640px){.ContentsArea{padding:10px 10px 48px}}@media(max-width: 640px){.pc-only{display:none}}@media(min-width: 641px){.sp-only{display:none}}.icon--pdf,.icon--doc,.icon--xls,.icon--csv,.icon--other{display:inline-block;width:1.3em;height:1.2em;margin:0 8px -0.4em;text-indent:0;background-repeat:no-repeat;background-position:center center;background-size:contain}.icon--pdf{background-image:url(../img/renew_img/pdf.svg)}.icon--doc{background-image:url(../img/renew_img/doc.svg)}.icon--xls{background-image:url(../img/renew_img/xls.svg)}.icon--csv{background-image:url(../img/renew_img/csv.svg)}.icon--other{width:1em;height:1em;margin:0 8px -0.2em;background-image:url(../img/renew_img/open_in_new_blue.svg)}.site-header{letter-spacing:0;position:fixed;top:0;left:0;z-index:3;width:100%;height:100px;display:flex;justify-content:space-between;background-color:#fff;box-shadow:0 4px 8px 0 rgba(0,0,0,.25)}@media screen and (max-width: 818px){.site-header{min-width:100%;height:64px}}.site-header .site-logo{padding:0 5%;height:100%;display:flex;align-items:center;justify-content:center}.site-header .site-logo img{width:100%;max-width:215px;min-width:160px}@media screen and (max-width: 818px){.site-header .site-logo{width:auto;padding-left:2%}.site-header .site-logo img{width:auto;min-width:auto;height:40px}}@media(max-width: 320px){.site-header .site-logo img{height:30px}}@media screen and (max-width: 818px){.site-header .responsive-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px}}@media(max-width: 320px){.site-header .responsive-header{gap:4px}}.site-header .responsive-header .social-icon{display:none}@media screen and (max-width: 818px){.site-header .responsive-header .social-icon{margin-left:auto;display:flex;gap:10px}.site-header .responsive-header .social-icon img{width:min(30px,6vw)}}.site-header .responsive-menu{display:block;width:80%}@media screen and (max-width: 818px){.site-header .responsive-menu{position:fixed;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 10%, #fff 10%, #fff 100%);transition:right .3s ease;z-index:4;overflow-y:auto}.site-header .responsive-menu.open{right:0}}@media screen and (min-width: 819px),print{.site-header .responsive-menu .header-menu{display:flex;align-items:center;justify-content:space-between}}@media screen and (max-width: 818px){.site-header .responsive-menu .header-menu{position:relative}}@media screen and (min-width: 819px),print{.site-header .responsive-menu .header-menu .header-menu-wrapper{width:100%;height:100%;display:flex;flex-direction:column-reverse}}@media screen and (max-width: 818px){.site-header .responsive-menu .header-menu .header-menu-wrapper{display:block;width:90%;background-color:#fff;padding-top:64px;margin-left:10%}}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu{display:flex;justify-content:space-around;-moz-column-gap:16px;column-gap:16px;height:72px;line-height:1.3}@media screen and (max-width: 1160px),print{.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu{padding:8px 2% 4px 0;flex-wrap:wrap;justify-content:flex-end;align-items:center;-moz-column-gap:20px;column-gap:20px}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li{height:28px}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li>a::after{bottom:1px !important}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li>a br{display:none}}@media screen and (max-width: 818px){.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu{padding:0;flex-wrap:nowrap;justify-content:center;position:relative;flex-direction:column;-moz-column-gap:0;column-gap:0;height:auto}}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li>a{display:block;text-decoration:none}@media screen and (min-width: 819px){.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li{display:flex;align-items:center;padding-right:1.5em;background:url(../img/renew_img/arrow_down.svg) no-repeat center right}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li:hover .renew-global-submenu,.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li:focus-within .renew-global-submenu{display:grid !important;-webkit-animation:slide-top .2s ease-in both;animation:slide-top .2s ease-in both}@-webkit-keyframes slide-top{0%{transform:translateY(4px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes slide-top{0%{transform:translateY(4px);opacity:0}100%{transform:translateY(0);opacity:1}}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li>a{position:relative;height:100%;display:flex;align-items:center;font-weight:bold;color:#333 !important;white-space:nowrap}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li>a::after{transition:all .5s ease;opacity:0;position:absolute;bottom:7px;left:0;content:"";width:100%;height:2px;background-color:#004896}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li:hover>a::after,.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li:focus>a::after{opacity:1}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li.no-sub{background:none}}@media screen and (max-width: 818px){.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li{width:100%;height:auto;border-top:1px solid #ccc}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li>a{color:#333 !important;padding-right:2.5em;font-size:min(4.2vw,1.6rem);padding:1em;font-weight:bold;background:url(../img/renew_img/arrow_down.svg) no-repeat center right 1em/3vw auto}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li>a.open{color:#004896 !important;background-image:url(../img/renew_img/arrow_up.svg)}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li>a br{display:none}.site-header .responsive-menu .header-menu .header-menu-wrapper .global-menu>li.no-sub>a{display:block;background:url(../img/renew_img/arrow_circle.svg) no-repeat center right 1em/4vw auto}}.site-header .responsive-menu .header-menu .header-menu-wrapper .sub-menu{display:flex;align-items:flex-end;justify-content:flex-end;height:28px}.site-header .responsive-menu .header-menu .header-menu-wrapper .sub-menu li{margin-right:32px}.site-header .responsive-menu .header-menu .header-menu-wrapper .sub-menu li a{text-decoration:none;font-weight:normal;color:#333 !important}@media screen and (max-width: 818px){.site-header .responsive-menu .header-menu .header-menu-wrapper .sub-menu{display:block;height:auto;border-top:1px solid #ccc;padding:2em 0 1em}.site-header .responsive-menu .header-menu .header-menu-wrapper .sub-menu>li{width:90%;margin:0 auto;border-bottom:1px solid #ccc}.site-header .responsive-menu .header-menu .header-menu-wrapper .sub-menu>li>a{display:block;padding:1.5em 0;color:#333}}.site-header .responsive-menu .header-menu .search-menu{transition:all .5s ease;cursor:pointer;width:100px;height:100px;color:#fff;background-color:#4f86c6;display:flex;justify-content:center;align-items:center}.site-header .responsive-menu .header-menu .search-menu span{font-size:24px}.site-header .responsive-menu .header-menu .search-menu:hover{background-color:#76a0d2}@media screen and (max-width: 818px){.site-header .responsive-menu .header-menu .search-menu{display:none}}@media screen and (min-width: 819px),print{.search-container{display:none;position:absolute;right:20px;top:120px}.search-container.active{display:block}}@media screen and (max-width: 818px){.search-container{background-color:#fff;width:90%;margin-left:10%;padding:16px 16px 32px}}.search-container .search-box{display:flex;background-color:#333}@media screen and (min-width: 819px){.search-container .search-box{box-shadow:0 4px 8px 0 rgba(0,0,0,.5)}}.search-container .search-box input{width:600px;padding:16px;background-color:#fff;border:1px solid #000;border-right:none;font-size:1.6rem}@media screen and (max-width: 818px){.search-container .search-box input{flex-basis:calc(100% - 16vw);padding:8px;font-size:min(4vw,1.6rem)}}.search-container .search-box button{display:block;padding:16px;background-color:#000;color:#fff;font-weight:bold;font-size:1.6rem;cursor:pointer}.search-container .search-box button:active,.search-container .search-box button:focus{background-color:#333}@media screen and (max-width: 818px){.search-container .search-box button{padding:8px;font-size:min(4vw,1.6rem);text-align:center;width:16vw;letter-spacing:.2em}}.search-container .search-box .fa-search{padding:0 8px}@media screen and (min-width: 819px){.renew-global-submenu{display:none;grid-template-columns:1fr 2fr;grid-template-rows:auto;opacity:0;position:fixed;z-index:10;top:94px;left:1.5vw;width:96vw;background-color:#fff;border-radius:8px;filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));min-height:256px;overflow:hidden}.renew-global-submenu>dt{width:100%;overflow:hidden}.renew-global-submenu>dt img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}}@media print{.renew-global-submenu{display:none}}@media screen and (min-width: 819px){.renew-global-submenu>dd{padding:60px 56px;background-repeat:no-repeat;background-position:left 56px bottom;background-size:calc(100% - 112px) auto}.renew-global-submenu>dd.kojin{background-image:url(../img/renew_img/bg_kojin.png)}.renew-global-submenu>dd.houjin{background-image:url(../img/renew_img/bg_houjin.png)}.renew-global-submenu>dd.kigyou{background-image:url(../img/renew_img/bg_kigyou.png)}.renew-global-submenu>dd.kankyou{background-image:url(../img/renew_img/bg_kankyou.png)}.renew-global-submenu>dd.esg{background-image:url(../img/renew_img/bg_esg.png)}.renew-global-submenu>dd.ir{background-image:url(../img/renew_img/bg_ir.png)}}.renew-global-submenu>dd a{text-decoration:none;color:#004896 !important}.renew-global-submenu>dd>h2 a{display:block;line-height:1.2;padding:.6em 1em;font-size:2rem;font-weight:bold;border:1px solid #004896;border-radius:4px;background:url(../img/renew_img/arrow_circle.svg) no-repeat center right 8px}@media screen and (min-width: 819px){.renew-global-submenu>dd>h2 a{color:#004896 !important}}@media screen and (max-width: 818px){.renew-global-submenu>dd{padding:4vw}.renew-global-submenu>dd>h2 a{font-size:min(4vw,1.8rem);padding:1em 1em}}.renew-global-submenu>dd>ul{margin-top:16px}.renew-global-submenu>dd>ul li{position:relative;display:inline-block;margin:1em 4em 0 0;padding-left:12px}.renew-global-submenu>dd>ul li::before{position:absolute;left:0;top:.5em;content:"";width:6px;height:6px;border-radius:50%;background-color:#004896}.renew-global-submenu>dd>ul li br{display:none}@media screen and (max-width: 818px){.renew-global-submenu>dd>ul{font-size:min(3.6vw,1.6rem);margin-top:1em}.renew-global-submenu>dd>ul>li{display:block;margin:0;padding:1em 0 1em 12px;line-height:1.4}.renew-global-submenu>dd>ul>li::before{top:1.5em}.renew-global-submenu>dd>ul>li br{display:block}}@media screen and (max-width: 818px){.renew-global-submenu>dt{display:none}}.renew-hamburger{display:none}@media screen and (max-width: 818px){.renew-hamburger{display:block;position:relative;width:64px;height:64px;z-index:6;background-color:#4f86c6;cursor:pointer}.renew-hamburger>div{position:absolute;transition:all .5s ease}.renew-hamburger>div:not(:last-of-type){left:20px;width:24px;height:2px;background:#fff}.renew-hamburger>div:first-of-type{top:16px}.renew-hamburger>div:nth-child(2){top:24px}.renew-hamburger>div:nth-child(3){top:32px}.renew-hamburger>div:last-of-type{top:38px;left:17px;font-size:10px;color:#fff}.renew-hamburger.open>div:first-of-type{transform:translateY(8px) translateX(0) rotate(45deg)}.renew-hamburger.open>div:nth-child(2){opacity:0}.renew-hamburger.open>div:nth-child(3){transform:translateY(-8px) translateX(0) rotate(-45deg)}}.c-emergency-large section,.c-emergency-small section{font-size:1.8rem;padding:32px 5%;line-height:1.8 !important}@media(max-width: 640px){.c-emergency-large section,.c-emergency-small section{font-size:min(4.3vw,1.8rem)}}.c-emergency-large section h1,.c-emergency-small section h1{font-size:3rem;font-weight:bold;padding-left:1.5em;margin-bottom:16px;line-height:1.4}@media(max-width: 640px){.c-emergency-large section h1,.c-emergency-small section h1{font-size:min(6vw,3rem)}}.c-emergency-large section h2,.c-emergency-large section h3,.c-emergency-large section h4,.c-emergency-large section h5,.c-emergency-large section h6,.c-emergency-small section h2,.c-emergency-small section h3,.c-emergency-small section h4,.c-emergency-small section h5,.c-emergency-small section h6{margin:16px 0;padding:0;font-weight:bold}.c-emergency-large section h2,.c-emergency-small section h2{font-size:2.6rem}.c-emergency-large section h3,.c-emergency-small section h3{font-size:2.4rem;padding-left:8px}.c-emergency-large section h4,.c-emergency-small section h4{font-size:2rem;border-left:none}.c-emergency-large section h5,.c-emergency-small section h5{font-size:1.8rem;border:none;padding-left:8px}.c-emergency-large section p,.c-emergency-small section p{margin-bottom:1em}.c-emergency-large section a,.c-emergency-small section a{color:#fff !important;text-decoration:underline !important}.c-emergency-large section a.button,.c-emergency-small section a.button{display:inline-block;margin-bottom:.5em;padding:.8em 3em .8em 1em;color:#c3103a !important;text-decoration:none !important;border-radius:4px;font-weight:bold;background:#fff url(../img/renew_img/open_in_new.svg) no-repeat center right 1em/.9em auto;line-height:1.4}@media(max-width: 640px){.c-emergency-large section a.button,.c-emergency-small section a.button{display:block}}.c-emergency-large section a.button .icon--other,.c-emergency-small section a.button .icon--other{display:none}.c-emergency-large{margin-bottom:0 !important;padding:0 !important}.c-emergency-large section{color:#fff;background-color:#c3103a}@media(max-width: 640px){.c-emergency-large section{margin-bottom:32px}}.c-emergency-large section h1{background:url(../img/renew_img/warning.svg) no-repeat top .3em left/1em auto}.c-emergency-large section h2{color:#fff;border-bottom:3px double #fff}.c-emergency-large section h3{border:1px solid #fff;background-color:#c3103a;border-left:8px solid #fff}.c-emergency-large section h4{border-bottom:1px dotted #fff}.c-emergency-large section h5{color:#c3103a;background-color:#fff}.c-emergency-large section a{color:#fff !important}.c-emergency-large section .emergency-text{padding:0;font-size:1.8rem}.c-emergency-large section .emergency-text>p:last-of-type{margin-bottom:0}@media(max-width: 640px){.c-emergency-large section .emergency-text{font-size:min(4vw,1.8rem)}}.c-emergency-large section .icon--other{background-image:url(../img/renew_img/open_in_new_white.svg)}.c-emergency-large section.pink{color:#fff;color:#db1946;background-color:#fff8f8}.c-emergency-large section.pink a{color:#db1946 !important}.c-emergency-large section.pink a.button{border:1px solid #db1946}.c-emergency-large section.pink h1{background-image:url(../img/renew_img/warning_red.svg)}.c-emergency-large section.pink h2{color:#c3103a;border-color:#c3103a}.c-emergency-large section.pink h3{border-color:#c3103a;background-color:#fff;border-left-color:#c3103a}.c-emergency-large section.pink h4{border-color:#c3103a}.c-emergency-large section.pink h5{color:#fff;background-color:#c3103a}.c-emergency-large section.pink .icon--other{background-image:url(../img/renew_img/open_in_new.svg)}.c-emergency-large section.blue{background-color:#004896}.c-emergency-large section.blue h2{color:#fff;border-bottom:3px double #fff}.c-emergency-large section.blue h3{background-color:#004896}.c-emergency-large section.blue h5{color:#004896}.c-emergency-large section.blue a.button{color:#004896 !important;background-image:url(../img/renew_img/open_in_new_blue.svg)}.c-emergency-large section.yellow{color:#000;background-color:#fff14e}.c-emergency-large section.yellow a{color:#000 !important}.c-emergency-large section.yellow a.button{border:1px solid #000;background-image:url(../img/renew_img/open_in_new_black.svg)}.c-emergency-large section.yellow h1{background-image:url(../img/renew_img/warning_black.svg)}.c-emergency-large section.yellow h2{color:#000;border-color:#000}.c-emergency-large section.yellow h3{border-color:#000;background-color:#fff;border-left-color:#000}.c-emergency-large section.yellow h4{border-color:#000}.c-emergency-large section.yellow h5{color:#fff;background-color:#000}.c-emergency-large section.yellow .icon--other{background-image:url(../img/renew_img/open_in_new_black.svg)}.c-emergency-small{margin-bottom:0 !important;padding:0 !important;border:none !important}.c-emergency-small section{color:#db1946;background-color:#fff8f8;border-bottom:none}.c-emergency-small section:not(:first-of-type){padding-top:32px;border-top:1px dotted #db1946}.c-emergency-small section .inner{width:100%;border:none}.c-emergency-small section .inner>p:last-of-type{margin-bottom:0}.c-emergency-small section h1{background:url(../img/renew_img/warning_red.svg) no-repeat top .3em left/1em auto}.c-emergency-small section a{color:#db1946 !important}.c-emergency-small section a.button{border:1px solid #db1946}.c-emergency-small section h2{background-color:rgba(0,0,0,0);border-bottom:3px double #db1946}.c-emergency-small section h3{border:1px solid #db1946;background-color:#fff;border-left:8px solid #db1946}.c-emergency-small section h4{border-bottom:1px dotted #db1946}.c-emergency-small section h5{color:#fff;background-color:#db1946}.c-emergency-small section .icon--other{background-image:url(../img/renew_img/open_in_new.svg)}.c-emergency-small section.red{color:#fff;background-color:#db1946}.c-emergency-small section.red h1{background-image:url(../img/renew_img/warning.svg)}.c-emergency-small section.red a{color:#fff !important}.c-emergency-small section.red a.button{color:#db1946 !important;border:none}.c-emergency-small section.red section:not(:first-of-type){border-top:1px dotted #fff}.c-emergency-small section.red h2{color:#fff;border-color:#fff}.c-emergency-small section.red h3{border-color:#fff;background-color:#db1946}.c-emergency-small section.red h4{border-color:#fff}.c-emergency-small section.red h5{color:#db1946;background-color:#fff}.c-emergency-small section.red .icon--other{background-image:url(../img/renew_img/open_in_new_white.svg)}.c-emergency-small section.blue{color:#004896;background-color:#e9f5ff}.c-emergency-small section.blue:not(:first-of-type){border-top:1px solid #fff}.c-emergency-small section.blue h1{background-image:url(../img/renew_img/warning_blue.svg)}.c-emergency-small section.blue a{color:#004896 !important}.c-emergency-small section.blue a.button{border-color:#004896;background-image:url(../img/renew_img/open_in_new_blue.svg)}.c-emergency-small section.blue h2{color:#004896;border-color:#004896}.c-emergency-small section.blue h3{border-color:#004896;background-color:#fff}.c-emergency-small section.blue h4{border-color:#004896}.c-emergency-small section.blue h5{color:#fff;background-color:#004896}.c-emergency-small section.blue .icon--other{background-image:url(../img/renew_img/open_in_new_blue.svg)}.c-emergency-small section.yellow{color:#000;background-color:#fff14e}.c-emergency-small section.yellow:not(:first-of-type){border-top:1px solid #fff}.c-emergency-small section.yellow h1{background-image:url(../img/renew_img/warning_black.svg)}.c-emergency-small section.yellow a{color:#000 !important}.c-emergency-small section.yellow a.button{border-color:#000;background-image:url(../img/renew_img/open_in_new_black.svg)}.c-emergency-small section.yellow h2{color:#000;border-color:#000}.c-emergency-small section.yellow h3{border-color:#000;background-color:#fff}.c-emergency-small section.yellow h4{border-color:#000}.c-emergency-small section.yellow h5{color:#fff;background-color:#000}.c-emergency-small section.yellow .icon--other{background-image:url(../img/renew_img/open_in_new_black.svg)}.renew-main-image{display:flex;justify-content:space-between;width:100%;min-width:1220px;height:44vw;min-height:532px;margin-bottom:64px;position:relative}@media(max-width: 640px){.renew-main-image{flex-direction:column;min-width:auto;height:auto;min-height:auto;margin-bottom:32px}}.renew-slide-container{width:71%;height:44vw;min-height:532px;position:relative;z-index:1}@media(max-width: 640px){.renew-slide-container{width:100%;height:62.1333333333vw;min-height:auto;overflow:hidden}}.renew-slide-container .slide-img{overflow:hidden;width:70%;height:44vw;min-height:532px}@media(max-width: 640px){.renew-slide-container .slide-img{width:100%;height:62.1333333333vw;min-height:auto}}.renew-slide-container img{transition:all .5s ease;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.renew-slide-container a:hover img{filter:brightness(1.2)}.renew-main-banner{width:29%}@media(max-width: 640px){.renew-main-banner{width:100%}}.renew-main-banner ul{width:100%;height:44vw;min-height:532px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end}@media(max-width: 640px){.renew-main-banner ul{width:100%;height:auto;min-height:auto;padding:0 5%;gap:10px}}.renew-main-banner ul>li{width:28.2822580645vw;min-width:334px;height:10.5vw;min-height:124px;position:relative}@media(max-width: 640px){.renew-main-banner ul>li{width:100%;min-width:auto;height:37.125748503%;min-height:auto;margin:0 auto}}.renew-main-banner ul>li a{position:relative;display:block;width:100%;height:100%}.renew-main-banner ul>li a span{position:absolute;display:inline-block;z-index:2;right:0;bottom:0;font-size:1.6rem;color:#004896;font-weight:bold;padding:.4em 3em .4em 1em;border-top-left-radius:8px;background:#fff url(../img/renew_img/arrow_circle.svg) no-repeat center right 1em/1em auto;max-width:30ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.renew-main-banner ul>li a:hover img{filter:brightness(0.8)}.renew-main-banner ul>li img{transition:all .5s ease;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.renew-main-slide-button{position:absolute;top:max(44vw,532px);width:71%;height:64px;display:flex;justify-content:center;align-items:center;gap:16px}@media(max-width: 640px){.renew-main-slide-button{position:relative;top:auto;width:100%}}.renew-main-slide-button button.renew-button-pause{position:relative;font-size:0px;width:30px;height:30px;background-color:#004896;border-radius:4px;cursor:pointer}.renew-main-slide-button button.renew-button-pause::after{content:"";position:absolute;left:0;top:0;width:30px;height:30px;background:url(../img/renew_img/pause.svg) no-repeat center center/contain}.renew-main-slide-button button.renew-button-pause.is-active::after{background-image:url(../img/renew_img/play.svg)}.renew-main-slide-button .renew-dots .slick-dots{display:flex;justify-content:center;gap:16px}.renew-main-slide-button .renew-dots .slick-dots li button{display:block;width:12px;height:12px;background-color:#ccc;border-radius:8px;box-sizing:content-box;font-size:0;transition:.3s;cursor:pointer}.renew-main-slide-button .renew-dots .slick-dots li.slick-active button{background-color:#0a52a7}.renew-att{background-color:#fff8f8;margin-top:64px;padding:24px;display:flex;flex-wrap:wrap;font-weight:bold}@media(max-width: 640px){.renew-att{display:block}}.renew-att dt{flex-basis:280px;display:flex;align-items:center;gap:16px}.renew-att dt img{width:107px}@media(max-width: 640px){.renew-att dt img{width:29vw}}.renew-att dt span{color:#db1946}@media(max-width: 640px){.renew-att dt{font-size:min(4vw,1.6rem)}}.renew-att dd{position:relative;font-size:1.4rem;flex-basis:calc(100% - 280px);margin-left:auto;padding:.4em 2em}@media(min-width: 641px){.renew-att dd{border-left:1px solid #e5d9d9}.renew-att dd:not(:first-of-type){margin-top:.5em}}@media(max-width: 640px){.renew-att dd{padding:.5em 2em .5em 0}.renew-att dd:first-of-type{margin-top:1em}}.renew-att dd::after{position:absolute;right:0;top:50%;transform:translateY(-50%);content:"";width:1em;height:1em;background:url(../img/renew_img/arrow_circle_red.svg) no-repeat center center/contain}.renew-att dd a{color:#333 !important;text-decoration:underline !important}.column-user{margin-top:64px;display:flex;justify-content:space-between}@media(min-width: 641px){.column-user{padding-bottom:34px;border-bottom:1px solid #e5e5e5}}@media(max-width: 640px){.column-user{flex-direction:column;gap:28px}}.column-user__inner{flex-basis:calc((100% - 40px)/2)}.column-user__wrapper{display:flex;justify-content:space-between;gap:10px;flex-direction:row-reverse}@media(max-width: 640px){.column-user__wrapper{flex-direction:column;gap:20px}}.column-user--title{display:flex;justify-content:space-between;margin-bottom:20px;gap:16px}.column-user--title h2{flex:1;letter-spacing:.15em;position:relative;display:flex;align-items:center;font-size:2.4rem;font-weight:bold;color:#004896;border-bottom:1px solid #e3e3e3}@media(max-width: 640px){.column-user--title h2{font-size:min(5.5vw,2.4rem)}}.column-user--title h2::after{position:absolute;left:0;bottom:0;content:"";width:90px;height:1px;background-color:#004896}.column-user--title h2 img{margin-right:8px}.column-user a img{transition:all .5s ease}.column-user a:hover img{filter:brightness(0.9)}.column-bnr{margin-top:34px;display:flex;justify-content:space-between;align-items:center}@media(max-width: 640px){.column-bnr{margin-top:20px;flex-direction:column}}.column-bnr__inner01{flex-basis:380px}.column-bnr__inner01 img{width:380px}.column-bnr__inner01 a{transition:all .5s ease}.column-bnr__inner01 a:hover img{filter:brightness(1.1)}@media(max-width: 640px){.column-bnr__inner01{margin-top:16px;padding-top:24px;border-top:1px dashed #004896;flex-basis:100%}.column-bnr__inner01 img{width:100%}}.column-bnr__inner02{flex-basis:236px}.column-bnr__inner02 h2{font-size:1.6rem;font-weight:bold;padding-left:1.5em;background:url(../img/renew_img/cinematic.svg) no-repeat center left/1em 1em;line-height:1.2}@media(min-width: 641px){.column-bnr__inner02 h2 br{display:none}}.column-bnr__inner02 ul{margin-top:8px;display:flex;align-items:center;gap:12px}.column-bnr__inner02 ul img{width:32px;height:auto}@media(max-width: 640px){.column-bnr__inner02{flex-basis:100%;width:100%;display:flex;justify-content:space-between;align-items:center;margin:16px 0 32px}.column-bnr__inner02 h2{font-size:min(4.5vw,1.6rem)}.column-bnr__inner02 ul{justify-content:flex-end}.column-bnr__inner02 ul img{width:8vw}}.column-bnr__inner03{flex-basis:566px;padding-left:32px;border-left:1px dashed #004896}@media(max-width: 640px){.column-bnr__inner03{flex-basis:100%;padding-left:0;padding-top:32px;border-left:none;border-top:1px dashed #004896}}.column-bnr__inner03 a{text-decoration:none}.column-bnr__inner03 h2 a{display:block;font-size:1.8rem;font-weight:bold;line-height:1;padding:.8em;color:#fff !important;background:#004896 url(../img/renew_img/open_in_new_white.svg) no-repeat center right 1em/.8em .8em;border-radius:4px;text-align:center;transition:all .5s ease}.column-bnr__inner03 h2 a:hover{background-color:#0060c9}@media(max-width: 640px){.column-bnr__inner03 h2 a{font-size:1.6rem}}.column-bnr__inner03 ul{display:flex;gap:8px;margin-top:8px}.column-bnr__inner03 ul>li{flex-basis:calc((100% - 16px)/3)}.column-bnr__inner03 ul>li>a{display:flex;justify-content:center;align-items:center;width:100%;min-height:3em;font-weight:bold;padding:.9em .5em;color:#004896 !important;background-color:#fff;border-radius:4px;filter:drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));border-bottom:3px solid #004896;transition:all .5s ease}.column-bnr__inner03 ul>li>a::before,.column-bnr__inner03 ul>li>a::after{display:inline-block;content:"";background-repeat:no-repeat;background-position:center center;background-size:contain}.column-bnr__inner03 ul>li>a::before{width:1.8em;height:1.8em;margin-right:.5em}.column-bnr__inner03 ul>li>a::after{width:1em;height:1em;background-image:url(../img/renew_img/open_in_new_blue.svg);margin-left:.5em}.column-bnr__inner03 ul>li>a.light_off::before{background-image:url(../img/renew_img/light_off.svg)}.column-bnr__inner03 ul>li>a.thunder::before{background-image:url(../img/renew_img/thunderstorm.svg)}.column-bnr__inner03 ul>li>a.electric::before{background-image:url(../img/renew_img/electric.svg)}.column-bnr__inner03 ul>li>a:hover{background-color:#e3f0ff}@media(max-width: 640px){.column-bnr__inner03 ul>li>a{flex-wrap:wrap;height:7em;font-size:min(3.5vw,1.4rem)}.column-bnr__inner03 ul>li>a::before{display:block;width:8vw;height:8vw;margin:0 8vw 4px}}.renew-topics{margin-top:64px}@media(min-width: 641px){.renew-topics{padding-left:32px;min-width:1220px}}.renew-topics__container{background-color:#f2f5fa}@media(min-width: 641px){.renew-topics__container{padding:80px 0 80px 56px;border-top-left-radius:10px;border-bottom-left-radius:10px}}@media(max-width: 640px){.renew-topics__container{padding:56px 5%}}.renew-topics__inner{display:grid;grid-template-columns:366px auto;grid-template-rows:1.5fr 1.5fr 1fr;grid-column-gap:64px;grid-row-gap:0px}@media(max-width: 640px){.renew-topics__inner{display:block}}.renew-topics__ttl{grid-area:1/1/2/2}.renew-topics__ttl h2{display:flex;align-items:center;font-size:1.6rem;font-weight:bold}.renew-topics__ttl h2 img{width:184px}@media(max-width: 640px){.renew-topics__ttl h2 img{width:35vw}}.renew-topics__ttl h2 span{color:#004896;display:inline-block;margin:0 .5em 0 2em}@media(max-width: 640px){.renew-topics__ttl h2 span{margin:0 .5em 0 1em}}.renew-topics__ttl p{margin-top:2em}@media(max-width: 640px){.renew-topics__ttl p{font-size:4vw}}.renew-topics__slider{grid-area:1/2/4/3;overflow-x:hidden}@media(max-width: 640px){.renew-topics__slider{margin-top:24px}}.renew-topics__slider .topics-img{position:relative;width:500px;height:333px;margin-right:20px}@media(max-width: 640px){.renew-topics__slider .topics-img{width:100%;height:66.6%;margin-right:0}}.renew-topics__slider .topics-img a{display:block;width:100%;height:100%}.renew-topics__slider .topics-img .img{width:100%;height:100%;border-radius:10px;overflow:hidden}.renew-topics__slider .topics-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:all .5s ease}.renew-topics__slider .topics-img a:hover img{filter:brightness(1.2)}.renew-topics__slider .topics-img .txt{position:absolute;left:0;bottom:0;width:100%;font-size:1.6rem;color:#fff !important;font-weight:bold;padding:1em 1em .5em;background:linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 100%);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.renew-topics__slider .topics-img .txt::after{position:absolute;bottom:1em;right:1em;content:"";width:1em;height:1em;background:url(../img/renew_img/arrow_circle_white.svg) no-repeat center center/contain}.renew-topics__slider .topics-img .txt>span{position:relative;display:inline-block;max-width:34ch;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width: 640px){.renew-topics__slider .topics-img .txt{position:relative;font-size:4vw;color:#004896 !important;padding:.6em 0;background:none}.renew-topics__slider .topics-img .txt::after{background-image:url(../img/renew_img/arrow_circle.svg);bottom:1.3em}.renew-topics__slider .topics-img .txt>span{max-width:28ch}}.renew-topics__control{grid-area:3/1/4/2;align-self:end;display:flex;justify-content:space-between;align-items:center;gap:24px}@media(max-width: 640px){.renew-topics__control{margin-top:24px}}.renew-topics__control .info{display:flex;justify-content:center;align-items:center;gap:10px}.renew-topics__control .arrow{position:relative;display:inline-block;width:30px;height:30px;background-color:#fff;border-radius:4px;cursor:pointer;filter:drop-shadow(0 0 2px rgba(0, 0, 0, 0.2));transition:all .5s ease}.renew-topics__control .arrow:hover{background-color:#e3f0ff}.renew-topics__control .arrow.prev::after,.renew-topics__control .arrow.next::after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:"Font Awesome 5 Free";font-weight:900;font-size:20px;color:#004896}.renew-topics__control .arrow.prev::after{content:""}.renew-topics__control .arrow.next::after{content:""}.renew-topics__control .pause-play{position:relative;display:inline-block;width:30px;height:30px;background-color:#004896;border-radius:4px;cursor:pointer;transition:all .5s ease}.renew-topics__control .pause-play:hover{background-color:#0060c9}.renew-topics__control .pause-play::after{position:absolute;top:0;left:0;width:30px;height:30px;content:"";background:url(../img/renew_img/pause.svg) no-repeat center center/contain}.renew-topics__control .pause-play.on::after{background-image:url(../img/renew_img/play.svg)}.renew-topics__control .progress{position:relative;height:6px;background:#c2d2e6;margin:10px 0;width:100%;cursor:pointer}.renew-topics__control .progress-bar{position:absolute;top:0;left:0;height:100%;width:0;background:#004896;transition:width .3s ease}.renew-topics__control .counter{white-space:nowrap;letter-spacing:-0.06em;font-size:2.4rem}.renew-topics__control .counter .current{font-size:3rem;color:#004896}.renew-topics__control .counter .total{font-size:1.6rem}.renew-topics__link{grid-area:2/1/3/2}@media(max-width: 640px){.renew-topics__link{margin-top:32px}}.renew-blog{position:relative;margin-top:-80px;padding-top:160px;z-index:-1;display:grid;grid-template-columns:repeat(2, auto);grid-template-rows:repeat(2, auto);grid-column-gap:120px;grid-row-gap:56px}@media(min-width: 641px){.renew-blog::after{position:absolute;top:0;left:50%;content:"";width:1px;height:100%;background-color:#e5e5e5}}@media(max-width: 640px){.renew-blog{display:block;margin-top:64px}}.renew-blog__press{grid-area:1/1/3/2}.renew-blog__press .press-link{text-decoration:none;margin-top:24px;display:inline-block;color:#fff !important;font-weight:bold;border-radius:4px;background-color:#004896;background-repeat:no-repeat;background-size:1em 1em;background-position:center left 1em,center right 1em;background-image:url(../img/renew_img/mail_white.svg),url(../img/renew_img/arrow_circle_white.svg);padding:.8em 3em;transition:all .5s ease}.renew-blog__press .press-link:hover{background-color:#0060c9}@media(max-width: 640px){.renew-blog__press .press-link{display:block;background-size:1.4em 1em,1em 1em;background-position:top 1.25em left 1em,center right 1em;padding:1em 3em}}.renew-blog__info{grid-area:1/2/2/3}@media(max-width: 640px){.renew-blog__info{margin-top:64px}}.renew-blog__update{grid-area:2/2/3/3}@media(max-width: 640px){.renew-blog__update{margin-top:64px}}.renew-blog__container{display:grid;grid-template-columns:5fr 1fr 2fr;grid-template-rows:repeat(3, auto);grid-column-gap:8px;grid-row-gap:8px}@media(max-width: 640px){.renew-blog__container{grid-template-columns:repeat(3, auto)}}.renew-blog__title{grid-area:1/1/2/2}.renew-blog__title img{max-height:50px}.renew-blog__name{grid-area:2/1/3/4;font-size:1.6rem;font-weight:bold;padding-bottom:1em}.renew-blog__name::first-letter{color:#004896}@media(max-width: 640px){.renew-blog__name{grid-area:1/2/2/3;align-self:center;letter-spacing:0;font-size:min(4vw,1.6rem);padding-bottom:0}}.renew-blog__rss{grid-area:1/2/2/3;align-self:center;justify-self:end}@media(max-width: 640px){.renew-blog__rss{grid-area:1/3/2/4}}.renew-blog__rss a{font-weight:bold;color:#c4540e !important;text-decoration:none !important}.renew-blog__rss a:hover{filter:brightness(1.2)}.renew-blog__rss a img{vertical-align:baseline;margin-right:6px}.renew-blog__list{grid-area:3/1/4/4;border-top:1px solid #e5e5e5}@media(max-width: 640px){.renew-blog__list{grid-area:2/1/3/4}}.renew-blog__list dl dt{padding:24px 0 8px;color:#333;font-size:1.2rem}.renew-blog__list dl dd{padding:8px 0 20px;border-bottom:1px solid #e5e5e5}.renew-blog__list dl dd a{color:#004896 !important}.renew-blog__list dl dd a:hover,.renew-blog__list dl dd a:focus,.renew-blog__list dl dd a:visited{color:#333 !important}.renew-blog__link{grid-area:1/3/2/4;justify-self:end}@media(max-width: 640px){.renew-blog__link{grid-area:3/1/4/4;margin-top:16px;justify-self:stretch}.renew-blog__link>a{display:block}}.renew-banner-text{width:1100px;margin:64px auto}@media(max-width: 640px){.renew-banner-text{width:90%}}.renew-banner-text>ul{display:flex;flex-wrap:wrap;gap:12px}.renew-banner-text>ul>li{flex-basis:calc((100% - 36px)/4)}@media(max-width: 640px){.renew-banner-text>ul>li{flex-basis:calc((100% - 12px)/2)}}.renew-banner-text>ul>li>a{text-decoration:none;display:flex;align-items:center;width:100%;min-height:5em;font-weight:bold;padding:1em 3em 1em 1em;color:#004896 !important;border:1px solid #d6e2ed;border-radius:4px;background:url(../img/renew_img/arrow_circle.svg) no-repeat center right 1em/1em auto;transition:all .5s ease}.renew-banner-text>ul>li>a[target=_blank]{background-image:url(../img/renew_img/open_in_new_blue.svg)}.renew-banner-text>ul>li>a:hover{background-color:#e3f0ff}@media(max-width: 640px){.renew-banner-text>ul>li>a{height:100%;padding:.6em 2.6em .6em .6em}.renew-banner-text>ul>li>a br{display:none}}.page-top{position:fixed;bottom:16px;right:16px;z-index:1;width:80px;height:80px;font-size:0;color:rgba(0,0,0,0);background-color:rgba(0,72,150,.8);border-radius:50%;display:block}.page-top::after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";width:32px;height:46px;background:url(../img/renew_img/page_top.png) no-repeat center center/contain}.page-top:hover{background-color:rgba(0,72,150,.6)}.site-footer{letter-spacing:.1em;margin-top:64px}@media(min-width: 641px){.site-footer{min-width:1220px}}.site-footer>nav{padding:56px 0;line-height:1.5;position:relative;background:url(../img/renew_img/renew_footer_bg.jpg) no-repeat center center/cover}@media(max-width: 640px){.site-footer>nav{padding:32px 0}}.site-footer>nav::after{position:absolute;left:0;top:0;width:100%;height:100%;content:"";background-color:rgba(0,72,150,.8)}.site-footer .inner{position:relative;z-index:1;width:100%}.site-footer .inner a{color:#fff !important;text-decoration:none}.site-footer .inner a:hover{text-decoration:underline}.site-footer .footer-nav{display:flex;gap:48px;width:1220px;margin-left:auto;margin-right:auto;padding-bottom:2em;border-bottom:1px solid rgba(255,255,255,.2)}@media(max-width: 640px){.site-footer .footer-nav{display:none}}.site-footer .footer-nav>dl{flex-basis:calc((100% - 144px)/4)}.site-footer .footer-nav>dl dt{font-size:1.6rem;font-weight:bold;padding:1em 0;border-bottom:1px solid rgba(255,255,255,.2);background:url(../img/renew_img/arrow_circle_white.svg) no-repeat center right/1em auto}.site-footer .footer-nav>dl dd ul{list-style:disc;color:#fff;font-size:1.5rem;margin:1em 0 0 1.5em}.site-footer .footer-nav>dl dd ul li{margin-bottom:1em}.site-footer .footer-menu{width:1220px;margin:40px auto 0}@media(max-width: 640px){.site-footer .footer-menu{width:100%;padding:0 5%;margin-top:0;font-size:min(4vw,1.4rem)}}.site-footer .footer-menu>li{position:relative;display:inline-block;padding:.5em 2em .5em 0}@media(max-width: 640px){.site-footer .footer-menu>li{padding:.9em 2em .9em 0}}.site-footer .footer-menu>li::before{display:inline-block;content:"";width:12px;height:12px;margin-right:4px;background:url(../img/renew_img/arrow_right_white.svg) no-repeat center center/contain}.site-footer .footer-menu>li span.icon--pdf{background-image:url(../img/renew_img/pdf_white.svg);margin:0 4px -0.4em 8px}.site-footer .footer-menu>li span.icon--other{background-image:url(../img/renew_img/open_in_new_white.svg);margin:0 0 -0.2em}.copyright{width:1220px;margin:0 auto;padding-top:40px;padding-bottom:56px}.copyright .inner{width:100%;display:flex;justify-content:space-between}.copyright .inner img{max-width:215px}.copyright .inner p{text-align:right;font-size:1.2rem;line-height:2;color:#333}@media(max-width: 640px){.copyright{width:90%;padding-top:32px;padding-bottom:40px}.copyright .inner{display:block}.copyright .inner img{max-width:auto;width:imn(60vw, 215px)}.copyright .inner p{margin-top:16px;text-align:left;font-size:min(2.3vw,1.2rem)}}.topics-container{margin-top:40px;display:flex;flex-wrap:wrap;-moz-column-gap:20px;column-gap:20px;row-gap:40px}@media(max-width: 640px){.topics-container{margin-top:24px;justify-content:center}}.topics-container .topics-img{width:320px;border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.42);overflow:hidden}@media(max-width: 640px){.topics-container .topics-img{width:min(90%,320px)}}.topics-container a{display:block;color:#333;text-decoration:none;transition:all .5s ease}.topics-container a .img{width:320px;height:213px}@media(max-width: 640px){.topics-container a .img{width:100%;height:66.5625%}}.topics-container a .img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.topics-container a .txt{padding:1em;background-color:#fff;min-height:4em}@media(max-width: 640px){.topics-container a .txt{min-height:auto}}@media(any-hover: hover)and (pointer: fine){.topics-container a:hover{filter:brightness(0.95)}}