@charset "UTF-8";
/* Scss Document */
@media print, screen and (min-width: 768px) {
  /* ------------------------------------------------------------------------------------------ 
  base
  ------------------------------------------------------------------------------------------ */
  /* normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css  */
  html {
    font-family: Hiragino Kaku Gothic Pro,Yu Gothic,Meiryo,sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }

  body, dl, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul {
    margin: 0; }

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

  audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline; }

  audio:not([controls]) {
    display: none;
    height: 0; }

  [hidden], template {
    display: none; }

  dd, dt, li, p, pre, td, th {
    -ms-line-break: strict;
    line-break: strict;
    -ms-word-break: break-strict;
    word-break: break-strict; }

  a {
    background-color: transparent; }

  a:active, a:hover {
    outline: 0; }

  abbr[title] {
    border-bottom: 1px dotted; }

  b, strong {
    font-weight: 700; }

  dfn {
    font-style: italic; }

  mark {
    background: #ff0;
    color: #000; }

  small {
    font-size: 80%; }

  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

  sup {
    top: -.5em; }

  sub {
    bottom: -.25em; }

  img {
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle; }

  svg:not(:root) {
    overflow: hidden; }

  figure {
    margin: 1em 40px; }

  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }

  pre {
    overflow: auto; }

  code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em; }

  button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0; }

  button {
    overflow: visible; }

  button, select {
    text-transform: none; }

  button, html input[type="button"], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer; }

  button[disabled], html input[disabled] {
    cursor: default; }

  button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0; }

  input {
    line-height: normal; }

  input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0; }

  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }

  input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em; }

  legend {
    border: 0;
    padding: 0; }

  textarea {
    overflow: auto; }

  optgroup {
    font-weight: 700; }

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

  td, th {
    padding: 0; }

  /* Iam DesignNetwork Corporation base  */
  /* ------------------------------------------------------------------------------------------ 
  Iam DesignNetwork Corporation base
  ------------------------------------------------------------------------------------------ */
  /*--- body ---*/
  @font-face {
    font-family: "YuGothic M";
    src: local("Yu Gothic Medium"); }
  html {
    font-size: 62.5%; }

  body {
    max-width: 100%;
    max-height: 100%;
    font-family: "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
    font-weight: 500;
    *font-size: small;
    *font: x-small;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background-color: #fff;
    /*min-width: 980px;*/
    /*min-width: 1300px;*/ }

  /*body {
  	max-width: 100%;
  	max-height: 100%;
  	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
    font-family: 'Noto Sans JP', sans-serif, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic", Arial, Helvetica;
  	font-weight: 500;
  	*font-size:small;
  	*font-size:x-small;
  	font-size: 16px;
  	line-height: 1.6;
  	color: #000;
  	
  	-webkit-text-size-adjust: 100%;
  	-moz-text-size-adjust: 100%;
  	-ms-text-size-adjust: 100%;
  	-o-text-size-adjust: 100%;
  	text-size-adjust: 100%;
  	background-color: #fff;
  }*/
  /* img */
  img {
    border: none;
    vertical-align: middle;
    max-width: 100%; }

  /* ul, ol */
  ul, ol {
    list-style: none;
    padding: 0;
    margin: 0; }

  /* box-sizing */
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-break: normal;
    word-wrap: break-word; }

  /*--- font ---*/
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  p, th, td, li {
    font-feature-settings: "palt" 1;
    letter-spacing: 0.05em; }

  .fwb {
    font-weight: bold; }

  .fwn {
    font-weight: normal; }

  .tal {
    text-align: left; }

  .tac {
    text-align: center; }

  .tar {
    text-align: right; }

  /* FontSize = fs */
  /* Relative FontSize = fsr */
  .fsr10 {
    font-size: 62.5%; }

  .fsr11 {
    font-size: 68.75%; }

  .fsr12 {
    font-size: 75%; }

  .fsr13 {
    font-size: 81.25%; }

  .fsr14 {
    font-size: 87.5%; }

  .fsr15 {
    font-size: 93.75%; }

  .fsr16 {
    font-size: 100%; }

  .fsr17 {
    font-size: 106.25%; }

  .fsr18 {
    font-size: 112.5%; }

  .fsr19 {
    font-size: 118.75%; }

  .fsr20 {
    font-size: 125%; }

  .fsr21 {
    font-size: 131.25%; }

  .fsr22 {
    font-size: 137.5%; }

  .fsr23 {
    font-size: 143.75%; }

  .fsr24 {
    font-size: 150%; }

  .fsr25 {
    font-size: 156.25%; }

  .fsr26 {
    font-size: 162.5%; }

  .fsr27 {
    font-size: 168.75%; }

  .fsr28 {
    font-size: 175%; }

  .fsr29 {
    font-size: 181.25%; }

  .fsr30 {
    font-size: 187.5%; }

  .font_roboto {
    font-family: 'Roboto Condensed', sans-serif; }

  /*--- float clear class ---*/
  .clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

  .clearfix {
    display: inline-block;
    min-height: 1%;
    /* for IE 7*/ }

  /* Hides from IE-mac \*/
  * html .clearfix {
    height: 1%; }

  .clearfix {
    display: block; }

  /*--- a href color ---*/
  a {
    color: #002CB2; }

  a:hover,
  a:focus {
    color: #8C008C;
    text-decoration: underline; }

  a:visited {
    color: #002CB2; }

  a:visited:hover {
    color: #8C008C; }

  /*--- a img hover ---*/
  a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

  a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70); }

  /*--- ul ol ---*/
  .list_decimal {
    list-style: decimal outside;
    padding-left: 20px !important; }

  .list_decimal li + li {
    margin-top: 1em; }

  .list_disc {
    list-style-type: disc;
    padding-left: 20px !important; }

  .list_disc li + li {
    margin-top: 1em; }

  ol[style*="decimal"],
  ol[style*="roman"],
  ol[style*="alpha"] {
    padding-left: 22px; }

  ul[style*="disc"],
  ul[style*="circle"],
  ul[style*="square"] {
    padding-left: 20px; }

  /* dl */
  dd {
    margin-left: 0; }

  /*--- table ---*/
  table {
    float: none;
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #b8b8b8;
    line-height: 1.6;
    font-size: 93.33%; }

  table th {
    vertical-align: middle;
    padding: 16px 8px;
    border: 1px solid #ccc;
    background: #dceaed;
    word-break: break-all; }

  table td {
    padding: 14px 18px;
    border: 1px solid #ccc;
    word-break: break-all; } }
@media screen and (min-width: 768px) and (max-width: 480px) {
  .sp_table th,
  .sp_table td {
    display: block; } }
@media print, screen and (min-width: 768px) {
  /*--- Padding = pd ---*/
  /* Padding (top + right + bottom + left) = pd */
  .pd2 {
    padding: 2px !important; }

  .pd5 {
    padding: 5px !important; }

  .pd8 {
    padding: 8px !important; }

  .pd10 {
    padding: 10px !important; }

  .pd15 {
    padding: 15px !important; }

  .pd20 {
    padding: 20px !important; }

  .pd25 {
    padding: 25px !important; }

  .pd30 {
    padding: 30px !important; }

  .pd35 {
    padding: 35px !important; }

  .pd40 {
    padding: 40px !important; }

  .pd45 {
    padding: 45px !important; }

  .pd50 {
    padding: 50px !important; }

  .pd55 {
    padding: 55px !important; }

  .pd60 {
    padding: 60px !important; }

  /* Padding (top + bottom) = pdtb */
  .pdtb5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

  .pdtb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

  .pdtb15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }

  .pdtb20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }

  .pdtb25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important; }

  .pdtb30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }

  .pdtb35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important; }

  .pdtb40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }

  .pdtb45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important; }

  .pdtb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }

  .pdtb55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important; }

  .pdtb60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important; }

  /* Padding (right + left) = pdrl */
  .pdrl5 {
    padding-right: 5px !important;
    padding-left: 5px !important; }

  .pdrl10 {
    padding-right: 10px !important;
    padding-left: 10px !important; }

  .pdrl15 {
    padding-right: 15px !important;
    padding-left: 15px !important; }

  .pdrl20 {
    padding-right: 20px !important;
    padding-left: 20px !important; }

  .pdrl25 {
    padding-right: 25px !important;
    padding-left: 25px !important; }

  .pdrl30 {
    padding-right: 30px !important;
    padding-left: 30px !important; }

  .pdrl35 {
    padding-right: 35px !important;
    padding-left: 35px !important; }

  .pdrl40 {
    padding-right: 40px !important;
    padding-left: 40px !important; }

  .pdrl45 {
    padding-right: 45px !important;
    padding-left: 45px !important; }

  .pdrl50 {
    padding-right: 50px !important;
    padding-left: 50px !important; }

  .pdrl55 {
    padding-right: 55px !important;
    padding-left: 55px !important; }

  .pdrl60 {
    padding-right: 60px !important;
    padding-left: 60px !important; }

  /* Padding (top) = pdt */
  .pdt5 {
    padding-top: 5px !important; }

  .pdt10 {
    padding-top: 10px !important; }

  .pdt15 {
    padding-top: 15px !important; }

  .pdt20 {
    padding-top: 20px !important; }

  .pdt25 {
    padding-top: 25px !important; }

  .pdt30 {
    padding-top: 30px !important; }

  .pdt35 {
    padding-top: 35px !important; }

  .pdt40 {
    padding-top: 40px !important; }

  .pdt45 {
    padding-top: 45px !important; }

  .pdt50 {
    padding-top: 50px !important; }

  .pdt55 {
    padding-top: 55px !important; }

  .pdt60 {
    padding-top: 60px !important; }

  /* Padding (right) = pdr */
  .pdr5 {
    padding-right: 5px !important; }

  .pdr10 {
    padding-right: 10px !important; }

  .pdr15 {
    padding-right: 15px !important; }

  .pdr20 {
    padding-right: 20px !important; }

  .pdr25 {
    padding-right: 25px !important; }

  .pdr30 {
    padding-right: 30px !important; }

  .pdr35 {
    padding-right: 35px !important; }

  .pdr40 {
    padding-right: 40px !important; }

  .pdr45 {
    padding-right: 45px !important; }

  .pdr50 {
    padding-right: 50px !important; }

  .pdr55 {
    padding-right: 55px !important; }

  .pdr60 {
    padding-right: 60px !important; }

  /* Padding (bottom) = pdb */
  .pdb5 {
    padding-bottom: 5px !important; }

  .pdb10 {
    padding-bottom: 10px !important; }

  .pdb15 {
    padding-bottom: 15px !important; }

  .pdb20 {
    padding-bottom: 20px !important; }

  .pdb25 {
    padding-bottom: 25px !important; }

  .pdb30 {
    padding-bottom: 30px !important; }

  .pdb35 {
    padding-bottom: 35px !important; }

  .pdb40 {
    padding-bottom: 40px !important; }

  .pdb45 {
    padding-bottom: 45px !important; }

  .pdb50 {
    padding-bottom: 50px !important; }

  .pdb55 {
    padding-bottom: 55px !important; }

  .pdb60 {
    padding-bottom: 60px !important; }

  /* Padding (left) = pdl */
  .pdl5 {
    padding-left: 5px !important; }

  .pdl10 {
    padding-left: 10px !important; }

  .pdl15 {
    padding-left: 15px !important; }

  .pdl20 {
    padding-left: 20px !important; }

  .pdl25 {
    padding-left: 25px !important; }

  .pdl30 {
    padding-left: 30px !important; }

  .pdl35 {
    padding-left: 35px !important; }

  .pdl40 {
    padding-left: 40px !important; }

  .pdl45 {
    padding-left: 45px !important; }

  .pdl50 {
    padding-left: 50px !important; }

  .pdl55 {
    padding-left: 55px !important; }

  .pdl60 {
    padding-left: 60px !important; }

  /*--- Margin = mg ---*/
  /* Margin (top + right + bottom + left) = mg */
  .mg2 {
    margin: 2px !important; }

  .mg5 {
    margin: 5px !important; }

  .mg8 {
    margin: 8px !important; }

  .mg10 {
    margin: 10px !important; }

  .mg15 {
    margin: 15px !important; }

  .mg20 {
    margin: 20px !important; }

  .mg25 {
    margin: 25px !important; }

  .mg30 {
    margin: 30px !important; }

  .mg35 {
    margin: 35px !important; }

  .mg40 {
    margin: 40px !important; }

  .mg45 {
    margin: 45px !important; }

  .mg50 {
    margin: 50px !important; }

  .mg55 {
    margin: 55px !important; }

  .mg60 {
    margin: 60px !important; }

  /* Margin (top + bottom) = mgtb */
  .mgtb5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }

  .mgtb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }

  .mgtb15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

  .mgtb20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }

  .mgtb25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important; }

  .mgtb30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }

  .mgtb35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important; }

  .mgtb40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

  .mgtb45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important; }

  .mgtb50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }

  .mgtb55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important; }

  .mgtb60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }

  .mgtb80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }

  /* Margin (right + left) = mgrl */
  .mgrl5 {
    margin-right: 5px !important;
    margin-left: 5px !important; }

  .mgrl10 {
    margin-right: 10px !important;
    margin-left: 10px !important; }

  .mgrl15 {
    margin-right: 15px !important;
    margin-left: 15px !important; }

  .mgrl20 {
    margin-right: 20px !important;
    margin-left: 20px !important; }

  .mgrl25 {
    margin-right: 25px !important;
    margin-left: 25px !important; }

  .mgrl30 {
    margin-right: 30px !important;
    margin-left: 30px !important; }

  .mgrl35 {
    margin-right: 35px !important;
    margin-left: 35px !important; }

  .mgrl40 {
    margin-right: 40px !important;
    margin-left: 40px !important; }

  .mgrl45 {
    margin-right: 45px !important;
    margin-left: 45px !important; }

  .mgrl50 {
    margin-right: 50px !important;
    margin-left: 50px !important; }

  .mgrl55 {
    margin-right: 55px !important;
    margin-left: 55px !important; }

  .mgrl60 {
    margin-right: 60px !important;
    margin-left: 60px !important; }

  /* Margin (top) = mgt */
  .mgt5 {
    margin-top: 5px !important; }

  .mgt10 {
    margin-top: 10px !important; }

  .mgt15 {
    margin-top: 15px !important; }

  .mgt20 {
    margin-top: 20px !important; }

  .mgt25 {
    margin-top: 25px !important; }

  .mgt30 {
    margin-top: 30px !important; }

  .mgt35 {
    margin-top: 35px !important; }

  .mgt40 {
    margin-top: 40px !important; }

  .mgt45 {
    margin-top: 45px !important; }

  .mgt50 {
    margin-top: 50px !important; }

  .mgt55 {
    margin-top: 55px !important; }

  .mgt60 {
    margin-top: 60px !important; }

  /* Margin (right) = mgr */
  .mgr5 {
    margin-right: 5px !important; }

  .mgr10 {
    margin-right: 10px !important; }

  .mgr15 {
    margin-right: 15px !important; }

  .mgr20 {
    margin-right: 20px !important; }

  .mgr25 {
    margin-right: 25px !important; }

  .mgr30 {
    margin-right: 30px !important; }

  .mgr35 {
    margin-right: 35px !important; }

  .mgr40 {
    margin-right: 40px !important; }

  .mgr45 {
    margin-right: 45px !important; }

  .mgr50 {
    margin-right: 50px !important; }

  .mgr55 {
    margin-right: 55px !important; }

  .mgr60 {
    margin-right: 60px !important; }

  /* Margin (bottom) = mgb */
  .mgb5 {
    margin-bottom: 5px !important; }

  .mgb10 {
    margin-bottom: 10px !important; }

  .mgb15 {
    margin-bottom: 15px !important; }

  .mgb20 {
    margin-bottom: 20px !important; }

  .mgb25 {
    margin-bottom: 25px !important; }

  .mgb30 {
    margin-bottom: 30px !important; }

  .mgb35 {
    margin-bottom: 35px !important; }

  .mgb40 {
    margin-bottom: 40px !important; }

  .mgb45 {
    margin-bottom: 45px !important; }

  .mgb50 {
    margin-bottom: 50px !important; }

  .mgb55 {
    margin-bottom: 55px !important; }

  .mgb60 {
    margin-bottom: 60px !important; }

  .mgb80 {
    margin-bottom: 80px !important; }

  /* Margin (left) = mgl */
  .mgl5 {
    margin-left: 5px !important; }

  .mgl10 {
    margin-left: 10px !important; }

  .mgl15 {
    margin-left: 15px !important; }

  .mgl20 {
    margin-left: 20px !important; }

  .mgl25 {
    margin-left: 25px !important; }

  .mgl30 {
    margin-left: 30px !important; }

  .mgl35 {
    margin-left: 35px !important; }

  .mgl40 {
    margin-left: 40px !important; }

  .mgl45 {
    margin-left: 45px !important; }

  .mgl50 {
    margin-left: 50px !important; }

  .mgl55 {
    margin-left: 55px !important; }

  .mgl60 {
    margin-left: 60px !important; }

  /* ------------------------------------------------------------------------------------------ 
  common
  ------------------------------------------------------------------------------------------ */
  /*-------------------------------------
  	common_header
  -------------------------------------*/
  #site_header {
    background: #fafafa;
    width: 100%;
    z-index: 100;
    position: relative;
    border-bottom: 1px solid #bbb; }
    #site_header.is-fixed {
      position: fixed;
      top: 0;
      left: 0; }

  /*----- site_header_inner -----*/
  .site_header_inner {
    padding: 7px;
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: content-box; }

  /*----- site_navi_sp ------*/
  #site_navi_sp {
    position: absolute;
    right: 10px;
    top: 10px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    #site_navi_sp {
      top: 17px;
      right: 17px; } }
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    #site_navi_sp {
      display: none; } }

@media print, screen and (min-width: 768px) {
  #panel-btn {
    color: #fff;
    width: 40px;
    font-size: 12px;
    text-decoration: none;
    display: block;
    position: relative;
    padding: 36px 8px 4px 8px;
    line-height: 1;
    /* close */ }
    #panel-btn #panel-btn-icon {
      display: block;
      position: absolute;
      top: 21px;
      left: 17px;
      width: 30px;
      height: 3px;
      margin: -3px 0 0 -12px;
      background: #333;
      transition: .2s; }
    #panel-btn #panel-btn-icon:before,
    #panel-btn #panel-btn-icon:after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 3px;
      background: #333;
      transition: .3s; }
    #panel-btn #panel-btn-icon:before {
      margin-top: -11px; }
    #panel-btn #panel-btn-icon:after {
      margin-top: 8px; }
    #panel-btn.close #panel-btn-icon {
      background: transparent; }
    #panel-btn.close #panel-btn-icon:before,
    #panel-btn.close #panel-btn-icon:after {
      margin-top: -2px; }
    #panel-btn.close #panel-btn-icon:before {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }
    #panel-btn.close #panel-btn-icon:after {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg); }

  /*----- logo ------*/
  .site_logo {
    float: left; }
    .site_logo a {
      display: block;
      line-height: 1; }
    .site_logo img {
      vertical-align: top; }

  /*----- header_menu -----*/
  .header_menu {
    display: none; } }
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    .header_menu {
      display: block;
      float: right;
      text-align: right; } }

@media print, screen and (min-width: 768px) {
  .site_lead {
    font-size: 1.3rem;
    color: #666;
    margin-bottom: 5px; }

  .search_form {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 240px; }
    .search_form form {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      width: 100%;
      border: 1px solid #bbb; }
    .search_form .search_window {
      appearance: none;
      -webkit-appearance: none;
      width: 100%;
      border: none;
      border-radius: 0;
      padding: 5px 10px;
      padding-right: 40px; }
    .search_form .serch_button {
      appearance: none;
      -webkit-appearance: none;
      position: absolute;
      right: 0;
      top: 0;
      background: url(/resources/image/common/icon_search_01.png) no-repeat center center;
      background-size: 18px;
      width: 40px;
      height: 100%;
      padding: 0;
      border: none;
      text-indent: -9999px;
      border-left: 1px solid #bbb;
      transition: .3s; }
    .search_form .serch_button:hover {
      background-color: #F2F2F2; }

  .header_navi {
    display: inline-block;
    vertical-align: middle; }
    .header_navi ul {
      font-size: 0; }
    .header_navi li {
      font-size: 1.6rem;
      display: inline-block;
      vertical-align: middle; }
      .header_navi li a {
        color: #000;
        text-decoration: none;
        position: relative; }
      .header_navi li a::after {
        content: "";
        width: 0;
        height: 2px;
        position: absolute;
        left: 0;
        bottom: -2px;
        background: -moz-linear-gradient(65deg, #F13F79, #FFC778);
        background: -webkit-linear-gradient(65deg, #F13F79, #FFC778);
        background: linear-gradient(25deg, #F13F79, #FFC778);
        transition: .3s; }
      .header_navi li a:hover::after {
        width: 100%; }
    .header_navi li + li {
      margin-left: 15px; }
    .header_navi i {
      color: #f53d00;
      margin-right: 5px; }

  /*----- g_navi -----*/
  .g_navi {
    width: 70%; }
    .g_navi ul {
      display: table;
      width: 100%;
      table-layout: fixed; }
    .g_navi li {
      display: table-cell;
      vertical-align: middle;
      border-right: 1px solid #bbb; }
    .g_navi a {
      color: #888;
      line-height: 1.2;
      font-size: 1rem;
      text-align: center;
      text-decoration: none;
      display: block;
      padding: 5px;
      position: relative; }
    .g_navi a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: -1px;
      width: 0;
      height: 1px;
      background: #D70010;
      z-index: 1;
      transition: .5s; }
    .g_navi a:hover {
      color: #888; }
    .g_navi a:hover::after {
      width: 100%; }
    .g_navi strong {
      color: #000;
      font-size: 1.6rem;
      display: block;
      font-style: normal; } }
  @media screen and (min-width: 768px) and (min-width: 1280px) {
    .g_navi {
      width: 700px; }
      .g_navi li:first-child {
        border-left: 1px solid #bbb; } }

@media print, screen and (min-width: 768px) {
  /*----- site_navi -----*/
  .site_navi {
    background: #fafafa;
    padding: 80px 15px 15px;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 90;
    overflow-y: scroll; }
    .site_navi .for_pc {
      display: none; }
    .site_navi .search_form form {
      width: 100%;
      border: 1px solid #bbb; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .site_navi {
      padding: 110px 30px 30px; } }
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    .site_navi {
      padding: 140px 30px 30px;
      background-size: 300px; }
      .site_navi a {
        transition: .3s; }
      .site_navi a:hover {
        opacity: .8; }
      .site_navi .inner {
        max-width: 1200px;
        margin: 0 auto; }
      .site_navi .left {
        float: left;
        width: 48.33%; }
      .site_navi .right {
        float: right;
        width: 48.33%; }
      .site_navi .for_pc {
        display: block; }
      .site_navi .for_sp {
        display: none; } }
  @media screen and (min-width: 768px) and (min-width: 1280px) {
    .site_navi {
      background-size: auto; } }

@media print, screen and (min-width: 768px) {
  .site_navi_account {
    margin-bottom: 30px;
    padding: 10px 15px;
    background: #cd0a0a;
    border-radius: 4px; }
    .site_navi_account .ttl {
      color: #fff;
      margin-bottom: 10px;
      font-weight: normal;
      font-size: 90%;
      text-align: center; }
    .site_navi_account .ttl strong {
      margin: 0 5px;
      font-weight: normal;
      font-size: 120%; }
    .site_navi_account .new_user {
      margin-bottom: 15px; }
    .site_navi_account .new_user a {
      color: #fff;
      background: #333;
      display: block;
      text-align: center;
      font-size: 110%;
      text-decoration: none;
      border-radius: 25px;
      padding: 10px 10px;
      max-width: 350px;
      margin: 0 auto;
      border: 1px solid #fff; }
    .site_navi_account .menu {
      font-size: 0; }
    .site_navi_account .menu li {
      font-size: 1.3rem;
      display: inline-block;
      vertical-align: top;
      width: 49.18%;
      margin: 0 1.63% 1.63% 0; }
    .site_navi_account .menu li:nth-child(2n) {
      margin-right: 0; }
    .site_navi_account .menu a {
      color: #000;
      text-decoration: none;
      display: block;
      border-radius: 3px;
      padding: 12px 8px;
      padding-left: 36px;
      background: #fff no-repeat 10px center;
      background-size: 18px; }
    .site_navi_account .menu strong {
      color: #E50012; } }
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    .site_navi_account .menu li {
      font-size: 1.5rem; } }

@media print, screen and (min-width: 768px) {
  .site_navi_search {
    margin-bottom: 30px; }
    .site_navi_search .ttl {
      font-weight: normal;
      font-size: 2rem;
      padding-left: 30px;
      background: url(/resources/image/common/icon_search_01.png) no-repeat 6px 5px;
      background-size: 17px;
      padding-bottom: 5px;
      border-bottom: 3px solid #e5be00;
      margin-bottom: 10px; }
    .site_navi_search .pull_list {
      margin-bottom: 15px; }
    .site_navi_search .pull_list > li + li {
      margin-top: 10px; }
    .site_navi_search .pull_list > li > a {
      color: #000;
      text-decoration: none;
      background: #e5be00;
      padding: 12px 10px;
      position: relative;
      display: block; }
    .site_navi_search .pull_list > li > a::after {
      content: "";
      position: absolute;
      right: 13px;
      top: 19px;
      border: 5px solid transparent;
      border-top: 8px solid #333;
      transition: .3s; }
    .site_navi_search .pull_list ul {
      display: none;
      margin-top: 10px; }
    .site_navi_search .link {
      font-size: 0; }
    .site_navi_search .link li {
      font-size: 1.2rem;
      display: inline-block;
      vertical-align: top;
      width: 49.18%;
      margin: 0 1.63% 1.63% 0; }
    .site_navi_search .link li:nth-child(2n) {
      margin-right: 0; }
    .site_navi_search .link a {
      color: #000;
      text-decoration: none;
      display: block;
      background: #bbb;
      padding: 13px 13px 13px 10px;
      border-radius: 3px;
      position: relative; }
    .site_navi_search .link a::after {
      content: "";
      position: absolute;
      right: 10px;
      top: 18px;
      width: 4px;
      height: 4px;
      border-right: 2px solid #666;
      border-bottom: 2px solid #666;
      transform: rotate(-45deg);
      transition: .3s; }
    .site_navi_search .color {
      font-size: 0; }
    .site_navi_search .color li {
      font-size: 14px;
      display: inline-block;
      vertical-align: top;
      margin: 0 4px 8px;
      text-align: center; }
    .site_navi_search .color a {
      display: block;
      width: 35px;
      height: 35px;
      border-radius: 4px;
      border: 1px solid #bbb; } }
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    .site_navi_search .link li,
    .site_navi_search .link li:nth-child(2n) {
      font-size: 1.4rem;
      width: 32.24%;
      margin: 0 1.63% 1.63% 0; }
    .site_navi_search .link li:nth-child(3n) {
      margin-right: 0; }
    .site_navi_search .link a::after {
      top: 21px; } }

@media print, screen and (min-width: 768px) {
  .site_navi_guide .ttl {
    font-weight: normal;
    font-size: 2rem;
    padding-left: 40px;
    background-size: 27px;
    padding-bottom: 5px;
    border-bottom: 3px solid #0059b2;
    margin-bottom: 10px; }
  .site_navi_guide ul {
    font-size: 0; }
  .site_navi_guide li {
    font-size: 1.2rem;
    display: inline-block;
    vertical-align: top;
    width: 49.18%;
    margin: 0 1.63% 1.63% 0; }
  .site_navi_guide li:nth-child(2n) {
    margin-right: 0; }
  .site_navi_guide li a {
    color: #fff;
    text-decoration: none;
    display: block;
    background: #0059b2;
    padding: 13px 13px 13px 10px;
    border-radius: 3px;
    position: relative; }
  .site_navi_guide li a::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 18px;
    width: 4px;
    height: 4px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    transition: .3s; } }
@media screen and (min-width: 768px) and (min-width: 1024px) {
  .site_navi_guide li {
    font-size: 1.4rem; }
  .site_navi_guide li a::after {
    top: 21px; } }

@media print, screen and (min-width: 768px) {
  .site_navi_sns {
    text-align: center;
    margin: 20px auto; }
    .site_navi_sns ul {
      font-size: 0; }
    .site_navi_sns li {
      font-size: 1.5rem;
      width: 40px;
      display: inline-block;
      vertical-align: top;
      margin: 0 5px; }
    .site_navi_sns a {
      display: block;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      border-radius: 50%; }
    .site_navi_sns img {
      width: 100%;
      vertical-align: top; }

  /*---------------------------------------------------------------------
    site_header
  ---------------------------------------------------------------------*/
  #site_header {
    background: #f5f5f5;
    position: relative; }
    #site_header .header_inner {
      max-width: 1200px;
      margin: 0 auto; }

  /* ----- header_list ----- */
  .header_list {
    float: left; }

  .header_list_l {
    float: left;
    position: relative; }

  .header_list_l::after {
    position: absolute;
    content: "";
    background: url(/resources/image/logo_lead_2.png) no-repeat right top;
    top: 5px;
    left: 160px;
    width: 330px;
    height: 86px; }

  .btn_skip_body {
    color: #0b6692;
    position: relative;
    float: left;
    margin: 0 10px;
    padding: 12px 15px 11px;
    transition: .3s; }
    .btn_skip_body::before {
      position: absolute;
      content: "";
      background: url(/resources/image/arrow01.png) no-repeat;
      top: 22px;
      left: -2px;
      width: 10px;
      height: 6px; }

  /* search_form */
  .g_search {
    width: 170px;
    position: relative;
    float: left;
    border-right: 1px solid #bbb; }
    .g_search table {
      border: none; }
    .g_search td {
      border: none;
      padding: 0; }
    .g_search form.gsc-search-box,
    .g_search table.gsc-search-box {
      margin-bottom: 0; }
    .g_search .gsc-search-box td.gsc-input {
      padding: 0; }
    .g_search .gsc-input-box {
      border: none;
      border-radius: 0;
      padding: 9px 5px; }
    .g_search button.gsc-search-button {
      position: absolute;
      right: 6px;
      top: 12px;
      background: rgba(255, 255, 255, 0) url(/resources/image/common/icon_search_01.png) no-repeat 0 0;
      border: none;
      width: 18px;
      height: 19px;
      padding: 0;
      margin: 0;
      text-indent: -9999px; }
    .g_search a.gsst_a {
      padding: 0;
      position: absolute;
      right: 18px;
      top: -7px; }

  /* ----- header_list_r -----*/
  .header_list_r {
    float: right;
    width: 50%;
    font-size: 16px; } }
@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .header_list_l::after {
    opacity: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1200px) {
  .header_list_r {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    width: 81%; } }
@media print, screen and (min-width: 768px) {
  .header_list_r > * {
    letter-spacing: normal;
    vertical-align: middle; }

  /* header_link */
  .header_link {
    letter-spacing: -.4em;
    float: right;
    margin: 10px 0; }
    .header_link li {
      letter-spacing: normal;
      display: inline-block;
      vertical-align: middle; }
      .header_link li + li {
        border-left: 1px solid #85B0DA; }
      .header_link li:first-child {
        position: relative; }
        .header_link li:first-child::before {
          position: absolute;
          content: "";
          background: url(/resources/image/header_link.png) no-repeat left center;
          top: 1px;
          left: -15px;
          width: 20px;
          height: 20px; }
    .header_link a {
      color: #0b6692;
      font-size: 93.33%;
      text-decoration: none;
      display: block;
      padding: 0 10px;
      transition: .3s; }
      .header_link a:hover, .header_link a:active, .header_link a:focus {
        color: #000;
        background-color: #eff9ff;
        text-decoration: underline; }

  /* fontsize & color_switch */
  #fontsize,
  #color_switch {
    letter-spacing: -.4em;
    padding: 12px 10px;
    float: left; }
    #fontsize li,
    #color_switch li {
      letter-spacing: normal;
      display: inline-block;
      vertical-align: middle;
      margin-left: 4px; }

  #fontsize li:first-child {
    font-size: 93.33%; }

  #color_switch li:first-child {
    font-size: 93.33%; }

  /* speaker */
  .speaker {
    border-left: 1px solid #bbb; }

  .speaker a {
    color: #000;
    font-size: 81.25%;
    text-decoration: none;
    display: block;
    padding: 12px 12px 11px 45px;
    background: url("/resources/image/common/icon_speaker.png") no-repeat 10px center; }

  /* lang */
  #lang_switch {
    position: relative;
    float: left;
    margin: 9px 0; }
    #lang_switch > li > a {
      display: inline-block;
      background: #fff;
      text-decoration: none;
      color: #2a5798;
      font-size: 12px;
      width: 160px;
      padding: 6px 25px 5px 7px;
      position: relative;
      border: 1px solid #aaa;
      border-radius: 5px; }
      #lang_switch > li > a::before {
        content: "";
        width: 1px;
        height: 31px;
        position: absolute;
        right: 24px;
        top: 0;
        border-left: 1px solid #ccc; }
      #lang_switch > li > a::after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        right: 9px;
        top: 14px;
        border: 4px solid transparent;
        border-top: 6px solid #00468C;
        transition: .3s; }
      #lang_switch > li > a:hover, #lang_switch > li > a:active, #lang_switch > li > a:focus {
        text-decoration: underline;
        background: #fdfce8; }
    #lang_switch .lang_menu {
      display: none;
      position: absolute;
      z-index: 20;
      margin-top: 0;
      background: #fdfce8;
      border: 1px solid #bbb;
      border-top-style: dotted;
      width: 100%;
      text-align: center;
      padding: 10px;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); }
      #lang_switch .lang_menu li + li {
        border-top: 1px dotted #333; }
      #lang_switch .lang_menu a {
        color: #000;
        text-align: center;
        padding: 8px;
        font-size: 86.66%;
        text-decoration: none;
        display: block; }
        #lang_switch .lang_menu a:hover, #lang_switch .lang_menu a:focus, #lang_switch .lang_menu a:active {
          text-decoration: underline; }

  /* ----- gnavi_wrap -----*/
  .gnavi_wrap_inner,
  .gnavi_inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
    padding-left: 200px; }

  /* logo */
  .site_logo {
    /*float: left;*/
    z-index: 2;
    position: absolute;
    left: 0;
    top: -100px;
    width: 17%;
    max-width: 162px; }
    .site_logo a {
      text-decoration: none;
      display: block; }
      .site_logo a:hover img {
        opacity: 1; }

  /* gnavi */
  .gnavi_list {
    display: table;
    table-layout: fixed;
    width: 100%;
    /*float: right;*/ }

  .gnavi {
    background: #0175ab;
    /*position: absolute;
    bottom: -50px;
    z-index: 1;*/
    width: 100%;
    padding: 8px 0; }
    .gnavi li {
      position: relative;
      display: table-cell;
      vertical-align: middle;
      border-right: 1px solid #7cb5d0; }
      .gnavi li:first-child {
        border-left: 1px solid #7cb5d0; }
      .gnavi li > ul {
        display: none;
        position: absolute;
        top: 34px;
        width: 400px;
        padding: 15px 20px;
        background-color: #fafcff;
        border: 2px solid #004f74; }
        .gnavi li > ul::before {
          content: "";
          position: absolute;
          top: -12px;
          left: 80px;
          z-index: 10;
          width: 0;
          height: 0;
          border: 5px solid transparent;
          border-bottom: 7px solid #fff; }
        .gnavi li > ul li {
          display: inline-block;
          width: 49%;
          line-height: 1.4;
          border: none; }
          .gnavi li > ul li:first-child {
            border: none; }
          .gnavi li > ul li a {
            padding: 5px 5px 4px 10px;
            text-align: left;
            text-decoration: underline;
            background: url(/resources/image/top/icon_arrow_01.png) no-repeat 0 center;
            color: #004892; }
            .gnavi li > ul li a:hover {
              color: inherit; }
      .gnavi li > a:hover {
        text-decoration: none; }
      .gnavi li:hover > ul {
        display: block; }
        .gnavi li:hover > ul:hover {
          display: block; }
    .gnavi a {
      color: #fff;
      line-height: 1.3;
      text-align: center;
      text-decoration: none;
      display: block;
      padding: 0 5px;
      transition: .3s;
      position: relative; }
      .gnavi a:hover, .gnavi a:focus, .gnavi a:active {
        color: #fff;
        text-decoration: underline; }
    .gnavi > li > a:hover {
      background-color: #004f74; } }
  @media only screen and (min-width: 768px) and (max-width: 1000px) {
    .gnavi .navi_04 .navi_second {
      right: 0; }
      .gnavi .navi_04 .navi_second::before {
        right: 50px;
        left: auto; } }
  @media only screen and (min-width: 768px) and (max-width: 1280px) {
    .gnavi .navi_05 .navi_second {
      right: 0; }
      .gnavi .navi_05 .navi_second::before {
        right: 50px;
        left: auto; } }

@media print, screen and (min-width: 768px) {
  /*-------------------------------------
  	base_cmsbase
  -------------------------------------*/
  #container {
    overflow: hidden; }

  .pagebody_inner {
    margin: 0 auto;
    max-width: 1200px;
    box-sizing: content-box; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  #alpha {
    float: right;
    width: 77.5%; } }

@media screen and (min-width: 768px) and (min-width: 768px) {
  #beta {
    display: block;
    float: left;
    width: 20%; } }

@media screen and (min-width: 768px) and (max-width: 767px) {
  .sp_none {
    display: none !important; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .pc_none {
    display: none !important; } }
@media print, screen and (min-width: 768px) {
  /*----- target="_blank"の表示 -----*/
  #side_menu a[target="_blank"]::after,
  .content1 a[target="_blank"]::after,
  .otoiawase_box a[target="_blank"]::after,
  .list_sitemap a[target="_blank"]::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px; }

  #alpha .list_index_contents a[target="_blank"] .ttl::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: auto;
    height: auto;
    position: static;
    margin-left: 5px;
    background: transparent; }

  /*----- goToSpSiteButton -----*/
  #goToSpSiteButton {
    display: none;
    text-align: center;
    background-color: #fff; }
    #goToSpSiteButton a {
      background: #55ba45 none repeat scroll 0 0;
      color: #fff;
      display: inline-block;
      font-size: 60px;
      font-size: 6rem;
      line-height: 1.6;
      margin: 15px auto;
      padding: 0;
      text-align: center;
      text-decoration: none;
      width: 80%; } }
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 480px) {
  #goToSpSiteButton {
    display: block;
    text-align: center; } }
@media print, screen and (min-width: 768px) {
  /*----- topic_path_top -----*/
  .topic_path_top {
    display: none;
    margin-bottom: 10px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .topic_path_top {
      display: block; } }
@media print, screen and (min-width: 768px) {
    .topic_path_top > ol {
      font-size: 93.75%;
      box-sizing: content-box;
      margin: 0 auto;
      max-width: 1200px;
      padding: 10px 15px; }
      .topic_path_top > ol > li {
        display: inline; }
        .topic_path_top > ol > li + li::before {
          content: ">";
          margin: 0 5px; }
        .topic_path_top > ol > li a {
          text-decoration: underline; }

  /*--------- template -----------*/
  .fll_img {
    float: left;
    margin: 0 2.5% 2.5% 0;
    /* width: 31.66%; */
    max-width: 30%; }

  .flr_img {
    float: right;
    margin: 0 0 2.5% 2.5%;
    /* width: 31.66%; */
    max-width: 30%; }

  .fll_img img,
  .flr_img img {
    max-width: 100%;
    height: auto; }

  .fl_over {
    overflow: hidden; }

  .caption,
  .list_1column .caption,
  .list_2column .caption,
  .list_3column .caption,
  .list_4column .caption,
  .list_5column .caption {
    font-size: 86.66%;
    line-height: 1.4;
    padding-top: 7px;
    text-align: center;
    margin: 0; }

  .list_1column img,
  .list_2column img,
  .list_3column img,
  .list_4column img,
  .list_5column img {
    width: 100%;
    height: auto; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .content1 .list_1column,
  .content1 .list_2column,
  .content1 .list_3column,
  .content1 .list_4column,
  .content1 .list_5column {
    padding-left: 0; } }
@media print, screen and (min-width: 768px) {
  /* list_2column */
  .list_2column .item {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .list_2column {
    letter-spacing: -.5em; }
    .list_2column .item {
      width: 48.75%;
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top;
      margin: 0 2.5% 2.5% 0; }
    .list_2column .item:nth-child(2n) {
      margin-right: 0; } }

@media print, screen and (min-width: 768px) {
  /* list_3column */
  .list_3column .item {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .list_3column {
    letter-spacing: -.5em; }
    .list_3column .item {
      width: 31.66%;
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top;
      margin: 0 2.5% 2.5% 0; }
    .list_3column .item:nth-child(3n) {
      margin-right: 0; } }

@media print, screen and (min-width: 768px) {
  /* list_4column */
  .list_4column .item {
    margin-bottom: 20px; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .list_4column {
    letter-spacing: -.5em; }
    .list_4column .item {
      width: 23.08%;
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top;
      margin: 0 2.5% 2.5% 0; }
    .list_4column .item:nth-child(4n) {
      margin-right: 0; } }

@media print, screen and (min-width: 768px) {
  /* list_5column */
  .list_5column .item {
    margin-bottom: 15px; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .list_5column {
    letter-spacing: -.5em; }
    .list_5column .item {
      width: 18%;
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top;
      margin: 0 2.5% 2.5% 0; }
    .list_5column .item:nth-child(5n) {
      margin-right: 0; } }

@media print, screen and (min-width: 768px) {
  iframe {
    width: 100%;
    height: 250px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    iframe {
      height: 350px; } }

@media print, screen and (min-width: 768px) {
  iframe[src*="youtube"] {
    width: 100%;
    height: 300px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    iframe[src*="youtube"] {
      height: 500px; } }

@media print, screen and (min-width: 768px) {
  /*--------- list_index -----------*/
  * + .list_index {
    margin-top: 50px; }

  .list_index {
    border-top: 1px solid #ccc; }
    .list_index .list_index_contents .item a {
      display: block;
      color: #333;
      text-decoration: none;
      padding: 0;
      transition: .3s; }
      .list_index .list_index_contents .item a:hover {
        background: #d1efff; }
      .list_index .list_index_contents .item a > .pdfAfter,
      .list_index .list_index_contents .item a > .xlsAfter,
      .list_index .list_index_contents .item a > .docAfter,
      .list_index .list_index_contents .item a > .zipAfter {
        display: none; }
    .list_index .list_index_contents .item > a + .fileInfo {
      display: none; }
    .list_index .list_index_contents .item .ttl {
      font-size: 100%;
      padding: 0;
      margin: 0; }
    .list_index .list_index_contents ul {
      display: none; }
    .list_index a {
      display: block;
      color: #333;
      text-decoration: none;
      padding: 15px 15px 15px 0;
      padding-left: 0; }
    .list_index .thumb {
      position: relative;
      padding-bottom: 66.66%;
      overflow: hidden;
      display: block;
      margin-bottom: 15px; }
    .list_index .thumb img {
      position: absolute;
      top: -100%;
      left: -100%;
      right: -100%;
      bottom: -100%;
      margin: auto;
      max-width: none;
      max-height: 100%;
      transition: .5s; }
    .list_index .ttl {
      color: #000;
      font-weight: normal;
      font-size: 120%;
      border-left: 8px solid #888;
      line-height: 1.2;
      padding: 10px;
      background: #fafafa; }
    .list_index .lead {
      margin-top: 10px;
      font-size: 90%;
      color: #666; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .list_index a {
      position: relative;
      transition: .3s; }
    .list_index a:hover img {
      opacity: 1;
      transform: scale(1.1); }
    .list_index .ttl {
      font-size: 130%;
      padding: 15px; } }

@media print, screen and (min-width: 768px) {
  .list_index_2 .list_index_contents {
    float: left;
    width: 48%;
    margin: 0 4% 40px 0;
    padding: 5px 0 0;
    border-top: 5px solid #a2cfd9; }
    .list_index_2 .list_index_contents:nth-child(2n) {
      margin-right: 0; }
  .list_index_2 .item + ul li {
    border: 1px solid #bfbfbf; }
    .list_index_2 .item + ul li + li {
      border-top: none; }
    .list_index_2 .item + ul li a {
      padding: 6px 26px 6px 20px; }
      .list_index_2 .item + ul li a:hover {
        background: #d1efff; }
      .list_index_2 .item + ul li a::after {
        content: "";
        width: 6px;
        height: 6px;
        position: absolute;
        right: 15px;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        border-top: 3px solid #0068b7;
        border-right: 3px solid #0068b7; }
  .list_index_2 ul {
    display: block; }
  .list_index_2 a {
    display: block;
    color: #333;
    text-decoration: none;
    padding: 15px 15px 15px 0;
    padding-left: 0; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .list_index_2 a {
    position: relative;
    transition: .3s; }
  .list_index_2 a:hover img {
    opacity: 1;
    transform: scale(1.1); }
  .list_index_2 .ttl {
    font-size: 130%;
    padding: 15px; } }

@media print, screen and (min-width: 768px) {
  .dir_faq .list_index {
    border-top: none; }
    .dir_faq .list_index .list_index_contents {
      margin-bottom: 50px; }
      .dir_faq .list_index .list_index_contents ul {
        display: block; }
    .dir_faq .list_index a {
      display: block;
      margin: 15px auto auto;
      padding: 15px 12px 15px 40px;
      border: 1px solid #ccc;
      text-indent: -26px; }
      .dir_faq .list_index a::before {
        content: "Q.";
        font-size: 155%;
        color: #009e96;
        font-weight: normal; }

  /*----- sidemenu -----*/
  #side_menu {
    border: 1px solid #bbb;
    margin-bottom: 20px; }
    #side_menu .ttl {
      color: #fff;
      font-size: 100%;
      font-weight: normal;
      padding: 10px;
      background-color: #8A8A8A;
      display: none; }
    #side_menu a {
      color: #000;
      text-decoration: none;
      display: block; }
    #side_menu a.selected {
      color: #9c000c; }
    #side_menu .level0 > a,
    #side_menu .level1 > a {
      padding: 7px;
      font-size: 93.75%;
      transition: .3s;
      background: #F9F9F7; }
    #side_menu .level2 > a {
      font-size: 90%;
      padding: 7px; }

  /*--------- login_detail -----------*/
  .login_detail .member {
    background: #fafafa;
    padding: 30px 15px;
    margin: 0 -15px 40px; }
    .login_detail .member form {
      max-width: 600px;
      margin: 0 auto; }
    .login_detail .member .link {
      text-align: center;
      margin-top: 10px; } }
@media screen and (min-width: 768px) and (min-width: 768px) {
  .login_detail .member {
    margin: 0;
    float: left;
    width: 66%;
    padding: 50px 100px; }
    .login_detail .member .login {
      float: left;
      width: 250px; }
    .login_detail .member .link {
      float: left;
      text-align: left;
      margin: 0 0 0 30px; }
  .login_detail .guest {
    float: right;
    width: 32%;
    background: #fafafa;
    padding: 87px 40px; } }

@media print, screen and (min-width: 768px) {
  /*--------- list_sitemap -----------*/
  .list_sitemap .ttl {
    font-size: 125%;
    font-weight: 500;
    border-bottom: 2px solid #0175ab;
    margin-bottom: 10px;
    padding-bottom: 6px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .list_sitemap .ttl {
      font-size: 160%; } }
@media print, screen and (min-width: 768px) {
  .list_sitemap * + .ttl,
  .list_sitemap > .ttl {
    margin-top: 40px; }
  .list_sitemap .ttl a {
    color: #000;
    display: block;
    text-decoration: none; }
  .list_sitemap > ul {
    display: flex;
    flex-wrap: wrap; }
    .list_sitemap > ul li a {
      display: block;
      text-decoration: none;
      color: #333; }
  .list_sitemap .level2 {
    width: 580px;
    margin: 20px 20px 20px 0; } }
  @media only screen and (min-width: 768px) and (max-width: 1280px) {
    .list_sitemap .level2 {
      width: 48%;
      margin-right: 4%; }
      .list_sitemap .level2:nth-of-type(2n) {
        margin-right: 0; } }
@media print, screen and (min-width: 768px) {
    .list_sitemap .level2 > a {
      position: relative;
      margin-bottom: 30px;
      padding-bottom: 10px;
      border-bottom: 6px solid #dceaed;
      background: none;
      font-size: 137.5%;
      font-weight: 500; }
    .list_sitemap .level2 > ul {
      padding-left: 42px;
      padding-bottom: 10px;
      list-style: disc;
      color: #ccc;
      font-size: 90%; }

  /*---------------------------------------------------------------------
    edit_btn
  ---------------------------------------------------------------------*/
  #edit_btn {
    display: none;
    position: relative;
    z-index: 999;
    padding: 13px 10px 13px 20px;
    background: #222;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.4);
    /*
    a{
      color: #333;
      font-size: 13px;
      border-radius: 4px;
      display: block;
      float: right;
      font-weight: bold;
      margin: 5px 0 5px 5px;
      padding: 3px 15px 4px;
      text-decoration: none;
      background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%); 
      background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(238,238,238)));
      background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
      background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
      background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
      background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(238,238,238) 100%);
      -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0)";
      filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffeeeeee,GradientType=0);
      
      &:hover {
        background-image:-moz-linear-gradient(50% 0% -90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%); 
        background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(238,238,238)),color-stop(1, rgb(255,255,255)));
        background-image:-webkit-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
        background-image:-o-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
        background-image:-ms-linear-gradient(-90deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
        background-image:linear-gradient(180deg,rgb(238,238,238) 0%,rgb(255,255,255) 100%);
        -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0)";
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffeeeeee,endColorstr=#ffffffff,GradientType=0);
      }
    }*/ } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    #edit_btn {
      display: block; } }
@media print, screen and (min-width: 768px) {
    #edit_btn .logo {
      color: #fff;
      font-size: 2.4rem;
      font-weight: 600;
      line-height: 1.2;
      display: inline-block;
      vertical-align: middle; }
    #edit_btn .link_admin {
      display: inline-block;
      vertical-align: middle;
      border-left: 1px solid #fff;
      margin-left: 20px; }
      #edit_btn .link_admin a {
        color: #fff;
        line-height: 1.2;
        display: block;
        padding: 2px 0 2px 20px;
        font-size: 1.4rem; }
    #edit_btn #edit_btn_inner {
      float: right; }
      #edit_btn #edit_btn_inner li {
        display: inline-block;
        vertical-align: middle; }
        #edit_btn #edit_btn_inner li:nth-child(n+2) {
          margin-left: 10px; }
        #edit_btn #edit_btn_inner li a {
          color: #000;
          font-size: 1.4rem;
          font-weight: 600;
          text-align: center;
          display: inline-block;
          vertical-align: middle;
          text-decoration: none;
          background-color: #F2D330;
          padding: 5px 15px;
          border-radius: 14px;
          transition: .3s; }
          #edit_btn #edit_btn_inner li a:hover {
            color: #03569D;
            background-color: #eee; }

  /*---------------------------------------------------------------------
    goToSpSiteButton
  ---------------------------------------------------------------------*/
  #goToSpSiteButton {
    display: none;
    text-align: center;
    background-color: #fff; }
    #goToSpSiteButton a {
      background: #55ba45 none repeat scroll 0 0;
      color: #fff;
      display: inline-block;
      font-size: 60px;
      font-size: 6rem;
      line-height: 1.6;
      margin: 15px auto;
      padding: 0;
      text-align: center;
      text-decoration: none;
      width: 80%; } }
@media only screen and (min-width: 768px) and (min-device-width: 320px) and (max-device-width: 480px) {
  #goToSpSiteButton {
    display: block;
    text-align: center; } }
@media print, screen and (min-width: 768px) {
  /*---------------------------------------------------------------------
    topic_path_top
  ---------------------------------------------------------------------*/
  .topic_path_top {
    margin-bottom: 15px; }
    .topic_path_top > ol {
      font-size: 86.66%;
      box-sizing: content-box;
      margin: 0 auto;
      max-width: 1200px;
      padding: 6px 15px; }
      .topic_path_top > ol > li {
        display: inline-block; }
        .topic_path_top > ol > li + li::before {
          content: ">";
          margin: 0 5px; }
        .topic_path_top > ol > li a {
          text-decoration: underline; }

  /*---------------------------------------------------------------------
    pagebody
  ---------------------------------------------------------------------*/
  #pagebody_inner,
  .pagebody_inner {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px; }

  /*--------------------------------------------------
    alpha
  --------------------------------------------------*/
  #alpha {
    float: left;
    width: 74.17%; }
    #alpha .list_index .ttl {
      font-size: 125%;
      margin: 0;
      padding: 16px 8px;
      border-bottom: 1px solid #ccc;
      border-left: none; }
      #alpha .list_index .ttl .fas {
        font-size: 18px;
        color: #44B3EE;
        margin-right: 12px; }
      #alpha .list_index .ttl::after {
        content: none; }
    #alpha .list_index_2 .ttl {
      margin: 0;
      padding: 0;
      border: none; }
      #alpha .list_index_2 .ttl::after {
        content: none; }
    #alpha .list_index_2 .fa-chevron-circle-right {
      color: #0068b7;
      font-size: 20px;
      margin-right: 10px; }
    #alpha .list_index_2 .item_link_layout {
      padding: 15px 15px 15px 0; }
    #alpha .list_index_2 .detail .ttl {
      padding-left: 1.6em;
      text-indent: -0.8em; }
    #alpha .list_index .ttl,
    #alpha .list_index_2 .ttl {
      padding-left: 2em;
      text-indent: -0.8em; }

  .modified_date {
    color: #333;
    font-size: 86.66%;
    margin-bottom: 20px;
    text-align: right; }

  /*--------- box -----------*/
  .caution_box_01 {
    color: #000;
    border: 2px solid #468C00;
    background: #F6F9F2;
    font-size: 93.33%;
    padding: 20px; }

  .caution_box_02 {
    position: relative; }
    .caution_box_02 dt {
      color: #000;
      font-size: 106.66%;
      text-align: center;
      width: 280px;
      border: 1px solid #BBBBBB;
      padding: 7px 0 5px;
      position: absolute;
      top: -19px;
      left: 20px;
      background: #FFFFF5; }
    .caution_box_02 dd {
      color: #000;
      background: #fffff5;
      border: 1px solid #bbb;
      padding: 30px 20px 20px; }

  /*--------- template -----------*/
  .fll_img {
    float: left;
    margin: 0 2.5% 2.5% 0;
    /* width: 31.66%; */
    max-width: 30%; }

  .flr_img {
    float: right;
    margin: 0 0 2.5% 2.5%;
    /* width: 31.66%; */
    max-width: 30%; }

  /* 広いPC */ }
@media print and (min-width: 1280px), screen and (min-width: 768px) and (min-width: 1280px) {
  .fll_img {
    max-width: 50%; }

  .flr_img {
    max-width: 50%; } }
@media print, screen and (min-width: 768px) {
  .fll_img img,
  .flr_img img {
    max-width: 100%;
    height: auto; }

  .fl_over {
    overflow: hidden; }

  .caption,
  .list_1column .caption,
  .list_2column .caption,
  .list_3column .caption,
  .list_4column .caption,
  .list_5column .caption {
    font-size: 86.66%;
    line-height: 1.4;
    padding-top: 7px;
    text-align: center;
    margin: 0; }

  .list_1column img,
  .list_2column img,
  .list_3column img,
  .list_4column img,
  .list_5column img {
    width: 100%;
    height: auto; }

  /* list_2column */
  .list_2column {
    letter-spacing: -.4em; }

  .list_2column .item {
    width: 48.75%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 2.5% 0; }

  .list_2column .item:nth-child(2n) {
    margin-right: 0; }

  /* list_3column */
  .list_3column {
    letter-spacing: -.4em; }

  .list_3column .item {
    width: 31.66%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 2.5% 0; }

  .list_3column .item:nth-child(3n) {
    margin-right: 0; }

  .list_2column .item::before,
  .list_3column .item::before {
    content: none; }

  /* list_4column */
  .list_4column {
    letter-spacing: -.4em; }

  .list_4column .item {
    width: 23.08%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 2.5% 0; }

  .list_4column .item:nth-child(4n) {
    margin-right: 0; }

  /* list_5column */
  .list_5column {
    letter-spacing: -.4em; }

  .list_5column .item {
    width: 18%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 2.5% 0; }

  .list_5column .item:nth-child(5n) {
    margin-right: 0; }

  /*竹富町を知ろう*/
  /*.dir_about .topic_path_top { margin: 0; }*/
  .about_01 a,
  .about_02 a {
    text-decoration: none;
    color: #000;
    display: block; }
    .about_01 a:hover,
    .about_02 a:hover {
      opacity: 0.7; }

  .about_01 {
    padding: 0 20px; }
    .about_01 .item {
      width: 24.39%;
      margin: 0 0.79% 1.19% 0; }
    .about_01 .lead {
      background-color: #A9C94C;
      text-align: center;
      border: none;
      margin: 0;
      padding: 5px;
      font-size: 146.66%; }
    .about_01 .detail {
      background-color: #F6F4E8;
      padding: 10px 10px 5px;
      min-height: 60px; }

  .about_bg {
    margin: -35px 0 0; }
    .about_bg .list_3column {
      padding: 60px 0 10px; }
    .about_bg .youtube iframe {
      width: 100%; }
    .about_bg .lead {
      background-color: #000;
      text-align: center;
      padding: 5px;
      font-size: 146.66%;
      color: #fff;
      margin-top: -9px; }

  .about_02 .lead a {
    display: block;
    text-align: center;
    font-size: 133.33%;
    color: #fff;
    background-color: #45B3EE; }
  .about_02 .detail a {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb; }

  /*--------- list_index -----------*/
  * + #list_index {
    margin-top: 60px; }

  #list_index {
    max-width: 1200px;
    margin: 0 auto; }
    #list_index .item {
      margin-bottom: 20px;
      border: 1px solid #bbb; }
      #list_index .item .ttl {
        font-size: 146.66%;
        font-weight: normal;
        border-left: 5px solid #44B3EE; }
        #list_index .item .ttl a {
          color: #191919;
          text-decoration: none;
          display: block;
          position: relative;
          overflow: hidden;
          transition: .8s;
          padding: 10px; }
          #list_index .item .ttl a:hover, #list_index .item .ttl a:focus, #list_index .item .ttl a:active {
            background-color: #EFF8FE;
            text-decoration: underline; }
          #list_index .item .ttl a::after {
            content: "";
            width: 7px;
            height: 7px;
            position: absolute;
            right: 15px;
            top: 20px;
            border-right: 2px solid #138FD2;
            border-bottom: 2px solid #138FD2;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
      #list_index .item .item_inner {
        background: #F7F7F7;
        padding: 15px 15px 5px;
        border-top: 1px solid #bbb; }
      #list_index .item .lead {
        color: #191919;
        background: #E9F5FE;
        padding: 10px;
        font-size: 93.33%;
        line-height: 1.5;
        border: 1px solid #BDE3F9; }
        #list_index .item .lead + * {
          margin-top: 13px; }
      #list_index .item .thumb {
        border-bottom: 1px solid #ccc;
        float: left;
        width: 32.65%;
        margin-right: 1.01%;
        border: 1px solid #bbb; }
        #list_index .item .thumb span {
          display: block;
          position: relative;
          padding-bottom: 66.55%;
          overflow: hidden;
          background-color: #fcf8ed;
          display: block; }
        #list_index .item .thumb img {
          position: absolute;
          top: -100%;
          left: -100%;
          right: -100%;
          bottom: -100%;
          margin: auto;
          max-width: none;
          max-height: 100%;
          transition: .5s; }
      #list_index .item a:hover .thumb img,
      #list_index .item a:focus .thumb img,
      #list_index .item a:active .thumb img {
        opacity: 1;
        transform: scale(1.08); }
      #list_index .item .detail {
        padding: 18px 10px;
        position: relative; }
    #list_index ul {
      overflow: hidden; }
    #list_index .on_thumb li {
      float: left;
      width: 32.65%;
      margin: 0 0.9% 10px 0; }
      #list_index .on_thumb li:nth-child(2n) {
        margin-right: 0; }
      #list_index .on_thumb li:nth-child(3n) {
        margin-right: 0; }
    #list_index li a {
      color: #333333;
      padding: 16px 10px 16px 39px;
      display: block;
      text-decoration: none;
      position: relative;
      transition: .3s;
      border: 1px solid #ccc; }
      #list_index li a:hover, #list_index li a:focus, #list_index li a:active {
        text-decoration: underline;
        background-color: #ffffe3; }

  /*--------- list_index_02 -----------*/
  * + #list_index_02 {
    margin-top: 60px; }

  #list_index_02 {
    max-width: 1200px;
    margin: 0 auto;
    letter-spacing: -.4em; }
    #list_index_02 .item {
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top;
      width: 30.43%;
      margin: 0 4.34% 4.34% 0; }
      #list_index_02 .item:nth-child(3n) {
        margin-right: 0; }
      #list_index_02 .item > a {
        color: #191919;
        text-decoration: none;
        display: block;
        position: relative;
        overflow: hidden;
        border: 1px solid #bbb;
        transition: .8s; }
        #list_index_02 .item > a:hover, #list_index_02 .item > a:focus, #list_index_02 .item > a:active {
          background-color: #EFF8FE;
          text-decoration: underline; }
      #list_index_02 .item .thumb {
        padding: 10px;
        border-bottom: 1px solid #ccc; }
        #list_index_02 .item .thumb span {
          display: block;
          position: relative;
          padding-bottom: 66.4%;
          overflow: hidden;
          background-color: #fcf8ed;
          display: block; }
        #list_index_02 .item .thumb img {
          position: absolute;
          top: -100%;
          left: -100%;
          right: -100%;
          bottom: -100%;
          margin: auto;
          max-width: none;
          max-height: 100%;
          transition: .5s; }
      #list_index_02 .item a:hover .thumb img,
      #list_index_02 .item a:focus .thumb img,
      #list_index_02 .item a:active .thumb img {
        opacity: 1;
        transform: scale(1.08); }
      #list_index_02 .item .detail {
        padding: 18px 10px;
        position: relative; }
      #list_index_02 .item .ttl {
        font-size: 120%;
        font-weight: normal;
        padding-left: 30px; }
      #list_index_02 .item .lead {
        color: #191919;
        background: #EFF8FE;
        padding: 10px;
        font-size: 93.33%;
        line-height: 1.5;
        margin-top: 15px; }
    #list_index_02 ul {
      margin: 5px 0 0 10px; }
    #list_index_02 li + li {
      margin-top: 5px; }
    #list_index_02 li a {
      color: #333333;
      padding: 12px 22px 12px 12px;
      display: block;
      text-decoration: none;
      background: #F4F2EE;
      position: relative;
      transition: .3s; }
      #list_index_02 li a:hover, #list_index_02 li a:focus, #list_index_02 li a:active {
        text-decoration: underline;
        background-color: #F4F8EE; }
      #list_index_02 li a::after {
        content: "";
        width: 5px;
        height: 5px;
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -5px;
        border-right: 1px solid #44B3EE;
        border-bottom: 1px solid #44B3EE;
        transform: rotate(-45deg); }

  /* rep_box */
  .rep_box {
    margin-top: 80px;
    background: #fafafa;
    border: 1px solid #336BA3; }
    .rep_box .ttl {
      color: #fff;
      background: #336BA3;
      font-size: 125%;
      font-weight: normal;
      padding: 5px 15px; }
    .rep_box .detail {
      padding: 15px; }

  /*行政機構図*/
  .soshiki_link {
    border: 1px solid #ccc;
    padding: 5px 10px;
    position: relative; }
    .soshiki_link:hover {
      background-color: #daf0fc; }
    .soshiki_link::after {
      position: absolute;
      content: "";
      width: 5px;
      height: 5px;
      border-top: 2px solid #44b3ee;
      border-right: 2px solid #44b3ee;
      transform: rotate(45deg);
      top: 14px;
      right: 20px; }
    .soshiki_link a {
      text-decoration: none;
      color: #000;
      display: inline-block;
      width: 90%; }

  /*--------------------------------------------------
    list_topics
  --------------------------------------------------*/
  .list_topics .item a {
    color: #004892;
    text-decoration: none;
    padding: 15px 10px;
    display: table;
    width: 100%; }
  .list_topics .item:nth-child(2n) a {
    background-color: #f5f5f5; }
  .list_topics .item a:hover .ttl {
    color: #ff3600;
    text-decoration: underline; }
  .list_topics .item .date {
    color: #333;
    display: table-cell;
    vertical-align: top;
    width: 14%; }
  .list_topics .item .ttl {
    font-weight: 500;
    font-size: 100%;
    display: table-cell;
    vertical-align: top; }
  .list_topics .item .icon_new {
    color: #fff;
    font-size: 90%;
    font-weight: normal;
    background: #ee2f62;
    border-radius: 5px;
    text-align: center;
    margin-left: 5px;
    padding: 0 7px; }

  /* dir_topics */
  .dir_topics .list_topics {
    border-top: 4px solid #0c74a4; }
    .dir_topics .list_topics .item .date {
      width: 17%; }
    .dir_topics .list_topics .item .category {
      font-weight: 500;
      font-size: 100%;
      display: table-cell;
      vertical-align: top;
      width: 140px;
      margin: 0 15px 0 0; }
      .dir_topics .list_topics .item .category span {
        color: #333;
        font-size: 80%;
        display: inline-block;
        width: 120px;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #959595;
        border-radius: 4px;
        background-color: #FFFFFF;
        padding: 3px; }

  /*--------------------------------------------------
    list_event
  --------------------------------------------------*/
  .list_event .item {
    border-bottom: 1px dotted #bbb; }
    .list_event .item a {
      display: table;
      width: 100%;
      text-decoration: none;
      color: #000;
      padding: 20px 10px; }
      .list_event .item a:hover {
        text-decoration: underline; }
    .list_event .item .thumb {
      display: table-cell;
      vertical-align: top;
      width: 130px; }
      .list_event .item .thumb span {
        display: block;
        overflow: hidden;
        border: 1px solid #bbb;
        padding-bottom: 66.92%;
        position: relative; }
      .list_event .item .thumb img {
        position: absolute;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        min-height: 100%;
        min-width: 100%;
        width: 100%; }
    .list_event .item .detail {
      display: table-cell;
      vertical-align: top;
      padding-left: 12px; }
    .list_event .item .date {
      color: #333;
      font-size: 87.5%;
      margin-bottom: 5px; }
    .list_event .item .cat {
      border: 1px solid #ccc;
      font-size: 90%;
      margin-left: 10px;
      padding: 3px 10px;
      line-height: 1;
      display: inline-block;
      background: #fff; }
    .list_event .item .ttl {
      font-weight: 500;
      font-size: 100%; }
    .list_event .item .event_date {
      color: #a0a0a0;
      font-size: 90%; }

  /* .pager */
  .pager {
    margin: 30px 0 0;
    text-align: center; }
    .pager ul li {
      font-size: 81.25%;
      margin: 3px;
      display: inline-block; }
    .pager a, .pager span {
      color: #004892;
      display: block;
      text-decoration: none;
      border: 1px solid #CCC;
      padding: 9px 16px;
      background-color: #fff; }
    .pager li.total span {
      border-color: #FFF; }
    .pager li.prev span,
    .pager li.next span,
    .pager li.first span,
    .pager li.last span {
      border: 1px solid #ccc;
      color: #bbb; }
    .pager li.current span {
      color: #fff;
      background: #0175AB; }
    .pager a:hover,
    .pager a:focus,
    .pager a:active {
      color: #fff;
      border: 1px solid #999;
      background: #0175AB; }

  /* link_prev_next */
  .link_prev_next {
    text-align: center;
    margin-top: 40px; }
    .link_prev_next > li {
      display: inline-block; }
      .link_prev_next > li a {
        color: #0275ac;
        border: 1px solid #bbb;
        display: block;
        padding: 12px 40px;
        text-decoration: none;
        transition: .3s;
        border-radius: 3px;
        font-size: 90%;
        font-weight: bold; }
        .link_prev_next > li a:hover {
          color: #fff;
          background-color: #0275ac; }

  /*kouhoushi*/
  .item_id_kouhou .topic_path_top {
    margin-top: 10px; }
  .item_id_kouhou .list_side_menu {
    margin-top: 15px; }

  .list_kouhou {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
  @media only screen and (min-width: 768px) and (max-width: 1100px) {
    .list_kouhou {
      justify-content: flex-start; } }
@media print, screen and (min-width: 768px) {
    .list_kouhou .item {
      width: 200px;
      margin: 15px 0;
      border: 1px solid #ccc; } }
    @media only screen and (min-width: 768px) and (max-width: 1100px) {
      .list_kouhou .item {
        margin-right: 20px; } }
@media print, screen and (min-width: 768px) {
      .list_kouhou .item .thumb {
        padding: 0 20px 20px 20px;
        text-align: center; }
    .list_kouhou .detail {
      text-align: center; }
      .list_kouhou .detail .ttl {
        font-size: 17px;
        padding: 5px; }
      .list_kouhou .detail .link a {
        display: block;
        margin: 0 10px;
        color: #000;
        padding: 5px;
        margin-bottom: 10px;
        background-color: #EFF8FE;
        text-decoration: none;
        position: relative; }
        .list_kouhou .detail .link a::after {
          position: absolute;
          content: "";
          padding: 5px;
          width: 18px;
          height: 18px;
          right: 10px;
          top: 10px; }
        .list_kouhou .detail .link a:hover, .list_kouhou .detail .link a:focus, .list_kouhou .detail .link a:active {
          background-color: #C5E6FC;
          text-decoration: underline; }

  /*kouhoushi 詳細ページ*/
  .kouhou_detail .kouhou_detail_top {
    display: flex;
    margin-bottom: 40px; }
    .kouhou_detail .kouhou_detail_top .thumb {
      width: 280px; }
    .kouhou_detail .kouhou_detail_top .thumb_info {
      width: 610px;
      padding: 0 0 0 40px; }
      .kouhou_detail .kouhou_detail_top .thumb_info .text {
        margin: 15px 0 20px; }
    .kouhou_detail .kouhou_detail_top .btn_kouhou_dw {
      padding: 20px 20px;
      border: 1px solid #ccc;
      border-radius: 10px; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw + .btn_kouhou_dw {
        margin-top: 20px; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw a {
        display: inline-block;
        text-decoration: none;
        color: #000; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw .fas {
        margin-right: 15px;
        font-size: 150%;
        color: #0275AC; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw.dw_pdf .fas {
        margin-right: 25px; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw .fileInfo {
        font-size: 100%;
        color: inherit; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw span.pdfAfter, .kouhou_detail .kouhou_detail_top .btn_kouhou_dw span.pdfBefore {
        display: none; }
    .kouhou_detail .kouhou_detail_top .kouhou_inline-block_pc {
      display: inline-block;
      vertical-align: top; }

  .item_id_kouhou_detail .list_side_menu {
    margin-top: 0; }
  .item_id_kouhou_detail .back_list_wrap {
    margin-top: 40px; }
  .item_id_kouhou_detail .back_link {
    display: inline-block;
    text-decoration: none;
    padding: 5px 15px;
    border: 3px solid #00955E; }

  /*gikaidayori*/
  .item_id_gikaidayori .topic_path_top {
    margin-top: 10px; }
  .item_id_gikaidayori .list_side_menu {
    margin-top: 15px; }

  .list_gikaidayori {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; } }
  @media only screen and (min-width: 768px) and (max-width: 1100px) {
    .list_gikaidayori {
      justify-content: flex-start; } }
@media print, screen and (min-width: 768px) {
    .list_gikaidayori .item {
      width: 200px;
      margin: 15px 0;
      border: 1px solid #ccc; } }
    @media only screen and (min-width: 768px) and (max-width: 1100px) {
      .list_gikaidayori .item {
        margin-right: 20px; } }
@media print, screen and (min-width: 768px) {
      .list_gikaidayori .item .thumb {
        padding: 0 20px 20px 20px;
        text-align: center; }
    .list_gikaidayori .detail {
      text-align: center; }
      .list_gikaidayori .detail .ttl {
        font-size: 17px;
        padding: 5px; }
      .list_gikaidayori .detail .link a {
        display: block;
        margin: 0 10px;
        color: #000;
        padding: 5px;
        margin-bottom: 10px;
        background-color: #EFF8FE;
        text-decoration: none;
        position: relative; }
        .list_gikaidayori .detail .link a::after {
          position: absolute;
          content: "";
          padding: 5px;
          width: 18px;
          height: 18px;
          right: 10px;
          top: 10px; }
        .list_gikaidayori .detail .link a:hover, .list_gikaidayori .detail .link a:focus, .list_gikaidayori .detail .link a:active {
          background-color: #C5E6FC;
          text-decoration: underline; }

  /*gikaidayori 詳細ページ*/
  .gikaidayori_detail .gikaidayori_detail_top {
    display: flex;
    margin-bottom: 40px; }
    .gikaidayori_detail .gikaidayori_detail_top .thumb {
      width: 280px; }
    .gikaidayori_detail .gikaidayori_detail_top .thumb_info {
      width: 610px;
      padding: 0 0 0 40px; }
      .gikaidayori_detail .gikaidayori_detail_top .thumb_info .text {
        margin: 15px 0 20px; }
    .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw {
      padding: 20px 20px;
      border: 1px solid #ccc;
      border-radius: 10px; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw + .btn_gikaidayori_dw {
        margin-top: 20px; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw a {
        display: inline-block;
        text-decoration: none;
        color: #000; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw .fas {
        margin-right: 15px;
        font-size: 150%;
        color: #0275AC; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw.dw_pdf .fas {
        margin-right: 25px; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw .fileInfo {
        font-size: 100%;
        color: inherit; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw span.pdfAfter, .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw span.pdfBefore {
        display: none; }
    .gikaidayori_detail .gikaidayori_detail_top .gikaidayori_inline-block_pc {
      display: inline-block;
      vertical-align: top; }

  .vertical_text_bottom_pc {
    vertical-align: text-bottom; }

  .item_id_gikaidayori_detail .list_side_menu {
    margin-top: 0; }
  .item_id_gikaidayori_detail .back_list_wrap {
    margin-top: 40px; }
  .item_id_gikaidayori_detail .back_link {
    display: inline-block;
    text-decoration: none;
    padding: 5px 15px;
    border: 3px solid #00955E; }

  /* calendar */
  .events_calendar .head {
    position: relative;
    text-align: center; }

  .ttl_calendar {
    color: #cc9800;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    font-size: 130%;
    border-bottom: 3px double #e5e5d9;
    padding: 0 15px 0 50px; }
    .ttl_calendar strong {
      font-size: 150%;
      margin: 0 4px; }

  .events_calendar .head .pager_calendar {
    position: absolute;
    width: 100%;
    top: 10px; }

  .pager_calendar {
    position: relative; }
    .pager_calendar a {
      display: block;
      text-decoration: none;
      font-size: 80%;
      font-weight: bold;
      color: #1169c2;
      padding: 8px 15px 6px;
      border-radius: 4px;
      border: 1px solid #ccc;
      transition: .3s; }
      .pager_calendar a:hover, .pager_calendar a:focus, .pager_calendar a:active {
        color: #fff;
        background-color: #1169c2; }
    .pager_calendar .prev {
      float: left; }
    .pager_calendar .next {
      float: right; }

  .calendar_area {
    margin: 30px auto; }
    .calendar_area th {
      text-align: center;
      /*background-color: #ffbf00;*/ }
    .calendar_area .day {
      text-align: center;
      background-color: #fafafa; }
    .calendar_area .sat .day {
      color: #0000cc;
      background-color: #EAF4F9; }
    .calendar_area .sun .day {
      color: #ff0000;
      background-color: #ffefef; }
    .calendar_area td a {
      margin: 5px 0;
      display: inline-block; }
    .calendar_area .cat_common {
      padding: 3px 10px;
      font-size: 91%;
      border-radius: 3px; }
    .calendar_area .cat_01 {
      background: #EFF8FE; }
    .calendar_area .cal_02 {
      background: #FFE2E2; }
    .calendar_area .cat_03 {
      background: #FFF1E2; }
    .calendar_area .cat_04 {
      background: #F8FFE2; }
    .calendar_area .cat_05 {
      background: #E2FFE2; }
    .calendar_area .cat_06 {
      background: #E2E2FF; }
    .calendar_area .cat_07 {
      background: #F8E2FF; }
    .calendar_area .cat_08 {
      background: #F8F8F1; }
    .calendar_area .cat_09 {
      background: #F7F7F7; }
    .calendar_area .cat_10 {
      background: #FFEEBB; }
    .calendar_area .cat_11 {
      background: #E2FFF8; }

  /*リンクチェック*/
  #extra_text {
    display: block;
    background: #FFBF00;
    padding: 10px 0 0; }
    #extra_text #check_link {
      display: block;
      text-decoration: none;
      font-size: 133.33%;
      color: #666;
      text-align: center;
      border: 1px solid #bbb;
      width: 300px;
      margin: 0 auto;
      padding: 10px;
      background: #fff;
      border-radius: 7px; }
      #extra_text #check_link:hover {
        background: #FFE493;
        color: #333; }

  /*---------------------------------------------------
    beta
  ---------------------------------------------------*/
  #beta {
    float: right;
    width: 23.3334%;
    /* banner */ }
    #beta .bnr_list_01 {
      background: #ecf8ff;
      padding: 12px; }

  .bnr_list_01 li {
    margin-bottom: 10px; }

  .bnr_list_02 li {
    border: 2px solid #8ECAEA;
    margin: 0 0 10px; }

  .banner-bottom {
    margin-top: 30px; }
    .banner-bottom .ttl {
      color: #fff;
      font-size: 133.33%;
      font-weight: normal;
      text-align: center;
      background: #00468C;
      border-radius: 6px 5px 0 0;
      padding: 6px 5px 4px; }
    .banner-bottom .inner {
      padding: 20px;
      border: 1px solid #ccc;
      background: #FFFCF2; }

  .bnr_list_03 {
    letter-spacing: -.4em; }
    .bnr_list_03 li {
      width: 31.5%;
      margin: 0 1.72% 1.72% 0;
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top; }
      .bnr_list_03 li:nth-child(3n) {
        margin-right: 0; }
      .bnr_list_03 li a {
        display: block;
        border: 1px solid #ccc; }

  /*---------------------------------------------------
    sidemenu
  ---------------------------------------------------*/
  #side_menu {
    background-color: #fff;
    margin-bottom: 20px;
    border: none;
    /* level1 */
    /* level2 */
    /* level3 */
    /* level4 */
    /* level5 */ }
    #side_menu a {
      display: block;
      padding: 5px;
      text-decoration: none;
      transition: .3s; }
      #side_menu a:hover {
        text-decoration: none; }
    #side_menu .level0 > a {
      color: #fff;
      font-size: 112.5%;
      background: #003B98;
      padding: 13px 15px; }
    #side_menu .level1 > a {
      position: relative;
      padding: 11px 15px;
      font-size: 112.5%;
      background-color: #03569d;
      color: #fff; }
      #side_menu .level1 > a .fas {
        margin-right: 10px; }
      #side_menu .level1 > a:hover, #side_menu .level1 > a:active, #side_menu .level1 > a:focus, #side_menu .level1 > a.selected {
        color: #172A88;
        text-decoration: underline;
        background: #45B3EE; }
    #side_menu .level2 > a {
      color: #000;
      background: #efeded;
      border-bottom: 1px solid #c2c2c2;
      padding: 14px 25px;
      font-size: 113%;
      position: relative; }
      #side_menu .level2 > a::after {
        content: "";
        position: absolute;
        top: 50%;
        right: 11px;
        width: 8px;
        height: 8px;
        border-right: 3px solid #03569d;
        border-bottom: 3px solid #03569d;
        transform: rotate(-45deg) translateY(-75%); }
      #side_menu .level2 > a:hover, #side_menu .level2 > a:active, #side_menu .level2 > a:focus, #side_menu .level2 > a.selected {
        color: #fff;
        background: #44B3EE; }
    #side_menu .level3 > a {
      color: #000;
      background: #dceaed;
      font-size: 100%;
      padding: 10px 30px 10px 25px;
      position: relative;
      border-bottom: 2px solid #fff; }
      #side_menu .level3 > a strong {
        font-weight: normal; }
      #side_menu .level3 > a::before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        top: 50%;
        right: 10px;
        border: 5px solid transparent;
        border-left: 5px solid #999999;
        transform: translateY(-50%);
        font-variant-ligatures: .3s; }
      #side_menu .level3 > a:hover, #side_menu .level3 > a:active, #side_menu .level3 > a:focus, #side_menu .level3 > a.selected {
        color: #fff;
        background: #028857; }
        #side_menu .level3 > a:hover::before, #side_menu .level3 > a:active::before, #side_menu .level3 > a:focus::before, #side_menu .level3 > a.selected::before {
          border-left-color: #fff; }
    #side_menu .level3 > ul {
      margin-top: 5px;
      margin-left: 5px;
      border-top: 1px dotted #ccc; }
    #side_menu .level4 > a {
      color: #000;
      font-size: 87.5%;
      position: relative;
      padding: 7px 7px 7px 27px;
      border-bottom: 1px dotted #ccc; }
      #side_menu .level4 > a::before {
        content: "";
        width: 5px;
        height: 5px;
        position: absolute;
        left: 10px;
        top: 15px;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        transform: rotate(-45deg);
        transition: .3s; }
      #side_menu .level4 > a:hover, #side_menu .level4 > a:active, #side_menu .level4 > a:focus, #side_menu .level4 > a.selected {
        background-color: #E8F5FD; }
        #side_menu .level4 > a:hover::before, #side_menu .level4 > a:active::before, #side_menu .level4 > a:focus::before, #side_menu .level4 > a.selected::before {
          border-right-color: #138FD2;
          border-bottom-color: #138FD2; }
    #side_menu .level5 > a {
      color: #000;
      font-size: 87.5%;
      position: relative;
      padding: 7px 7px 7px 37px;
      border-bottom: 1px dotted #ccc; }
      #side_menu .level5 > a::before {
        content: "";
        width: 5px;
        height: 5px;
        position: absolute;
        left: 20px;
        top: 15px;
        background-color: #03569D;
        transition: .3s; }
      #side_menu .level5 > a:hover, #side_menu .level5 > a:active, #side_menu .level5 > a:focus, #side_menu .level5 > a.selected {
        background-color: #E8F5FD; }
        #side_menu .level5 > a:hover::before, #side_menu .level5 > a:active::before, #side_menu .level5 > a:focus::before, #side_menu .level5 > a.selected::before {
          background-color: #333; }

  /*--------- beta -----------*/
  .list_side_menu {
    margin-bottom: 20px; }
    .list_side_menu .ttl {
      font-size: 112.5%;
      color: #fff;
      font-weight: 500;
      padding: 11px 15px;
      position: relative;
      background: #03559E; }
    .list_side_menu a {
      color: #333;
      text-decoration: none;
      display: block;
      position: relative;
      padding: 10px 10px 10px 26px;
      border-right: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-left: 1px solid #ccc; }
      .list_side_menu a:hover {
        color: #ff3600;
        text-decoration: underline; }
      .list_side_menu a::before {
        content: "";
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-left: 5px solid #007BB4;
        position: absolute;
        left: 10px;
        top: 18px; }
    .list_side_menu .ttl span {
      font-size: 80%;
      font-weight: normal;
      position: absolute;
      top: 12px;
      right: 10px; }
    .list_side_menu .type_01 dl {
      padding: 10px; }
      .list_side_menu .type_01 dl + dl {
        border-top: 1px solid #ccc; }
    .list_side_menu .type_01 dt {
      font-size: 80%;
      line-height: 1.2;
      margin-bottom: 2px; }
    .list_side_menu .type_01 dd {
      font-size: 86.66%; }
    .list_side_menu .type_02 > li {
      padding: 10px;
      font-size: 86.66%;
      border-top: 1px solid #ccc; }
      .list_side_menu .type_02 > li:first-child {
        border-top: none; }
      .list_side_menu .type_02 > li > ul {
        display: none; }
    .list_side_menu .type_03 {
      padding: 10px; }
      .list_side_menu .type_03 > li {
        font-size: 86.66%; }

  /* ------------------------------------------------------------------------------------------ 
   colors 共通
  ------------------------------------------------------------------------------------------ */
  /* header */
  .colors_black .site_logo a,
  .colors_blue .site_logo a {
    background-color: #fff; }

  .colors_blue #colors_blue,
  .colors_black #colors_black {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 4px;
    display: block; }

  body[class^="colors_"] {
    /* footer */
    /* toppage */
    /* about */ }
    body[class^="colors_"] .btn_skip_body {
      background-color: rgba(0, 0, 0, 0) !important; }
    body[class^="colors_"] .header_link a {
      background-color: rgba(0, 0, 0, 0);
      border-color: inherit;
      font-weight: bold; }
    body[class^="colors_"] .lang a {
      color: #000 !important; }
    body[class^="colors_"] .gnavi .inner {
      background: none; }
    body[class^="colors_"] .gnavi ul li a {
      text-decoration: underline; }
    body[class^="colors_"] .gnavi ul li a:hover,
    body[class^="colors_"] #top .gnavi ul .navi_01 a,
    body[class^="colors_"] .dir_topics .gnavi ul .navi_02 a,
    body[class^="colors_"] .dir_guide .gnavi ul .navi_03 a,
    body[class^="colors_"] .dir_event .gnavi ul .navi_04 a,
    body[class^="colors_"] .dir_about .gnavi ul .navi_05 a,
    body[class^="colors_"] .dir_administration .gnavi ul .navi_06 a,
    body[class^="colors_"] .dir_bousai .gnavi ul .navi_07 a,
    body[class^="colors_"] .dir_business .gnavi ul .navi_08 a {
      background: none;
      color: inherit; }
    body[class^="colors_"] .modified_date {
      color: inherit; }
    body[class^="colors_"] .list_topics dl dt .cat {
      background: no-repeat;
      border: 1px dotted;
      color: inherit; }
    body[class^="colors_"] .pager a {
      color: #000;
      text-decoration: underline; }
    body[class^="colors_"] #list_index .item .ttl a {
      color: inherit;
      text-decoration: underline; }
      body[class^="colors_"] #list_index .item .ttl a:hover, body[class^="colors_"] #list_index .item .ttl a:focus, body[class^="colors_"] #list_index .item .ttl a:active {
        background: none; }
    body[class^="colors_"] #list_index .item_inner {
      background: none; }
    body[class^="colors_"] #list_index li a {
      background-color: rgba(0, 0, 0, 0);
      color: inherit;
      text-decoration: underline; }
    body[class^="colors_"] #list_index_02 .item > a {
      color: inherit;
      text-decoration: underline;
      border-color: inherit; }
      body[class^="colors_"] #list_index_02 .item > a:hover, body[class^="colors_"] #list_index_02 .item > a:active, body[class^="colors_"] #list_index_02 .item > a:focus {
        background: none; }
    body[class^="colors_"] #list_index_02 .item .lead {
      color: inherit;
      background: none; }
    body[class^="colors_"] #list_index_02 li a {
      color: inherit;
      background: none;
      border: 1px dotted;
      text-decoration: underline; }
    body[class^="colors_"] #side_menu {
      background: none; }
      body[class^="colors_"] #side_menu .level1 > a {
        background: none !important;
        color: inherit; }
      body[class^="colors_"] #side_menu .level2 > a,
      body[class^="colors_"] #side_menu .level3 > a,
      body[class^="colors_"] #side_menu .level4 > a {
        background: none;
        color: inherit;
        text-decoration: underline; }
    body[class^="colors_"] .rep_box {
      background: none; }
    body[class^="colors_"] .icon_pdf::after,
    body[class^="colors_"] .content1 a[href*=".pdf"]::after,
    body[class^="colors_"] .icon_word::after,
    body[class^="colors_"] .content1 a[href*=".doc"]::after,
    body[class^="colors_"] .icon_word::after,
    body[class^="colors_"] .content1 a[href*=".rtf"]::after,
    body[class^="colors_"] .icon_excel::after,
    body[class^="colors_"] .content1 a[href*=".xls"]::after {
      background-color: #fff; }
    body[class^="colors_"] .ttl_calendar {
      color: inherit; }
    body[class^="colors_"] .calendar_area .day {
      color: #000; }
    body[class^="colors_"] .item_id_soshiki .list_topics {
      background: none;
      padding: 10px 0; }
    body[class^="colors_"] #site_footer {
      background: no-repeat; }
    body[class^="colors_"] .footer_navi_01 a {
      background: none;
      text-decoration: underline; }
    body[class^="colors_"] .footer_info dt {
      background: #fff; }
    body[class^="colors_"] .copyright {
      background: none;
      color: inherit;
      border-top: 1px solid; }
    body[class^="colors_"] .main_image {
      background: none; }
    body[class^="colors_"] .main_image::before,
    body[class^="colors_"] .main_image::after {
      display: none; }
    body[class^="colors_"] .banner-bottom .inner {
      background: none; }
    body[class^="colors_"] .top_population table tr:first-child th,
    body[class^="colors_"] .top_population table th {
      color: inherit;
      background: none; }
    body[class^="colors_"] .top_guide .inner h3 {
      color: inherit; }
    body[class^="colors_"] .top_topics .link_list a {
      border: 1px solid;
      text-decoration: underline; }
    body[class^="colors_"] .user_navi {
      background: none; }
    body[class^="colors_"] .main_image .main_r .search_lifestage {
      background-color: transparent; }
    body[class^="colors_"] .about_01 .lead {
      background: none;
      border: 1px solid; }
    body[class^="colors_"] .about_01 .detail {
      background: no-repeat; }
    body[class^="colors_"] .about_01 a,
    body[class^="colors_"] .about_02 a {
      text-decoration: underline; }
    body[class^="colors_"] .about_02 a {
      background: none;
      border: 1px solid; }

  /* ------------------------------------------------------------------------------------------ 
   yellow
  ------------------------------------------------------------------------------------------ */
  body.colors_yellow,
  .colors_yellow #site_header,
  .colors_yellow #container {
    background: #FFFFCC;
    color: #000; }

  .colors_yellow {
    /* header */
    /* pagebody */
    /* footer */
    /* top */ }
    .colors_yellow a:link {
      color: blue; }
    .colors_yellow a:visited {
      color: #676767; }
      .colors_yellow a:visited:hover {
        color: blue; }
    .colors_yellow a:hover {
      color: blue; }
    .colors_yellow .gnavi ul li {
      border-right-color: #000; }
      .colors_yellow .gnavi ul li:first-child {
        border-left-color: #000; }
      .colors_yellow .gnavi ul li > ul {
        background-color: #000; }
    .colors_yellow #top .gnavi .gnavi_list a {
      color: #fff; }
      .colors_yellow #top .gnavi .gnavi_list a:link, .colors_yellow #top .gnavi .gnavi_list a:visited {
        color: #ffff00; }
    .colors_yellow .page_ttl_wrap {
      background: #000;
      color: #fff; }
    .colors_yellow #list_index_02 .item a:hover,
    .colors_yellow #list_index_02 .item a:active,
    .colors_yellow #list_index_02 .item a:focus {
      color: blue; }
    .colors_yellow .footer_navi .item ul li a {
      color: blue;
      text-decoration: underline; }
      .colors_yellow .footer_navi .item ul li a:hover {
        color: blue; }
    .colors_yellow .top_topics .t_topics_list .ttl,
    .colors_yellow .top_topics .t_news_list .ttl,
    .colors_yellow .top_guide > .ttl,
    .colors_yellow .banner-bottom .ttl,
    .colors_yellow .top_population .ttl {
      background: #000;
      color: #fff; }

  /* ------------------------------------------------------------------------------------------ 
   blue
  ------------------------------------------------------------------------------------------ */
  body.colors_blue,
  .colors_blue #site_header,
  .colors_blue #container {
    background: #00b;
    color: #fff; }

  .colors_blue {
    /* pagebody */
    /* footer */
    /* top */ }
    .colors_blue a:link {
      color: #ffff00; }
    .colors_blue a:hover {
      color: #FF3F00; }
    .colors_blue a:visited {
      color: #ffff00; }
    .colors_blue a:visited:hover {
      color: #FF3F00; }
    .colors_blue .gnavi li > ul {
      background-color: #00b; }
    .colors_blue .page_ttl_wrap {
      background: #fff;
      color: #00b; }
    .colors_blue table th {
      background: #fff;
      color: #0000BB; }
    .colors_blue table td {
      background: #0000BB; }
    .colors_blue .lead_06 {
      color: yellow; }
    .colors_blue #list_index_02 .item a:hover, .colors_blue #list_index_02 .item a:active, .colors_blue #list_index_02 .item a:focus {
      color: yellow; }
    .colors_blue .footer_navi .item ul li a {
      color: yellow;
      text-decoration: underline; }
      .colors_blue .footer_navi .item ul li a:hover {
        color: #FF3F00; }
    .colors_blue .top_caution .inner {
      color: #000; }
    .colors_blue .top_caution a {
      color: blue; }
      .colors_blue .top_caution a:hover {
        color: #FF3F00; }
    .colors_blue .top_topics .t_topics_list .ttl,
    .colors_blue .top_topics .t_news_list .ttl,
    .colors_blue .top_guide > .ttl,
    .colors_blue .banner-bottom .ttl,
    .colors_blue .top_population .ttl {
      background: #fff;
      color: #000; }

  /* ------------------------------------------------------------------------------------------ 
   black
  ------------------------------------------------------------------------------------------ */
  body.colors_black,
  .colors_black #site_header,
  .colors_black #container {
    background: #000;
    color: #FFFFFF; }

  .colors_black {
    /* pagebody */
    /* footer */
    /* top */ }
    .colors_black a:link {
      color: #fff; }
    .colors_black a:hover {
      color: #FF3F00; }
    .colors_black a:visited {
      color: #ffff00; }
      .colors_black a:visited:hover {
        color: #FF3F00; }
    .colors_black .gnavi li > ul {
      background-color: #000; }
    .colors_black .page_ttl_wrap {
      background: #fff;
      color: #000; }
    .colors_black table th {
      background: #fff;
      color: #000; }
    .colors_black table td {
      background: #000; }
    .colors_black .lead_06 {
      color: yellow; }
    .colors_black #list_index_02 .item a:hover,
    .colors_black #list_index_02 .item a:active,
    .colors_black #list_index_02 .item a:focus {
      color: yellow; }
    .colors_black .footer_navi .item ul li a {
      color: yellow;
      text-decoration: underline; }
      .colors_black .footer_navi .item ul li a:hover {
        color: #FF3F00; }
    .colors_black .top_caution .inner {
      color: #000; }
    .colors_black .top_caution a {
      color: black; }
      .colors_black .top_caution a:hover {
        color: #FF3F00; }
    .colors_black .top_topics .t_topics_list .ttl,
    .colors_black .top_topics .t_news_list .ttl,
    .colors_black .top_guide > .ttl,
    .colors_black .banner-bottom .ttl,
    .colors_black .top_population .ttl {
      background: #fff;
      color: #000; }

  /*-------------------------------------
  	organize_topics_list
  -------------------------------------*/
  .organize_topics_list dl {
    padding: 0 0 10px;
    border-bottom: 1px solid #C2C2C2; }
    .organize_topics_list dl + dl {
      margin-top: 10px; }
    .organize_topics_list dl .date {
      color: #333;
      font-size: 93.75%;
      display: inline-block;
      vertical-align: middle; }
    .organize_topics_list dl .cat {
      color: #333;
      font-size: 75%;
      line-height: 1.0;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      border: 1px solid #959595;
      border-radius: 4px;
      background-color: #FFFFFF;
      padding: 5px 8px;
      margin-left: 10px; }
  .organize_topics_list dd {
    margin-top: 5px; }

  /*-------------------------------------
  	チャットボット非表示※総合トップ、トップページのみ表示
  -------------------------------------*/
  .wc-webchat-ctn {
    display: none; }

  .disaster_container ~ .wc-webchat-ctn,
  #top ~ .wc-webchat-ctn,
  .sougou_top_container ~ .wc-webchat-ctn {
    display: block; }

  /*-------------------------------------
  	common_text
  -------------------------------------*/
  .page_ttl {
    font-size: 130%;
    font-weight: bold;
    line-height: 1.4;
    padding-bottom: 10px;
    margin-bottom: 20px;
    margin: 0 -15px 15px;
    padding: 51px 15px;
    background: -moz-linear-gradient(65deg, #F13F79, #FFC778);
    background: -webkit-linear-gradient(65deg, #F13F79, #FFC778);
    background: linear-gradient(25deg, #F13F79, #FFC778); } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .page_ttl {
      font-size: 162.5%;
      margin: 0 auto 40px; } }

@media print, screen and (min-width: 768px) {
  .content1 {
    line-height: 1.8;
    /* headline */
    /* utility */ }
    .content1 p {
      margin: 1em 0; }
    .content1 h2 + p,
    .content1 h3 + p,
    .content1 h4 + p,
    .content1 h5 + p,
    .content1 h6 + p {
      margin-top: 0; }
    .content1 div > p {
      margin-top: 0; }
    .content1 * + h2 {
      margin-top: 45px; }
    .content1 * + h3 {
      margin-top: 35px; }
    .content1 * + h4 {
      margin-top: 25px; }
    .content1 * + h5 {
      margin-top: 20px; }
    .content1 h2 + h3,
    .content1 h3 + h4 {
      margin-top: 0; }
    .content1 * {
      /*+ ul li{ ：調整_200307_oroku
        &::before{
          content: "・";
        }      
        padding-left: 0.6em;
        text-indent: -0.6em;
      }*/ }
      .content1 * + dl,
      .content1 * + ol,
      .content1 * + ul,
      .content1 * + table {
        margin-top: 20px; }
      .content1 * + ul li + li,
      .content1 * + ol li + li {
        margin-top: 8px; }
      .content1 * + ul {
        list-style-type: disc;
        padding-left: 25px; }
      .content1 * + ol {
        list-style-type: decimal;
        padding-left: 25px; }
    .content1 ul {
      list-style-type: disc;
      padding-left: 25px; }
      .content1 ul li + li {
        margin-top: 8px; }
    .content1 ol {
      list-style-type: decimal;
      padding-left: 25px; }
      .content1 ol li + li {
        margin-top: 8px; }

  .lead_01,
  .content1 h2 {
    font-size: 125%;
    font-weight: 500;
    border-bottom: 2px solid #bbb;
    margin-bottom: 35px;
    padding-bottom: 6px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .lead_01,
    .content1 h2 {
      font-size: 160%; } }

@media print, screen and (min-width: 768px) {
  .lead_02,
  .content1 h3 {
    font-size: 120%;
    font-weight: 500;
    padding-bottom: 7px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #aaa; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .lead_02,
    .content1 h3 {
      font-size: 137.5%; } }

@media print, screen and (min-width: 768px) {
  .lead_03,
  .content1 h4 {
    font-size: 115%;
    font-weight: 500;
    padding-left: 20px;
    margin-bottom: 15px;
    position: relative; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .lead_03,
    .content1 h4 {
      font-size: 120%; } }
@media print, screen and (min-width: 768px) {
    .lead_03::before,
    .content1 h4::before {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      border: 5px solid transparent;
      border-left: 7px solid #007bb4; }

  .lead_04,
  .content1 h5 {
    font-size: 106.25%;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
    padding-left: 20px; }
    .lead_04::before,
    .content1 h5::before {
      content: "";
      position: absolute;
      left: -2px;
      top: 8px;
      width: 6px;
      height: 6px;
      border-left: 2px solid #aaa;
      border-bottom: 2px solid #aaa;
      transform: rotate(-135deg); }

  .lead_05 {
    font-size: 137.5%;
    color: #008C52; }

  .lead_05 + h2,
  .lead_05 + h3 {
    margin-top: 30px; }

  .fc_01 {
    color: #D80000; }

  .fc_02 {
    color: #555; }

  .fc_red {
    color: #D80000; }

  .fc_blue {
    color: #426aad; }

  .fc_green {
    color: #348834; }

  .fc_yellow {
    color: #ded828; }

  .fc_gray {
    color: #555; }

  .modified_date {
    color: #333;
    font-size: 86.66%;
    margin-bottom: 20px;
    text-align: right; }

  .info_text {
    padding: 15px;
    padding-left: 52px;
    border: 1px dotted #999;
    font-size: 87.5%; }

  .info_text_02 {
    border: 1px solid #CCCCCC; }
    .info_text_02 .ttl {
      font-size: 100%;
      background: #F3F3F3;
      font-weight: bold;
      padding: 10px 15px;
      border-bottom: 1px solid #CCCCCC; }
    .info_text_02 .detail {
      padding: 15px; }

  /*--------- text -----------*/
  .page_ttl_wrap {
    padding: 30px 15px;
    background: #DDE9F5 url("/resources/image/common/bg_04.png"); }

  .page_ttl {
    font-size: 212.5%;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    background: url("/resources/image/common/bg_line_02.png"); }

  #alpha .page_ttl {
    margin-bottom: 30px;
    padding: 18px 20px;
    border-left: 10px solid #0275ac;
    background: #dceaed;
    font-size: 175%;
    text-align: left; }
  #alpha h2 {
    font-size: 150%;
    font-weight: 500;
    padding-bottom: 10px;
    margin-bottom: 30px;
    position: relative;
    border-bottom: 6px solid #dceaed;
    background: none; }
    #alpha h2::after {
      content: "";
      width: 281px;
      height: 6px;
      position: absolute;
      left: 0;
      bottom: -6px;
      background: #0275ac; }
  #alpha h3 {
    font-size: 137.5%;
    font-weight: 500;
    padding: 12px 15px;
    margin-bottom: 20px;
    position: relative;
    background-color: #E8F8FB;
    border-bottom: none;
    border-radius: 6px; }
  #alpha h4, #alpha h5, #alpha h6 {
    font-size: 108%;
    font-weight: 600;
    margin-bottom: 10px; }

  .bg_01 {
    background-color: #FFFFBF; }

  /*竹富町を知ろう*/
  .about_inner h2 {
    text-align: center;
    border-bottom: 1px solid #BBBBBB;
    font-size: 200%;
    padding: 25px 0 15px;
    margin-top: 50px; }
    .about_inner h2::after {
      background: none; }

  .about_01 a,
  .about_02 a {
    text-decoration: none;
    color: #000;
    display: block; }

  .about_01 .lead {
    background-color: #A9C94C;
    text-align: center;
    border: none;
    margin: 0;
    padding: 5px;
    font-size: 146.66%; }

  .about_bg .lead {
    background-color: #000;
    text-align: center;
    padding: 5px;
    font-size: 146.66%;
    color: #fff;
    margin-top: -9px; }

  .about_02 .lead a {
    display: block;
    text-align: center;
    font-size: 133.33%;
    color: #fff;
    background-color: #45B3EE; }

  /* ----- 広報誌 ----- */
  /*リスト*/
  .item_id_kouhou #alpha .ttl {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 0;
    background-color: #0275ac;
    border: none;
    font-size: 100%;
    color: #fff;
    text-align: center; }
    .item_id_kouhou #alpha .ttl::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -12px;
      width: 0;
      height: 0;
      background-color: transparent;
      border: 6px solid transparent;
      border-top: 6px solid #0275ac;
      transform: translateX(-50%); }

  /*詳細ページ*/
  .kouhou_detail .lead_02 {
    margin: 25px 0 10px; }

  /* ----- 議会だより ----- */
  /*リスト*/
  .item_id_gikaidayori #alpha .ttl {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 0;
    background-color: #006;
    border: none;
    font-size: 100%;
    color: #fff;
    text-align: center; }
    .item_id_gikaidayori #alpha .ttl::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -12px;
      width: 0;
      height: 0;
      background-color: transparent;
      border: 6px solid transparent;
      border-top: 6px solid #006;
      transform: translateX(-50%); }

  /*詳細ページ*/
  .gikaidayori_detail .lead_02 {
    margin: 25px 0 10px; }

  /*-------------------------------------
  	common_parts
  -------------------------------------*/
  /*----- btn -----*/
  a.btn_01 {
    border-radius: 3px;
    width: 80%;
    max-width: 270px;
    background: #fff;
    display: inline-block;
    vertical-align: top;
    color: #333;
    text-decoration: none;
    font-size: 106.66%;
    border: 1px solid #ccc;
    min-width: 31.66%;
    padding: 17px 30px 17px 20px;
    position: relative;
    transition: .3s; }
    a.btn_01::before {
      content: "";
      width: 8px;
      height: 8px;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -6px;
      border-right: 2px solid #666;
      border-bottom: 2px solid #666;
      transform: rotate(-45deg); }
    a.btn_01.c_01::before {
      border-right-color: #0059B2;
      border-bottom-color: #0059B2; }
    a.btn_01.c_02::before {
      border-right-color: #D70010;
      border-bottom-color: #D70010; }
    a.btn_01.arrow_l::before {
      right: auto;
      left: 23px;
      transform: rotate(135deg); }
    a.btn_01:hover {
      opacity: .6;
      color: #915E33;
      background: #FCF8ED;
      border-color: #D2A47E; }

  .list_2column a.btn_01 {
    min-width: 100% !important; }

  .btn_02 {
    color: #fff !important;
    background: #333333;
    text-decoration: none;
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
    width: 60%;
    text-align: center;
    position: relative;
    transition: .3s; }
    .btn_02::before {
      content: "";
      width: 8px;
      height: 8px;
      position: absolute;
      right: 15px;
      top: 50%;
      margin-top: -6px;
      border-right: 2px solid #fff;
      border-bottom: 2px solid #fff;
      transform: rotate(-45deg); }
    .btn_02:hover {
      color: #fff !important;
      text-decoration: none;
      background: #0059B2; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .btn_02 {
      width: 160px;
      font-size: 15px;
      padding: 6px; } }

@media print, screen and (min-width: 768px) {
  .btn_03 {
    color: #fff !important;
    text-decoration: none;
    background: #666666;
    display: inline-block;
    padding: 5px 10px;
    font-size: 90%;
    transition: .3s; }
    .btn_03:hover {
      color: #fff !important;
      text-decoration: none;
      background: #000; }

  .btn_04 {
    color: #0059B2 !important;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 81.25%;
    padding: 6px 12px;
    display: inline-block;
    transition: .3s;
    background: #fff; }
    .btn_04:hover {
      color: #fff !important;
      background: #0059B2;
      text-decoration: none; }
    .btn_04.c_01 {
      color: #0059B2 !important; }
    .btn_04.c_02 {
      color: #e50012 !important; }
    .btn_04.c_01:hover {
      color: #fff !important; }
    .btn_04.c_02:hover {
      color: #fff !important; } }
  @media screen and (min-width: 768px) and (min-width: 1024px) {
    .btn_04 {
      padding: 4px 12px; } }

@media print, screen and (min-width: 768px) {
  .btn_05 {
    color: #fff !important;
    text-decoration: none;
    background: #D70010;
    display: inline-block;
    margin: 6px 0;
    font-size: 112.5%;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    transition: .3s;
    border: none;
    cursor: pointer; }
    .btn_05:hover {
      opacity: .8;
      text-decoration: none; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .btn_05 {
      max-width: 260px;
      padding: 16px 10px;
      margin: 0 5px; } }

@media print, screen and (min-width: 768px) {
  .btn_06 {
    color: #fff !important;
    text-decoration: none;
    background: #000;
    display: inline-block;
    margin: 6px 0;
    font-size: 112.5%;
    width: 100%;
    padding: 10px;
    border-radius: 4px;
    transition: .3s;
    border: none;
    cursor: pointer; }
    .btn_06:hover {
      opacity: .8;
      text-decoration: none; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .btn_06 {
      max-width: 260px;
      padding: 16px 10px;
      margin: 0 5px; } }

@media print, screen and (min-width: 768px) {
  a.search_button_small {
    background: url(/resources/image/common/icon_search_01.png) no-repeat 10px center;
    background-size: 20px 20px;
    padding-left: 35px; }

  /*----- box -----*/
  .caution_box_01 {
    border: 3px solid #ccc;
    padding: 15px; }

  .caution_box_02 {
    border: 1px dotted #ccc;
    padding: 15px; }

  .caution_box_03 {
    border: 1px solid #cd0a0a;
    padding: 15px;
    background: #ffecec; }

  /*----- modal -----*/
  .modal_cover {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1100; }

  .modal_now {
    overflow: hidden;
    /* body scroll stop */ }

  .modal {
    display: none;
    position: fixed;
    top: 50px;
    left: 50%;
    width: 80%;
    max-height: 80%;
    margin-left: -40%;
    overflow-y: scroll;
    background: #fff;
    z-index: 1200;
    padding: 15px;
    border-radius: 3px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .modal {
      top: 100px;
      left: 50%;
      width: 40%;
      margin-left: -20%;
      padding: 20px; } }
@media print, screen and (min-width: 768px) {
    .modal .modal .btn_close {
      font-size: 40px;
      position: absolute;
      right: 0;
      top: 0;
      color: #0090D9;
      cursor: pointer;
      line-height: 1; } }
    @media screen and (min-width: 768px) and (min-width: 768px) {
      .modal .modal .btn_close {
        top: -9px; } }

@media print, screen and (min-width: 768px) {
  .modal_head {
    position: relative;
    margin-bottom: 15px;
    padding-right: 30px; }

  .modal_form dl {
    display: table;
    width: 100%;
    border-bottom: 1px dotted #ccc;
    padding: 12px 0; }
    .modal_form dl:first-child {
      border-top: 1px dotted #ccc; }
    .modal_form dl dt {
      display: table-cell;
      vertical-align: top;
      width: 130px; }
    .modal_form dl dd {
      display: table-cell;
      vertical-align: top; }

  /*--------- btn -----------*/
  .btn_link a {
    display: block;
    text-decoration: none;
    padding: 5px;
    padding-right: 23px;
    position: relative;
    border: 1px solid #45b3ee;
    border-radius: 5px;
    width: 130px;
    text-align: center;
    margin-top: 15px;
    margin-left: auto;
    color: #1a1a1a; }
    .btn_link a::before {
      position: absolute;
      content: "";
      width: 5px;
      height: 5px;
      top: 13.5px;
      right: 10px;
      border-top: 2px solid #666;
      border-right: 2px solid #666;
      transform: rotate(45deg); }
    .btn_link a:hover, .btn_link a:focus, .btn_link a:active {
      background: #daf0fc;
      text-decoration: underline; }

  /*各課トップ*/
  .dir_soshiki .content1 {
    margin: 0 0 60px; }

  .anchor_3column {
    font-size: 0; }
    .anchor_3column .item {
      letter-spacing: normal;
      display: inline-block;
      vertical-align: top;
      width: 30.43%;
      margin: 0 4.34% 4.34% 0;
      font-size: 15px; }
      .anchor_3column .item:nth-child(3n) {
        margin-right: 0; }
      .anchor_3column .item a {
        color: #191919;
        text-decoration: none;
        display: block;
        position: relative;
        overflow: hidden;
        border: 1px solid #bbb;
        transition: .8s;
        font-size: 120%;
        padding: 10px;
        padding-right: 30px; }
        .anchor_3column .item a::after {
          position: absolute;
          content: "";
          width: 8px;
          height: 8px;
          top: 21px;
          right: 15px;
          border-top: 3px solid #45b3ee;
          border-right: 3px solid #45b3ee;
          transform: rotate(45deg); }
        .anchor_3column .item a:hover, .anchor_3column .item a:active, .anchor_3column .item a:focus {
          background-color: #daf0fc;
          text-decoration: underline; }
      .anchor_3column .item:last-child {
        margin-right: 0; }

  .organize_topics .item {
    border: 1px solid #e9e9df;
    padding: 20px;
    border-radius: 3px; }

  .about_inner .main {
    text-align: center;
    background-size: cover;
    -webkit-background-size: cover;
    margin-top: -40px;
    padding: 50px 0 30px; }

  .about_01 {
    padding: 0 20px; }
    .about_01 .item {
      width: 24.39%;
      margin: 0 0.79% 1.19% 0; }
    .about_01 .detail {
      background-color: #F6F4E8;
      padding: 10px 10px 5px;
      min-height: 60px; }

  .about_01 a:hover,
  .about_02 a:hover {
    opacity: 0.7; }

  .about_bg {
    margin: -35px 0 0; }
    .about_bg .list_3column {
      padding: 60px 0 10px; }
    .about_bg .youtube iframe {
      width: 100%; }

  .about_02 .detail a {
    display: block;
    padding: 10px 5px;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb; }

  /*--------- google_search_form -----------*/
  #pagebody table.gsc-search-box {
    margin: 0;
    border: 2px solid #007cb4;
    border-collapse: separate;
    border-radius: 3px; }
  #pagebody form.gsc-search-box {
    margin-bottom: 0; }
  #pagebody .gsc-search-box-tools .gsc-search-box .gsc-input,
  #pagebody .gsc-search-button {
    padding: 0;
    border: none; }
  #pagebody .cse .gsc-search-button-v2,
  #pagebody .gsc-search-button-v2 {
    padding: 6px 5px;
    font-size: 135%;
    border-radius: 0;
    background-color: #007bb4; }
  #pagebody .gsc-search-button-v2::after {
    content: "検索";
    display: inline-block;
    margin-left: 10px;
    color: #fff; }
  #pagebody .gsc-search-button {
    width: 80px;
    margin-left: 0; }
  #pagebody .gsib_a,
  #pagebody .gsib_b {
    padding: 5px;
    border: none;
    border-right: 1px solid #ccc; }
  #pagebody .gsib_a {
    width: 300px; }
  #pagebody .gsib_b {
    padding-top: 8px;
    padding-bottom: 0; }
  #pagebody .gsst_b {
    font-size: 100%; }
  #pagebody .gscb_a {
    line-height: 0.5;
    padding-top: 0; }
  #pagebody .gsc-input-box {
    border: none; }

  /*--------- google_search_result -----------*/
  .search_result .item a {
    display: block;
    padding: 10px;
    border-top: 1px dotted #ccc;
    text-decoration: none; }
    .search_result .item a:hover {
      background-color: #d1efff; }
  .search_result .ttl {
    text-decoration: underline; }
  .search_result .url {
    color: #093;
    text-decoration: none;
    padding-bottom: 2px; }
  .search_result .text {
    color: #333;
    text-decoration: none; }
  .search_result .gsc-adBlock {
    display: none; }
  .search_result .gsc-control-cse {
    background: none;
    padding: 0;
    border: none; }
  .search_result .gsc-input-box {
    height: auto;
    border-color: #ccc;
    border: none;
    background: none; }
  .search_result .gsc-search-box .gsc-input > input:focus,
  .search_result .gsc-input-box-focus {
    box-shadow: none; }
  .search_result table {
    border: none;
    table-layout: auto; }
  .search_result table td {
    border: none;
    padding: 0;
    background: none; }
  .search_result td.gsc-input,
  .search_result td.gsc-search-button {
    padding: 0 !important; }
  .search_result input.gsc-input {
    vertical-align: top;
    padding: 11px !important;
    border: 2px solid #FF9326 !important;
    background-position: 10px center !important; }
  .search_result input.gsc-search-button,
  .search_result input.gsc-search-button:hover,
  .search_result input.gsc-search-button:focus {
    background-color: #ff9326;
    border: none;
    box-sizing: content-box;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 0;
    cursor: pointer;
    padding: 10px 18px; }
  .search_result input.gsc-search-button-v2,
  .search_result input.gsc-search-button-v2:hover,
  .search_result input.gsc-search-button-v2:focus {
    padding: 16px 30px; }
  .search_result .gsst_a {
    padding: 0 7px;
    position: absolute;
    right: 10px;
    top: -17px; }
  .search_result .gscb_a {
    font: 28px/31px arial,sans-serif; }
  .search_result .gsc-selected-option-container {
    background-color: #fff;
    min-width: 100px; }
  .search_result .gs-web-image-box,
  .search_result .gs-promotion-image-box {
    padding-right: 10px;
    width: auto !important; }
  .search_result .gs-web-image-box img.gs-image,
  .search_result .gs-promotion-image-box img.gs-promotion-image {
    max-width: 150px; }
  .search_result .gsc-results {
    width: 100%; }
  .search_result .gsc-webResult.gsc-result {
    backface-visibility: hidden;
    background: #ffffff;
    border: none;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #fff;
    box-shadow: 1px 0 7px rgba(68, 48, 4, 0.2); }
  .search_result .gsc-webResult.gsc-result:hover {
    border: 1px solid #094e97;
    background: #f6f8fb; }
  .search_result .gsc-webResult.gsc-result .gs-title {
    margin-bottom: 5px;
    text-decoration: underline;
    font-weight: bold;
    height: auto; }
  .search_result .gsc-webResult.gsc-result .gs-title b,
  .search_result .gsc-control-cse .gs-snippet b {
    font-weight: bold;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif; }
  .search_result .gsc-webResult.gsc-result .gs-title:hover,
  .search_result .gsc-webResult.gsc-result .gs-title:hover b {
    color: #8c008c; }
  .search_result .gsc-results .gsc-cursor-box {
    text-align: center;
    border-top: none; }
  .search_result .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border: 1px solid #ccc;
    display: inline-block;
    margin: 5px;
    width: 35px;
    text-align: center;
    padding: 5px 0;
    text-decoration: none; }
  .search_result .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background-color: #0175AB;
    color: #fff;
    text-shadow: none; }

  /*--------- info_search_area -----------*/
  .info_search_area {
    margin: 0 auto 40px;
    max-width: 1200px;
    text-align: center; }
    .info_search_area .fas {
      margin-right: 5px;
      color: #007bb4; }

  .main_search_box,
  .sub_search,
  .main_search_text,
  .main_search {
    display: inline-block;
    vertical-align: middle; }

  .main_search_text,
  .main_search {
    margin: 0 8px; }

  .main_search_text {
    font-size: 117%; }

  .sub_search {
    margin: 5px 3px; }

  .sub_search .circle_frame {
    display: block;
    padding: 5px 10px;
    border: 1px solid #959595;
    border-radius: 5px; }
  .sub_search a {
    color: inherit;
    text-decoration: none; }

  /*--------- content1 or alpha -----------*/
  .content1 .box {
    margin: 50px 0 0;
    padding: 20px 20px;
    border: 1px solid #c2c2c2;
    background-color: #e8f8fb; }
    .content1 .box > p:nth-of-type(1) {
      margin-bottom: 10px;
      padding: 5px 10px;
      font-weight: bold;
      background-color: #fff; }

  .otoiawase_box {
    margin: 50px 0 0;
    padding: 20px 20px;
    border: 1px solid #c2c2c2;
    background-color: #e8f8fb; }
    .otoiawase_box > p:nth-of-type(1) {
      margin-bottom: 10px;
      padding: 5px 10px;
      font-weight: bold;
      background-color: #fff; }

  .contents_separator {
    margin-bottom: 10px;
    padding: 17px 0;
    background-color: #d1efff; }

  /*--------- side_bnr_area(#beta) -----------*/
  .bg_line_01 {
    background: url(/resources/image/common/bg_line_01.png); }

  .side_bnr_area {
    padding: 10px 25px 20px; }
    .side_bnr_area .bnr_lists {
      margin: 10px 0 0; }

  .side_menu_block {
    margin: 20px auto auto; }

  .side_menu {
    padding: 4px 0;
    background-color: #007bb4;
    color: #fff;
    text-align: center;
    border-radius: 5px 5px 0 0; }

  .side_menu_list {
    margin-top: 10px; }

  .side_menu_lists {
    margin: 5px auto auto;
    border: 1px solid #bfbfbf;
    border-radius: 5px; }
    .side_menu_lists a {
      display: block;
      text-decoration: none;
      padding: 12px 40px 12px 54px; }

  .search_type_01 .side_menu_lists:nth-of-type(1) a {
    background: url("/resources/image/common/icon_ninshinShussan.png") no-repeat 10px center; }
  .search_type_01 .side_menu_lists:nth-of-type(2) a {
    background: url("/resources/image/common/icon_kosodate.png") no-repeat 10px center; }
  .search_type_01 .side_menu_lists:nth-of-type(3) a {
    background: url("/resources/image/common/icon_nyuuenNyuugaku.png") no-repeat 10px center; }
  .search_type_01 .side_menu_lists:nth-of-type(4) a {
    background: url("/resources/image/common/icon_shuushiokuTaishoku.png") no-repeat 10px center; }
  .search_type_01 .side_menu_lists:nth-of-type(5) a {
    background: url("/resources/image/common/icon_kekkonRikon.png") no-repeat 10px center; }
  .search_type_01 .side_menu_lists:nth-of-type(6) a {
    background: url("/resources/image/common/icon_juutakuTenkyo.png") no-repeat 10px center; }
  .search_type_01 .side_menu_lists:nth-of-type(7) a {
    background: url("/resources/image/common/icon_hukusiKaigo.png") no-repeat 10px center; }
  .search_type_01 .side_menu_lists:nth-of-type(8) a {
    background: url("/resources/image/common/icon_okuyami.png") no-repeat 10px center; }

  .search_type_02 .side_menu_lists:nth-of-type(1) a {
    background: url("/resources/image/common/icon_gomiRisaikuru.png") no-repeat 10px center; }
  .search_type_02 .side_menu_lists:nth-of-type(2) a {
    background: url("/resources/image/common/icon_koukyoukoutsuuzyouhou.png") no-repeat 10px center; }
  .search_type_02 .side_menu_lists:nth-of-type(3) a {
    background: url("/resources/image/common/icon_todokedeSyoumeiYousiki.png") no-repeat 10px center; }
  .search_type_02 .side_menu_lists:nth-of-type(4) a {
    background: url("/resources/image/common/icon_kakushusoudan.png") no-repeat 10px center; }
  .search_type_02 .side_menu_lists:nth-of-type(5) a {
    background: url("/resources/image/common/icon_hokenNenkin.png") no-repeat 10px center; }
  .search_type_02 .side_menu_lists:nth-of-type(6) a {
    background: url("/resources/image/common/icon_kenkouIryou.png") no-repeat 10px center; }
  .search_type_02 .side_menu_lists:nth-of-type(7) a {
    background: url("/resources/image/common/icon_teateZyosei.png") no-repeat 10px center; }
  .search_type_02 .side_menu_lists:nth-of-type(8) a {
    background: url("/resources/image/common/icon_toshokanSisetsu.png") no-repeat 10px center; }

  /*--------- sns(widgets) -----------*/
  .nanjo_sns_block {
    clear: both;
    display: table;
    margin: auto;
    padding: 60px 0 0; }

  .nanjo_sns {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 11px; }
    .nanjo_sns .fb_iframe_widget span {
      vertical-align: top; }
    .nanjo_sns.sns_facebook {
      position: relative; }

  #beta + .nanjo_sns_block {
    float: left;
    width: 74.17%; }
    #beta + .nanjo_sns_block .sns_twitter {
      text-align: right; }

  /*---------------------------------------------------------------------
    bnr_area_04
  ---------------------------------------------------------------------*/
  .bg_color_02 {
    background: #d9e8ef url("/resources/image/common/bg_05.png"); }

  .bnr_area_04 {
    padding: 15px 0 30px; }
    .bnr_area_04 .inner {
      width: 100%;
      max-width: 1230px;
      margin: 0 auto;
      padding: 0 15px; }
    .bnr_area_04 .bnr_boshu,
    .bnr_area_04 .bnr_unlock {
      float: left;
      width: 170px;
      margin-top: 15px; }
    .bnr_area_04 .bnr_boshu .bnr_boshu_link,
    .bnr_area_04 .bnr_unlock .bnr_unlock_link {
      display: block;
      line-height: 1.5;
      padding: 9px 0;
      border-radius: 5px;
      text-align: center;
      color: #fff; }
    .bnr_area_04 .bnr_boshu .bnr_boshu_link {
      background-color: #007bb4; }
    .bnr_area_04 .bnr_unlock .bnr_unlock_link {
      background-color: #ff9900; }
    .bnr_area_04 .bnr_list {
      display: flex;
      flex-wrap: wrap;
      float: right;
      width: 980px;
      max-width: 100%; }
      .bnr_area_04 .bnr_list .link_text {
        display: block;
        margin-top: 6px; } }
  @media screen and (min-width: 768px) and (min-width: 1210px) {
    .bnr_area_04 .bnr_list {
      width: 1005px; } }
@media print, screen and (min-width: 768px) {
    .bnr_area_04 .bnr_lists {
      max-width: 190px;
      margin: 15px 25px 0 0; }

  #container .bnr_area_04 {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999;
    width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #container .bnr_area_04 {
    position: static; }
    #container .bnr_area_04 .bnr_unlock {
      display: none; } }
@media print, screen and (min-width: 768px) {
  #container.bnrUnLock .bnr_area_04 {
    position: static;
    width: 100%; }
    #container.bnrUnLock .bnr_area_04 + .footer_navi {
      margin-top: 0; }

  #pagebody + .bnr_area_04 {
    margin-top: 40px; }

  /*---------------------------------------------------------------------
    addicon_demo
  ---------------------------------------------------------------------*/
  div#screen {
    margin: 1em 20px;
    text-align: left; }

  .note, .demo {
    margin-bottom: 1.5em; }

  ul.fileList {
    margin-bottom: 3em; }

  .fileList li {
    list-style: none;
    line-height: 1.5; }

  span.pdfAfter,
  span.docAfter,
  span.xlsAfter,
  span.zipAfter {
    padding: 2px 0 0 18px;
    background-image: url(/resources/image/common/icon_files1.png);
    background-repeat: no-repeat; }

  span.pdfBefore,
  span.docBefore,
  span.xlsBefore,
  span.zipBefore {
    padding: 2px 18px 0 0;
    background-image: url(/resources/image/common/icon_files1.png);
    background-repeat: no-repeat; }

  span.pdfAfter, span.pdfBefore {
    background-position: 0 3px; }

  span.docAfter, span.docBefore {
    background-position: -20px -17px; }

  span.xlsAfter, span.xlsBefore {
    background-position: -40px -37px; }

  span.zipAfter, span.zipBefore {
    background-position: -60px -57px; }

  .returnArticle a {
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #105d99;
    color: #fff !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }

  .returnArticle a:hover {
    background-color: #7eb3dc;
    color: #105d99; }

  .returnArticle {
    margin-bottom: 0;
    color: #fff; }

  .fileInfo {
    font-size: 85%;
    color: #00468c;
    color: #666; }

  /*--------- acrobat(アクロバットアイコン) -----------*/
  #alpha .acrobat {
    display: none;
    margin: 20px 0;
    padding: 10px 10px 0;
    background: #ebebeb none repeat scroll 0 0; }

  /*---------------------------------------------------------------------
    page_anker_link(ページ内リンク)
  ---------------------------------------------------------------------*/
  .content1 ul.page_anker_link {
    list-style-type: none;
    padding-left: 0 !important; }
    .content1 ul.page_anker_link li {
      width: 48%;
      float: left;
      margin: 0 0 20px 0; }
      .content1 ul.page_anker_link li:nth-child(2n) {
        margin-left: 4%; }
      .content1 ul.page_anker_link li + li {
        margin-top: 0 !important; }
      .content1 ul.page_anker_link li a {
        font-weight: 600;
        font-size: 125%;
        display: block;
        text-align: center;
        padding: 15px 10px;
        border: 1px solid #ccc;
        background-color: #F5F5F5;
        border-radius: 5px; }

  /*---------------------------------------------------------------------
    tetsuduki_navi(手続きナビ)
  ---------------------------------------------------------------------*/
  .dir_tetsuduki_navi .content1 li {
    list-style: none; }
  .dir_tetsuduki_navi .content1 .search_check {
    margin: 0 0 40px; }
    .dir_tetsuduki_navi .content1 .search_check input {
      display: none;
      margin: 0; }
      .dir_tetsuduki_navi .content1 .search_check input + label {
        position: relative;
        padding-left: 27px;
        color: #000;
        transition: all .2s; }
        .dir_tetsuduki_navi .content1 .search_check input + label::before {
          content: "";
          position: absolute;
          top: 50%;
          left: 0;
          box-sizing: border-box;
          display: block;
          width: 18px;
          height: 18px;
          margin-top: -9px;
          background: #FFF;
          border: 1px solid #aaa;
          border-radius: 5px; }
      .dir_tetsuduki_navi .content1 .search_check input:checked + label::after {
        content: "";
        position: absolute;
        top: 60%;
        box-sizing: border-box;
        display: block;
        left: 2px;
        width: 14px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #0070b9;
        border-bottom: 3px solid #0070b9;
        transform: rotate(-45deg); }
  .dir_tetsuduki_navi .content1 .search_result_type {
    margin-top: 30px; }
  .dir_tetsuduki_navi .content1 .check_btn_wrap {
    position: fixed;
    width: 100%;
    bottom: 5px;
    left: 0;
    z-index: 1000;
    margin-top: 40px;
    text-align: center; }
  .dir_tetsuduki_navi .content1 .btn {
    display: inline-block;
    vertical-align: bottom;
    min-width: 180px;
    margin: 0 5px;
    padding: 15px 5px;
    text-align: center;
    color: #fff;
    cursor: pointer; }
  .dir_tetsuduki_navi .content1 .check_btn {
    background-color: #358FDD; }
    .dir_tetsuduki_navi .content1 .check_btn:hover {
      background-color: #055FAD; }
  .dir_tetsuduki_navi .content1 .check_remove_btn {
    background-color: #b5b5b5; }
    .dir_tetsuduki_navi .content1 .check_remove_btn:hover {
      background-color: #555; }
  .dir_tetsuduki_navi #alpha {
    width: 100%; }
  .dir_tetsuduki_navi #beta {
    display: none; }
  .dir_tetsuduki_navi .result_table {
    margin: 30px auto 60px; }
    .dir_tetsuduki_navi .result_table th {
      padding: 9px 8px;
      background-color: #EEEEEE;
      font-weight: normal; }
  .dir_tetsuduki_navi .search_check_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .dir_tetsuduki_navi .search_check_block {
    width: 48%;
    margin: 0 0 40px; }
  .dir_tetsuduki_navi .search_check_block ul {
    padding: 20px 20px;
    border: 1px solid #ccc;
    border-radius: 5px 5px;
    background-color: #FCFCFC; }
  .dir_tetsuduki_navi #alpha h3 {
    border-radius: 0;
    background-color: #028857;
    color: #fff; }
  .dir_tetsuduki_navi .content1 .search_check input:checked + label::before {
    background-color: #0275AC; }
  .dir_tetsuduki_navi .content1 .search_check input:checked + label::after {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff; }
  .dir_tetsuduki_navi .bnr_area_04 {
    display: none; }
  .dir_tetsuduki_navi #beta + .nanjo_sns_block {
    width: 100%;
    padding-bottom: 40px; }

  /*-------------------------------------
  	common_footer
  -------------------------------------*/
  /* site_footer */
  #site_footer {
    background: #fafafa;
    border-top: 1px solid #ccc; }
    #site_footer .inner {
      max-width: 1200px;
      box-sizing: content-box;
      margin: 0 auto;
      padding: 20px; }

  /* footer_navi */
  .footer_navi {
    border-top: 1px dotted #888;
    margin-bottom: 20px; }
    .footer_navi li {
      border-bottom: 1px dotted #888; }
    .footer_navi a {
      color: #000;
      text-decoration: none;
      padding: 10px;
      display: block;
      font-size: 13px;
      position: relative; }
    .footer_navi a::after {
      content: "";
      width: 8px;
      height: 8px;
      position: absolute;
      right: 10px;
      top: 50%;
      border-right: 1px solid #666;
      border-bottom: 1px solid #666;
      margin-top: -5px;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .footer_navi {
      text-align: center;
      border-top: none;
      margin-bottom: 30px; }
      .footer_navi li {
        display: inline-block;
        vertical-align: top;
        border-bottom: none;
        margin: 0 5px; }
      .footer_navi a {
        color: #fff;
        background: #f77347;
        border-radius: 25px;
        padding: 5px 28px 5px 20px;
        transition: .3s; }
      .footer_navi a:hover {
        opacity: .7; }
      .footer_navi a::after {
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff; } }

@media print, screen and (min-width: 768px) {
  .footer_sns {
    text-align: center; }
    .footer_sns li {
      display: inline-block;
      vertical-align: middle;
      width: 40px;
      margin: 0 5px;
      border-radius: 50%;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

  .footer_info {
    text-align: center;
    margin-bottom: 20px; }
    .footer_info dt img {
      width: 45%;
      max-width: 200px;
      margin-bottom: 15px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .footer_info dt {
      display: inline-block;
      vertical-align: middle; }
    .footer_info dd {
      display: inline-block;
      vertical-align: middle;
      text-align: left;
      margin-left: 20px; }
    .footer_info dt img {
      width: auto;
      margin-bottom: 0; } }

@media print, screen and (min-width: 768px) {
  /* footer_bottom */
  .footer_bottom {
    text-align: center; }

  .footer_bottom_inner {
    color: #fff;
    background: -moz-linear-gradient(65deg, #F13F79, #FFC778);
    background: -webkit-linear-gradient(65deg, #F13F79, #FFC778);
    background: linear-gradient(25deg, #F13F79, #FFC778);
    padding: 10px; }
    .footer_bottom_inner .footer_lead {
      font-size: 1.2rem;
      margin-bottom: 5px; }
    .footer_bottom_inner .copyright {
      font-size: 1.2rem; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    .footer_bottom_inner {
      padding: 12px; }
      .footer_bottom_inner .footer_lead {
        font-size: 1.3rem;
        float: left;
        margin: 5px 0 0; }
      .footer_bottom_inner .footer_lead br {
        display: none; }
      .footer_bottom_inner .copyright {
        float: right;
        font-size: 1.4rem;
        margin-top: 4px; } }

@media print, screen and (min-width: 768px) {
  /* page_scroll_navi */
  #page_scroll_navi {
    text-align: center;
    margin: 60px 0 20px; }
    #page_scroll_navi a {
      display: inline-block;
      width: 60px; } }
  @media screen and (min-width: 768px) and (min-width: 768px) {
    #page_scroll_navi {
      text-align: right;
      padding: 0 20px; }
      #page_scroll_navi a {
        width: auto; } }

@media print, screen and (min-width: 768px) {
  /*---------------------------------------------------------------------
    footer_navi
  ---------------------------------------------------------------------*/
  #top .footer_navi {
    margin-top: 0; }

  .footer_navi {
    background: #f5f5f5;
    padding: 10px 0;
    margin: 60px 0 0; }
    .footer_navi .inner {
      max-width: 1200px;
      margin: 0 auto; }
    .footer_navi ul {
      float: left;
      letter-spacing: -.5em;
      box-sizing: content-box; }
    .footer_navi li {
      font-size: 93.75%;
      letter-spacing: normal;
      display: inline-block;
      vertical-align: middle;
      margin-left: 30px;
      margin-right: 0; }
    .footer_navi a {
      display: block;
      background: url("/resources/image/top/icon_arrow_01.png") no-repeat 0 center;
      padding-left: 10px;
      color: #002CB2;
      border-radius: 0;
      padding-top: 0;
      padding-right: 0;
      padding-bottom: 0;
      text-decoration: underline;
      font-size: 100%; }
      .footer_navi a::after {
        display: none; }
      .footer_navi a:hover {
        text-decoration: underline; }

  /* page_scroll_navi */
  #page_scroll_navi {
    float: right;
    margin: 0;
    padding: 0;
    text-align: left; }
    #page_scroll_navi a {
      display: block;
      color: #fff;
      font-size: 87.5%;
      text-decoration: none;
      background: #007bb4;
      position: relative;
      border-radius: 4px;
      padding: 5px 8px 5px 24px; }
      #page_scroll_navi a::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 50%;
        margin-top: -6px;
        border: 4px solid transparent;
        border-bottom: 5px solid #fff; }

  /*---------------------------------------------------------------------
    site_footer
  ---------------------------------------------------------------------*/
  .bg_site_footer {
    background: #fff;
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.3); }

  #site_footer {
    padding-bottom: 130px;
    background: url("/resources/image/bg_footer.png") no-repeat center bottom;
    background-size: 100%; }
    #site_footer .inner {
      box-sizing: content-box;
      margin: 0 auto;
      padding: 20px 20px 30px;
      max-width: 1200px; }
    #site_footer .image {
      float: left;
      margin-right: 45px; } }
@media screen and (min-width: 768px) and (max-width: 1600px) {
  #site_footer {
    background-size: auto; } }
@media print, screen and (min-width: 768px) {
  .footer_info {
    float: left;
    text-align: left;
    margin-bottom: 0; }
    .footer_info dl {
      margin-bottom: 5px; }
    .footer_info dt {
      margin-bottom: 10px;
      display: block; }
      .footer_info dt a {
        color: #333;
        font-size: 162.5%;
        text-decoration: none;
        display: block;
        padding-left: 42px;
        background: url(/resources/image/sisyou.png) no-repeat 0 3px; }
    .footer_info dd {
      font-size: 87.5%;
      line-height: 1.6;
      display: block;
      margin-left: 0; }
    .footer_info p {
      font-size: 87.5%;
      margin-bottom: 30px; }

  /* copyright */
  .copyright {
    font-size: 75%; }

  /* chatbot */
  body .wc-webchat-ctn.upward.wc-close:not(.wc-mobile).close_type_001 {
    width: 305px !important; } }
@media only screen and (min-width: 768px) and (min-width: 767px) {
  body .wc-webchat-ctn.wc-mobile.wc-close.close_type_001 {
    bottom: 140px !important; } }
@media screen and (max-width: 767px) {
  /* ------------------------------------------------------------------------------------------ 
  base
  ------------------------------------------------------------------------------------------ */
  /* ------------------------------------------------------------------------------------------ 
  normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
  ------------------------------------------------------------------------------------------ */
  html {
    font-family: Hiragino Kaku Gothic Pro,Yu Gothic,Meiryo,sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; }

  body, dl, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul {
    margin: 0; }

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

  audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline; }

  audio:not([controls]) {
    display: none;
    height: 0; }

  [hidden], template {
    display: none; }

  dd, dt, li, p, pre, td, th {
    -ms-line-break: strict;
    line-break: strict;
    -ms-word-break: break-strict;
    word-break: break-strict; }

  a {
    background-color: transparent; }

  a:active, a:hover {
    outline: 0; }

  abbr[title] {
    border-bottom: 1px dotted; }

  b, strong {
    font-weight: 700; }

  dfn {
    font-style: italic; }

  mark {
    background: #ff0;
    color: #000; }

  small {
    font-size: 80%; }

  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }

  sup {
    top: -.5em; }

  sub {
    bottom: -.25em; }

  img {
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle; }

  svg:not(:root) {
    overflow: hidden; }

  figure {
    margin: 1em 40px; }

  hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0; }

  pre {
    overflow: auto; }

  code, kbd, pre, samp {
    font-family: monospace;
    font-size: 1em; }

  button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0; }

  button {
    overflow: visible; }

  button, select {
    text-transform: none; }

  button, html input[type="button"], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer; }

  button[disabled], html input[disabled] {
    cursor: default; }

  button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0; }

  input {
    line-height: normal; }

  input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0; }

  input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto; }

  input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }

  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

  fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em; }

  legend {
    border: 0;
    padding: 0; }

  textarea {
    overflow: auto; }

  optgroup {
    font-weight: 700; }

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

  td, th {
    padding: 0; }

  /* ------------------------------------------------------------------------------------------ 
  Iam DesignNetwork Corporation base
  ------------------------------------------------------------------------------------------ */
  /*--- body ---*/
  @font-face {
    font-family: "YuGothic M";
    src: local("Yu Gothic Medium"); }
  html {
    font-size: 62.5%; }

  body {
    max-width: 100%;
    max-height: 100%;
    font-family: "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
    font-weight: 500;
    *font-size: small;
    *font: x-small;
    font-size: 1.5rem;
    line-height: 1.6;
    color: #000;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    background-color: #fff; }

  /* img */
  img {
    border: none;
    vertical-align: middle;
    max-width: 100%; }

  /* ul, ol */
  ul, ol {
    list-style: none;
    padding: 0;
    margin: 0; }

  /* box-sizing */
  * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-break: normal;
    word-wrap: break-word; }

  /*--- float clear class ---*/
  .clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }

  .clearfix {
    display: inline-block;
    min-height: 1%;
    /* for IE 7*/ }

  /* Hides from IE-mac \*/
  * html .clearfix {
    height: 1%; }

  .clearfix {
    display: block; }

  /*--- a href color ---*/
  a {
    color: #002CB2; }

  a:hover,
  a:focus {
    color: #8C008C;
    text-decoration: underline; }

  a:visited {
    color: #002CB2; }

  a:visited:hover {
    color: #8C008C; }

  /*--- a img hover ---*/
  a img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out; }

  a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70); }

  /*--- ul ol ---*/
  .list_decimal {
    list-style: decimal outside;
    padding-left: 20px !important; }

  .list_disc {
    list-style-type: disc;
    padding-left: 20px !important; }

  .list_disc li {
    margin-top: 6px; }

  ol[style*="decimal"],
  ol[style*="roman"],
  ol[style*="alpha"] {
    padding-left: 22px; }

  ul[style*="disc"],
  ul[style*="circle"],
  ul[style*="square"] {
    padding-left: 20px; }

  /* dl */
  dd {
    margin-left: 0; }

  /*--- table ---*/
  table {
    float: none;
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #b8b8b8;
    line-height: 1.6;
    font-size: 85%; }

  table th {
    vertical-align: middle;
    padding: 8px;
    border: 1px solid #ccc;
    background: #DFF3F7;
    word-break: break-all;
    /* font-weight: normal; */ }

  table td {
    padding: 8px;
    border: 1px solid #ccc;
    /*background-color: #fff;*/
    word-break: break-all; }

  /*--- float ---*/
  /* fll */
  .fll100 {
    float: left;
    width: 100px; }

  .fll216 {
    float: left;
    width: 216px; }

  .fll320 {
    float: left;
    width: 320px; }

  .fll360 {
    float: left;
    width: 360px; }

  .fll570 {
    float: left;
    width: 570px; }

  .fll610 {
    float: left;
    width: 610px; }

  /* flr */
  .flr100 {
    float: right;
    width: 100px; }

  .flr216 {
    float: right;
    width: 216px; }

  .flr320 {
    float: right;
    width: 320px; }

  .flr360 {
    float: right;
    width: 360px; }

  .flr570 {
    float: right;
    width: 570px; }

  .flr610 {
    float: right;
    width: 610px; }

  .flr708 {
    float: right;
    width: 706px; }

  /*--- Padding = pd ---*/
  /* Padding (top + right + bottom + left) = pd */
  .pd2 {
    padding: 2px !important; }

  .pd5 {
    padding: 5px !important; }

  .pd8 {
    padding: 8px !important; }

  .pd10 {
    padding: 10px !important; }

  .pd15 {
    padding: 15px !important; }

  .pd20 {
    padding: 20px !important; }

  .pd25 {
    padding: 25px !important; }

  .pd30 {
    padding: 30px !important; }

  .pd35 {
    padding: 35px !important; }

  .pd40 {
    padding: 40px !important; }

  .pd45 {
    padding: 45px !important; }

  .pd50 {
    padding: 50px !important; }

  .pd55 {
    padding: 55px !important; }

  .pd60 {
    padding: 60px !important; }

  /* Padding (top + bottom) = pdtb */
  .pdtb5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important; }

  .pdtb10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }

  .pdtb15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important; }

  .pdtb20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important; }

  .pdtb25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important; }

  .pdtb30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important; }

  .pdtb35 {
    padding-top: 35px !important;
    padding-bottom: 35px !important; }

  .pdtb40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important; }

  .pdtb45 {
    padding-top: 45px !important;
    padding-bottom: 45px !important; }

  .pdtb50 {
    padding-top: 50px !important;
    padding-bottom: 50px !important; }

  .pdtb55 {
    padding-top: 55px !important;
    padding-bottom: 55px !important; }

  .pdtb60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important; }

  /* Padding (right + left) = pdrl */
  .pdrl5 {
    padding-right: 5px !important;
    padding-left: 5px !important; }

  .pdrl10 {
    padding-right: 10px !important;
    padding-left: 10px !important; }

  .pdrl15 {
    padding-right: 15px !important;
    padding-left: 15px !important; }

  .pdrl20 {
    padding-right: 20px !important;
    padding-left: 20px !important; }

  .pdrl25 {
    padding-right: 25px !important;
    padding-left: 25px !important; }

  .pdrl30 {
    padding-right: 30px !important;
    padding-left: 30px !important; }

  .pdrl35 {
    padding-right: 35px !important;
    padding-left: 35px !important; }

  .pdrl40 {
    padding-right: 40px !important;
    padding-left: 40px !important; }

  .pdrl45 {
    padding-right: 45px !important;
    padding-left: 45px !important; }

  .pdrl50 {
    padding-right: 50px !important;
    padding-left: 50px !important; }

  .pdrl55 {
    padding-right: 55px !important;
    padding-left: 55px !important; }

  .pdrl60 {
    padding-right: 60px !important;
    padding-left: 60px !important; }

  /* Padding (top) = pdt */
  .pdt5 {
    padding-top: 5px !important; }

  .pdt10 {
    padding-top: 10px !important; }

  .pdt15 {
    padding-top: 15px !important; }

  .pdt20 {
    padding-top: 20px !important; }

  .pdt25 {
    padding-top: 25px !important; }

  .pdt30 {
    padding-top: 30px !important; }

  .pdt35 {
    padding-top: 35px !important; }

  .pdt40 {
    padding-top: 40px !important; }

  .pdt45 {
    padding-top: 45px !important; }

  .pdt50 {
    padding-top: 50px !important; }

  .pdt55 {
    padding-top: 55px !important; }

  .pdt60 {
    padding-top: 60px !important; }

  /* Padding (right) = pdr */
  .pdr5 {
    padding-right: 5px !important; }

  .pdr10 {
    padding-right: 10px !important; }

  .pdr15 {
    padding-right: 15px !important; }

  .pdr20 {
    padding-right: 20px !important; }

  .pdr25 {
    padding-right: 25px !important; }

  .pdr30 {
    padding-right: 30px !important; }

  .pdr35 {
    padding-right: 35px !important; }

  .pdr40 {
    padding-right: 40px !important; }

  .pdr45 {
    padding-right: 45px !important; }

  .pdr50 {
    padding-right: 50px !important; }

  .pdr55 {
    padding-right: 55px !important; }

  .pdr60 {
    padding-right: 60px !important; }

  /* Padding (bottom) = pdb */
  .pdb5 {
    padding-bottom: 5px !important; }

  .pdb10 {
    padding-bottom: 10px !important; }

  .pdb15 {
    padding-bottom: 15px !important; }

  .pdb20 {
    padding-bottom: 20px !important; }

  .pdb25 {
    padding-bottom: 25px !important; }

  .pdb30 {
    padding-bottom: 30px !important; }

  .pdb35 {
    padding-bottom: 35px !important; }

  .pdb40 {
    padding-bottom: 40px !important; }

  .pdb45 {
    padding-bottom: 45px !important; }

  .pdb50 {
    padding-bottom: 50px !important; }

  .pdb55 {
    padding-bottom: 55px !important; }

  .pdb60 {
    padding-bottom: 60px !important; }

  /* Padding (left) = pdl */
  .pdl5 {
    padding-left: 5px !important; }

  .pdl10 {
    padding-left: 10px !important; }

  .pdl15 {
    padding-left: 15px !important; }

  .pdl20 {
    padding-left: 20px !important; }

  .pdl25 {
    padding-left: 25px !important; }

  .pdl30 {
    padding-left: 30px !important; }

  .pdl35 {
    padding-left: 35px !important; }

  .pdl40 {
    padding-left: 40px !important; }

  .pdl45 {
    padding-left: 45px !important; }

  .pdl50 {
    padding-left: 50px !important; }

  .pdl55 {
    padding-left: 55px !important; }

  .pdl60 {
    padding-left: 60px !important; }

  /*--- Margin = mg ---*/
  /* Margin (top + right + bottom + left) = mg */
  .mg2 {
    margin: 2px !important; }

  .mg5 {
    margin: 5px !important; }

  .mg8 {
    margin: 8px !important; }

  .mg10 {
    margin: 10px !important; }

  .mg15 {
    margin: 15px !important; }

  .mg20 {
    margin: 20px !important; }

  .mg25 {
    margin: 25px !important; }

  .mg30 {
    margin: 30px !important; }

  .mg35 {
    margin: 35px !important; }

  .mg40 {
    margin: 40px !important; }

  .mg45 {
    margin: 45px !important; }

  .mg50 {
    margin: 50px !important; }

  .mg55 {
    margin: 55px !important; }

  .mg60 {
    margin: 60px !important; }

  /* Margin (top + bottom) = mgtb */
  .mgtb5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important; }

  .mgtb10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important; }

  .mgtb15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important; }

  .mgtb20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important; }

  .mgtb25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important; }

  .mgtb30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important; }

  .mgtb35 {
    margin-top: 35px !important;
    margin-bottom: 35px !important; }

  .mgtb40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important; }

  .mgtb45 {
    margin-top: 45px !important;
    margin-bottom: 45px !important; }

  .mgtb50 {
    margin-top: 50px !important;
    margin-bottom: 50px !important; }

  .mgtb55 {
    margin-top: 55px !important;
    margin-bottom: 55px !important; }

  .mgtb60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important; }

  .mgtb80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important; }

  /* Margin (right + left) = mgrl */
  .mgrl5 {
    margin-right: 5px !important;
    margin-left: 5px !important; }

  .mgrl10 {
    margin-right: 10px !important;
    margin-left: 10px !important; }

  .mgrl15 {
    margin-right: 15px !important;
    margin-left: 15px !important; }

  .mgrl20 {
    margin-right: 20px !important;
    margin-left: 20px !important; }

  .mgrl25 {
    margin-right: 25px !important;
    margin-left: 25px !important; }

  .mgrl30 {
    margin-right: 30px !important;
    margin-left: 30px !important; }

  .mgrl35 {
    margin-right: 35px !important;
    margin-left: 35px !important; }

  .mgrl40 {
    margin-right: 40px !important;
    margin-left: 40px !important; }

  .mgrl45 {
    margin-right: 45px !important;
    margin-left: 45px !important; }

  .mgrl50 {
    margin-right: 50px !important;
    margin-left: 50px !important; }

  .mgrl55 {
    margin-right: 55px !important;
    margin-left: 55px !important; }

  .mgrl60 {
    margin-right: 60px !important;
    margin-left: 60px !important; }

  /* Margin (top) = mgt */
  .mgt5 {
    margin-top: 5px !important; }

  .mgt10 {
    margin-top: 10px !important; }

  .mgt15 {
    margin-top: 15px !important; }

  .mgt20 {
    margin-top: 20px !important; }

  .mgt25 {
    margin-top: 25px !important; }

  .mgt30 {
    margin-top: 30px !important; }

  .mgt35 {
    margin-top: 35px !important; }

  .mgt40 {
    margin-top: 40px !important; }

  .mgt45 {
    margin-top: 45px !important; }

  .mgt50 {
    margin-top: 50px !important; }

  .mgt55 {
    margin-top: 55px !important; }

  .mgt60 {
    margin-top: 60px !important; }

  /* Margin (right) = mgr */
  .mgr5 {
    margin-right: 5px !important; }

  .mgr10 {
    margin-right: 10px !important; }

  .mgr15 {
    margin-right: 15px !important; }

  .mgr20 {
    margin-right: 20px !important; }

  .mgr25 {
    margin-right: 25px !important; }

  .mgr30 {
    margin-right: 30px !important; }

  .mgr35 {
    margin-right: 35px !important; }

  .mgr40 {
    margin-right: 40px !important; }

  .mgr45 {
    margin-right: 45px !important; }

  .mgr50 {
    margin-right: 50px !important; }

  .mgr55 {
    margin-right: 55px !important; }

  .mgr60 {
    margin-right: 60px !important; }

  /* Margin (bottom) = mgb */
  .mgb5 {
    margin-bottom: 5px !important; }

  .mgb10 {
    margin-bottom: 10px !important; }

  .mgb15 {
    margin-bottom: 15px !important; }

  .mgb20 {
    margin-bottom: 20px !important; }

  .mgb25 {
    margin-bottom: 25px !important; }

  .mgb30 {
    margin-bottom: 30px !important; }

  .mgb35 {
    margin-bottom: 35px !important; }

  .mgb40 {
    margin-bottom: 40px !important; }

  .mgb45 {
    margin-bottom: 45px !important; }

  .mgb50 {
    margin-bottom: 50px !important; }

  .mgb55 {
    margin-bottom: 55px !important; }

  .mgb60 {
    margin-bottom: 60px !important; }

  .mgb80 {
    margin-bottom: 80px !important; }

  /* Margin (left) = mgl */
  .mgl5 {
    margin-left: 5px !important; }

  .mgl10 {
    margin-left: 10px !important; }

  .mgl15 {
    margin-left: 15px !important; }

  .mgl20 {
    margin-left: 20px !important; }

  .mgl25 {
    margin-left: 25px !important; }

  .mgl30 {
    margin-left: 30px !important; }

  .mgl35 {
    margin-left: 35px !important; }

  .mgl40 {
    margin-left: 40px !important; }

  .mgl45 {
    margin-left: 45px !important; }

  .mgl50 {
    margin-left: 50px !important; }

  .mgl55 {
    margin-left: 55px !important; }

  .mgl60 {
    margin-left: 60px !important; }

  /* ------------------------------------------------------------------------------------------ 
   共通
  ------------------------------------------------------------------------------------------ */
  /* header */
  body[class^="colors_"] .btn_skip_body {
    background-color: rgba(0, 0, 0, 0) !important; }

  .colors_black .site_logo a,
  .colors_blue .site_logo a {
    background-color: #fff; }

  body[class^="colors_"] .header_link a {
    background-color: rgba(0, 0, 0, 0);
    border-color: inherit;
    font-weight: bold; }

  .colors_blue #colors_blue,
  .colors_black #colors_black {
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 4px;
    display: block; }

  body[class^="colors_"] .lang a {
    color: #000 !important; }

  body[class^="colors_"] .gnavi {
    border-top: 2px solid;
    border-bottom: 2px solid;
    padding-bottom: 0; }

  body[class^="colors_"] .gnavi .inner {
    background: none; }

  body[class^="colors_"] .gnavi ul li a {
    text-decoration: underline; }

  body[class^="colors_"] .gnavi ul li a:hover,
  body[class^="colors_"] #top .gnavi ul .navi_01 a,
  body[class^="colors_"] .dir_topics .gnavi ul .navi_02 a,
  body[class^="colors_"] .dir_guide .gnavi ul .navi_03 a,
  body[class^="colors_"] .dir_event .gnavi ul .navi_04 a,
  body[class^="colors_"] .dir_about .gnavi ul .navi_05 a,
  body[class^="colors_"] .dir_administration .gnavi ul .navi_06 a,
  body[class^="colors_"] .dir_bousai .gnavi ul .navi_07 a,
  body[class^="colors_"] .dir_business .gnavi ul .navi_08 a {
    background: none;
    color: inherit; }

  body[class^="colors_"] .modified_date {
    color: inherit; }

  body[class^="colors_"] .list_topics dl dt .cat {
    background: no-repeat;
    border: 1px dotted;
    color: inherit; }

  body[class^="colors_"] .pager a {
    color: #000;
    text-decoration: underline; }

  body[class^="colors_"] #list_index .item > a {
    color: inherit;
    text-decoration: underline;
    border-color: inherit; }

  body[class^="colors_"] #list_index .item > a:hover,
  body[class^="colors_"] #list_index .item > a:active,
  body[class^="colors_"] #list_index .item > a:focus {
    background: none; }

  body[class^="colors_"] #list_index .item .lead {
    color: inherit;
    background: none; }

  body[class^="colors_"] #list_index li a {
    color: inherit;
    background: none;
    border: 1px dotted;
    text-decoration: underline; }

  body[class^="colors_"] #side_menu {
    background: none; }

  body[class^="colors_"] #side_menu .level1 > a {
    background: none !important;
    color: inherit; }

  body[class^="colors_"] #side_menu .level2 > a,
  body[class^="colors_"] #side_menu .level3 > a,
  body[class^="colors_"] #side_menu .level4 > a {
    background: none;
    color: inherit;
    text-decoration: underline; }

  body[class^="colors_"] .rep_box {
    background: none; }

  body[class^="colors_"] .icon_pdf::after,
  body[class^="colors_"] .content1 a[href*=".pdf"]::after,
  body[class^="colors_"] .icon_word::after,
  body[class^="colors_"] .content1 a[href*=".doc"]::after,
  body[class^="colors_"] .icon_word::after,
  body[class^="colors_"] .content1 a[href*=".rtf"]::after,
  body[class^="colors_"] .icon_excel::after,
  body[class^="colors_"] .content1 a[href*=".xls"]::after {
    background-color: #fff; }

  body[class^="colors_"] .ttl_calendar {
    color: inherit; }

  body[class^="colors_"] .calendar_area .day {
    color: #000; }

  body[class^="colors_"] .item_id_soshiki .list_topics {
    background: none;
    padding: 10px 0; }

  /* footer */
  body[class^="colors_"] .footer_navi {
    background: none; }

  body[class^="colors_"] .footer_navi .item .ttl {
    color: inherit; }

  body[class^="colors_"] .footer_info dt {
    background: #fff; }

  body[class^="colors_"] .copyright {
    background: none;
    color: inherit;
    border-top: 1px solid; }

  /* toppage */
  body[class^="colors_"] .main_image {
    background: none; }

  body[class^="colors_"] .main_image::before,
  body[class^="colors_"] .main_image::after {
    display: none; }

  body[class^="colors_"] .banner-bottom .inner {
    background: none; }

  body[class^="colors_"] .top_population table tr:first-child th,
  body[class^="colors_"] .top_population table th {
    color: inherit;
    background: none; }

  body[class^="colors_"] .top_guide .inner h3 {
    color: inherit; }

  body[class^="colors_"] .top_topics .link_list a {
    border: 1px solid;
    text-decoration: underline; }

  body[class^="colors_"] .user_navi {
    background: none; }

  /* about */
  body[class^="colors_"] .about_01 .lead {
    background: none;
    border: 1px solid; }

  body[class^="colors_"] .about_01 .detail {
    background: no-repeat; }

  body[class^="colors_"] .about_01 a,
  body[class^="colors_"] .about_02 a {
    text-decoration: underline; }

  body[class^="colors_"] .about_02 a {
    background: none;
    border: 1px solid; }

  /* ------------------------------------------------------------------------------------------ 
   yellow
  ------------------------------------------------------------------------------------------ */
  body.colors_yellow,
  .colors_yellow #site_header,
  .colors_yellow #container {
    background: #FFFFCC;
    color: #000; }

  .colors_yellow a:link {
    color: blue; }

  .colors_yellow a:visited {
    color: #676767; }

  .colors_yellow a:hover {
    color: blue; }

  .colors_yellow a:visited:hover {
    color: blue; }

  /* header */
  .colors_yellow .gnavi ul li {
    border-right-color: #000; }

  .colors_yellow .gnavi ul li:first-child {
    border-left-color: #000; }

  /* pagebody */
  .colors_yellow .page_ttl_wrap {
    background: #000;
    color: #fff; }

  .colors_yellow #list_index .item a:hover,
  .colors_yellow #list_index .item a:active,
  .colors_yellow #list_index .item a:focus {
    color: blue; }

  /* footer */
  .colors_yellow .footer_navi .item ul li a {
    color: blue;
    text-decoration: underline; }

  .colors_yellow .footer_navi .item ul li a:hover {
    color: blue; }

  /* top */
  .colors_yellow .top_topics .t_topics_list .ttl,
  .colors_yellow .top_topics .t_news_list .ttl,
  .colors_yellow .top_guide > .ttl,
  .colors_yellow .banner-bottom .ttl,
  .colors_yellow .top_population .ttl {
    background: #000;
    color: #fff; }

  /* ------------------------------------------------------------------------------------------ 
   blue
  ------------------------------------------------------------------------------------------ */
  body.colors_blue,
  .colors_blue #site_header,
  .colors_blue #container {
    background: #00b;
    color: #fff; }

  .colors_blue a:link {
    color: #ffff00; }

  .colors_blue a:hover {
    color: #FF3F00; }

  .colors_blue a:visited {
    color: #ffff00; }

  .colors_blue a:visited:hover {
    color: #FF3F00; }

  /* pagebody */
  .colors_blue .page_ttl_wrap {
    background: #fff;
    color: #00b; }

  .colors_blue table th {
    background: #fff;
    color: #0000BB; }

  .colors_blue table td {
    background: #0000BB; }

  .colors_blue .lead_06 {
    color: yellow; }

  .colors_blue #list_index .item a:hover,
  .colors_blue #list_index .item a:active,
  .colors_blue #list_index .item a:focus {
    color: yellow; }

  /* footer */
  .colors_blue .footer_navi .item ul li a {
    color: yellow;
    text-decoration: underline; }

  .colors_blue .footer_navi .item ul li a:hover {
    color: #FF3F00; }

  /* top */
  .colors_blue .top_caution .inner {
    color: #000; }

  .colors_blue .top_caution a {
    color: blue; }

  .colors_blue .top_caution a:hover {
    color: #FF3F00; }

  .colors_blue .top_topics .t_topics_list .ttl,
  .colors_blue .top_topics .t_news_list .ttl,
  .colors_blue .top_guide > .ttl,
  .colors_blue .banner-bottom .ttl,
  .colors_blue .top_population .ttl {
    background: #fff;
    color: #000; }

  /* ------------------------------------------------------------------------------------------ 
   black
  ------------------------------------------------------------------------------------------ */
  body.colors_black,
  .colors_black #site_header,
  .colors_black #container {
    background: #000;
    color: #FFFFFF; }

  .colors_black a:link {
    color: #fff; }

  .colors_black a:hover {
    color: #FF3F00; }

  .colors_black a:visited {
    color: #ffff00; }

  .colors_black a:visited:hover {
    color: #FF3F00; }

  /* pagebody */
  .colors_black .page_ttl_wrap {
    background: #fff;
    color: #000; }

  .colors_black table th {
    background: #fff;
    color: #000; }

  .colors_black table td {
    background: #000; }

  .colors_black .lead_06 {
    color: yellow; }

  .colors_black #list_index .item a:hover,
  .colors_black #list_index .item a:active,
  .colors_black #list_index .item a:focus {
    color: yellow; }

  /* footer */
  .colors_black .footer_navi .item ul li a {
    color: yellow;
    text-decoration: underline; }

  .colors_black .footer_navi .item ul li a:hover {
    color: #FF3F00; }

  /* top */
  .colors_black .top_caution .inner {
    color: #000; }

  .colors_black .top_caution a {
    color: black; }

  .colors_black .top_caution a:hover {
    color: #FF3F00; }

  .colors_black .top_topics .t_topics_list .ttl,
  .colors_black .top_topics .t_news_list .ttl,
  .colors_black .top_guide > .ttl,
  .colors_black .banner-bottom .ttl,
  .colors_black .top_population .ttl {
    background: #fff;
    color: #000; }

  /*---------------------------------------------------------------------
    container
  ---------------------------------------------------------------------*/
  #container {
    overflow: hidden;
    max-width: 768px;
    margin: 0 auto; }

  #container.fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    right: 0;
    z-index: 15000; }

  .sp_none {
    display: none !important; }

  .sp_block {
    display: block; }

  /* utility */
  .content1 * + dl,
  .content1 * + ol,
  .content1 * + ul,
  .content1 * + table {
    margin-top: 20px; }

  /* ------------------------------------------------------------------------------------------ 
  common
  ------------------------------------------------------------------------------------------ */
  /*---------------------------------------------------------------------
    site_header
  ---------------------------------------------------------------------*/
  #site_header {
    padding: 10px 6px;
    width: 100%;
    height: 66px;
    position: relative;
    top: 0;
    left: 0;
    z-index: 8000;
    border-bottom: 2px solid #BBBBBB;
    background: #fff;
    /* logo */ }
    #site_header .inner {
      box-sizing: content-box;
      margin: 0 auto;
      width: 1200px;
      padding: 15px 10px; }
    #site_header .site_logo {
      margin: 0;
      float: left;
      width: 106px; }
      #site_header .site_logo a {
        display: block; }
    #site_header .group_logo {
      float: right;
      width: 22%;
      margin-right: 12px;
      margin-top: 12px; }

  /* sitenavi_sp btn */
  #site_navi_sp {
    z-index: 9999;
    position: absolute;
    right: 0;
    top: 0;
    width: 56px;
    height: 100%; }

  #panel-btn {
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    display: block;
    position: relative;
    background: #007bb4;
    margin: 0;
    padding: 47px 0 0; }

  #panel-btn-icon {
    display: block;
    position: absolute;
    top: 25px;
    left: 26px;
    width: 30px;
    height: 4px;
    border-radius: 4px;
    margin: -3px 0 0 -12px;
    background: #fff;
    transition: .2s; }
    #panel-btn-icon::before, #panel-btn-icon::after {
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 100%;
      height: 4px;
      border-radius: 4px;
      background: #fff;
      transition: .3s; }
    #panel-btn-icon::before {
      margin-top: -13px; }
    #panel-btn-icon::after {
      margin-top: 9px; }

  /* close */
  .close #panel-btn-icon {
    background: transparent; }
    .close #panel-btn-icon::before, .close #panel-btn-icon::after {
      margin-top: -2px; }
    .close #panel-btn-icon::before {
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg); }
    .close #panel-btn-icon::after {
      transform: rotate(-135deg);
      -webkit-transform: rotate(-135deg); }

  /*---------------------------------------------------------------------
    site_navi
  ---------------------------------------------------------------------*/
  #site_navi {
    backface-visibility: hidden;
    background-color: rgba(51, 156, 212, 0.95);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 15000;
    overflow: hidden;
    display: none;
    overflow: scroll;
    -webkit-overflow-scrolling: touch; }
    #site_navi > .inner {
      height: 105%;
      padding: 80px 0 0;
      box-sizing: content-box; }

  .header_sougou {
    position: absolute;
    top: 0;
    right: 119px;
    width: 60px;
    height: 100%;
    border-left: 1px solid #cccccc; }
    .header_sougou a {
      display: block;
      padding: 7px 0; }

  /* lang */
  #lang_switch {
    position: absolute;
    top: 0;
    right: 56px;
    width: 62px;
    height: 100%;
    border-left: 1px solid #cccccc; }
    #lang_switch > li > a {
      display: block;
      padding: 7px 0; }
    #lang_switch .lang_menu {
      display: none;
      position: absolute;
      z-index: 20;
      margin-top: 0;
      background: #fdfce8;
      border: 1px solid #44B3EE;
      border-top-style: dotted;
      width: 100px;
      text-align: center;
      padding: 10px;
      box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); }
      #lang_switch .lang_menu li + li {
        border-top: 1px dotted #333; }
      #lang_switch .lang_menu a {
        color: #000;
        text-align: center;
        padding: 8px;
        font-size: 86.66%;
        text-decoration: none;
        display: block; }

  .lang .goog-te-gadget-simple {
    padding: 9px 0;
    border-radius: 4px;
    width: 100%;
    overflow: hidden; }

  .skiptranslate + div #site_header {
    top: auto;
    position: relative; }

  .skiptranslate + div #pagebody {
    padding-top: 0; }

  /* search_form */
  .g_search {
    position: relative;
    width: 100%; }
    .g_search table {
      border: none; }
    .g_search td {
      border: none;
      padding: 0; }
    .g_search form.gsc-search-box,
    .g_search table.gsc-search-box {
      margin-bottom: 0; }
    .g_search .gsc-search-box td.gsc-input {
      padding: 0; }
    .g_search .gsc-input-box {
      border-color: #bbb;
      border-radius: 3px;
      padding: 8px 10px; }
    .g_search button.gsc-search-button {
      position: absolute;
      right: 16px;
      top: 11px;
      border: none;
      width: 17px;
      height: 17px;
      padding: 0;
      margin: 0;
      text-indent: -9999px; }
    .g_search a.gsst_a {
      padding: 0;
      position: absolute;
      right: 18px;
      top: -7px; }

  /* site_navi_list */
  .header_navi {
    margin-top: 20px; }
    .header_navi ul li a {
      color: #fff;
      font-size: 15px;
      font-weight: normal;
      text-decoration: none;
      display: block;
      padding: 15px 0;
      border-bottom: 1px dotted #aaa;
      position: relative; }
      .header_navi ul li a::after {
        content: "";
        width: 5px;
        height: 26px;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -13px;
        background-color: #ECECEC; }
    .header_navi ul li:first-child a {
      border-top: 1px dotted #aaa; }

  .site_navi .nav_list_type01 {
    padding: 0 20px; }
    .site_navi .nav_list_type01 li {
      float: left;
      width: 49%;
      margin-bottom: 15px; }
      .site_navi .nav_list_type01 li:nth-of-type(2n) {
        float: right; }
    .site_navi .nav_list_type01 a {
      display: block;
      padding: 15px 15px;
      text-decoration: none;
      color: #333;
      background-color: #fff;
      border-radius: 10px; }
  .site_navi .nav_list_type02 {
    padding: 0 8px; }
    .site_navi .nav_list_type02 li {
      float: left;
      margin: 15px 12px 0; }
    .site_navi .nav_list_type02 a {
      text-decoration: underline;
      color: #fff; }
  .site_navi .site_nav_close {
    display: block;
    margin: 20px auto 0;
    padding: 10px 0;
    font-size: 150%;
    text-align: center;
    background-color: #005a84;
    color: #f5f5f5; }

  #site-translate-header-wrapper {
    max-width: 100% !important; }

  #edit_btn {
    display: none; }

  /*----- target="_blank"の表示 -----*/
  #side_menu a[target="_blank"]::after,
  .content1 a[target="_blank"]::after,
  .otoiawase_box a[target="_blank"]::after,
  .list_sitemap a[target="_blank"]::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 5px; }

  #alpha .list_index_contents a[target="_blank"] .ttl::after {
    content: "\f35d";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    width: auto;
    height: auto;
    position: static;
    margin-left: 5px;
    background: transparent; }

  /*--------- list_index -----------*/
  * + .list_index {
    margin-top: 60px; }

  .list_index,
  .list_index_2 {
    max-width: 1200px;
    margin: 0 auto; }

  .list_index_2 .list_index_contents {
    margin-bottom: 60px; }
  .list_index_2 .item {
    border-top: 5px solid #a2cfd9; }
    .list_index_2 .item > a {
      color: #333;
      text-decoration: none; }
    .list_index_2 .item .ttl {
      font-size: 120%;
      font-weight: normal; }
      .list_index_2 .item .ttl a {
        color: #191919;
        text-decoration: none;
        display: block;
        position: relative;
        overflow: hidden;
        transition: .8s;
        padding: 10px;
        padding-right: 35px; }
        .list_index_2 .item .ttl a:hover, .list_index_2 .item .ttl a:focus, .list_index_2 .item .ttl a:active {
          background-color: #EFF8FE;
          text-decoration: underline; }
        .list_index_2 .item .ttl a::after {
          content: "";
          width: 7px;
          height: 7px;
          position: absolute;
          right: 15px;
          top: 20px;
          border-right: 2px solid #138FD2;
          border-bottom: 2px solid #138FD2;
          -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg); }
    .list_index_2 .item .detail {
      position: relative;
      padding: 15px 10px 15px 0; }
      .list_index_2 .item .detail .ttl {
        padding-left: 1.6em;
        text-indent: -0.8em; }
    .list_index_2 .item + ul li {
      border: 1px solid #bfbfbf; }
      .list_index_2 .item + ul li + li {
        margin-top: 0;
        border-top: none; }
      .list_index_2 .item + ul li a {
        padding: 10px 25px 10px 20px; }
        .list_index_2 .item + ul li a:hover {
          background: #d1efff; }
        .list_index_2 .item + ul li a::after {
          content: "";
          width: 6px;
          height: 6px;
          position: absolute;
          right: 15px;
          top: 50%;
          transform: translateY(-50%) rotate(45deg);
          border-top: 3px solid #0068b7;
          border-right: 3px solid #0068b7; }
    .list_index_2 .item .fa-chevron-circle-right {
      margin-right: 10px;
      color: #0068b7; }
  .list_index_2 ul {
    overflow: hidden; }
  .list_index_2 li + li {
    margin-top: 10px; }
  .list_index_2 li a {
    color: #333333;
    display: block;
    text-decoration: none;
    position: relative;
    transition: .3s; }
    .list_index_2 li a:hover, .list_index_2 li a:focus, .list_index_2 li a:active {
      text-decoration: underline;
      background-color: #ffffe3; }

  .list_index {
    border-top: 1px solid #ccc; }
    .list_index .list_index_contents {
      margin-bottom: 0; }
      .list_index .list_index_contents ul {
        display: none; }
    .list_index .item {
      border: none; }
      .list_index .item .ttl {
        font-size: 120%;
        font-weight: normal;
        border-bottom: 1px solid #ccc; }
        .list_index .item .ttl .fas {
          margin-right: 10px;
          font-size: 88%;
          color: #44B3EE; }
      .list_index .item .detail {
        padding: 0; }
        .list_index .item .detail .ttl {
          padding: 15px 8px 15px 1.6em;
          text-indent: -0.8em; }
      .list_index .item > a {
        display: block;
        padding: 0;
        color: #333;
        text-decoration: none;
        transition: .3s; }
      .list_index .item + ul li {
        border: 1px solid #bfbfbf; }
        .list_index .item + ul li + li {
          margin-top: 0;
          border-top: none; }
        .list_index .item + ul li a {
          padding: 10px 25px 10px 20px; }
          .list_index .item + ul li a:hover {
            background: #d1efff; }
          .list_index .item + ul li a::after {
            content: "";
            width: 6px;
            height: 6px;
            position: absolute;
            right: 15px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            border-top: 3px solid #0068b7;
            border-right: 3px solid #0068b7; }
      .list_index .item .fa-chevron-circle-right {
        margin-right: 10px;
        color: #0068b7; }
      .list_index .item a > .pdfAfter,
      .list_index .item a > .xlsAfter,
      .list_index .item a > .docAfter,
      .list_index .item a > .zipAfter {
        display: none; }
      .list_index .item > a + .fileInfo {
        display: none; }

  .dir_faq .list_index {
    border-top: none; }
    .dir_faq .list_index .list_index_contents {
      margin-bottom: 50px; }
      .dir_faq .list_index .list_index_contents ul {
        display: block; }
    .dir_faq .list_index a {
      display: block;
      margin: 15px auto auto;
      padding: 15px 12px;
      border: 1px solid #ccc;
      text-decoration: none;
      color: inherit; }
      .dir_faq .list_index a::before {
        content: "Q.";
        font-size: 155%;
        color: #009e96;
        font-weight: normal; }
    .dir_faq .list_index .item + ul li {
      border: none; }
      .dir_faq .list_index .item + ul li a {
        padding-left: 40px;
        text-indent: -26px; }
        .dir_faq .list_index .item + ul li a::after {
          content: none; }

  /*--------- google_search_result -----------*/
  .search_result .item {
    padding: 15px 0;
    border-top: 1px dotted #ccc; }
    .search_result .item a {
      display: block;
      text-decoration: none; }
      .search_result .item a:hover {
        background-color: #d1efff; }
  .search_result .ttl {
    text-decoration: underline; }
  .search_result .url {
    color: #093;
    text-decoration: none;
    padding-bottom: 2px; }
  .search_result .text {
    color: #333;
    text-decoration: none; }

  /*--------- list_topics -----------*/
  #alpha .list_topics {
    max-height: none;
    padding-top: 5px; }
    #alpha .list_topics .item a {
      text-decoration: none;
      padding: 10px 10px;
      display: block; }
    #alpha .list_topics .item .date {
      color: #333;
      font-size: 93.75%;
      display: inline-block;
      vertical-align: middle; }
    #alpha .list_topics .item .category {
      color: #333;
      font-size: 75%;
      line-height: 1.0;
      display: inline-block;
      text-align: center;
      vertical-align: middle;
      border: 1px solid #959595;
      border-radius: 4px;
      background-color: #FFFFFF;
      padding: 5px 8px;
      margin-left: 10px; }
    #alpha .list_topics .item .ttl {
      padding: 0;
      border-radius: 0;
      background-color: transparent;
      font-size: 100%;
      font-weight: 500;
      color: #004892;
      margin-top: 3px; }
    #alpha .list_topics .item:nth-child(1) a {
      padding-top: 0; }
    #alpha .list_topics .item:nth-child(2n) a {
      background-color: #f5f5f5; }

  /*--------- list_index_02 -----------*/
  * + #list_index_02 {
    margin-top: 60px; }

  #list_index_02 {
    max-width: 1200px;
    margin: 0 auto; }
    #list_index_02 .item + .item {
      margin-top: 15px; }
    #list_index_02 .item > a {
      color: #191919;
      text-decoration: none;
      display: table;
      width: 100%;
      position: relative;
      overflow: hidden;
      border: 1px solid #bbb;
      transition: .8s; }
      #list_index_02 .item > a:hover, #list_index_02 .item > a:focus, #list_index_02 .item > a:active {
        background-color: #EFF8FE;
        text-decoration: underline; }
    #list_index_02 .item .thumb {
      display: table-cell;
      vertical-align: middle;
      width: 40%;
      padding: 5px;
      border-right: 1px solid #bbb; }
      #list_index_02 .item .thumb span {
        display: block;
        position: relative;
        padding-bottom: 66.4%;
        overflow: hidden;
        background-color: #fcf8ed;
        display: block; }
      #list_index_02 .item .thumb img {
        position: absolute;
        top: -100%;
        left: -100%;
        right: -100%;
        bottom: -100%;
        margin: auto;
        max-width: none;
        max-height: 100%;
        transition: .5s; }
    #list_index_02 .item a:hover .thumb img, #list_index_02 .item a:focus .thumb img, #list_index_02 .item a:active .thumb img {
      opacity: 1;
      transform: scale(1.08); }
    #list_index_02 .item .detail {
      padding: 15px 10px;
      position: relative;
      overflow: hidden;
      display: table-cell;
      vertical-align: middle; }
    #list_index_02 .item .thumb + .detail {
      padding: 10px; }
    #list_index_02 .item .ttl {
      font-size: 120%;
      font-weight: normal;
      padding-left: 30px; }
    #list_index_02 .item .lead {
      display: none;
      color: #191919;
      background: #EFF8FE;
      padding: 10px;
      font-size: 93.33%;
      line-height: 1.5;
      margin-top: 15px; }
    #list_index_02 ul {
      margin: 5px 0 0 10px; }
    #list_index_02 li + li {
      margin-top: 5px; }
    #list_index_02 li a {
      color: #333333;
      padding: 12px 22px 12px 12px;
      display: block;
      text-decoration: none;
      background: #F4F2EE;
      position: relative;
      transition: .3s; }
      #list_index_02 li a:hover, #list_index_02 li a:focus, #list_index_02 li a:active {
        text-decoration: underline;
        background-color: #F4F8EE; }
      #list_index_02 li a::after {
        content: "";
        width: 5px;
        height: 5px;
        position: absolute;
        right: 12px;
        top: 50%;
        margin-top: -5px;
        border-right: 1px solid #44B3EE;
        border-bottom: 1px solid #44B3EE;
        transform: rotate(-45deg); }

  /*---------------------------------------------------
    sidemenu
  ---------------------------------------------------*/
  #side_menu {
    display: none;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    /* level1 */
    /* level2 */
    /* level3 */
    /* level4 */ }
    #side_menu a {
      display: block;
      padding: 5px;
      text-decoration: none;
      transition: .3s; }
      #side_menu a:hover {
        text-decoration: none; }
    #side_menu .level0 > a {
      color: #fff;
      font-size: 112.5%;
      background: #003B98;
      padding: 13px 15px; }
    #side_menu .level1 > a {
      color: #000;
      background: #DAF0FC;
      padding: 15px;
      font-size: 106.66%;
      position: relative; }
      #side_menu .level1 > a:hover, #side_menu .level1 > a:active, #side_menu .level1 > a:focus, #side_menu .level1 > a.selected {
        color: #fff;
        text-decoration: underline;
        background: #45B3EE; }
    #side_menu .level1 > ul {
      border-top: 1px solid #ccc;
      padding: 10px; }
    #side_menu .level2 + .level2 {
      margin-top: 10px; }
    #side_menu .level2 > a {
      color: #000;
      background: #fff;
      border: 1px solid #ccc;
      padding: 12px;
      font-size: 100%;
      position: relative; }
      #side_menu .level2 > a:hover, #side_menu .level2 > a:active, #side_menu .level2 > a:focus, #side_menu .level2 > a.selected {
        color: #fff;
        background: #44B3EE; }
    #side_menu .level2 > ul {
      margin-top: 10px; }
    #side_menu .level3 + .level3 {
      margin-top: 5px; }
    #side_menu .level3 > a {
      color: #000;
      background: #F3F3F3;
      font-size: 100%;
      padding: 8px 8px 8px 25px;
      position: relative; }
      #side_menu .level3 > a::before {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        left: 10px;
        top: 14px;
        border: 4px solid transparent;
        border-left: 6px solid #999999;
        font-variant-ligatures: .3s; }
      #side_menu .level3 > a:hover, #side_menu .level3 > a:active, #side_menu .level3 > a:focus, #side_menu .level3 > a.selected {
        color: #000;
        background: #E8F5FD; }
        #side_menu .level3 > a:hover::before, #side_menu .level3 > a:active::before, #side_menu .level3 > a:focus::before, #side_menu .level3 > a.selected::before {
          border-left-color: #138FD2; }
    #side_menu .level3 ul {
      margin-top: 5px;
      margin-left: 5px;
      border-top: 1px dotted #ccc; }
    #side_menu .level4 > a {
      color: #000;
      position: relative;
      padding: 7px 7px 7px 27px;
      border-bottom: 1px dotted #ccc; }
      #side_menu .level4 > a::before {
        content: "";
        width: 5px;
        height: 5px;
        position: absolute;
        left: 10px;
        top: 15px;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
        transform: rotate(-45deg);
        transition: .3s; }
      #side_menu .level4 > a:hover, #side_menu .level4 > a:active, #side_menu .level4 > a:focus, #side_menu .level4 > a.selected {
        background-color: #E8F5FD; }
        #side_menu .level4 > a:hover::before, #side_menu .level4 > a:active::before, #side_menu .level4 > a:focus::before, #side_menu .level4 > a.selected::before {
          border-right-color: #138FD2;
          border-bottom-color: #138FD2; }

  /*kouhoushi*/
  .list_kouhou {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .list_kouhou .item .thumb {
      padding: 0 15px 15px 15px;
      text-align: center; }
    .list_kouhou .detail {
      text-align: center; }
      .list_kouhou .detail .ttl {
        font-size: 17px;
        padding: 5px; }
      .list_kouhou .detail .link a {
        display: block;
        margin: 0 10px;
        color: #000;
        padding: 5px;
        margin-bottom: 10px;
        background-color: #EFF8FE;
        text-decoration: none;
        position: relative; }
        .list_kouhou .detail .link a::after {
          position: absolute;
          content: "";
          padding: 5px;
          width: 18px;
          height: 18px;
          right: 10px;
          top: 10px; }
        .list_kouhou .detail .link a:hover, .list_kouhou .detail .link a:focus, .list_kouhou .detail .link a:active {
          background-color: #C5E6FC;
          text-decoration: underline; }

  /*kouhoushi 詳細ページ*/
  .kouhou_detail .kouhou_detail_top {
    margin-bottom: 30px; }
    .kouhou_detail .kouhou_detail_top .thumb {
      margin-bottom: 20px;
      text-align: center; }
    .kouhou_detail .kouhou_detail_top .thumb_info .text {
      margin: 15px 0 20px; }
    .kouhou_detail .kouhou_detail_top .btn_kouhou_dw {
      padding: 15px 20px;
      border: 1px solid #ccc;
      border-radius: 10px; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw + .btn_kouhou_dw {
        margin-top: 20px; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw a {
        display: inline-block;
        text-decoration: none;
        color: #000; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw .fas {
        margin-right: 15px;
        font-size: 150%;
        color: #0275AC; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw.dw_pdf .fas {
        margin-right: 25px; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw .fileInfo {
        font-size: 100%;
        color: inherit; }
      .kouhou_detail .kouhou_detail_top .btn_kouhou_dw span.pdfAfter, .kouhou_detail .kouhou_detail_top .btn_kouhou_dw span.pdfBefore {
        display: none; }

  .item_id_kouhou_detail .list_side_menu {
    margin-top: 0; }
  .item_id_kouhou_detail .back_list_wrap {
    margin-top: 40px; }
  .item_id_kouhou_detail .back_link {
    display: inline-block;
    text-decoration: none;
    padding: 5px 15px;
    border: 3px solid #00955E; }

  /*gikaidayori*/
  .list_gikaidayori {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    .list_gikaidayori .item .thumb {
      padding: 0 20px 20px 20px;
      text-align: center; }
    .list_gikaidayori .detail {
      text-align: center; }
      .list_gikaidayori .detail .ttl {
        font-size: 17px;
        padding: 5px; }
      .list_gikaidayori .detail .link a {
        display: block;
        margin: 0 10px;
        color: #000;
        padding: 5px;
        margin-bottom: 10px;
        background-color: #EFF8FE;
        text-decoration: none;
        position: relative; }
        .list_gikaidayori .detail .link a::after {
          position: absolute;
          content: "";
          padding: 5px;
          width: 18px;
          height: 18px;
          right: 10px;
          top: 10px; }
        .list_gikaidayori .detail .link a:hover, .list_gikaidayori .detail .link a:focus, .list_gikaidayori .detail .link a:active {
          background-color: #C5E6FC;
          text-decoration: underline; }

  /*gikaidayori 詳細ページ*/
  .gikaidayori_detail .gikaidayori_detail_top {
    margin-bottom: 30px; }
    .gikaidayori_detail .gikaidayori_detail_top .thumb {
      margin-bottom: 20px;
      text-align: center; }
    .gikaidayori_detail .gikaidayori_detail_top .thumb_info .text {
      margin: 15px 0 20px; }
    .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw {
      padding: 15px 20px;
      border: 1px solid #ccc;
      border-radius: 10px; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw + .btn_gikaidayori_dw {
        margin-top: 20px; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw a {
        display: inline-block;
        text-decoration: none;
        color: #000; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw .fas {
        margin-right: 15px;
        font-size: 150%;
        color: #0275AC; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw.dw_pdf .fas {
        margin-right: 25px; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw .fileInfo {
        font-size: 100%;
        color: inherit; }
      .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw span.pdfAfter, .gikaidayori_detail .gikaidayori_detail_top .btn_gikaidayori_dw span.pdfBefore {
        display: none; }

  .item_id_gikaidayori_detail .list_side_menu {
    margin-top: 0; }
  .item_id_gikaidayori_detail .back_list_wrap {
    margin-top: 40px; }
  .item_id_gikaidayori_detail .back_link {
    display: inline-block;
    text-decoration: none;
    padding: 5px 15px;
    border: 3px solid #00955E; }

  .lifestage_list_menu {
    border-top: 1px solid #ccc; }
    .lifestage_list_menu li {
      font-size: 120%;
      font-weight: normal;
      border-bottom: 1px solid #ccc; }
      .lifestage_list_menu li a {
        color: #333;
        display: block;
        padding: 15px 0;
        position: relative;
        text-decoration: none; }

  /*-------------------------------------
  	organize_topics_list
  -------------------------------------*/
  .organize_topics_list {
    margin-bottom: 40px; }
    .organize_topics_list dl {
      padding: 0 0 10px;
      border-bottom: 1px solid #C2C2C2; }
      .organize_topics_list dl + dl {
        margin-top: 10px; }
      .organize_topics_list dl .date {
        color: #333;
        font-size: 93.75%;
        display: inline-block;
        vertical-align: middle; }
      .organize_topics_list dl .cat {
        color: #333;
        font-size: 75%;
        line-height: 1.0;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #959595;
        border-radius: 4px;
        background-color: #FFFFFF;
        padding: 5px 8px;
        margin-left: 10px; }
    .organize_topics_list dd {
      margin-top: 5px; }

  /*-------------------------------------
  	チャットボット非表示※総合トップ、トップページのみ表示
  -------------------------------------*/
  .wc-webchat-ctn {
    display: none; }

  .disaster_container ~ .wc-webchat-ctn,
  #top ~ .wc-webchat-ctn,
  .sougou_top_container ~ .wc-webchat-ctn {
    display: block; }

  /*-------------------------------------
  	other
  -------------------------------------*/
  .sp_scroll_table {
    display: block;
    border: 1px solid #b8b8b8;
    overflow: auto;
    white-space: nowrap; }

  /*--- font ---*/
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.4; }

  .fwb {
    font-weight: 500; }

  .tal {
    text-align: left; }

  .tac {
    text-align: center; }

  .tar {
    text-align: right; }

  /* FontSize = fs */
  /* Relative FontSize = fsr */
  .fsr10 {
    font-size: 66.66%; }

  .fsr11 {
    font-size: 73.33%; }

  .fsr12 {
    font-size: 80%; }

  .fsr13 {
    font-size: 86.66%; }

  .fsr14 {
    font-size: 93.33%; }

  .fsr15 {
    font-size: 100%; }

  .fsr16 {
    font-size: 106.66%; }

  .fsr17 {
    font-size: 113.33%; }

  .fsr18 {
    font-size: 120%; }

  .fsr19 {
    font-size: 126.66%; }

  .fsr20 {
    font-size: 133.33%; }

  .fsr21 {
    font-size: 140%; }

  .fsr22 {
    font-size: 146.66%; }

  .fsr23 {
    font-size: 153.33%; }

  .fsr24 {
    font-size: 160%; }

  .fsr25 {
    font-size: 166.66%; }

  .fsr26 {
    font-size: 173.33%; }

  .fsr27 {
    font-size: 180%; }

  .fsr28 {
    font-size: 186.66%; }

  .fsr29 {
    font-size: 193.33%; }

  .fsr30 {
    font-size: 200%; }

  /*--------- text -----------*/
  .page_ttl_wrap {
    padding: 15px;
    background: #DDE9F5 url("/resources/image/common/bg_04.png"); }

  .page_ttl {
    font-size: 160%;
    font-weight: normal;
    line-height: 1.2;
    max-width: 1200px;
    box-sizing: border-box;
    margin: 0 auto 15px;
    padding: 30px 10px;
    text-align: center;
    background: url("/resources/image/common/bg_line_02.png"); }
    .page_ttl.detail_layout {
      margin: 20px auto 25px;
      padding: 15px 20px;
      border-left: 6px solid #0275ac;
      background: #dceaed;
      font-size: 170%;
      text-align: left; }

  .content1 {
    line-height: 1.8; }

  .content1 p {
    margin: 1em 0; }

  .content1 h2 + p,
  .content1 h3 + p,
  .content1 h4 + p,
  .content1 h5 + p,
  .content1 h6 + p {
    margin-top: 0; }

  .content1 div > p {
    margin-top: 0; }

  /* headline */
  .content1 * + h2 {
    margin-top: 45px; }

  .content1 * + h3 {
    margin-top: 25px; }

  .content1 * + h4 {
    margin-top: 20px; }

  .content1 * + h5 {
    margin-top: 15px; }

  .content1 h2 + h3,
  .content1 h3 + h4 {
    margin-top: 0; }

  .lead_01,
  .content1 h2 {
    font-size: 150%;
    font-weight: normal;
    margin-bottom: 30px;
    padding-bottom: 3px;
    position: relative;
    border-bottom: 6px solid #dceaed;
    background: none; }
    .lead_01::after,
    .content1 h2::after {
      content: "";
      width: 33%;
      height: 6px;
      position: absolute;
      left: 0;
      bottom: -6px;
      background: #0275ac; }

  .lead_02,
  .content1 h3 {
    font-size: 130%;
    font-weight: normal;
    padding: 8px 12px;
    margin-bottom: 20px;
    border-bottom: none;
    background-color: #E8F8FB;
    position: relative;
    border-radius: 6px; }

  .lead_03,
  .content1 h4 {
    font-size: 115%;
    font-weight: normal;
    margin-bottom: 10px;
    padding-left: 20px;
    position: relative; }
    .lead_03::after,
    .content1 h4::after {
      content: "";
      position: absolute;
      left: 0;
      top: 8px;
      border: 5px solid transparent;
      border-left: 7px solid #007bb4; }

  .lead_04,
  .content1 h5 {
    font-size: 106.66%;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
    padding-left: 15px; }
    .lead_04::before,
    .content1 h5::before {
      content: "";
      position: absolute;
      top: 6px;
      left: 0px;
      border: 4px solid transparent;
      border-left: 6px solid #00468c; }

  .lead_05 {
    font-size: 120%;
    color: #008C52; }

  .lead_05 + h2,
  .lead_05 + h3 {
    margin-top: 20px; }

  .lead_06 {
    font-size: 120%;
    color: #008C8C; }

  .lead_06 + h2,
  .lead_06 + h3 {
    margin-top: 20px; }

  .content1 * + ul li + li,
  .content1 * + ol li + li {
    margin-top: 5px; }

  .content1 * + ul li {
    padding-left: 1em;
    text-indent: -1em; }
    .content1 * + ul li::before {
      content: "・"; }

  .content1 * + ol {
    padding-left: 1.3em;
    list-style-type: decimal; }

  .fc_01 {
    color: #D80000; }

  .about_inner h2 {
    text-align: center;
    border-bottom: 1px solid #BBBBBB;
    font-size: 160%;
    padding: 20px 0 10px;
    margin-top: 40px; }

  .about_inner h2::after {
    background: none; }

  .about_01 {
    padding: 0 20px; }

  .about_01 a,
  .about_02 a {
    text-decoration: none;
    color: #000;
    display: block; }

  .about_01 .lead {
    background-color: #A9C94C;
    text-align: center;
    border: none;
    margin: 0;
    padding: 5px;
    font-size: 100%;
    font-weight: bold; }

  .about_bg .lead {
    background-color: #000;
    text-align: center;
    padding: 5px;
    font-size: 146.66%;
    color: #fff;
    margin-top: -9px; }

  .about_02 .lead a {
    display: block;
    text-align: center;
    font-size: 100%;
    font-weight: bold;
    padding: 5px;
    color: #fff;
    background-color: #45B3EE; }

  /* rep_box */
  .rep_box .ttl {
    color: #fff;
    background: #336BA3;
    font-size: 125%;
    font-weight: normal;
    padding: 5px 15px; }

  /* calendar */
  .ttl_calendar {
    color: #cc9800;
    font-weight: bold;
    display: inline-block;
    font-size: 120%;
    border-bottom: 3px double #e5e5d9;
    background-size: 26px;
    padding: 0 15px 0 40px;
    margin-bottom: 15px; }

  .ttl_calendar strong {
    font-size: 150%;
    margin: 0 4px; }

  /*---------------------------------------------------------------------
    topic_path_top
  ---------------------------------------------------------------------*/
  .topic_path_top {
    margin: 10px auto; }

  .topic_path_top > ol {
    font-size: 80%;
    box-sizing: content-box;
    margin: 0 auto;
    max-width: 1200px;
    padding: 6px 15px; }

  .topic_path_top > ol > li {
    display: inline; }

  .topic_path_top > ol > li + li::before {
    content: ">";
    margin: 0 5px; }

  .topic_path_top > ol > li a {
    text-decoration: underline; }

  /*---------------------------------------------------------------------
    pagebody
  ---------------------------------------------------------------------*/ }
@media screen and (max-width: 767px) and (min-width: 768px) {
  #pagebody {
    font-size: 19px; } }

@media screen and (max-width: 767px) {
  #pagebody_inner,
  .pagebody_inner {
    margin: 0 auto;
    max-width: 1200px;
    padding: 0 15px;
    box-sizing: content-box; }

  /*--------------------------------------------------
    alpha
  --------------------------------------------------*/
  #alpha {
    margin-bottom: 30px; }

  .modified_date {
    color: #333;
    font-size: 86.66%;
    margin-bottom: 20px;
    text-align: right; }

  /*--------- box -----------*/
  .caution_box_01 {
    color: #000;
    border: 2px solid #468C00;
    background: #F6F9F2;
    font-size: 93.33%;
    padding: 15px; }

  .caution_box_02 {
    position: relative; }

  .caution_box_02 dt {
    color: #000;
    font-size: 106.66%;
    text-align: center;
    width: 280px;
    border: 1px solid #BBBBBB;
    padding: 7px 0 5px;
    position: absolute;
    top: -19px;
    left: 20px;
    background: #FFFFF5; }

  .caution_box_02 dd {
    color: #000;
    background: #fffff5;
    border: 1px solid #bbb;
    padding: 30px 15px 15px; }

  /*--------- btn -----------*/
  a.btn_01 {
    display: block;
    vertical-align: top;
    color: #333;
    text-decoration: none;
    border: 1px solid #ccc;
    min-width: 31.66%;
    padding: 17px 30px 17px 20px;
    position: relative;
    transition: .3s; }

  a.btn_01::before {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -6px;
    border-right: 2px solid #666;
    border-bottom: 2px solid #666;
    transform: rotate(-45deg); }

  a.btn_01.arrow_l::before {
    right: auto;
    left: 23px;
    transform: rotate(135deg); }

  a.btn_01:hover {
    color: #915E33;
    background: #FCF8ED;
    border-color: #D2A47E; }

  /*--------- template -----------*/
  .fll_img {
    margin-bottom: 15px; }

  .flr_img {
    margin-bottom: 15px; }

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

  .fl_over {
    overflow: hidden; }

  .caption,
  .list_1column .caption,
  .list_2column .caption,
  .list_3column .caption,
  .list_4column .caption,
  .list_5column .caption {
    font-size: 86.66%;
    line-height: 1.4;
    padding-top: 7px;
    text-align: center;
    margin: 0; }

  .list_1column img,
  .list_2column img,
  .list_3column img,
  .list_4column img,
  .list_5column img {
    width: 100%;
    height: auto; }

  /* list_2column */
  .list_2column .item {
    margin-bottom: 15px; }

  /* list_3column */
  .list_3column .item {
    margin-bottom: 15px; }

  .list_2column .item::before,
  .list_3column .item::before {
    content: none; }

  /* list_4column */
  .list_4column {
    letter-spacing: -.4em; }

  .list_4column .item {
    width: 48.75%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 2.5% 0; }

  .list_4column .item:nth-child(2n) {
    margin-right: 0; }

  /* list_5column */
  .list_5column {
    letter-spacing: -.4em; }

  .list_5column .item {
    width: 48.75%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
    margin: 0 2.5% 2.5% 0; }

  .list_5column .item:nth-child(2n) {
    margin-right: 0; }

  /*各課トップ*/
  .dir_soshiki .content1 {
    margin: 0 0 60px; }

  .anchor_3column {
    /*font-size: 0; */ }

  .anchor_3column .item {
    letter-spacing: normal;
    /*display: inline-block;
    vertical-align: top;
    width: 30.43%;
    margin: 0 4.34% 4.34% 0;*/
    margin-bottom: 15px;
    font-size: 15px; }

  .anchor_3column .item a {
    color: #191919;
    text-decoration: none;
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #bbb;
    transition: .8s;
    font-size: 120%;
    padding: 10px;
    padding-right: 30px; }

  .anchor_3column .item a:after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 21px;
    right: 15px;
    border-top: 3px solid #45b3ee;
    border-right: 3px solid #45b3ee;
    transform: rotate(45deg); }

  .anchor_3column .item:last-child {
    margin-right: 0; }

  .anchor_3column .item a:hover,
  .anchor_3column .item a:active,
  .anchor_3column .item a:focus {
    background-color: #daf0fc;
    text-decoration: underline; }

  .organize_topics .item {
    border: 1px solid #e9e9df;
    padding: 15px;
    border-radius: 3px; }

  .btn_link a {
    display: block;
    text-decoration: none;
    padding: 5px;
    padding-right: 23px;
    position: relative;
    border: 1px solid #45b3ee;
    border-radius: 5px;
    width: 130px;
    text-align: center;
    margin-top: 15px;
    margin-left: auto;
    color: #1a1a1a; }

  .btn_link a::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    top: 13.5px;
    right: 10px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    transform: rotate(45deg); }

  .btn_link a:hover,
  .btn_link a:focus,
  .btn_link a:active {
    background: #daf0fc;
    text-decoration: underline; }

  /*竹富町を知ろう*/
  /*.dir_about .topic_path_top { margin: 0; }*/
  .about_inner .main {
    text-align: center;
    background-size: cover;
    -webkit-background-size: cover;
    padding: 15px; }

  .about_01 .detail {
    background-color: #F6F4E8;
    padding: 10px;
    font-size: 85%; }

  .about_01 a:hover,
  .about_02 a:hover {
    opacity: 0.7; }

  .about_bg {
    margin: -25px 0 0; }

  .about_bg .list_3column {
    padding: 30px 0 10px; }

  .about_bg .youtube iframe {
    width: 100%; }

  .about_02 .detail a {
    display: block;
    padding: 10px;
    border-bottom: 1px solid #bbb;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    font-size: 85%; }

  /* 議会の動画 */
  .video-js {
    width: 100%;
    height: 250px; }

  /* rep_box */
  .rep_box {
    margin-top: 60px;
    background: #fafafa;
    border: 1px solid #336BA3; }

  .rep_box .detail {
    padding: 15px; }

  /*行政機構図*/
  .soshiki_link {
    border: 1px solid #ccc;
    padding: 5px 10px;
    position: relative; }

  .soshiki_link:hover {
    background-color: #daf0fc; }

  .soshiki_link::after {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    border-top: 2px solid #44b3ee;
    border-right: 2px solid #44b3ee;
    transform: rotate(45deg);
    top: 14px;
    right: 20px; }

  .soshiki_link a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    width: 90%; }

  /*--------------------------------------------------
    list_topics
  --------------------------------------------------*/
  .list_topics dl {
    border-bottom: 1px dotted #bbb;
    padding: 10px 0; }

  .list_topics dl:first-child {
    border-top: 1px dotted #bbb; }

  .list_topics dl dt .cat {
    width: 70px;
    font-size: 80%;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    background: #f1f1f1;
    border-radius: 4px;
    margin-right: 8px;
    padding: 2px; }

  .list_topics dl dt .cat_01 {
    background: #FFCACA; }

  .list_topics dl dt .cat_02 {
    background: #DAF0FC; }

  .list_topics dl dt .cat_03 {
    background: #DEECBB; }

  .list_topics dl dt .cat_04 {
    background: #D3CCE8; }

  .list_topics dl dt .date {
    display: inline-block;
    vertical-align: middle;
    font-size: 86.66%; }

  .list_topics dl dd {
    margin-top: 5px; }

  .list_topics dl dd a {
    display: block;
    color: #0E70A4;
    font-weight: bold; }

  /* .pager */
  .pager {
    margin: 40px 0;
    padding: 20px 0;
    text-align: center;
    background: #F2F2F2; }

  .pager ul li {
    font-size: 81.25%;
    margin: 1px;
    display: inline-block; }

  .pager a,
  .pager span {
    color: #000;
    display: block;
    text-decoration: none;
    border: 1px solid #CCC;
    padding: 9px 16px;
    background-color: #fff; }

  .pager li.total span {
    border-color: #FFF; }

  .pager li.prev span,
  .pager li.next span,
  .pager li.first span,
  .pager li.last span {
    border: 1px solid #ccc;
    color: #EDEDED; }

  .pager li.current span {
    color: #fff;
    background: #44B3EE; }

  .pager a:hover,
  .pager a:focus,
  .pager a:active {
    color: #fff;
    border: 1px solid #999;
    background: #84caef; }

  /* link_prev_next */
  .link_prev_next {
    text-align: center;
    margin-top: 40px; }

  .link_prev_next > li {
    display: inline-block; }

  .link_prev_next > li a {
    color: #0275ac;
    border: 1px solid #bbb;
    display: block;
    padding: 12px 40px;
    text-decoration: none;
    transition: .3s;
    border-radius: 3px;
    font-size: 90%;
    font-weight: bold; }

  .link_prev_next > li a:hover {
    color: #fff;
    background-color: #0275ac; }

  /*kouhoushi*/
  .list_kouhou {
    font-size: 0;
    display: block; }

  .list_kouhou .item {
    font-size: 13px;
    margin-bottom: 15px;
    border: 1px solid #bbb;
    display: inline-block;
    vertical-align: top;
    width: 48.4%;
    margin: 0 2.89% 2.89% 0; }

  .list_kouhou .item:nth-child(2n) {
    margin-right: 0; }

  .list_kouhou .detail {
    text-align: center; }

  .list_kouhou .detail .ttl {
    font-size: 110%;
    padding: 5px; }

  .list_kouhou .detail .link a {
    display: block;
    margin: 0 10px;
    color: #000;
    padding: 5px;
    padding-right: 20px;
    margin-bottom: 10px;
    text-decoration: none;
    position: relative;
    background: #EFF8FE url(/resources/image/arrow01.png) no-repeat right 5px center;
    background-size: auto auto;
    background-size: 13px; }

  .list_kouhou .detail .link a:hover,
  .list_kouhou .detail .link a:focus,
  .list_kouhou .detail .link a:active {
    background-color: #C5E6FC;
    text-decoration: underline; }

  /* calendar */
  .events_calendar .head {
    position: relative;
    text-align: center; }

  .pager_calendar {
    position: relative; }

  .pager_calendar a {
    display: block;
    text-decoration: none;
    font-size: 80%;
    font-weight: bold;
    color: #1169c2;
    padding: 8px 15px 6px;
    border-radius: 4px;
    border: 1px solid #ccc;
    transition: .3s; }

  .pager_calendar a:hover,
  .pager_calendar a:focus,
  .pager_calendar a:active {
    color: #fff;
    background-color: #1169c2; }

  .pager_calendar .prev {
    float: left; }

  .pager_calendar .next {
    float: right; }

  .calendar_area {
    margin: 15px auto; }

  .calendar_area th {
    padding: 5px;
    text-align: center;
    /*background-color: #ffbf00;*/ }

  .calendar_area tr:first-child th:first-child {
    width: 10%; }

  .calendar_area td {
    padding: 5px; }

  .calendar_area .day {
    text-align: center;
    background-color: #fafafa; }

  .calendar_area .sat .day {
    color: #0000cc;
    background-color: #EAF4F9; }

  .calendar_area .sun .day {
    color: #ff0000;
    background-color: #ffefef; }

  .calendar_area td a {
    margin: 5px 0;
    display: block; }

  .calendar_area .cat_common {
    padding: 3px 10px;
    font-size: 91%;
    border-radius: 3px; }

  .calendar_area .cat_01 {
    background: #EFF8FE; }

  .calendar_area .cal_02 {
    background: #FFE2E2; }

  .calendar_area .cat_02 {
    background: #FFF1E2; }

  .calendar_area .cat_04 {
    background: #F8FFE2; }

  .calendar_area .cat_05 {
    background: #E2FFE2; }

  .calendar_area .cat_06 {
    background: #E2E2FF; }

  .calendar_area .cat_07 {
    background: #F8E2FF; }

  .calendar_area .cat_08 {
    background: #F8F8F1; }

  .calendar_area .cat_09 {
    background: #F7F7F7; }

  .calendar_area .cat_10 {
    background: #FFEEBB; }

  .calendar_area .cat_11 {
    background: #E2FFF8; }

  /*--------- content1 -----------*/
  .content1 .box {
    margin: 30px 0 0;
    padding: 15px 15px;
    border: 1px solid #c2c2c2;
    background-color: #e8f8fb; }
    .content1 .box > p:nth-of-type(1) {
      margin-bottom: 10px;
      padding: 5px 10px;
      font-weight: bold;
      background-color: #fff; }
  .content1 iframe {
    max-width: 100%; }
  .content1 td ul {
    list-style: unset;
    padding-left: 20px; }

  .otoiawase_box {
    margin: 30px 0 0;
    padding: 15px 15px;
    border: 1px solid #c2c2c2;
    background-color: #e8f8fb; }
    .otoiawase_box > p:nth-of-type(1) {
      margin-bottom: 10px;
      padding: 5px 10px;
      font-weight: bold;
      background-color: #fff; }

  /*---------------------------------------------------
    beta
  ---------------------------------------------------*/
  #beta {
    margin-bottom: 30px; }

  /* banner */
  #beta .bnr_list_01 {
    background: #ecf8ff;
    padding: 12px; }

  .bnr_list_01 {
    font-size: 0; }

  .bnr_list_01 li {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    width: 48.4%;
    margin: 0 2.89% 2.89% 0; }

  .bnr_list_01 li:nth-child(2n) {
    margin-right: 0; }

  .bnr_list_02 {
    font-size: 0;
    border-top: 2px solid #8ECAEA; }

  .bnr_list_02 li {
    font-size: 13px;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    border: 2px solid #8ECAEA;
    border-top: none; }

  .bnr_list_02 li:nth-child(2n) {
    border-left: none; }

  .banner-bottom {
    margin-top: 30px; }

  .banner-bottom .ttl {
    color: #fff;
    font-size: 110%;
    font-weight: normal;
    text-align: center;
    background: #00468C;
    border-radius: 6px 5px 0 0;
    padding: 6px 5px 4px; }

  .banner-bottom .inner {
    padding: 10px;
    border: 1px solid #ccc;
    background: #FFFCF2; }

  .bnr_list_03 {
    letter-spacing: -.4em; }

  .bnr_list_03 li {
    width: 31.3%;
    margin: 0 2.89% 2.89% 0;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top; }

  .bnr_list_03 li:nth-child(3n) {
    margin-right: 0; }

  .bnr_list_03 li a {
    display: block;
    border: 1px solid #ccc; }

  /*--------- beta -----------*/
  .list_side_menu {
    margin-bottom: 1em;
    border: 1px solid #CCCCCC; }
    .list_side_menu .ttl {
      color: #000;
      font-size: 100%;
      font-weight: bold;
      padding: 10px;
      position: relative;
      background: #edf8fe; }
    .list_side_menu a {
      display: block;
      position: relative;
      padding: 5px 15px; }
      .list_side_menu a::before {
        content: "";
        width: 0;
        height: 0;
        border: 3px solid transparent;
        border-left: 5px solid #148fd2;
        position: absolute;
        left: 4px;
        top: 14px; }

  .list_side_menu .ttl span {
    font-size: 80%;
    font-weight: normal;
    position: absolute;
    top: 12px;
    right: 10px; }

  .list_side_menu .type_01 dl {
    padding: 10px; }

  .list_side_menu .type_01 dl + dl {
    border-top: 1px solid #ccc; }

  .list_side_menu .type_01 dt {
    font-size: 80%;
    line-height: 1.2;
    margin-bottom: 2px; }

  .list_side_menu .type_01 dd {
    font-size: 86.66%; }

  .list_side_menu .type_02 > li {
    padding: 10px;
    font-size: 86.66%;
    border-top: 1px solid #ccc; }

  .list_side_menu .type_02 > li:first-child {
    border-top: none; }

  .list_side_menu .type_02 > li > ul {
    display: none; }

  .list_side_menu .type_03 {
    padding: 10px; }

  .list_side_menu .type_03 > li {
    font-size: 86.66%; }

  /*---------------------------------------------------------------------
    sitemap
  ---------------------------------------------------------------------*/
  .list_sitemap {
    margin-bottom: 30px; }
    .list_sitemap .ttl {
      font-size: 145%;
      font-weight: 500;
      border-bottom: 2px solid #0175ab;
      margin-bottom: 10px;
      padding-bottom: 6px; } }
    @media screen and (max-width: 767px) and (min-width: 768px) {
      .list_sitemap .ttl {
        font-size: 160%; } }
@media screen and (max-width: 767px) {
    .list_sitemap * + .ttl,
    .list_sitemap > .ttl {
      margin-top: 20px; }
    .list_sitemap .ttl a {
      color: #000;
      display: block;
      text-decoration: none; }
    .list_sitemap > ul {
      display: flex;
      flex-wrap: wrap; }
      .list_sitemap > ul li a {
        display: block;
        text-decoration: none;
        color: #333; }
    .list_sitemap .level2 {
      width: 100%;
      margin: 20px 0; }
      .list_sitemap .level2 > a {
        position: relative;
        margin-bottom: 20px;
        padding-bottom: 10px;
        border-bottom: 6px solid #dceaed;
        background: none;
        font-size: 137.5%;
        font-weight: 500; }
      .list_sitemap .level2 > ul {
        padding-left: 30px;
        padding-bottom: 10px;
        list-style: disc;
        color: #ccc;
        font-size: 90%; }
    .list_sitemap .level3,
    .list_sitemap .level4 {
      padding: 2px 0; }

  /*--------- search_form -----------*/
  .search_keyword {
    margin-bottom: 10px;
    padding: 20px 20px 20px;
    background-color: #fff; }

  #pagebody table.gsc-search-box,
  .site_navi table.gsc-search-box {
    margin: 0;
    border: 2px solid #007cb4; }
  #pagebody form.gsc-search-box,
  .site_navi form.gsc-search-box {
    margin-bottom: 0; }
  #pagebody .gsc-search-box-tools .gsc-search-box .gsc-input,
  #pagebody .gsc-search-button,
  .site_navi .gsc-search-box-tools .gsc-search-box .gsc-input,
  .site_navi .gsc-search-button {
    padding: 0;
    border: none; }
  #pagebody .cse .gsc-search-button-v2,
  #pagebody .gsc-search-button-v2,
  .site_navi .cse .gsc-search-button-v2,
  .site_navi .gsc-search-button-v2 {
    padding: 5px 5px;
    font-size: 135%;
    border-radius: 0; }
  #pagebody .gsc-search-button-v2::after,
  .site_navi .gsc-search-button-v2::after {
    content: "検索";
    display: inline-block;
    line-height: 1;
    margin-left: 10px;
    color: #fff; }
  #pagebody .gsc-search-button,
  .site_navi .gsc-search-button {
    width: 80px;
    margin-left: 0; }
  #pagebody .gsib_a,
  #pagebody .gsib_b,
  .site_navi .gsib_a,
  .site_navi .gsib_b {
    padding: 5px;
    border: none;
    border-right: 1px solid #ccc; }
  #pagebody .gsib_b,
  .site_navi .gsib_b {
    padding-top: 8px;
    padding-bottom: 0; }
  #pagebody .gsst_b,
  .site_navi .gsst_b {
    font-size: 100%; }
  #pagebody .gscb_a,
  .site_navi .gscb_a {
    line-height: 0.5;
    padding-top: 0; }
  #pagebody .gsc-input-box,
  .site_navi .gsc-input-box {
    padding: 0;
    border: none; }

  /*--------- google_search_result -----------*/
  .search_result .gsc-adBlock {
    display: none; }
  .search_result .gsc-control-cse {
    background: none;
    padding: 0;
    border: none; }
  .search_result .gsc-input-box {
    height: auto;
    border-color: #ccc;
    border: none;
    background: none; }
  .search_result .gsc-search-box .gsc-input > input:focus,
  .search_result .gsc-input-box-focus {
    box-shadow: none; }
  .search_result table {
    border: none;
    table-layout: auto; }
  .search_result table td {
    border: none;
    padding: 0;
    background: none; }
  .search_result td.gsc-input,
  .search_result td.gsc-search-button {
    padding: 0 !important; }
  .search_result input.gsc-search-button,
  .search_result input.gsc-search-button:hover,
  .search_result input.gsc-search-button:focus {
    background-color: #ff9326;
    border: none;
    box-sizing: content-box;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 0;
    cursor: pointer;
    padding: 10px 18px; }
  .search_result input.gsc-search-button-v2,
  .search_result input.gsc-search-button-v2:hover,
  .search_result input.gsc-search-button-v2:focus {
    padding: 16px 30px; }
  .search_result .gscb_a {
    font: 28px/31px arial,sans-serif; }
  .search_result .gsc-selected-option-container {
    background-color: #fff;
    min-width: 100px; }
  .search_result .gs-web-image-box,
  .search_result .gs-promotion-image-box {
    padding-right: 10px;
    width: auto !important; }
  .search_result .gs-web-image-box img.gs-image,
  .search_result .gs-promotion-image-box img.gs-promotion-image {
    max-width: 150px; }
  .search_result .gsc-results {
    width: 100%; }
  .search_result .gsc-webResult.gsc-result {
    backface-visibility: hidden;
    background: #ffffff;
    border: none;
    box-sizing: border-box;
    display: block;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 20px;
    border: 1px solid #fff;
    box-shadow: 1px 0 7px rgba(68, 48, 4, 0.2); }
  .search_result .gsc-webResult.gsc-result:hover {
    border: 1px solid #094e97;
    background: #f6f8fb; }
  .search_result .gsc-webResult.gsc-result .gs-title {
    margin-bottom: 5px;
    text-decoration: underline;
    font-weight: bold;
    height: auto; }
  .search_result .gsc-webResult.gsc-result .gs-title b,
  .search_result .gsc-control-cse .gs-snippet b {
    font-weight: bold;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif; }
  .search_result .gsc-webResult.gsc-result .gs-title:hover,
  .search_result .gsc-webResult.gsc-result .gs-title:hover b {
    color: #8c008c; }
  .search_result .gsc-results .gsc-cursor-box {
    text-align: center; }
  .search_result .gsc-results .gsc-cursor-box .gsc-cursor-page {
    border: 1px solid #ccc;
    display: inline-block;
    margin: 5px;
    width: 35px;
    text-align: center;
    padding: 5px 0;
    text-decoration: none; }
  .search_result .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background-color: #0175AB;
    color: #fff;
    text-shadow: none; }

  /*--------- side_menu_search -----------*/
  .side_menu_search {
    margin: 0 -15px 30px; }
    .side_menu_search #tab_search_01 {
      display: block; }
    .side_menu_search .tab_search_menu li {
      float: left;
      width: 48%;
      margin-left: 1%; }
    .side_menu_search .tab_search_menu a {
      display: block;
      color: #222;
      text-align: center;
      text-decoration: underline;
      padding: 8px 5px;
      border-radius: 5px 5px 0 0;
      background: #e4e1dc;
      position: relative; }
    .side_menu_search .tab_search_menu a.active {
      color: #fff;
      background: #0c74a4; }
    .side_menu_search .tab_search_menu a::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -14px;
      margin-left: -6px;
      border: 6px solid transparent;
      border-top: 8px solid #0c74a4;
      opacity: 0;
      transition: .3s; }
    .side_menu_search .tab_search_menu a.active::after {
      opacity: 1; }
    .side_menu_search .tab_search_item {
      display: none; }
    .side_menu_search .search_lifestage {
      padding: 15px 15px 20px;
      background-color: #fff6bc; }
    .side_menu_search .search_text {
      width: 80%;
      max-width: 80%;
      padding: 1px 0 1px 15px; }
    .side_menu_search .search_btn {
      padding: 1px 6px; }
    .side_menu_search .search_lifestage_text {
      position: relative;
      z-index: 3;
      margin-top: 30px; }
    .side_menu_search .search_lifestage_text::after {
      content: "";
      position: absolute;
      z-index: -1;
      top: 10px;
      left: 0;
      width: 100%;
      border-top: 2px solid #fff; }
    .side_menu_search .search_lifestage_text_inner {
      display: inline-block;
      padding: 0 10px 0 0;
      font-size: 15px;
      background-color: #eeebe7; }
    .side_menu_search .lifestage_list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around; }
    .side_menu_search .lifestage_lists {
      flex-basis: 24%;
      text-align: center;
      margin: 10px 0 0 0; }
    .side_menu_search .lifestage_lists_text {
      display: block;
      font-size: 12px; }
    .side_menu_search .bnr_area_01 {
      padding: 15px 0 30px; }
    .side_menu_search .bg_line_01 {
      background: url("/resources/image/common/bg_line_01.png"); }
    .side_menu_search .bnr_area_01 .inner {
      padding: 0 15px; }
    .side_menu_search .bnr_area_01 .bnr_list {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap; }
    .side_menu_search .bnr_area_01 .bnr_lists {
      max-width: 48%;
      margin-top: 15px; } }
  @media screen and (max-width: 767px) and (min-width: 600px) {
    .side_menu_search .bnr_area_01 .bnr_list {
      justify-content: space-around; } }
  @media screen and (max-width: 767px) and (min-width: 720px) {
    .side_menu_search .bnr_area_01 .bnr_lists:nth-of-type(1) {
      margin-left: 0;
      margin-right: 0; } }

@media screen and (max-width: 767px) {
  /*--------- sns(widgets) -----------*/
  .nanjo_sns_block {
    clear: both;
    display: table;
    padding: 10px 0 20px;
    margin: auto; }

  .nanjo_sns {
    display: table-cell;
    vertical-align: bottom;
    padding: 0 11px; }
    .nanjo_sns .fb_iframe_widget span {
      vertical-align: top; }
    .nanjo_sns.sns_facebook {
      position: relative; }

  /*---------------------------------------------------------------------
    bnr_area_04
  ---------------------------------------------------------------------*/
  .bnr_area_04 {
    padding: 15px 0 30px; }

  .bg_color_02 {
    background: #d9e8ef url("/resources/image/common/bg_05.png"); }

  .bnr_area_04 .inner {
    padding: 0 15px; }

  .bnr_area_04 .bnr_boshu,
  .bnr_area_04 .bnr_unlock {
    margin-top: 15px; }

  .bnr_area_04 .bnr_boshu .bnr_boshu_link,
  .bnr_area_04 .bnr_unlock .bnr_unlock_link {
    display: block;
    line-height: 1.5;
    padding: 15px 0;
    border-radius: 5px;
    text-align: center;
    color: #fff; }

  .bnr_area_04 .bnr_boshu .bnr_boshu_link {
    background-color: #007bb4; }

  .bnr_area_04 .bnr_unlock .bnr_unlock_lin {
    background-color: #ff9900; }

  .bnr_area_04 .bnr_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 5px;
    padding: 5px 0 0 0; }

  .bnr_area_04 .bnr_lists {
    max-width: 190px;
    width: 30%;
    margin: 10px 0 0 0; }

  .bnr_area_04 .bnr_list .link_text {
    display: block;
    margin-top: 6px; } }
@media screen and (max-width: 767px) and (min-width: 768px) {
  .bnr_area_04 .bnr_lists {
    max-width: none; } }
@media screen and (max-width: 767px) {
  /*---------------------------------------------------------------------
    addicon_demo
  ---------------------------------------------------------------------*/
  div#screen {
    margin: 1em 20px;
    text-align: left; }

  .note, .demo {
    margin-bottom: 1.5em; }

  ul.fileList {
    margin-bottom: 3em; }

  .fileList li {
    list-style: none;
    line-height: 1.5; }

  span.pdfAfter,
  span.docAfter,
  span.xlsAfter,
  span.zipAfter {
    padding: 2px 0 0 18px;
    background-image: url(/resources/image/common/icon_files1.png);
    background-repeat: no-repeat; }

  span.pdfBefore,
  span.docBefore,
  span.xlsBefore,
  span.zipBefore {
    padding: 2px 18px 0 0;
    background-image: url(/resources/image/common/icon_files1.png);
    background-repeat: no-repeat; }

  span.pdfAfter, span.pdfBefore {
    background-position: 0 3px; }

  span.docAfter, span.docBefore {
    background-position: -20px -17px; }

  span.xlsAfter, span.xlsBefore {
    background-position: -40px -37px; }

  span.zipAfter, span.zipBefore {
    background-position: -60px -57px; }

  .returnArticle a {
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background-color: #105d99;
    color: #fff !important;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; }

  .returnArticle a:hover {
    background-color: #7eb3dc;
    color: #105d99; }

  .returnArticle {
    margin-bottom: 0;
    color: #fff; }

  .fileInfo {
    font-size: 85%;
    color: #00468c;
    color: #666; }

  /*--------- acrobat(アクロバットアイコン) -----------*/
  #alpha .acrobat {
    display: none;
    margin: 20px 0;
    padding: 10px 10px 0;
    background: #ebebeb none repeat scroll 0 0; }

  /* ----- 広報誌 ----- */
  /*リスト*/
  .item_id_kouhou #alpha .ttl {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 0;
    background-color: #0275ac;
    border: none;
    font-size: 100%;
    color: #fff;
    text-align: center; }
    .item_id_kouhou #alpha .ttl::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -12px;
      width: 0;
      height: 0;
      background-color: transparent;
      border: 6px solid transparent;
      border-top: 6px solid #0275ac;
      transform: translateX(-50%); }
  .item_id_kouhou .list_side_menu {
    display: none; }

  /*詳細ページ*/
  .kouhou_detail .lead_02 {
    margin: 25px 0 25px; }

  /* ----- 議会だより ----- */
  /*リスト*/
  .item_id_gikaidayori #alpha .ttl {
    position: relative;
    margin: 0 0 20px;
    padding: 10px 0;
    background-color: #006;
    border: none;
    font-size: 100%;
    color: #fff;
    text-align: center; }
    .item_id_gikaidayori #alpha .ttl::after {
      content: "";
      position: absolute;
      left: 50%;
      bottom: -12px;
      width: 0;
      height: 0;
      background-color: transparent;
      border: 6px solid transparent;
      border-top: 6px solid #006;
      transform: translateX(-50%); }
  .item_id_gikaidayori .list_side_menu {
    display: none; }

  .list_gikaidayori {
    font-size: 0;
    display: block; }

  .list_gikaidayori .item {
    font-size: 13px;
    margin-bottom: 15px;
    border: 1px solid #bbb;
    display: inline-block;
    vertical-align: top;
    width: 48.4%;
    margin: 0 2.89% 2.89% 0; }

  .list_gikaidayori .item:nth-child(2n) {
    margin-right: 0; }

  .list_gikaidayori .detail {
    text-align: center; }

  .list_gikaidayori .detail .ttl {
    font-size: 110%;
    padding: 5px; }

  .list_gikaidayori .detail .link a {
    display: block;
    margin: 0 10px;
    color: #000;
    padding: 5px;
    padding-right: 20px;
    margin-bottom: 10px;
    text-decoration: none;
    position: relative;
    background: #EFF8FE url(/resources/image/arrow01.png) no-repeat right 5px center;
    background-size: auto auto;
    background-size: 13px; }

  .list_gikaidayori .detail .link a:hover,
  .list_gikaidayori .detail .link a:focus,
  .list_gikaidayori .detail .link a:active {
    background-color: #C5E6FC;
    text-decoration: underline; }

  /*詳細ページ*/
  .gikaidayori_detail .lead_02 {
    margin: 25px 0 10px; }

  /*---------------------------------------------------------------------
    page_anker_link(ページ内リンク)
  ---------------------------------------------------------------------*/
  .content1 ul.page_anker_link {
    list-style-type: none;
    padding-left: 0 !important;
    display: flex;
    flex-wrap: wrap; }
    .content1 ul.page_anker_link li {
      width: 48.6%;
      margin: 0 0 10px 0; }
      .content1 ul.page_anker_link li:nth-child(2n) {
        margin-left: 2.8%; }
      .content1 ul.page_anker_link li a {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 600;
        font-size: 93.75%;
        text-align: center;
        padding: 10px;
        border: 1px solid #ccc;
        background-color: #F5F5F5;
        border-radius: 5px; }

  /*---------------------------------------------------------------------
    tetsuduki_navi(手続きナビ)
  ---------------------------------------------------------------------*/
  .dir_tetsuduki_navi .content1 li {
    list-style: none; }
  .dir_tetsuduki_navi .content1 .search_check input {
    display: none;
    margin: 0; }
    .dir_tetsuduki_navi .content1 .search_check input + label {
      position: relative;
      padding-left: 27px;
      color: #000;
      transition: all .2s; }
      .dir_tetsuduki_navi .content1 .search_check input + label::before {
        content: "";
        position: absolute;
        top: 1px;
        left: 0;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        background: #FFF;
        border: 1px solid #aaa;
        border-radius: 5px; }
    .dir_tetsuduki_navi .content1 .search_check input:checked + label::after {
      content: "";
      position: absolute;
      top: 2px;
      box-sizing: border-box;
      display: block;
      left: 2px;
      width: 14px;
      height: 8px;
      border-left: 3px solid #0070b9;
      border-bottom: 3px solid #0070b9;
      transform: rotate(-45deg); }
  .dir_tetsuduki_navi .content1 .search_result_type {
    margin-top: 30px; }
  .dir_tetsuduki_navi .content1 .check_btn_wrap {
    position: fixed;
    width: 100%;
    bottom: 10px;
    left: 0;
    z-index: 1000;
    text-align: center; }
  .dir_tetsuduki_navi .content1 .btn {
    display: inline-block;
    vertical-align: bottom;
    width: 46%;
    margin: 0 5px;
    padding: 10px 5px;
    text-align: center;
    color: #fff;
    cursor: pointer; }
  .dir_tetsuduki_navi .content1 .check_btn {
    background-color: #358FDD; }
    .dir_tetsuduki_navi .content1 .check_btn:hover {
      background-color: #055FAD; }
  .dir_tetsuduki_navi .content1 .check_remove_btn {
    background-color: #b5b5b5; }
    .dir_tetsuduki_navi .content1 .check_remove_btn:hover {
      background-color: #555; }
  .dir_tetsuduki_navi .content1 .check_btn + .check_remove_btn,
  .dir_tetsuduki_navi .content1 .check_remove_btn + .check_btn {
    margin-top: 20px; }
  .dir_tetsuduki_navi #pagescroll {
    visibility: hidden; }
  .dir_tetsuduki_navi #alpha {
    width: 100%; }
  .dir_tetsuduki_navi #beta {
    display: none; }
  .dir_tetsuduki_navi .result_table {
    margin: 10px auto 40px; }
    .dir_tetsuduki_navi .result_table th {
      padding: 9px 8px;
      background-color: #EEEEEE;
      font-weight: normal; }
  .dir_tetsuduki_navi .search_check_content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .dir_tetsuduki_navi .search_check_block {
    width: 100%;
    margin: 0 0 40px; }
  .dir_tetsuduki_navi .search_check_block ul {
    padding: 20px 20px;
    border: 1px solid #ccc;
    border-radius: 5px 5px;
    background-color: #FCFCFC; }
  .dir_tetsuduki_navi #alpha h3 {
    border-radius: 0;
    background-color: #028857;
    color: #fff; }
  .dir_tetsuduki_navi .content1 .search_check input:checked + label::before {
    background-color: #0275AC; }
  .dir_tetsuduki_navi .content1 .search_check input:checked + label::after {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff; }
  .dir_tetsuduki_navi .content1 ul li {
    padding-left: 1.7em;
    text-indent: -1.7em; }
    .dir_tetsuduki_navi .content1 ul li::before {
      content: none; }
  .dir_tetsuduki_navi .list_index {
    border-top: none; }
  .dir_tetsuduki_navi .result_table_wrap {
    overflow-y: scroll; }
  .dir_tetsuduki_navi .result_table {
    white-space: nowrap; }
  .dir_tetsuduki_navi .bnr_area_04 {
    display: none; }

  /*---------------------------------------------------------------------
    page_scroll
  ---------------------------------------------------------------------*/
  #page_scroll_navi {
    margin: 50px 0 0;
    text-align: center; }
    #page_scroll_navi a {
      display: inline-block; }
    #page_scroll_navi img {
      width: 50px; }

  /*---------------------------------------------------------------------
    site_footer
  ---------------------------------------------------------------------*/
  #site_footer {
    padding-bottom: 80px;
    border-top: 2px solid #ccc;
    background: url("/resources/image/bg_footer.png") no-repeat center bottom; }
    #site_footer .image {
      width: 140px; }

  #top #site_footer {
    border-top: none; }

  .bg_site_footer {
    padding: 15px;
    background: #fff;
    box-shadow: 0 4px 3px rgba(0, 0, 0, 0.3); }

  .footer_navi {
    margin: 15px auto;
    padding: 0 15px; }
    .footer_navi li + li {
      margin-top: 2px; }
    .footer_navi a {
      color: #000;
      display: block;
      text-decoration: none;
      position: relative;
      background: #DEE7F1;
      padding: 12px 10px;
      font-size: 1.3rem; }
    .footer_navi a::after {
      content: "";
      position: absolute;
      right: 13px;
      top: 50%;
      margin-top: -5px;
      width: 6px;
      height: 6px;
      border-right: 1px solid #00468C;
      border-bottom: 1px solid #00468C;
      transform: rotate(-45deg); }

  .footer_info dl {
    margin-bottom: 5px; }

  .footer_info dt {
    margin-bottom: 10px; }
    .footer_info dt a {
      color: #333;
      font-size: 162.5%;
      text-decoration: none;
      display: block;
      padding-left: 34px;
      background: url(/resources/image/sisyou.png) no-repeat 0 0;
      background-size: 26px; }

  .footer_info dd {
    font-size: 87.5%;
    line-height: 1.6; }

  .footer_info p {
    font-size: 80%;
    margin-bottom: 20px; } }
@media screen and (max-width: 767px) and (min-width: 768px) {
  .footer_info dd,
  .footer_info p {
    font-size: 100%; } }
@media screen and (max-width: 767px) {
  /* copyright */
  .copyright {
    font-size: 75%;
    margin-bottom: 20px; }

  /* chatbot */
  .chatbot {
    cursor: pointer;
    position: fixed;
    right: 10px;
    bottom: 10px;
    z-index: 10000; }

  .nanji_chat {
    width: 150px; }

  .chat_frame {
    max-width: 360px;
    display: none;
    width: 60%;
    margin-left: auto; }

  /* pagescroll */
  #pagescroll {
    /* position: fixed; */
    right: 0;
    bottom: 0;
    margin: 0;
    background-color: #00955E;
    opacity: 0.9;
    z-index: 999; }
    #pagescroll a {
      color: #fff;
      line-height: 1.3;
      text-align: center;
      text-decoration: none;
      display: block;
      padding: 14px 30px; }
  
  .chatbot_flow_bnr{
    width: 66px;
  }
}

/*印刷用 各記述内で@include mqが使用されている箇所は読み込まれていない様子なので再度記述*/
@media print {
  body {
    -webkit-print-color-adjust: exact;
    top: 0 !important;
    left: 0 !important; }

  .pc_none {
    display: none !important; }

  .info_search_area,
  .chatbot,
  #top ~ .wc-webchat-ctn,
  .bnr_area_04 {
    display: none; }

  #pagebody .topic_path_top {
    display: block; }

  #container #site_footer {
    padding: 0; }

  .footer_navi {
    border-top: none; }
    .footer_navi li {
      display: inline-block;
      vertical-align: top;
      border-bottom: none;
      margin: 0 0 0 30px; }
    .footer_navi a:hover {
      opacity: .7; }
    .footer_navi a::after {
      border-right: 1px solid #fff;
      border-bottom: 1px solid #fff; }

  .footer_info dt {
    display: inline-block;
    vertical-align: middle; }
  .footer_info dd {
    vertical-align: middle;
    text-align: left; }
  .footer_info dt img {
    width: auto;
    margin-bottom: 0; }

  .footer_bottom_inner {
    padding: 12px; }
    .footer_bottom_inner .footer_lead {
      font-size: 1.3rem;
      float: left;
      margin: 5px 0 0; }
    .footer_bottom_inner .footer_lead br {
      display: none; }
    .footer_bottom_inner .copyright {
      float: right;
      font-size: 1.4rem;
      margin-top: 4px; }

  #page_scroll_navi {
    text-align: right;
    padding: 0 20px; }
    #page_scroll_navi a {
      width: auto; } }

/*# sourceMappingURL=style.css.map */