@charset "UTF-8";
/*!===========================================================
  core
=========================================================== */
/* リセット
--------------------------------------- */
div, ul, ol, li, h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

a:link {
  color: #0033cc; }

a:visited {
  color: #72e; }

a:hover {
  color: #E3181C; }

a:active {
  color: #E3181C; }

img {
  border: none; }

@font-face {
  font-family: 'icomoon';
  src: url("base/fonts/icomoon.eot?jfqxrs");
  src: url("base/fonts/icomoon.eot?jfqxrs#iefix") format("embedded-opentype"), url("base/fonts/icomoon.ttf?jfqxrs") format("truetype"), url("base/fonts/icomoon.woff?jfqxrs") format("woff"), url("base/fonts/icomoon.svg?jfqxrs#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-soshiki:before {
  content: "\e900";
  color: #fff; }

.icon-sitemap:before {
  content: "\e901";
  color: #fff; }

.icon-caution:before {
  content: "\e902";
  color: #fff; }

.icon-folder:before {
  content: "\e92f"; }

.icon-folder-open:before {
  content: "\e930"; }

.icon-circle-up:before {
  content: "\ea41"; }

.icon-circle-right:before {
  content: "\ea42"; }

.icon-circle-down:before {
  content: "\ea43"; }

.icon-circle-left:before {
  content: "\ea44"; }

/* 共通要素
--------------------------------------- */
* {
  font-family: "Yu Gothic", YuGothic, Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif; }

html {
  font-size: 88%; }

body {
  margin: 0;
  padding: 0;
  font-weight: 500;
  position: relative;
  font-feature-settings: "pkna";
  /* https://qiita.com/ryosukemaehira/items/3af1196b9947dec79ed5?utm_source=Qiita%E3%83%8B%E3%83%A5%E3%83%BC%E3%82%B9&utm_campaign=04a79dcff7-Qiita_newsletter_289_12_06_2017&utm_medium=email&utm_term=0_e44feaa081-04a79dcff7-33224609 */
  /* http://creator.dwango.co.jp/14128.html */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset; }
  @media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    body {
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; } }

.invisible {
  display: none; }

.voicenavi {
  position: absolute;
  top: -15px;
  left: -10px;
  border: none; }

a:link {
  color: #2d79c3; }

a:focus {
  border: 1px dotted #c2c2c2; }

/* ルビタグ対応 */
rt, rp {
  vertical-align: bottom;
  font-size: 65%;
  font-weight: normal; }

.cf {
  *zoom: 1; }

.cf:after {
  content: "";
  display: table;
  clear: both; }

/* ページボディ
--------------------------------------- */
#PageBody {
  /*border-top: 5px solid #2d79c3;*/
  background-repeat: repeat-x;
  background-size: 845px auto; }

/* Wrapper  */
/* パンくず
--------------------------------------- */
/* パンくずリストボックス
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  #BreadCrumbList {
    padding: 20px 0 0;
    width: auto;
    font-size: 113%;
    line-height: 25px;
    width: 100%;
    background-color: #FFF; }

  .BreadCrumbList {
    margin: 0 auto;
    padding: 0 0 0 0;
    width: 1100px;
    font-size: 100%;
    display: block !important;
    background-image: url(images/breadcrumb_home.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15px auto;
    box-sizing: border-box; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  #BreadCrumbList {
    padding: 15px;
    width: auto;
    background: none;
    font-size: 75%;
    background-color: #e2f0d9; }

  #drillmenuprefix {
    white-space: nowrap; } }
/* #drillmenuprefix
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  #drillmenuprefix {
    width: 100px;
    margin-right: .5em;
    text-align: center;
    color: #fff;
    float: left;
    background: #028002;
    border-radius: 5px; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  #drillmenuprefix {
    width: 70px;
    margin-right: .5em;
    text-align: center;
    color: #fff;
    background: #028002;
    border-radius: 5px;
    float: left; } }
/* パンくずリストのフォントスタイル
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  /* パンくずリスト内のa要素のフォント */
  .BreadCrumbList ul li {
    list-style: none;
    display: inline-table; }

  .BreadCrumbList ul li a {
    padding-right: .4em; }

  .BreadCrumbList ul li::after {
    content: '>'; }

  .BreadCrumbList ul li:last-child::after {
    content: ''; }

  /* パンくずリスト内の現在位置のフォント */
  .BreadCrumbList ul .current {
    color: #000000;
    font-weight: bold; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  /* パンくずリスト内のa要素のフォント */
  .BreadCrumbList ul li {
    list-style: none;
    display: inline-table; }

  .BreadCrumbList ul li a {
    padding-right: .4em; }

  .BreadCrumbList ul li::after {
    content: '>'; }

  .BreadCrumbList ul li:last-child::after {
    content: ''; }

  /* パンくずリスト内の現在位置のフォント */
  .BreadCrumbList ul .current {
    color: #000000;
    font-weight: bold; } }
/* admin
--------------------------------------- */
body.popUp {
  text-align: left; }

#ToolBar {
  margin: 0;
  border-top: 2px solid #ECE9D8;
  border-bottom: 1px solid #716F64;
  width: 100%;
  /* for IE6 */
  color: #000000;
  background: #FFFFE1;
  font-size: small;
  top: 0;
  left: 0;
  z-index: 99; }

ul#ToolEditLinks {
  padding: 5px 7px;
  float: right;
  width: 15em;
  /* don't touch */
  list-style-type: none;
  text-align: right; }

ul#ToolEditLinks li {
  margin-right: 10px;
  padding: 5px;
  display: inline; }

ul#ToolAccessLinks {
  padding: 5px 7px;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #ACA899;
  border-left: none;
  border-right: none;
  list-style-type: none;
  color: #000000;
  background: #FFFFE1; }

ul#ToolAccessLinks li {
  margin-right: 10px;
  display: inline; }

#KeepAlive {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99; }

div.contentToolBarNotice {
  color: #CC0000;
  background: #FFFFFF;
  text-align: center; }

div.contentToolBar {
  /* margin: 5px auto; for IE6 */
  /* padding: 5px; for IE6 */
  text-align: center; }

div.contentToolBarStatus {
  margin-right: 10px;
  display: inline; }

div.contentToolBarControl {
  display: inline;
  white-space: nowrap; }

div.contentToolBarControl form {
  display: inline; }

/*****************************************************************************/
/* ログインフォーム                                                          */
/* custom/login.cfm                                                          */
/* custom/loginconfirm.cfm                                                   */
/*****************************************************************************/
/* 使用画像                                                                  */
/* loginlogo.gif                                                             */
/* close.gif                                                                 */
/*****************************************************************************/
/* カスタマイズメモ                                                          */
/* designs/-/loginlogo.gif がある場合はロゴを表示                            */
/* ANText[Login Information]が[ ]ではない場合は説明文を表示             */
/*****************************************************************************/
#LoginFormWindow {
  margin-top: 20px;
  margin-right: auto;
  margin-left: -225px;
  border: 2px solid #888888;
  position: absolute;
  left: 50%;
  width: 450px;
  color: #000000;
  background: #FFFFFF;
  text-align: center; }

#LoginFormTitleBox {
  width: auto;
  color: #FFFFFF;
  background: #888888;
  text-align: center;
  padding: 5px; }

#LoginFormOption {
  float: right;
  /* don't touch */ }

#LoginFormBodyBox {
  clear: right;
  /* don't touch */
  padding-top: 10px;
  text-align: center; }

#LoginFormInformation {
  padding: 5px; }

.LoginFormTitle {
  text-align: left; }

.loginFormNotice {
  padding: 8px; }

#LoginForm {
  width: 100%;
  /* don't touch */ }

#LoginForm td,
#LoginForm th {
  text-align: center;
  padding: 0 5px; }

.loginFormField {
  width: 150px;
  height: 1.8em;
  font-family: "ＭＳ Ｐゴシック",sans-serif; }

.loginFormSubmitButton {
  height: 1.8em; }

#GroupSelectionTitle {
  margin-top: 10px;
  padding: 5px;
  color: #000000;
  background: #CCFFFF; }

table.cfdebug {
  clear: both;
  margin-left: -250px;
  margin-top: 200px; }

table.cfdebug table.cfdebug {
  margin-left: 0; }

/* headerTop
--------------------------------------- */
/*ダミー用ヘッダー*/
#DynamicGNaviTop {
  width: 100%;
  /*1200*/
  margin: 0 auto; }

.DummyHeader {
  width: 1200px !important;
  height: auto !important; }

#SiteTitle {
  display: none; }

/*ダミー用フッター*/
#DynamicFooter {
  width: 100%;
  /*1200*/
  margin: 0 auto; }

.DummyFooter {
  width: 1200px !important;
  height: auto !important; }

/* サイトタイトル
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  #SiteTitle {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    width: 1000px; }

  #TitleArea {
    display: none; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  #SiteTitle_wrap {
    height: auto; }

  #SiteTitle {
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto; } }
/* グローバルナビの上
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  .GrobalNavTop__inner {
    margin: 0 auto;
    position: relative;
    width: 1000px;
    z-index: 100;
    display: table; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  .GrobalNavTop__inner {
    margin: 0 auto;
    position: relative;
    width: 100%;
    z-index: 100;
    display: table; } }
/* #TitleArea
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  #TitleArea img {
    width: 226px;
    height: auto; }

  .GrobalNavTop,
  #TitleArea {
    padding: 12px 0;
    font-size: 100%;
    display: table-cell;
    font-weight: bold;
    vertical-align: top; }

  .GrobalNavTopItem {
    margin: 0 0 15px;
    display: block;
    list-style: none; }

  .GrobalNavTopItem > span {
    font-size: 100%;
    padding-right: .5em; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  #TitleArea {
    padding: 15px; }

  #TitleArea img {
    width: 113px;
    height: auto; } }
/* カスタム検索
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  .GrobalNavTop--Search {
    vertical-align: middle; }

  .GrobalNavTop--Search img {
    width: 352px; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  .GrobalNavTop--Search {
    vertical-align: middle;
    padding: 15px;
    box-sizing: border-box;
    background-color: #e2f0d9;
    display: none; } }
/* 翻訳言語と音声読み上げ
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  .GrobalNavTop--LanguageVoice {
    text-align: left;
    vertical-align: middle; }

  .GrobalNavTopItem--language a {
    border-radius: 2px;
    padding: 7px 20px;
    color: #fff;
    text-decoration: none;
    background: #2d7a2d; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  .GrobalNavTop--LanguageVoice {
    display: none; } }
/* 文字サイズと背景色
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  .GrobalNavTopItem--fontSize {
    font-weight: bold;
    font-size: 100%;
    text-align: right; }

  .GrobalNavTopItem--fontSize span {
    display: inline-flex; }

  .FontSizeList {
    display: inline-flex; }

  .FontSizeList li {
    margin: 0 0 0 5px;
    list-style: none;
    display: inline-flex; }

  .GrobalNavTopItem__normal,
  .GrobalNavTopItem__big,
  .GrobalNavTopItem__biggest {
    border-radius: 2px;
    padding: 3px 0;
    width: 40px;
    border: 1px solid #CCC;
    color: #333;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.2;
    text-decoration: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #ebebeb), color-stop(0, #fff));
    background: -webkit-linear-gradient(#fff, #ebebeb);
    background: -moz-linear-gradient(#fff, #ebebeb);
    background: -o-linear-gradient(#fff, #ebebeb);
    background: -ms-linear-gradient(#fff, #ebebeb);
    background: linear-gradient(#fff, #ebebeb); }

  .GrobalNavTopItem__normal,
  .GrobalNavTopItem__big,
  .GrobalNavTopItem__biggest {
    border-radius: 2px;
    display: inline-block;
    cursor: pointer;
    margin: 0; }

  .GrobalNavTopItem__normal.active,
  .GrobalNavTopItem__big.active,
  .GrobalNavTopItem__biggest.active {
    border-left: 0;
    color: #fff;
    background: #2d7a2d;
    cursor: pointer; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  .GrobalNavTop.GrobalNavTop--font {
    display: none; } }
/* 背景色
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  .BgColorList {
    display: inline-flex; }

  .BgColorList li {
    display: inline-flex;
    list-style: none; }

  .GrobalNavTopItem--backGround {
    margin-left: 5px;
    text-align: right; }

  .GrobalNavTopItem__white,
  .GrobalNavTopItem__black,
  .GrobalNavTopItem__blue {
    font-weight: bold;
    font-size: 100%; }

  .GrobalNavTopItem__white {
    border-radius: 3px;
    padding: 4px 8px;
    margin-right: 2px;
    background-color: #FFF;
    color: #000;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #c5c6c7;
    cursor: pointer; }

  .GrobalNavTopItem__black {
    border-radius: 3px;
    padding: 4px 8px;
    margin-right: 2px;
    background-color: #000;
    color: #fff;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    border: 1px solid #c5c6c7;
    cursor: pointer; }

  .GrobalNavTopItem__blue {
    border-radius: 2px;
    padding: 4px 8px;
    background-color: #10619e;
    color: #cdcb4e;
    display: inline-block;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #c5c6c7;
    cursor: pointer; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  .BgColorList {
    display: none; } }
/*****************************************************************************/
/* サイト内検索                                                           */
/*****************************************************************************/
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  .headerSearchBox {
    margin: 0;
    padding: 0;
    display: inline-block;
    border-radius: 30px;
    border: 3px solid #2d7a2d; }

  .headerSearchBox #search-box {
    box-sizing: border-box;
    margin: 0 -5px 0 0;
    padding: 4px 4px 4px 10px;
    width: 220px;
    border: none;
    vertical-align: bottom;
    font-size: 90%;
    height: 34px;
    border-radius: 20px; }

  .headerSearchBox .search-btn {
    margin: 0;
    padding: 0;
    border-radius: 22px;
    width: auto;
    height: 35px;
    box-sizing: border-box;
    vertical-align: bottom;
    background-color: #2d7a2d; } }
@media screen and (max-width: 767px) {
  /*スマホ用スタイル*/
  .headerSearchBox {
    position: relative;
    margin: 0;
    padding: 0;
    display: inline-block;
    border-radius: 35px;
    border: 3px solid #2d7a2d;
    background-color: #FFF;
    width: 100%;
    box-sizing: border-box; }

  .headerSearchBox #search-box {
    box-sizing: border-box;
    margin: 0;
    padding: 4px 4px 4px 10px;
    width: calc(100% - 102px);
    border: none;
    vertical-align: bottom;
    font-size: 90%;
    height: 35px;
    border-radius: 20px; }

  .headerSearchBox .search-btn {
    margin: 0;
    padding: 0;
    border-radius: 22px;
    width: auto;
    height: 35px;
    position: absolute;
    right: 0;
    top: 0;
    box-sizing: border-box;
    vertical-align: bottom;
    background-color: #2d7a2d; } }
/*****************************************************************************/
/* グローバルナビ用ボタン                                                           */
/*****************************************************************************/
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  .btn_nav {
    display: none; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  .btn_nav {
    position: absolute;
    top: 15px;
    right: 15px;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    background: url(images/btn_menu_open.png) no-repeat center center;
    background-size: 30px auto;
    text-indent: 100%;
    white-space: nowrap;
    cursor: pointer;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto; }

  .btn_nav.on {
    top: 26px;
    width: 30px;
    height: 30px;
    background: url(images/btn_menu_close.png) no-repeat center center;
    background-size: 30px auto;
    -webkit-background-size: 30px auto;
    -moz-background-size: 30px auto;
    -o-background-size: 30px auto;
    -ms-background-size: 30px auto; } }
/*===============================================================================
ヘッダー
=================================================================================*/
.header_wrap {
  position: relative;
  height: 215px;
  padding: 30px;
  padding-bottom: 0;
  box-sizing: border-box;
  border-bottom: 5px solid #028002;
  background: url("/designs/home/images/header_bg.png") repeat-x;
  background-position: bottom 0 right -300px; }

.splashmenu_box {
  width: 90%;
  max-width: 1100px;
  display: flex;
  justify-content: flex-start;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative; }

.Smenu_img span {
  width: 260px;
  font-size: 80%;
  margin: 0;
  color: #000;
  margin-bottom: 10px; }

.Smenu_img {
  width: 230px;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: normal;
  margin: 0; }

.Smenu_img img {
  width: 100%; }

.splash_text_header {
  width: 229px;
  margin-top: 20px;
  padding-left: 5%; }

.splash_text_header img {
  width: 100%; }

/*ヘッダーナビ*/
.splashmenu_ul {
  position: absolute;
  top: 160px;
  left: 0;
  right: 0;
  padding: 0;
  margin: 0 auto;
  width: 90%;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  z-index: 10000000; }

.splashmenu_ul li {
  position: relative;
  list-style: none;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  width: 95px;
  height: 95px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  /* 背景の設定 */
  border: 10px solid rgba(255, 255, 255, 0.7);
  /* ボーダーの設定 */
  line-height: 1.2em;
  border-radius: 100px; }

.splashmenu_ul li a {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-top: calc(100% - 28px);
  margin: 0 auto;
  display: block;
  text-decoration: none;
  color: #020202;
  box-sizing: border-box; }

.splashmenu_ul li:hover {
  border: 10px solid rgba(131, 195, 96, 0.7);
  /* ボーダーの設定 */ }

/*各コンテンツ*/
.splashmenu_ul li.splashmenu_01 {
  background: url("/designs/home/images/nav_pc_01.png") no-repeat, #fff;
  background-size: 43px;
  background-position: center top 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.splashmenu_ul li.splashmenu_02 {
  background: url("/designs/home/images/nav_pc_02.png") no-repeat, #fff;
  background-size: 38px;
  background-position: center top 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.splashmenu_ul li.splashmenu_03 {
  background: url("/designs/home/images/nav_pc_03.png") no-repeat, #fff;
  background-size: 50px;
  background-position: center top 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.splashmenu_ul li.splashmenu_03 a {
  padding-top: calc(100% - 40px); }

.splashmenu_ul li.splashmenu_04 {
  background: url("/designs/home/images/nav_pc_04.png") no-repeat, #fff;
  background-size: 68px;
  background-position: center top 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.splashmenu_ul li.splashmenu_05 {
  background: url("/designs/home/images/nav_pc_05.png") no-repeat, #fff;
  background-size: 53px;
  background-position: center top 25px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.splashmenu_ul li.splashmenu_06 {
  background: url("/designs/home/images/nav_pc_06.png") no-repeat, #fff;
  background-size: 43px;
  background-position: center top 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.splashmenu_ul li.splashmenu_06 a {
  padding-top: calc(100% - 40px); }

.splashmenu_ul li.splashmenu_07 {
  background: url("/designs/home/images/nav_pc_07.png") no-repeat, #fff;
  background-size: 42px;
  background-position: center top 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.splashmenu_ul li.splashmenu_08 {
  background: url("/designs/home/images/nav_pc_08.png") no-repeat, #fff;
  background-size: 46px;
  background-position: center top 14px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.splashmenu_ul li.splashmenu_09 {
  background: url("/designs/home/images/nav_pc_09.png") no-repeat, #fff;
  background-size: 51px;
  background-position: center top 16px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box; }

.openbtn {
  display: none; }

/*言語選択*/
.p-header-option {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 150px;
  height: 30px;
  background: #028002;
  position: absolute;
  top: -30px;
  right: 0;
  vertical-align: top;
  box-sizing: border-box;
  border-radius: 0 0 5px 5px; }

.p-header-option-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #ffffff;
  border: none;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: url("/designs/home/images/header-option-arrow.png") center right/13px 7.5px no-repeat;
  background-position: center right 1.6rem;
  text-align: center;
  padding: 0 1.6rem; }

.p-header-option-select::-ms-expand {
  display: none; }

.p-header-option-select:-moz-focusring {
  color: transparent;
  text-shadow: 0px 0px 0px #ffffff;
  /* カラーは調整して下さい */ }

ul.sp_lang {
  display: none; }

@media screen and (max-width: 1100px) {
  /*===============================================================================
  メインビジュアル
  =================================================================================*/
  .header_wrap {
    height: 80px;
    padding: 10px 5%;
    padding-bottom: 0;
    box-sizing: border-box;
    background: url(/designs/home/images/header_bg.png) repeat-x;
    background-position: bottom 0 right -180px;
    background-size: auto 100%; }

  .splashmenu_box {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-right: 0;
    max-width: 100%; }

  .splash_textbox {
    width: 70%;
    height: auto;
    max-width: 429px;
    position: absolute;
    top: 10%;
    left: 5%;
    bottom: 0; }

  .Smenu_img p {
    margin: 0; }

  .splash_textbox img {
    width: 100%; }

  /*==================================================
  　5-2-1 3本線が×に
  ===================================*/
  /*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
  .openbtn {
    display: block;
    position: relative;
    /*ボタン内側の基点となるためrelativeを指定*/
    background: #028002;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 5px; }

  /*ボタン内側*/
  .openbtn span {
    display: inline-block;
    transition: all .4s;
    /*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    width: 45%; }

  .openbtn span:nth-of-type(1) {
    top: 15px; }

  .openbtn span:nth-of-type(2) {
    top: 23px; }

  .openbtn span:nth-of-type(3) {
    top: 31px; }

  /*activeクラスが付与されると線が回転して×に*/
  .openbtn.active span:nth-of-type(1) {
    top: 18px;
    left: 10px;
    transform: translateY(6px) rotate(-45deg);
    width: 60%; }

  .openbtn.active span:nth-of-type(2) {
    opacity: 0;
    /*真ん中の線は透過*/ }

  .openbtn.active span:nth-of-type(3) {
    top: 30px;
    left: 10px;
    transform: translateY(-6px) rotate(45deg);
    width: 60%; }

  /*===============================================================================
  スプラシュページ メニュー
  =================================================================================*/
  .splashmenu_box {
    /*display: flex;
    flex-wrap: wrap;*/
    margin: 0 auto;
    margin-bottom: 20px;
    width: 100%; }

  .Smenu_img {
    width: 146px;
    /*margin: 0 auto;
    margin-top: 20px;*/ }

  .Smenu_img span {
    width: 260px;
    white-space: nowrap; }

  .splash_text_header {
    display: none; }

  footer small {
    font-size: 70%; }

  footer small br {
    display: block; }

  .header_box_bottom {
    display: none;
    position: absolute;
    top: 179px;
    left: 0;
    right: 0; }

  /*ヘッダーナビ*/
  .splashmenu_ul {
    position: relative;
    top: 0;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background: #fff; }

  .splashmenu_ul li {
    text-align: left;
    font-size: 16px;
    width: 50%;
    height: auto;
    background-clip: border-box;
    background-color: #fff;
    /* 背景の設定 */
    border: 0;
    border-bottom: 1px solid #DDDDDD;
    border-radius: 0;
    box-sizing: border-box; }

  .splashmenu_ul li:last-child {
    border: 0; }

  .splashmenu_ul li:nth-child(2n+1) {
    border-right: 1px solid #DDDDDD; }

  .splashmenu_ul li br {
    display: none; }

  .splashmenu_ul li a {
    position: sticky;
    bottom: 10px;
    display: block;
    padding: 20px;
    padding-left: 54px; }

  .splashmenu_ul li:hover {
    border: none; }

  .splashmenu_ul li a:hover {
    background: rgba(131, 195, 96, 0.3); }

  /*ナビゲーションが奇数の場合
  	.splashmenu_ul li:last-child{
  		width: 100%;
  	}*/
  /*各コンテンツ*/
  .splashmenu_ul li.splashmenu_01 {
    background: url("/designs/home/images/nav_pc_01.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  .splashmenu_ul li.splashmenu_02 {
    background: url("/designs/home/images/nav_pc_02.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  .splashmenu_ul li.splashmenu_03 {
    background: url("/designs/home/images/nav_pc_03.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  .splashmenu_ul li.splashmenu_03 a {
    padding-top: 20px; }

  .splashmenu_ul li.splashmenu_04 {
    background: url("/designs/home/images/nav_pc_04.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  .splashmenu_ul li.splashmenu_05 {
    background: url("/designs/home/images/nav_pc_05.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  .splashmenu_ul li.splashmenu_06 {
    background: url("/designs/home/images/nav_pc_06.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  .splashmenu_ul li.splashmenu_06 a {
    padding-top: 20px; }

  .splashmenu_ul li.splashmenu_07 {
    background: url("/designs/home/images/nav_pc_07.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  .splashmenu_ul li.splashmenu_08 {
    background: url("/designs/home/images/nav_pc_08.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  .splashmenu_ul li.splashmenu_09 {
    background: url("/designs/home/images/nav_pc_09.png") no-repeat, #fff;
    background-size: 30px;
    background-position: left 15px center;
    background-clip: padding-box; }

  /*言語選択*/
  .p-header-option {
    display: none; }

  ul.sp_lang {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: -61px;
    z-index: 100000;
    background: #028002;
    margin: 0;
    padding: 20px 0;
    display: flex;
    justify-content: center;
    box-sizing: border-box;
    color: #fff; }

  ul.sp_lang li {
    list-style: none;
    width: auto;
    padding-left: 20px; }

  ul.sp_lang li a {
    color: #fff; } }
.modaal-wrapper * {
  height: 100%; }

.modaal-wrapper * iframe {
  width: 100%; }

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

.modaal-content-container {
  padding: 0; }

.modaal-close {
  height: 50px; }

/*----------------------------------------------------------
　ページトップボタン
----------------------------------------------------------*/
#pagetop {
  position: fixed;
  width: 115px;
  height: 120px;
  bottom: 50px;
  right: 50px;
  z-index: 1000000; }

#pagetop img {
  width: 100%;
  height: auto; }

/* SP */
@media screen and (max-width: 1100px) {
  #pagetop {
    width: 80px;
    height: 80px;
    bottom: 20px;
    right: 20px; } }
/* headerBottom
--------------------------------------- */
@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  header {
    position: relative;
    /*overflow: hidden;*/
    margin: 0;
    /* don't touch */
    padding: 0;
    width: 100%;
    min-width: 1000px;
    /*	height: 135px;*/
    color: #000000; }

  header::before {
    content: '';
    display: block;
    width: 100%;
    z-index: 10; }

  header {
    width: 100%; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  header {
    position: relative;
    /*overflow: auto;*/
    margin: 0;
    /* don't touch */
    padding: 0;
    width: 100%;
    min-width: 100%;
    /*	height: 135px;*/
    color: #000000; }

  header::before {
    content: '';
    display: block;
    width: 100%;
    z-index: 10; } }
/*===============================================================================
タイトル（中ページ）
=================================================================================*/
.h2_pagetitle_box {
  width: 100%;
  background-color: rgba(243, 231, 63, 0.3);
  background-image: linear-gradient(-90deg, rgba(243, 231, 63, 0.2) 50%, transparent 50%);
  background-size: 40px 40px;
  border-bottom: 5px solid #028002;
  padding: 85px 0;
  padding-bottom: 53px; }

.h2_pagetitle {
  width: 100%;
  font-size: 270%;
  color: #028002;
  margin: 0;
  text-align: center; }

@media screen and (max-width: 1100px) {
  .h2_pagetitle_box {
    padding: 30px 0; }

  .h2_pagetitle {
    font-size: 160%; } }
/* グローバルナビゲーション
--------------------------------------- */
@media print, screen and (min-width: 768px) {
  /*PC用スタイル*/
  #GlobalNavigationWrapper {
    width: 100%;
    background: #008000 url(images/GlobalNavigationWrapper_bg.gif) repeat-x bottom left;
    color: #FFFFFF; }

  .GrobalNavigationTopBorder {
    width: 100%;
    height: 3px;
    background: #008000 url(images/GrobalNavigationTopBorder_bg.gif) repeat-x top left;
    color: #FFFFFF; }

  #GlobalNavigation {
    width: 100%;
    display: none; }

  .GrobalNavigationBottomBorder {
    clear: left;
    /* for Netscape 7.2 */
    width: 100%;
    height: 1px;
    background: #FFFFFF; } }
@media print, screen and (min-width: 768px) {
  /*スマホ用スタイル*/
  #GlobalNavigationWrapper {
    width: 100%;
    background: #008000 url(images/GlobalNavigationWrapper_bg.gif) repeat-x bottom left;
    color: #FFFFFF; }

  .GrobalNavigationTopBorder {
    width: 100%;
    height: 3px;
    background: #008000 url(images/GrobalNavigationTopBorder_bg.gif) repeat-x top left;
    color: #FFFFFF; }

  #GlobalNavigation {
    width: 100%;
    display: none; }

  .GrobalNavigationBottomBorder {
    clear: left;
    /* for Netscape 7.2 */
    width: 100%;
    height: 1px;
    background: #FFFFFF; } }
/*****************************************************************************/
/* グローバルナビゲーション(グループメニュー)                                */
/* common/subwebstop.cfm                                                     */
/*****************************************************************************/
@media print, screen and (min-width: 768px) {
  /*PC用スタイル*/
  /* グループリスト */
  #globalPrimaryMenu {
    width: 100%;
    list-style-type: none;
    /* don't touch */ }

  li.globalPrimaryMenu {
    float: left;
    /* don't touch */ }

  /* a要素一括指定 */
  a.globalPrimaryMenu,
  a.globalPrimaryMenuSelected {
    display: block;
    /* don't touch */
    float: left;
    /* for Mac IE5 */
    margin-right: 1px;
    padding: 6px 10px;
    border-top: 1px solid #7FBF7F;
    border-right: 1px solid #014600;
    border-bottom: 1px solid #014600;
    border-left: 1px solid #7FBF7F;
    background: url(images/globalPrimaryMenu_bg.gif) no-repeat top left;
    text-decoration: none; }

  /* 未選択アイテム */
  a.globalPrimaryMenu,
  a.globalPrimaryMenu:link,
  a.globalPrimaryMenu:visited {
    color: #FFFFFF; }

  /* 未選択アイテムa.hover要素 */
  a.globalPrimaryMenu:hover {
    border-top: 1px solid #517750;
    border-right: 1px solid #002800;
    border-bottom: 1px solid #002800;
    border-left: 1px solid #517750;
    background: #014600 url(images/globalPrimaryMenu_hover_bg.gif) no-repeat top left;
    color: #FFFFFF; }

  /* 選択済みアイテム */
  a.globalPrimaryMenuSelected,
  a.globalPrimaryMenuSelected:link,
  a.globalPrimaryMenuSelected:visited,
  a.globalPrimaryMenuSelected:hover {
    border: 1px solid #FFFFFF;
    background: #FFFFFF url(images/globalPrimaryMenuSelected_bg.gif) no-repeat top left;
    color: #000000; } }
@media screen and (max-width: 767px) {
  /*スマホ用スタイル*/
  /* グループリスト */
  #globalPrimaryMenu {
    width: 100%;
    list-style-type: none;
    /* don't touch */ }

  li.globalPrimaryMenu {
    float: left;
    /* don't touch */ }

  /* a要素一括指定 */
  a.globalPrimaryMenu,
  a.globalPrimaryMenuSelected {
    display: block;
    /* don't touch */
    float: left;
    /* for Mac IE5 */
    margin-right: 1px;
    padding: 6px 10px;
    border-top: 1px solid #7FBF7F;
    border-right: 1px solid #014600;
    border-bottom: 1px solid #014600;
    border-left: 1px solid #7FBF7F;
    background: url(images/globalPrimaryMenu_bg.gif) no-repeat top left;
    text-decoration: none; }

  /* 未選択アイテム */
  a.globalPrimaryMenu,
  a.globalPrimaryMenu:link,
  a.globalPrimaryMenu:visited {
    color: #FFFFFF; }

  /* 未選択アイテムa.hover要素 */
  a.globalPrimaryMenu:hover {
    border-top: 1px solid #517750;
    border-right: 1px solid #002800;
    border-bottom: 1px solid #002800;
    border-left: 1px solid #517750;
    background: #014600 url(images/globalPrimaryMenu_hover_bg.gif) no-repeat top left;
    color: #FFFFFF; }

  /* 選択済みアイテム */
  a.globalPrimaryMenuSelected,
  a.globalPrimaryMenuSelected:link,
  a.globalPrimaryMenuSelected:visited,
  a.globalPrimaryMenuSelected:hover {
    border: 1px solid #FFFFFF;
    background: #FFFFFF url(images/globalPrimaryMenuSelected_bg.gif) no-repeat top left;
    color: #000000; } }
/*****************************************************************************/
/* -=グローバルナビゲーション（手動追加版）                                         */
/*****************************************************************************/
@media print, screen and (min-width: 768px) {
  /*PC用スタイル*/
  #DynamicGNaviTop {
    margin: 0 auto;
    padding: 0; }

  .GlobalNav__outer {
    position: relative;
    margin: 0;
    padding: 0 0 1.3%;
    z-index: 100; }

  .GlobalNav {
    padding: 0 0 12px; }

  .GlobalNav__inner {
    width: 1016px;
    margin: 0 auto; }

  .GlobalNav__title {
    float: left; }

  .GlobalNav__title img {
    width: 236px;
    height: auto; }

  .GlobalNavList {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: flex; }

  .GlobalNavItem {
    width: 128px;
    margin: 0 8px;
    flex-grow: 1;
    line-height: 1.2;
    font-size: 100%;
    padding-top: 6px;
    text-align: center;
    list-style: none;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 0 0 15px 15px; }

  .GlobalNavItem a {
    display: block;
    margin: 0;
    padding: 2px 10px 10px;
    font-weight: bold;
    color: #663300;
    box-sizing: border-box;
    font-size: 118%;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: center bottom; }

  .GlobalNavItem a span {
    display: block;
    font-size: 60%;
    color: #663300; }

  #sp_globalNav {
    display: none; }

  #globalNav .globalNavList li:hover {
    border-bottom: 3px solid #0066cc; }

  /*背景＆アイコン設定*/
  .GlobalNavItem {
    border-top: 5px solid #CCC; }

  .GlobalNavItem:hover {
    opacity: 0.8; }

  .GlobalNavItem img {
    height: auto; }

  .GlobalNavItem__txt {
    margin: 0;
    display: none; }

  .GlobalNavItem--home {
    border-color: #385723;
    background-color: #e2f0d9; }

  .GlobalNavItem--home img {
    width: 55px; }

  .GlobalNavItem--life {
    border-color: #d12828;
    background-color: #ffe1e1; }

  .GlobalNavItem--life img {
    width: 97px; }

  .GlobalNavItem--tour {
    border-color: #4472c4;
    background-color: #eafaff; }

  .GlobalNavItem--tour img {
    width: 70px; }

  .GlobalNavItem--settle {
    border-color: #ffc000;
    background-color: #ffffe1; }

  .GlobalNavItem--settle img {
    margin-top: 2px;
    width: 93px; }

  .GlobalNavItem--history {
    border-color: #c02e2e;
    background-color: #ffefd9; }

  .GlobalNavItem--history img {
    width: 82px; }

  .GlobalNavItem--business {
    border-color: #7a48a0;
    background-color: #f8f0ff; }

  .GlobalNavItem--business img {
    width: 86px; }

  .GlobalNavItem--town {
    border-color: #3b3838;
    background-color: #ededed; }

  .GlobalNavItem--town img {
    width: 108px; } }
@media screen and (max-width: 767px) {
  /*スマホ用スタイル*/
  #DynamicGNaviTop {
    margin: 0 auto;
    padding: 0; }

  .GlobalNav__outer {
    padding: 0; }

  .GlobalNav {
    padding: 0; }

  .GlobalNav__inner {
    width: 100%;
    margin: 0 auto; }

  .GlobalNav__title {
    float: left; }

  .GlobalNav__title img {
    width: 236px;
    height: auto; }

  .GlobalNavList {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    display: none; }

  .GlobalNavItem {
    width: 100%;
    margin: 0;
    padding: 0;
    flex-grow: 1;
    line-height: 1.2;
    font-size: 100%;
    text-align: center;
    list-style: none;
    vertical-align: top;
    box-sizing: border-box;
    border-radius: 0 0 15px 15px; }

  .GlobalNavItem a {
    display: block;
    margin: 0;
    padding: 1em 15px;
    color: #FFF;
    box-sizing: border-box;
    font-size: 118%;
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    background-color: #2d7a2d; }

  .GlobalNavItem a span {
    display: block;
    font-size: 60%;
    color: #fff; }

  .GlobalNavItem__txt {
    margin: 0;
    display: block; }

  #sp_globalNav {
    display: none; }

  #globalNav .globalNavList li:hover {
    border-bottom: 3px solid #0066cc; }

  /*背景＆アイコン設定*/
  .GlobalNavItem {
    border-top: 1px solid #fff; }

  .GlobalNavItem:hover {
    opacity: 0.8; }

  .GlobalNavItem img {
    height: auto;
    display: none; }

  .GlobalNavItem br {
    display: none; } }
/*****************************************************************************/
/* -=ポップアップメニュー                                         */
/*****************************************************************************/
@media print, screen and (min-width: 768px) {
  /*PC用スタイル*/
  .dark-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: none; }

  /* Tips */
  .dark-tooltip .tip {
    display: none; }

  /* ポップアップ内のスタイル */
  ins {
    text-decoration: none !important; }

  .tooltip-box {
    overflow: hidden;
    margin-top: 20px;
    padding: 0;
    max-width: 380px;
    height: auto;
    border: solid 5px #5588dd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFF;
    color: #333;
    font-weight: normal; }

  .tooltip-box:before {
    position: absolute;
    top: 10px;
    left: 45%;
    display: inline-block;
    content: url(images/bg_tooltip_top.png); }

  .tooltip-box.two-column {
    max-width: 300px; }

  .tooltip-box h2 {
    margin: 0 0 10px;
    padding: 0; }

  .tooltip-box .localNav,
  .tooltip-box .localNavItem {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box; }

  .tooltip-box .localNav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }

  .tooltip-box .localNavItem:nth-child(odd) {
    width: 50%;
    border-right: 1px solid #eeeecc;
    border-bottom: 1px solid #eeeecc; }

  .tooltip-box .localNavItem:nth-child(even) {
    width: 50%;
    border-bottom: 1px solid #eeeecc; }

  .tooltip-box .localNavItem a {
    display: block;
    margin: 0;
    padding: 10px 10px 10px 23px;
    background: url(images/common_arrow_green.png) no-repeat left 0.8em top 17px;
    font-size: 110%;
    font-weight: bold;
    color: #2d7a2d;
    text-decoration: none;
    background-size: 6px auto; }

  .tooltip-box .localNavItem:hover {
    background-color: #eeeecc; }

  .tooltip-box .localNav.column-box {
    float: left;
    width: 140px; }

  .tooltip-box .localNav.column-box:first-child {
    margin-right: 20px; }

  .tooltip-box h2 {
    margin-bottom: 15px;
    font-size: 120%;
    color: #116633;
    text-align: center;
    border-bottom: 1px solid #116633; } }
@media screen and (max-width: 767px) {
  /*スマホ用スタイル*/
  .dark-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    display: none; }

  /* Tips */
  .dark-tooltip .tip {
    display: none; }

  /* ポップアップ内のスタイル */
  ins {
    text-decoration: none !important; }

  .tooltip-box {
    overflow: hidden;
    margin-top: 20px;
    padding: 0;
    max-width: 380px;
    height: auto;
    border: solid 5px #5588dd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFF;
    color: #333;
    font-weight: normal; }

  .tooltip-box:before {
    position: absolute;
    top: 10px;
    left: 45%;
    display: inline-block;
    content: url(images/bg_tooltip_top.png); }

  .tooltip-box.two-column {
    max-width: 300px; }

  .tooltip-box h2 {
    margin: 0 0 10px;
    padding: 0; }

  .tooltip-box .localNav,
  .tooltip-box .localNavItem {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box; }

  .tooltip-box .localNav {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }

  .tooltip-box .localNavItem:nth-child(odd) {
    width: 50%;
    border-right: 1px solid #eeeecc;
    border-bottom: 1px solid #eeeecc; }

  .tooltip-box .localNavItem:nth-child(even) {
    width: 50%;
    border-bottom: 1px solid #eeeecc; }

  .tooltip-box .localNavItem a {
    display: block;
    margin: 0;
    padding: 10px 10px 10px 23px;
    background: url(images/common_arrow_green.png) no-repeat left 0.8em top 17px;
    font-size: 110%;
    font-weight: bold;
    color: #2d7a2d;
    text-decoration: none;
    background-size: 6px auto; }

  .tooltip-box .localNavItem:hover {
    background-color: #eeeecc; }

  .tooltip-box .localNav.column-box {
    float: left;
    width: 140px; }

  .tooltip-box .localNav.column-box:first-child {
    margin-right: 20px; }

  .tooltip-box h2 {
    margin-bottom: 15px;
    font-size: 120%;
    color: #116633;
    text-align: center;
    border-bottom: 1px solid #116633; } }
#GlobalNavigation {
  display: none; }

.cf:before,
.cf:after {
  content: " ";
  /* 1 */
  display: table;
  /* 2 */ }

.cf:after {
  clear: both; }

@media print, screen and (min-width: 1100px) {
  /*PC用スタイル*/
  /* カラム設定
  --------------------------------------- */
  .MainWrapper__outer {
    background-color: transparent; }

  .MainWrapper {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 20px 0 40px;
    display: table;
    width: 1100px;
    background-color: transparent; }
    .MainWrapper::after {
      content: "";
      display: block;
      clear: both; }

  /*お知らせ・イベント用*/
  .MainWrapper__inner {
    display: table;
    width: 1000px;
    margin: 0 auto; }

  .MainWrapper #Left {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    background-color: rgba(243, 231, 63, 0.2);
    display: table-cell;
    vertical-align: top;
    width: 300px;
    border-radius: 10px;
    float: right; }

  .MainWrapper #Main {
    width: 760px;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    display: table-cell;
    order: 2;
    display: block;
    float: left; }

  .MainWrapper #Right {
    /* 3カラムの右側 */
    box-sizing: border-box;
    margin: 0;
    padding: 0.5rem;
    border: solid 0.1rem #b51167;
    color: #714315;
    background-color: #c7e9fb;
    vertical-align: top;
    display: table-cell;
    order: 3;
    display: none; }

  .MainWrapper #Right:empty {
    display: none; } }
@media screen and (max-width: 1100px) {
  /*スマホ用スタイル*/
  /* カラム設定
  --------------------------------------- */
  .MainWrapper__outer {
    background-color: transparent; }

  .MainWrapper {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 30px 0 40px;
    width: 100%;
    background-color: transparent; }
    .MainWrapper::after {
      content: "";
      display: block;
      clear: both; }

  /*お知らせ・イベント用*/
  .MainWrapper__inner {
    width: 100%;
    margin: 0 auto; }

  .MainWrapper #Left {
    display: none; }

  .MainWrapper #Main {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    order: 2;
    width: 100%; }

  .MainWrapper #Right {
    /* 3カラムの右側 */
    display: none;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    border: solid 0.1rem #b51167;
    color: #714315;
    background-color: #c7e9fb;
    vertical-align: top;
    /*display: block;*/
    order: 3;
    width: 100%; }

  .MainWrapper #Right:empty {
    display: none; } }
/*****************************************************************************/
/* 登録日・更新日                                                            */
/*****************************************************************************/
div.contentDate,
div.printContentDate,
div.contentAuthor {
  padding: 5px 0 15px 15px;
  vertical-align: middle;
  text-align: right;
  font-size: small;
  line-height: 1.1; }

@media screen and (max-width: 640px) {
  div.contentDate,
  div.printContentDate,
  div.contentAuthor {
    padding: 0 15px;
    font-size: 80%;
    margin-bottom: -5px; } }
/*****************************************************************************/
/* ページトップオプション/ページボトムオプション                             */
/*****************************************************************************/
div.pageTopOption {
  float: right;
  width: 30px;
  margin-top: -20px; }

div.pageTopOption,
div.pageBottomOption {
  padding: 0;
  text-align: right;
  font-size: small;
  line-height: 1.1; }

@media screen and (max-width: 640px) {
  div.pageTopOption,
  div.pageBottomOption {
    display: none; } }
/*****************************************************************************/
/* ソーシャルボタン                                                            */
/*****************************************************************************/
div.social {
  overflow: hidden;
  margin: 15px 0 0;
  padding: 0; }

div.social > div {
  float: left;
  margin: 0 10px 0 0;
  padding: 0; }

@media screen and (max-width: 767px) {
  div.social {
    padding: 0 15px; } }
/*****************************************************************************/
/* 印刷用ページ/ファイル詳細ページ/メール送信ページ                          */
/*****************************************************************************/
body.printBody,
body.emailContentBody {
  padding: 10px;
  background: #FFFFFF;
  text-align: left; }

img.printContentLogo,
img.emailContentLogo,
form.emailContentForm,
form.emailContentForm dd {
  margin-bottom: 10px; }

div.printContentOption,
div.printContentMember,
div.printContentAuthor,
div.printContentUrl,
div.emailContentOption {
  text-align: right; }

div.printContentCopyRight {
  border-bottom: 1px solid #000000;
  text-align: left; }

/* リスト
--------------------------------------- */
/*****************************************************************************/
/* グループトップページ/カテゴリートップページ/サブカテゴリートップページ    */
/* handlers/section.cfm                                                      */
/* handlers/handler1.cfm                                                     */
/* handlers/handler2.cfm                                                     */
/* handlers/handler3.cfm                                                     */
/* handlers/listlead.cfm                                                     */
/* handlers/listcontent.cfm                                                  */
/*****************************************************************************/
/* 使用画像                                                                  */
/* member.gif                                                                */
/* new.gif                                                                   */
/*****************************************************************************/
/* グループトップページ/エリア1 -> area1LeadContent */
/* グループトップページ/エリア2 -> area2LeadContent */
/* グループトップページ/残り -> leadContent */
/* カテゴリートップページ/サブカテゴリートップページ(リードページ) -> LeadContent */
/* カテゴリートップページ/サブカテゴリートップページ(ページ/ライブラリ) -> pageContent */
/*PC用
------------------------------------------------------------------------*/
@media print, screen and (min-width: 1100px) {
  .area1LeadContents,
  .area2LeadContents,
  .leadContents,
  .pageContents {
    box-sizing: border-box;
    width: 100%;
    /* 左右のmarginの設定はなるべく避けること（IE5対策） */
    margin-top: 0;
    margin-bottom: 5px;
    padding: 5px 0 30px;
    background-color: #FFF; }

  .leadContent dd {
    margin: 0; }

  h2.area1LeadContentTitle,
  h2.area2LeadContentTitle,
  h2.leadContentTitle,
  h2.pageContentTitle,
  h3.leadContentTitle,
  h3.pageContentTitle,
  dt.leadContentTitle {
    position: relative;
    margin: 0;
    padding: 5px 0;
    padding-right: 10px;
    padding-left: 15px;
    background: url(images/icon_page.png) no-repeat left center;
    background-size: 17px auto;
    color: #000000;
    font-size: 110%;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }

  h2.area1LeadContentTitle:before,
  h2.area2LeadContentTitle:before,
  h2.leadContentTitle:before,
  h2.pageContentTitle:before,
  h3.leadContentTitle:before,
  h3.pageContentTitle:before,
  dt.leadContentTitle:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 1px #4878A8;
    border-right: solid 1px #4878A8;
    position: absolute;
    top: 17px;
    left: -2px;
    margin-top: -4px;
    transform: rotate(45deg); }

  h2.area1LeadContentTitle img,
  h2.area2LeadContentTitle img,
  h2.leadContentTitle img,
  h2.pageContentTitle img,
  h3.leadContentTitle img,
  h3.pageContentTitle img {
    margin-top: 4px;
    margin-bottom: -4px; }

  .area1LeadContentImage,
  .area2LeadContentImage,
  .leadContentImage,
  .pageContentImage {
    display: block;
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px; }

  .area1LeadContentTeaser,
  .area2LeadContentTeaser,
  .leadContentTeaser,
  .pageContentTeaser {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: left;
    font-size: 85%;
    border-bottom: 1px solid rgba(206, 164, 103, 0.3); }

  .area1LeadContentDate,
  .area2LeadContentDate,
  .leadContentDate,
  .pageContentDate {
    clear: right;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid #CCCCCC;
    vertical-align: middle;
    text-align: right;
    font-size: small;
    line-height: 1.1; }

  .area1LeadContentCleaner,
  .area2LeadContentCleaner,
  .leadContentCleaner,
  .pageContentCleaner {
    clear: right; }

  .pageContentDownLoadLink {
    font-size: 100%; }

  /* Acrobat Readerへのリンク*/ }
/*スマホ用
------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
  .area1LeadContents,
  .area2LeadContents,
  .leadContents,
  .pageContents {
    box-sizing: border-box;
    width: 100%;
    /* 左右のmarginの設定はなるべく避けること（IE5対策） */
    margin-top: 0;
    margin-bottom: 5px;
    padding: 5px 15px 30px;
    background-color: #FFF; }

  .leadContent dd {
    margin: 0; }

  h2.area1LeadContentTitle,
  h2.area2LeadContentTitle,
  h2.leadContentTitle,
  h2.pageContentTitle,
  h3.leadContentTitle,
  h3.pageContentTitle,
  dt.leadContentTitle {
    position: relative;
    margin: 0;
    padding: 5px 0;
    padding-right: 10px;
    padding-left: 15px;
    color: #000000;
    font-size: 110%;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }

  h2.area1LeadContentTitle:before,
  h2.area2LeadContentTitle:before,
  h2.leadContentTitle:before,
  h2.pageContentTitle:before,
  h3.leadContentTitle:before,
  h3.pageContentTitle:before,
  dt.leadContentTitle:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 1px #4878A8;
    border-right: solid 1px #4878A8;
    position: absolute;
    top: 17px;
    left: -2px;
    margin-top: -4px;
    transform: rotate(45deg); }

  h2.area1LeadContentTitle img,
  h2.area2LeadContentTitle img,
  h2.leadContentTitle img,
  h2.pageContentTitle img,
  h3.leadContentTitle img,
  h3.pageContentTitle img {
    margin-top: 4px;
    margin-bottom: -4px; }

  .area1LeadContentImage,
  .area2LeadContentImage,
  .leadContentImage,
  .pageContentImage {
    display: block;
    float: right;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px; }

  .area1LeadContentTeaser,
  .area2LeadContentTeaser,
  .leadContentTeaser,
  .pageContentTeaser {
    padding-top: 0;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 15px;
    text-align: left;
    font-size: 85%;
    border-bottom: 1px solid rgba(206, 164, 103, 0.3); }

  .area1LeadContentDate,
  .area2LeadContentDate,
  .leadContentDate,
  .pageContentDate {
    clear: right;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid #CCCCCC;
    vertical-align: middle;
    text-align: right;
    font-size: small;
    line-height: 1.1; }

  .area1LeadContentCleaner,
  .area2LeadContentCleaner,
  .leadContentCleaner,
  .pageContentCleaner {
    clear: right; }

  .pageContentDownLoadLink {
    font-size: 100%; }

  /* Acrobat Readerへのリンク*/ }
/* aplication
--------------------------------------- */
/*****************************************************************************/
/* 関連サイトの更新情報                                                      */
/* handlers/displayfeedHeadline.cfm                                          */
/*****************************************************************************/
div.designContents div.feedHeadlineContents,
div.feedHeadlineContents {
  border-top: 1px solid #CCE57F;
  border-right: 1px solid #CCE57F;
  border-bottom: 1px solid #CCE57F;
  /* 左右のmarginの設定はなるべく避けること（IE5対策） */
  margin-bottom: 5px; }

div.feedHeadLineTitleBarBody {
  background: #FFFFFF url(images/TitleBarBody_bg.gif) repeat-y top left;
  color: #000000;
  /* don't use margin & padding */
  width: 100%;
  /* for IE6 */ }

div.feedHeadLineTitleBarLeft {
  /* don't use margin & padding */
  width: 100%;
  /* for IE6 */ }

div.feedHeadLineTitleBarRight {
  /* don't use margin & padding */ }

h2.feedHeadlineTitle {
  margin-left: 5px;
  padding: 15px 10px 15px 50px;
  background: url(images/feedHeadlineTitle_bg.gif) no-repeat left center;
  color: #000000;
  line-height: 1.5; }

div.feedHeadlineContents div.feedHeadlineContent {
  width: 100%;
  /* for IE6 & IE5 */
  background: #EEEEEE url(images/Content_bg.gif) repeat-y top left;
  color: #000000;
  /* 左右のpaddingの設定はなるべく避けること（IE5対策） */
  padding: 5px 0; }

div.feedHeadlineContents dl.feedHeadlineContentList,
div.feedHeadlineContents dt.feedHeadlineContentHeader,
div.feedHeadlineContents dd.feedHeadlineContentDescription {
  margin: 0;
  padding: 0; }

div.feedHeadlineContents dl.feedHeadlineContentList {
  margin: 0 10px 0 15px; }

.feedHeadlineContentTitle {
  font-size: small; }

.feedHeadlineContentInfo {
  display: inline;
  text-align: left;
  font-size: small; }

div.feedHeadlineContents dd.feedHeadlineContentDescription {
  margin-left: 0;
  font-size: small; }

/****************************************************/
/* サイトマップにイベント・お知らせを表示させた場合 */
/****************************************************/
/*  sitemapnewson ・ sitemapeventoff                */
/****************************************************/
h2.sitemapFlowName {
  margin-top: 5px;
  padding-right: 10px;
  padding-left: 7px;
  border-left: 3px solid #99CC00;
  color: #000000; }

/*****************************************************************************/
/* 検索結果                                                                  */
/* search/index.cfm                                                          */
/* search/search.cfm                                                         */
/*****************************************************************************/
/* 使用画像                                                                  */
/* member.gif                                                                */
/* new.gif                                                                   */
/* search.gif                                                                */
/* public.gif                                                                */
/* info.gif                                                                  */
/*****************************************************************************/
/* ヘルプファイル                                                            */
/* _lang/search_db_help.htm                                                  */
/*****************************************************************************/
#SearchResultsForm {
  padding: 10px;
  text-align: center; }

#SearchResultsForm label {
  vertical-align: middle;
  font-size: small; }

.searchResultsInputBox {
  display: inline;
  width: 20em;
  color: #000000;
  vertical-align: middle;
  font-size: medium; }

.searchResultsSubmitImage {
  margin-left: 3px;
  vertical-align: middle;
  font-size: large; }

.searchResultsSubmitButton {
  display: inline;
  margin-left: 3px;
  vertical-align: middle; }

.searchHelp {
  padding: 10px; }

.searchResults {
  margin-bottom: 10px; }

h2.searchResultsKeywords {
  clear: both;
  margin: 20px 0;
  padding: 15px 15px 10px;
  border-top: 3px solid #cea467;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  border-left: 1px solid #CCC;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0, #f8f7f2), color-stop(1, #efece0));
  background-image: -webkit-linear-gradient(-90deg, #f8f7f2 0%, #efece0 100%);
  background-image: -ms-linear-gradient(-90deg, #f8f7f2 0%, #efece0 100%);
  background-image: linear-gradient(180deg, #f8f7f2 0%, #efece0 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f7f2,endColorstr=#ffefece0,GradientType=0)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fff8f7f2, endColorstr=#ffefece0, GradientType=0);
  color: #000000;
  font-size: x-large;
  font-weight: bold;
  line-height: 1.4; }

.searchResultsTotalCounts {
  margin-bottom: 30px;
  text-align: right; }

h3.searchResultsListTitle {
  margin-bottom: 4px;
  padding: 10px 10px 8px;
  border-top: 2px solid #cea467;
  background: #F2F2F2;
  color: #000000;
  font-weight: bold;
  font-size: 120%; }

h3.searchResultsListTitle img {
  margin-top: 4px;
  margin-bottom: -4px; }

.searchResultsListCount {
  font-weight: normal; }

.searchResultsListContentTitle {
  font-weight: bold; }

.searchResultsListTitleFunction {
  margin-left: 10px; }

.searchResultsListBody {
  margin-bottom: 25px;
  margin-left: 33px;
  color: #666; }

.searchResultsListBodyTeaser {
  margin-top: 5px;
  font-size: medium; }

.searchResultsListBodyDate {
  margin-top: 5px;
  font-size: small; }

.searchResultsListBodyLocation {
  margin-top: 5px;
  font-size: small; }

.searchResultsListBodyUrl {
  margin-top: 5px;
  color: #999;
  font-style: oblique;
  font-size: small; }

.searchResultsPaging {
  padding-bottom: 15px;
  padding-left: 10px;
  text-align: center; }

.searchResultsNone {
  padding: 10px; }

/*****************************************************************************/
/* カウンター                                                                */
/* widgets/counter/index.cfm                                                 */
/*****************************************************************************/
.counterBox {
  margin-top: 15px;
  text-align: center; }

.counterNumber {
  display: inline;
  padding-left: 5px;
  text-align: center;
  font-weight: bold; }

/* フッター
--------------------------------------- */
#SiteNavigation {
  display: none; }

/*===============================================================================
footer（中ページのフッター）
=================================================================================*/
footer {
  border-top: 5px solid #028002;
  width: 100%;
  max-width: 1000%;
  margin: 0 auto;
  margin-top: 100px;
  text-align: center;
  box-sizing: border-box;
  background-clip: border-box;
  background: url(/designs/home/images/footer_bg.png) no-repeat;
  background-size: cover;
  background-position: bottom 0; }

.footer_inner {
  padding: 3% 0;
  line-height: 1.8em; }

p.address_logo {
  width: 230px;
  margin: 0 auto; }

p.address_logo a {
  display: block; }

p.address_logo a img {
  width: 100%; }

footer address {
  font-style: normal;
  margin-bottom: 15px; }

ul.footer_btn {
  margin: 0 auto;
  padding: 0;
  display: flex;
  justify-content: center; }

ul.footer_btn li {
  list-style: none;
  font-weight: bold;
  margin: 0;
  width: 230px;
  line-height: 50px;
  border-radius: 5px;
  margin-right: 15px;
  background: url(/designs/standard/images/arrow_green.png) no-repeat left 0.2em, #fff;
  background-position: center right 10px;
  background-size: 17px; }

ul.footer_btn li:last-child {
  margin-right: 0; }

ul.footer_btn li a {
  text-decoration: none;
  color: #028002;
  display: block; }

footer small {
  font-size: 70%;
  color: #fff;
  display: block;
  width: 100%;
  line-height: 50px;
  background: #028002; }

footer small br {
  display: none; }

.br_none {
  display: none; }

@media screen and (max-width: 1100px) {
  footer {
    padding: 0; }

  .footer_inner {
    padding: 30px 5%;
    line-height: 1.8em; }

  footer small {
    font-size: 70%; }

  footer small br {
    display: block; }

  .br_none {
    display: block; } }
@media screen and (max-width: 764px) {
  ul.footer_btn {
    width: 230px;
    flex-wrap: wrap; }

  ul.footer_btn li {
    margin-right: 0;
    margin-bottom: 15px; } }
/* カスタム
--------------------------------------- */
/*****************************************************************************/
/* グループトップタイトル                                                  */
/*****************************************************************************/
.designContents .category_title {
  margin: 0 0 35px;
  background: #0066cc;
  padding: 15px 10px; }

.designContents .category_title span {
  margin: 0;
  padding: 10px 18px 4px;
  background: #0066cc;
  color: #FFF;
  letter-spacing: 0.05em;
  font-size: 230%;
  display: block;
  border-left: 3px solid #fff; }

.designContents .category_title i {
  padding: 0 0 0 15px;
  font-style: normal;
  font-size: 50%;
  font-weight: 500; }

@media screen and (max-width: 640px) {
  .designContents .category_title {
    padding: 10px 10px; }

  .designContents .category_title span {
    font-size: 130%;
    padding: 7px 18px 4px; } }
/* bgColor
--------------------------------------- */
#bgcolor-white {
  background-color: #fff; }

#bgcolor-black {
  background-color: #000; }

#bgcolor-blue {
  background-color: #2d79c3; }

/* 左側ローカルナビ
--------------------------------------- */
.localnav-title {
  margin: 0;
  padding: 12px 0 10px 0;
  font-size: 130%;
  color: #2d79c3;
  border-radius: 5px 5px 0 0;
  background-color: #d1deee;
  text-align: center;
  font-weight: bold;
  border-bottom: 3px solid #2d79c3; }

/*カテゴリ（第一階層）*/
.localPrimaryMenu {
  list-style: none;
  background: url(/designs/standard/images/arrow_blue.png) no-repeat left top 20px;
  background-size: 16px auto;
  background-position: left 15px top 20px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }

.localPrimaryMenu:last-child {
  border-bottom: none; }

.localPrimaryMenu > a {
  padding: 15px 10px 13px 36px;
  display: block;
  font-size: 113%;
  font-style: normal;
  /*text-decoration: none;*/
  color: #2d79c3;
  background-image: url(images/icon_folder.png);
  background-position: left 10px center;
  background-repeat: no-repeat;
  background-size: 26px auto; }

.localPrimaryMenu a:hover {
  background-color: rgba(243, 231, 63, 0.7);
  font-weight: bold;
  background: url(/designs/standard/images/arrow_blue.png) no-repeat left top 20px, rgba(243, 231, 63, 0.7);
  background-size: 16px auto;
  background-position: left 15px top 20px; }

.localPrimaryMenu a.categoryMenuSelected {
  border-bottom: none;
  font-weight: bold;
  background: url(/designs/standard/images/arrow_deepgreen.png) no-repeat left top 20px, rgba(243, 231, 63, 0.7);
  background-size: 16px auto;
  background-position: left 15px top 20px;
  color: #028002;
  text-decoration: none; }

.localSecondaryMenu a.categoryMenuSelected {
  border-bottom: none;
  font-weight: bold;
  background: url(/designs/standard/images/arrow_deepgreen.png) no-repeat left top 20px, rgba(243, 231, 63, 0.7);
  background-size: 16px auto;
  background-position: left 15px top 20px;
  color: #028002; }

/*サブカテゴリ（第二階層）*/
ul.localSecondaryMenu {
  /*margin-top: -8px;
  padding-bottom: 10px;*/
  background-color: #ffffd1; }

li.localSecondaryMenu {
  position: relative;
  list-style: none;
  border-top: 1px dotted rgba(0, 0, 0, 0.2);
  border-left: 10px solid rgba(243, 231, 63, 0.7); }

li.localSecondaryMenu a:hover {
  background: rgba(243, 231, 63, 0.7); }

li.localSecondaryMenu:marker {
  display: none; }

li.localSecondaryMenu:before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #4878A8;
  border-right: solid 1px #4878A8;
  position: absolute;
  top: 15px;
  left: 40px;
  margin-top: -4px;
  transform: rotate(45deg); }

.localSecondaryMenu a {
  font-size: 100%;
  padding: 6px 10px 4px 56px;
  display: block;
  font-style: normal;
  /*text-decoration: none;*/
  color: #2d79c3;
  background-image: url(images/icon_folder.png);
  background-position: left 37px center;
  background-repeat: no-repeat;
  background-size: 14px auto; }

a.subCategoryMenuSelected {
  background-image: url(images/icon_folder_o.png); }

/* 組織から探す
--------------------------------------- */
.searchbysectionsContents {
  padding: 60px 0 30px;
  margin: 0 auto;
  width: 1000px; }
  .searchbysectionsContents .searchbysectionsBuElements {
    margin-bottom: 30px;
    border-radius: 4px 4px 0 0;
    background-color: #FFF;
    border-right: 5px solid #e2f0d9;
    border-bottom: 5px solid #e2f0d9;
    border-left: 5px solid #e2f0d9; }
  .searchbysectionsContents h2.searchbysectionsBu {
    margin: 0 -3px 15px;
    padding: 25px 20px 22px 80px;
    border-radius: 4px 4px 0 0;
    background-color: #e2f0d9;
    border-bottom: 3px solid #70963e;
    letter-spacing: 0.05em;
    font-size: 180%;
    background-image: url(images/icon_arrow_o.png);
    background-size: 36px auto;
    background-position: left 30px center;
    background-repeat: no-repeat;
    color: #70963e; }
  .searchbysectionsContents h2.searchbysectionsBu a {
    color: #70963e;
    text-decoration: none; }
  .searchbysectionsContents .searchbysectionsBuDescription {
    padding: 0 10px 10px; }
  .searchbysectionsContents dl.searchbysectionsKaList {
    margin: 10px 0 15px;
    padding: 0 30px; }
  .searchbysectionsContents .searchbysectionsKaList dt a {
    padding: 0 0 0 13px;
    background-image: url(images/common_arrow.png);
    background-size: 7px auto;
    background-position: left center;
    background-repeat: no-repeat;
    color: #0066cc;
    text-decoration: none; }
  .searchbysectionsContents .searchbysectionsKaList dd {
    margin: 0; }

#footerBox {
  margin-top: 40px;
  /* 更新情報 */
  /* 内容*/ }
  #footerBox .sitemap {
    padding: 40px 0 30px; }
  #footerBox .title h2 {
    width: 1000px;
    box-sizing: border-box;
    margin: 0 0 40px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #70963e;
    height: 100px;
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #e2f0d9;
    font-size: 200%;
    padding: 0 30px;
    border-top: 5px solid #70963e;
    border-radius: 0 0 20px 20px;
    box-sizing: border-box;
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
    letter-spacing: 2px; }
  #footerBox .footerDescription {
    margin: 0 auto;
    box-sizing: border-box;
    width: 1000px;
    background-color: #FFF;
    padding: 20px 30px; }
  #footerBox .freshContents {
    margin: 40px auto 0;
    width: 1000px; }
  #footerBox .freshTitle {
    font-weight: bold;
    border-radius: 4px 4px 0 0;
    padding: 11px 20px;
    display: block;
    color: #FFF;
    font-size: 120%;
    background-color: #42a5d1;
    border-bottom: 3px solid #2d79c3; }
  #footerBox .freshContentDate {
    padding: 1em 1em 1em 20px; }
  #footerBox .freshContent {
    border: none; }
  #footerBox .freshContentList {
    margin: 0;
    background-color: #FFF; }
  #footerBox .freshContentBlock {
    padding: 11px 30px;
    border-bottom: 1px solid #f4f4ed; }
    #footerBox .freshContentBlock::after {
      content: "";
      display: block;
      clear: both; }
  #footerBox .freshContentDate {
    float: left;
    width: 8em; }
  #footerBox .freshContentTitle {
    margin: 0;
    padding: 1em 1em 1em 8em; }
  #footerBox .freshContentTitle a {
    color: #70963e;
    font-weight: bold;
    padding-left: .9em;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 7px auto; }
  #footerBox .GroupName {
    margin: 0 -3px 15px;
    padding: 25px 20px 22px 80px;
    border-radius: 4px 4px 0 0;
    background-color: #e2f0d9;
    border-bottom: 3px solid #70963e;
    letter-spacing: 0.05em;
    font-size: 180%;
    background-image: url(images/icon_arrow_o.png);
    background-size: 36px auto;
    background-position: left 30px center;
    background-repeat: no-repeat;
    color: #70963e; }
  #footerBox .Group {
    clear: both;
    margin: 0 0 30px 0;
    border-right: 5px solid #e2f0d9;
    border-bottom: 5px solid #e2f0d9;
    border-left: 5px solid #e2f0d9;
    background: #FFF;
    border-radius: 10px 10px 0 0; }
  #footerBox .InGroup {
    margin: 20px 0 20px;
    padding: 0 30px; }
  #footerBox .InGroup li {
    list-style: none; }
  #footerBox .CategoryName {
    clear: both;
    margin: 15px 0 10px;
    padding: 8px 8px 6px;
    border: none;
    border-left: 4px solid #70963e;
    background: #f4f4ed;
    font-weight: bold;
    font-size: 110%; }
  #footerBox .CategoryPage a {
    padding: 0 0 0 13px;
    background-image: url(images/common_arrow.png);
    background-size: 7px auto;
    background-position: left center;
    background-repeat: no-repeat;
    color: #0066cc;
    text-decoration: none; }
  #footerBox .SubCategoryName {
    margin: 0 0 10px;
    font-size: 90%; }
  #footerBox .SubCategoryPages {
    padding: 0 0 0 15px; }
  #footerBox .SubCategoryPage a {
    padding: 0 0 0 13px;
    background-image: url(images/common_arrow.png);
    background-size: 7px auto;
    background-position: left center;
    background-repeat: no-repeat;
    color: #0066cc;
    text-decoration: none; }

/* サイトマップ
--------------------------------------- */
.sitemap {
  margin: 0 auto;
  padding: 60px 0 30px;
  width: 1000px; }

.sitemapTitle {
  display: none; }

.groupsBox {
  clear: both;
  margin: 0 0 30px 0;
  border-right: 5px solid #cfe2cf;
  border-bottom: 5px solid #cfe2cf;
  border-left: 5px solid #cfe2cf;
  background: #FFF;
  border-radius: 10px 10px 0 0; }

.GroupName {
  margin: 0 -5px 15px;
  padding: 25px 20px 22px 74px;
  border-radius: 4px 4px 0 0;
  background-color: #e2f0d9;
  border-bottom: 3px solid #70963e;
  letter-spacing: 0.05em;
  font-size: 180%;
  background-image: url(images/icon_arrow_o.png);
  background-size: 36px auto;
  background-position: left 30px center;
  background-repeat: no-repeat; }

.GroupName a {
  color: #70963e;
  text-decoration: none; }

.categoriesBox {
  margin: 10px 0 15px;
  padding: 0 30px; }

.categoryName {
  clear: both;
  margin: 15px 0 10px;
  padding: 8px 8px 6px;
  border: none;
  border-left: 4px solid #70963e;
  background: #f4f4ed;
  font-weight: bold;
  font-size: 110%; }

.categoryName a {
  color: #70963e;
  text-decoration: none; }

.subcategoryName {
  margin-bottom: 5px; }

.subcategoryName a {
  padding: 0 0 0 9px;
  background-image: url(images/icon_arrow_s.png);
  background-size: 4px auto;
  background-position: left center;
  background-repeat: no-repeat;
  color: #0066cc;
  text-decoration: none; }

.categoryContent,
.subcategoryContent {
  list-style: none; }

.categoryContent a,
.subcategoryContent a {
  padding: 0 0 0 23px;
  background-image: url(images/common_arrow.png);
  background-size: 5px auto;
  background-position: left 10px center;
  background-repeat: no-repeat;
  color: #0066cc;
  font-size: 90%;
  text-decoration: none; }

/* キーワード検索用リスト表示 
--------------------------------------- */
.KeywordSearchKWStringTitle {
  position: relative;
  margin: 0 0 20px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  color: #fff;
  width: 1100px;
  /* min-height: 100px; */
  background-image: url(images/title_bgmark.png);
  background-size: 178px auto;
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #028002;
  border-bottom: 5px solid #F3E73F;
  font-size: 210%;
  padding: 18px 30px;
  padding-left: 46px;
  line-height: 1.2;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box; }

.KeywordSearchKWStringTitle::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  border: 5px solid rgba(131, 195, 96, 0.7);
  left: 15px;
  top: 24px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px; }

.KeywordSearchGroupName {
  position: relative;
  margin: 0 -20px 20px;
  display: flex;
  align-items: center;
  vertical-align: middle;
  color: #fff;
  background-image: url(images/title_bgmark.png);
  background-size: 178px auto;
  background-position: right center;
  background-repeat: no-repeat;
  background-color: #83C360;
  border-bottom: 5px solid #F3E73F;
  font-size: 210%;
  padding: 18px 30px;
  padding-left: 46px;
  line-height: 1.2;
  border-radius: 0;
  box-sizing: border-box; }

.KeywordSearchGroupName::before {
  content: '';
  position: absolute;
  width: 10px;
  height: 10px;
  left: 15px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 5px solid rgba(2, 128, 2, 0.8); }

.groupKeywordSearch {
  clear: both;
  width: 1100px;
  margin: 0 0 30px 0;
  padding: 0 20px 20px;
  border-right: 5px solid #83C360;
  border-bottom: 5px solid #83C360;
  border-left: 5px solid #83C360;
  background: #FFF;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box; }

.KeywordSearchListOuterElement,
.KeywordSearchListInnerElement {
  list-style: none; }

.KeywordSearchCategoryName {
  clear: both;
  margin: 15px 0 10px;
  padding: 8px 8px 6px;
  border: none;
  border-left: 4px solid #028002;
  background: #f4f4ed;
  font-weight: bold;
  color: #028002;
  font-size: 110%; }

.KeywordSearchSubCategoryName {
  margin-bottom: 10px;
  padding-left: 10px;
  color: #444; }

.KeywordSearchListOuterElement a {
  padding: 0 0 0 9px;
  background-image: url(images/icon_arrow_s.png);
  background-size: 4px auto;
  background-position: left center;
  background-repeat: no-repeat;
  color: #0066cc;
  text-decoration: none; }

.KeywordSearchKeywordListKWStringTitle {
  position: relative; }

.KeywordSearchKeywordListKWStringTitle::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0;
  border-top: solid 1px #4878A8;
  border-right: solid 1px #4878A8;
  position: absolute;
  top: 10px;
  left: -2px;
  margin-top: -4px;
  transform: rotate(45deg); }

@media print, screen and (max-width: 1100px) {
  .KeywordSearch {
    max-width: 100%;
    margin: 0 15px; }

  .KeywordSearchKWStringTitle {
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    height: auto;
    width: 100%;
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #028002;
    border-bottom: 5px solid #F3E73F;
    font-size: 150%;
    padding: 8px 15px;
    padding-left: 40px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .KeywordSearchKWStringTitle::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(131, 195, 96, 0.7);
    left: 15px;
    top: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; }

  .KeywordSearchGroupName {
    position: relative;
    display: flex;
    font-size: 150%;
    padding: 8px 15px;
    padding-left: 40px;
    line-height: 1.2;
    box-sizing: border-box; }

  .KeywordSearchGroupName::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(2, 128, 2, 0.8);
    left: 15px;
    top: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-size: 90px auto; }

  .groupKeywordSearch {
    width: 100%; } }
/* ページボディ
--------------------------------------- */
#PageBody {
  /*border-top: 5px solid #2d79c3;*/
  background-repeat: repeat-x;
  background-size: 845px auto; }

/* Wrapper  */
@media all and (min-width: 0 \0 ) {
  * {
    font-family: "メイリオ", sans-serif; } }
/*!===========================================================
  plugin
=========================================================== */
/*!
*  - v1.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
.slider-pro {
  position: relative;
  margin: 0 auto;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.sp-slides-container {
  position: relative; }

.sp-mask {
  position: relative;
  overflow: hidden; }

.sp-slides {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000; }

.sp-slide {
  position: absolute; }

.sp-image-container {
  overflow: hidden; }

.sp-image {
  position: relative;
  display: block;
  border: none; }

.sp-no-js {
  overflow: hidden;
  max-width: 100%; }

.sp-thumbnails-container {
  position: relative;
  overflow: hidden;
  direction: ltr; }

.sp-bottom-thumbnails, .sp-top-thumbnails {
  left: 0;
  margin: 0 auto; }

.sp-top-thumbnails {
  position: absolute;
  top: 0;
  margin-bottom: 4px; }

.sp-bottom-thumbnails {
  margin-top: 4px; }

.sp-left-thumbnails, .sp-right-thumbnails {
  position: absolute;
  top: 0; }

.sp-right-thumbnails {
  right: 0;
  margin-left: 4px; }

.sp-left-thumbnails {
  left: 0;
  margin-right: 4px; }

.sp-thumbnails {
  position: relative; }

.sp-thumbnail {
  border: none; }

.sp-thumbnail-container {
  position: relative;
  display: block;
  overflow: hidden;
  float: left;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.sp-rtl .sp-thumbnail-container {
  float: right; }

.sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container {
  margin-left: 2px;
  margin-right: 2px; }

.sp-bottom-thumbnails .sp-thumbnail-container:first-child, .sp-top-thumbnails .sp-thumbnail-container:first-child {
  margin-left: 0; }

.sp-bottom-thumbnails .sp-thumbnail-container:last-child, .sp-top-thumbnails .sp-thumbnail-container:last-child {
  margin-right: 0; }

.sp-left-thumbnails .sp-thumbnail-container, .sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 2px;
  margin-bottom: 2px; }

.sp-left-thumbnails .sp-thumbnail-container:first-child, .sp-right-thumbnails .sp-thumbnail-container:first-child {
  margin-top: 0; }

.sp-left-thumbnails .sp-thumbnail-container:last-child, .sp-right-thumbnails .sp-thumbnail-container:last-child {
  margin-bottom: 0; }

.sp-right-thumbnails.sp-has-pointer {
  margin-left: -13px; }

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  left: 18px;
  margin-left: 0 !important; }

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 5px solid red;
  left: 0;
  top: 0;
  margin-left: 13px; }

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  top: 50%;
  margin-top: -8px;
  border-right: 13px solid red;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; }

.sp-left-thumbnails.sp-has-pointer {
  margin-right: -13px; }

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  right: 18px; }

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  height: 100%;
  border-left: 5px solid red;
  right: 0;
  top: 0;
  margin-right: 13px; }

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
  top: 50%;
  margin-top: -8px;
  border-left: 13px solid red;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent; }

.sp-bottom-thumbnails.sp-has-pointer {
  margin-top: -13px; }

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  top: 18px;
  margin-top: 0 !important; }

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 5px solid red;
  top: 0;
  margin-top: 13px; }

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 0;
  margin-left: -8px;
  border-bottom: 13px solid red;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; }

.sp-top-thumbnails.sp-has-pointer {
  margin-bottom: -13px; }

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
  position: absolute;
  bottom: 18px; }

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  content: '';
  position: absolute;
  width: 100%;
  border-bottom: 5px solid red;
  bottom: 0;
  margin-bottom: 13px; }

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  border-top: 13px solid red;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent; }

.sp-layer {
  position: absolute;
  margin: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-backface-visibility: hidden; }

.sp-black {
  color: #FFF;
  background: #000;
  background: rgba(0, 0, 0, 0.7); }

.sp-white {
  color: #000;
  background: #fff;
  background: rgba(255, 255, 255, 0.7); }

.sp-rounded {
  border-radius: 10px; }

.sp-padding {
  padding: 10px; }

.sp-grab {
  cursor: url(images/openhand.cur), move; }

.sp-grabbing {
  cursor: url(images/closedhand.cur), move; }

.sp-selectable {
  cursor: default; }

.sp-caption-container {
  text-align: center;
  margin-top: 10px; }

.sp-full-screen {
  margin: 0 !important;
  background-color: #000; }

.sp-full-screen-button {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 200%;
  line-height: 1;
  cursor: pointer;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.sp-full-screen-button:before {
  content: "↕"; }

.sp-fade-full-screen {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity 0.5s; }

.slider-pro:hover .sp-fade-full-screen {
  opacity: 1; }

.sp-buttons {
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 10px; }

.sp-rtl .sp-buttons {
  direction: rtl; }

.sp-full-screen .sp-buttons {
  display: none; }

.sp-button {
  width: 10px;
  height: 10px;
  border: 2px solid #000;
  border-radius: 50%;
  margin: 4px;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer; }

.sp-selected-button {
  background-color: #000; }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .sp-button {
    width: 14px;
    height: 14px; } }
@media only screen and (min-width: 568px) and (max-width: 768px) {
  .sp-button {
    width: 16px;
    height: 16px; } }
@media only screen and (min-width: 320px) and (max-width: 568px) {
  .sp-button {
    width: 18px;
    height: 18px; } }
.sp-arrows {
  position: absolute; }

.sp-fade-arrows {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity 0.5s; }

.sp-slides-container:hover .sp-fade-arrows {
  opacity: 1; }

.sp-horizontal .sp-arrows {
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: -15px; }

.sp-vertical .sp-arrows {
  height: 100%;
  left: 50%;
  top: 0;
  margin-left: -10px; }

.sp-arrow {
  position: absolute;
  display: block;
  width: 20px;
  height: 30px;
  cursor: pointer; }

.sp-vertical .sp-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sp-horizontal .sp-previous-arrow {
  left: 20px;
  right: auto; }

.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow {
  right: 20px;
  left: auto; }

.sp-horizontal.sp-rtl .sp-next-arrow {
  left: 20px;
  right: auto; }

.sp-vertical .sp-previous-arrow {
  top: 20px; }

.sp-vertical .sp-next-arrow {
  bottom: 20px;
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg); }

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF; }

.sp-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg); }

.sp-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg); }

.sp-horizontal.sp-rtl .sp-previous-arrow, .sp-next-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.sp-horizontal.sp-rtl .sp-next-arrow {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.ie7 .sp-arrow, .ie8 .sp-arrow {
  width: 0;
  height: 0; }

.ie7 .sp-arrow:after, .ie7 .sp-arrow:before, .ie8 .sp-arrow:after, .ie8 .sp-arrow:before {
  content: none; }

.ie7.sp-horizontal .sp-previous-arrow, .ie8.sp-horizontal .sp-previous-arrow {
  border-right: 20px solid #FFF;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; }

.ie7.sp-horizontal .sp-next-arrow, .ie8.sp-horizontal .sp-next-arrow {
  border-left: 20px solid #FFF;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent; }

.ie7.sp-vertical .sp-previous-arrow, .ie8.sp-vertical .sp-previous-arrow {
  border-bottom: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent; }

.ie7.sp-vertical .sp-next-arrow, .ie8.sp-vertical .sp-next-arrow {
  border-top: 20px solid #FFF;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent; }

.sp-thumbnail-arrows {
  position: absolute; }

.sp-fade-thumbnail-arrows {
  opacity: 0;
  -webkit-transition: opacity .5s;
  transition: opacity 0.5s; }

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
  opacity: 1; }

.sp-bottom-thumbnails .sp-thumbnail-arrows, .sp-top-thumbnails .sp-thumbnail-arrows {
  width: 100%;
  top: 50%;
  left: 0;
  margin-top: -12px; }

.sp-left-thumbnails .sp-thumbnail-arrows, .sp-right-thumbnails .sp-thumbnail-arrows {
  height: 100%;
  top: 0;
  left: 50%;
  margin-left: -7px; }

.sp-thumbnail-arrow {
  position: absolute;
  display: block;
  width: 15px;
  height: 25px;
  cursor: pointer; }

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow, .sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

.sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .sp-top-thumbnails .sp-previous-thumbnail-arrow {
  left: 0; }

.sp-bottom-thumbnails .sp-next-thumbnail-arrow, .sp-top-thumbnails .sp-next-thumbnail-arrow {
  right: 0; }

.sp-left-thumbnails .sp-previous-thumbnail-arrow, .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  top: 0; }

.sp-left-thumbnails .sp-next-thumbnail-arrow, .sp-right-thumbnails .sp-next-thumbnail-arrow {
  bottom: 0; }

.sp-next-thumbnail-arrow:after, .sp-next-thumbnail-arrow:before, .sp-previous-thumbnail-arrow:after, .sp-previous-thumbnail-arrow:before {
  content: '';
  position: absolute;
  width: 50%;
  height: 50%;
  background-color: #FFF; }

.sp-previous-thumbnail-arrow:before {
  left: 30%;
  top: 0;
  -webkit-transform: skew(145deg, 0deg);
  -ms-transform: skew(145deg, 0deg);
  transform: skew(145deg, 0deg); }

.sp-previous-thumbnail-arrow:after {
  left: 30%;
  top: 50%;
  -webkit-transform: skew(-145deg, 0deg);
  -ms-transform: skew(-145deg, 0deg);
  transform: skew(-145deg, 0deg); }

.sp-next-thumbnail-arrow:before {
  right: 30%;
  top: 0;
  -webkit-transform: skew(35deg, 0deg);
  -ms-transform: skew(35deg, 0deg);
  transform: skew(35deg, 0deg); }

.sp-next-thumbnail-arrow:after {
  right: 30%;
  top: 50%;
  -webkit-transform: skew(-35deg, 0deg);
  -ms-transform: skew(-35deg, 0deg);
  transform: skew(-35deg, 0deg); }

.ie7 .sp-thumbnail-arrow, .ie8 .sp-thumbnail-arrow {
  width: 0;
  height: 0; }

.ie7 .sp-thumbnail-arrow:after, .ie7 .sp-thumbnail-arrow:before, .ie8 .sp-thumbnail-arrow:after, .ie8 .sp-thumbnail-arrow:before {
  content: none; }

.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow {
  border-right: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent; }

.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow {
  border-left: 12px solid #FFF;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent; }

.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
  border-bottom: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent; }

.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow, .ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow {
  border-top: 12px solid #FFF;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent; }

a.sp-video {
  text-decoration: none; }

a.sp-video img {
  -webkit-backface-visibility: hidden;
  border: none; }

a.sp-video:after {
  content: '\25B6';
  position: absolute;
  width: 45px;
  padding-left: 5px;
  height: 50px;
  border: 2px solid #FFF;
  text-align: center;
  font-size: 200%;
  border-radius: 30px;
  top: 0;
  color: #FFF;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.2);
  margin: auto;
  line-height: 52px; }

.slider-pro img.sp-image, .slider-pro img.sp-thumbnail {
  max-width: none;
  max-height: none;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  -webkit-box-shadow: none !important;
  -mox-box-shadow: none !important;
  box-shadow: none !important;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none; }

.slider-pro a {
  position: static;
  transition: none !important;
  -moz-transition: none !important;
  -webkit-transition: none !important;
  -o-transition: none !important; }

.slider-pro canvas, .slider-pro embed, .slider-pro iframe, .slider-pro object, .slider-pro video {
  max-width: none;
  max-height: none; }

.slider-pro p.sp-layer {
  font-size: 100%;
  line-height: 1.4;
  margin: 0; }

.slider-pro h1.sp-layer {
  font-size: 140%;
  line-height: 1.4;
  margin: 0; }

.slider-pro h2.sp-layer {
  font-size: 130%;
  line-height: 1.4;
  margin: 0; }

.slider-pro h3.sp-layer {
  font-size: 120%;
  line-height: 1.4;
  margin: 0; }

.slider-pro h4.sp-layer {
  font-size: 110%;
  line-height: 1.4;
  margin: 0; }

.slider-pro h5.sp-layer {
  font-size: 100%;
  line-height: 1.4;
  margin: 0; }

.slider-pro h6.sp-layer {
  font-size: 90%;
  line-height: 1.4;
  margin: 0; }

.slider-pro img.sp-layer {
  border: none; }

/*!===========================================================
  article
=========================================================== */
/* ページ内コンテンツ（エディタ入力）
--------------------------------------- */
/*-----------------------------------------------------------------------
PC用
------------------------------------------------------------------------*/
@media print, screen and (min-width: 1100px) {
  .content section {
    background-color: #fff; }

  /*最下層ページ　h2*/
  .titleOfContent {
    position: relative;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    width: 100%;
    /*min-height: 100px;*/
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #028002;
    border-bottom: 5px solid #F3E73F;
    font-size: 210%;
    padding: 18px 30px;
    padding-left: 46px;
    min-width: 715px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .titleOfContent::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(131, 195, 96, 0.7);
    left: 15px;
    top: 24px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; }

  #DynamicMenuLabel p {
    background: #028002;
    color: #fff;
    font-size: 142%;
    font-weight: bold;
    padding: 15px;
    border-radius: 5px 5px 0 0; }

  .contentBodyBox {
    padding: 10px 0 0 0;
    box-sizing: border-box; }

  .contentBody * {
    box-sizing: border-box; }

  .contentBody, .designContents {
    /*丸の装飾つきリスト*/
    /*このコンテンツに関連するキーワード*/
    /*テーブル*/ }
    .contentBody h2, .designContents h2 {
      position: relative;
      margin: 40px 0 25px;
      padding: 13px 20px;
      padding-left: 46px;
      color: #fff;
      width: 100%;
      font-size: 140%;
      border-bottom: 5px solid #F3E73F;
      background-color: #028002;
      box-sizing: border-box;
      border-radius: 5px 5px 0 0; }
    .contentBody h2::before, .designContents h2::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: 5px solid rgba(131, 195, 96, 0.7);
      left: 15px;
      top: 36%;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px; }
    .contentBody h3, .designContents h3 {
      position: relative;
      margin: 30px 0 20px;
      padding: 9px;
      padding-left: 46px;
      color: #028002;
      width: 100%;
      font-size: 142%;
      background-color: #none;
      border: 1px solid #028002;
      border-radius: 3px; }
    .contentBody h3::before, .designContents h3::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: 5px solid #028002;
      left: 15px;
      top: 14px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px; }
    .contentBody h4, .designContents h4 {
      margin: 30px 0 30px;
      padding: 0px 10px;
      color: #fff;
      font-size: 142%;
      background: #83C360;
      border-radius: 3px; }
    .contentBody h5, .designContents h5 {
      margin: 30px 0 10px;
      color: #028002;
      font-weight: bold;
      font-size: 128%;
      padding: 0;
      padding-bottom: 5px;
      border-bottom: 2px solid #028002; }
    .contentBody h6, .designContents h6 {
      margin: 30px 0 10px;
      color: #028002;
      font-weight: bold;
      font-size: 113%;
      padding: 0;
      padding-left: 10px;
      border-left: 3px solid #028002; }
    .contentBody p, .designContents p {
      line-height: 2;
      font-size: 100%;
      margin-bottom: 1em; }
    .contentBody img, .designContents img {
      max-width: 100% !important;
      height: auto; }
    .contentBody ol, .contentBody ul, .designContents ol, .designContents ul {
      padding: 10px 30px; }
    .contentBody ol li,
    .contentBody ul li, .designContents ol li,
    .designContents ul li {
      margin-bottom: 8px; }
    .contentBody ul, .designContents ul {
      padding: 0; }
    .contentBody ul li, .designContents ul li {
      margin-bottom: 15px;
      padding-left: 20px;
      position: relative;
      list-style: none; }
    .contentBody ul li::before, .designContents ul li::before {
      content: '';
      position: absolute;
      width: 4px;
      height: 4px;
      border: 3px solid rgba(131, 195, 96, 0.7);
      left: 5px;
      top: 5px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px; }
    .contentBody .contentKeywordSearch, .designContents .contentKeywordSearch {
      display: flex;
      justify-content: space-between;
      margin-top: 100px;
      padding-top: 10px;
      border-top: 1px dotted rgba(0, 0, 0, 0.5); }
    .contentBody .contentKeywordSearch ul, .designContents .contentKeywordSearch ul {
      width: 70%;
      display: flex;
      justify-content: flex-start;
      flex-wrap: wrap; }
    .contentBody .contentKeywordSearch ul li, .designContents .contentKeywordSearch ul li {
      position: static;
      width: auto;
      padding-left: 10px;
      margin-bottom: 5px;
      position: relative;
      list-style: none; }
    .contentBody .contentKeywordSearch ul li::before, .designContents .contentKeywordSearch ul li::before {
      display: none; }
    .contentBody blockquote, .designContents blockquote {
      margin: 0 0 10px;
      background-color: #ddd;
      padding: 1.2em 3em .5em;
      position: relative; }
    .contentBody blockquote:before, .designContents blockquote:before {
      content: "“";
      font-size: 600%;
      line-height: 1em;
      color: #999;
      position: absolute;
      left: 0;
      top: 0; }
    .contentBody blockquote:after, .designContents blockquote:after {
      content: "”";
      font-size: 600%;
      line-height: 1em;
      color: #999;
      position: absolute;
      right: 0;
      bottom: 0; }
    .contentBody dt, .designContents dt {
      font-weight: bold; }
    .contentBody p.content_p_01, .designContents p.content_p_01 {
      background: #FFFFCC; }
    .contentBody p.content_p_02, .designContents p.content_p_02 {
      background: #FFB9DC; }
    .contentBody p.content_p_03, .designContents p.content_p_03 {
      background: #B8D8E8; }
    .contentBody p.content_p_04, .designContents p.content_p_04 {
      background: #A4C76E; }
    .contentBody p.content_p_05, .designContents p.content_p_05 {
      background: #EFEFEF; }
    .contentBody p.content_p_06, .designContents p.content_p_06 {
      border: 2px solid #E15B02;
      background: #FFFFCC; }
    .contentBody p.content_p_07, .designContents p.content_p_07 {
      border: 2px solid #C7167B;
      background: #FFB9DC; }
    .contentBody p.content_p_08, .designContents p.content_p_08 {
      border: 2px solid #006699;
      background: #B8D8E8; }
    .contentBody p.content_p_09, .designContents p.content_p_09 {
      border: 2px solid #27792F;
      background: #A4C76E; }
    .contentBody p.content_p_10, .designContents p.content_p_10 {
      border: 2px solid #666666;
      background: #EFEFEF; }
    .contentBody span.content_span_01, .designContents span.content_span_01 {
      color: #AA0000; }
    .contentBody span.content_span_02, .designContents span.content_span_02 {
      color: #006699; }
    .contentBody span.content_span_03, .designContents span.content_span_03 {
      color: #27792F; }
    .contentBody a, .designContents a {
      word-break: break-all; }
    .contentBody table, .designContents table {
      width: 100%!important;
      font-size: 110%;
      text-align: left;
      line-height: 1.2;
      border: 1px solid #999999;
      border-collapse: collapse;
      border-spacing: 0; }
    .contentBody caption, .designContents caption {
      margin-bottom: 10px;
      text-align: left;
      font-size: 120%;
      font-weight: 100; }
    .contentBody th, .designContents th {
      padding: 10px 15px;
      border: 1px solid #999999;
      background: #fff7cc;
      color: #555;
      font-weight: bold; }
    .contentBody td, .designContents td {
      padding: 10px 15px;
      border: 1px solid #999999; }
    .contentBody thead,
    .contentBody tfoot, .designContents thead,
    .designContents tfoot {
      background: #FFFECC; }
    .contentBody tfoot, .designContents tfoot {
      font-weight: 100;
      font-size: 90%;
      line-height: 1.7; }

  .designContents table {
    border: none; }
  .designContents th {
    border: none; }
  .designContents td {
    border: none; }

  .gsc-result .gs-title {
    height: 1.6em !important; }

  /* このカテゴリー内の他のページ
  --------------------------------------- */
  .contextPages {
    margin-bottom: 70px;
    background-color: #FFF; }

  .contextPagesTitle {
    margin: 15px 0;
    padding: 5px 20px 5px;
    border-radius: 3px 3px 0 0;
    background: #4878A8;
    color: #fff;
    font-size: 142%;
    font-weight: bold; }

  ol.contextPagesList {
    margin: 0;
    padding: 0 0 20px; }

  ol.contextPagesList li {
    margin: 0;
    padding: .5em 0;
    background: url(/designs/standard/images/arrow_blue.png) no-repeat left top 13px;
    background-size: 16px auto;
    list-style: none;
    font-size: 110%;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }

  ol.contextPagesList li.current {
    padding: .5em 90px .5em 1.6em;
    background-image: url(images/icon_current.png), url(/designs/standard/images/arrow_blue.png);
    background-position: right center,left top 13px;
    background-size: 80px auto, 16px auto;
    background-repeat: no-repeat, no-repeat;
    font-weight: bold;
    display: inline-block;
    color: #000; }

  ol.contextPagesList li a {
    margin: 0 0 0.3em;
    color: #2d79c3;
    font-weight: bold;
    padding: 3px 0 2px 1.6em;
    background: url(images/icon_arrow.png) no-repeat left center;
    background-size: 16px auto;
    list-style: none; }

  /* カテゴリー情報
  --------------------------------------- */
  .categoryInfo {
    width: 100%;
    margin-top: 0;
    background-color: #FFF; }

  /*3階層ページ　h2*/
  .categoryInfoTitle {
    position: relative;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    width: 100%;
    /* min-height: 100px; */
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #83C360;
    border-bottom: 5px solid #F3E73F;
    font-size: 210%;
    padding: 18px 30px;
    padding-left: 46px;
    min-width: 715px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .categoryInfoTitle::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 15px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 5px solid rgba(2, 128, 2, 0.8); }

  /*.categoryInfoTitle::before {
      position: absolute;
      top: -63px;
      right: 0;
      content: '';
      display: block;
      width: 90px;
      height: 69px;
      background-image: url(images/character_img02.png);
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: 90px auto;
  }*/
  .categoryInfoText {
    padding-top: 15px;
    padding-right: 30px;
    padding-bottom: 5px;
    padding-left: 30px;
    font-size: 86%;
    line-height: 2; }

  /* サブカテゴリー一覧
  --------------------------------------- */
  .subcategoryList {
    margin-top: 20px; }

  .subcategoryListTitle {
    border-radius: 5px 5px 0 0;
    padding: 5px 20px;
    color: #FFF;
    font-size: 142%;
    background-color: #83C360; }

  .subcategoryListBody {
    margin: 0;
    padding: 15px 0 20px;
    background-color: #FFF; }

  .subcategory {
    padding: 5px 0;
    margin-bottom: 0;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }

  .subcategoryTitle {
    background: url(/designs/standard/images/arrow_blue_short.png) no-repeat left top 5px;
    background-size: 16px auto; }

  .subcategoryTitle a {
    display: inline-block;
    padding: 2px 0 1px;
    padding-left: 1.4em;
    background-image: url(images/icon_arrow.png);
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-position: left center; }

  li.localSecondaryMenu a.subCategoryMenuSelected {
    background: rgba(0, 0, 0, 0.05);
    color: #028002;
    font-weight: bold;
    text-decoration: none; }

  li.localSecondaryMenu a.subCategoryMenuSelected:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 1px #028002;
    border-right: solid 1px #028002;
    position: absolute;
    top: 15px;
    left: 40px;
    margin-top: -4px;
    transform: rotate(45deg); }

  /* ページフッター
  --------------------------------------- */
  .contentFooter {
    margin: 40px 0 0;
    padding: 20px;
    padding-top: 0;
    background: rgba(206, 234, 239, 0.6);
    border-radius: 5px 5px 0 0; }

  .contentFooter h5 {
    margin: 0 -20px 20px;
    padding: 5px 20px 5px;
    background: #4878A8;
    color: #fff;
    font-size: 142%;
    border: none;
    border-radius: 5px 5px 0 0; }

  .contentFooter p {
    margin: 0;
    line-height: 1.5; }

  .contentFooter p.address {
    font-size: 100%; }

  .contentFooter ul {
    margin-left: 20px; }

  .contentFooterLink {
    margin: 0;
    padding: 20px;
    font-size: 90%;
    border-top: 1px dotted rgba(0, 0, 0, 0.5);
    background: rgba(206, 234, 239, 0.6);
    border-radius: 0 0 5px 5px; }

  .contentFooterLink a {
    color: #2d79c3;
    font-weight: bold;
    text-decoration: none; } }
/*-----------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
  .content section {
    background-color: #fff; }

  .titleOfContent {
    position: relative;
    margin: 0 15px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    height: auto;
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #028002;
    border-bottom: 5px solid #F3E73F;
    font-size: 150%;
    padding: 8px 15px;
    padding-left: 40px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .titleOfContent::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(131, 195, 96, 0.7);
    left: 15px;
    top: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; }

  #DynamicMenuLabel p {
    background: #028002;
    color: #fff;
    font-size: 120%;
    font-weight: bold;
    padding: 15px;
    border-radius: 5px 5px 0 0; }

  .contentBodyBox {
    padding: 10px 15px 0 15px;
    box-sizing: border-box; }

  .contentBody * {
    box-sizing: border-box; }

  .contentBody, .designContents {
    /*丸の装飾つきリスト*/
    /*このコンテンツに関連するキーワード*/
    /*テーブル*/ }
    .contentBody h3, .designContents h3 {
      position: relative;
      margin: 30px 0 20px;
      padding: 9px;
      padding-left: 46px;
      color: #028002;
      width: 100%;
      font-size: 120%;
      background-color: #none;
      border: 1px solid #028002;
      border-radius: 3px; }
    .contentBody h3::before, .designContents h3::before {
      content: '';
      position: absolute;
      width: 10px;
      height: 10px;
      border: 5px solid #028002;
      left: 15px;
      top: 11px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px; }
    .contentBody h4, .designContents h4 {
      margin: 30px 0 30px;
      padding: 0px 10px;
      color: #fff;
      font-size: 120%;
      background: #83C360;
      border-radius: 3px; }
    .contentBody h5, .designContents h5 {
      margin: 30px 0 10px;
      color: #028002;
      font-weight: bold;
      font-size: 120%;
      padding: 0;
      padding-bottom: 5px;
      border-bottom: 2px solid #028002; }
    .contentBody h6, .designContents h6 {
      margin: 30px 0 10px;
      color: #028002;
      font-weight: bold;
      font-size: 113%;
      padding: 0;
      padding-left: 10px;
      border-left: 3px solid #028002; }
    .contentBody p, .designContents p {
      line-height: 2;
      font-size: 100%;
      margin-bottom: 1em;
      /*overflow: hidden;*/ }
    .contentBody img, .designContents img {
      max-width: 100% !important;
      height: auto !important;
      width: auto; }
    .contentBody ol, .contentBody ul, .designContents ol, .designContents ul {
      padding: 10px 30px; }
    .contentBody ol li,
    .contentBody ul li, .designContents ol li,
    .designContents ul li {
      margin-bottom: 8px; }
    .contentBody ul, .designContents ul {
      padding: 0; }
    .contentBody ul li, .designContents ul li {
      margin-bottom: 15px;
      padding-left: 20px;
      position: relative;
      list-style: none; }
    .contentBody ul li::before, .designContents ul li::before {
      content: '';
      position: absolute;
      width: 4px;
      height: 4px;
      border: 3px solid rgba(131, 195, 96, 0.7);
      left: 5px;
      top: 5px;
      -moz-border-radius: 50px;
      -webkit-border-radius: 50px;
      border-radius: 50px; }
    .contentBody .contentKeywordSearch, .designContents .contentKeywordSearch {
      flex-wrap: nowrap;
      margin-top: 70px;
      padding-top: 10px;
      border-top: 1px dotted rgba(0, 0, 0, 0.5); }
    .contentBody .contentKeywordSearch ul, .designContents .contentKeywordSearch ul {
      width: 100%;
      display: flex;
      margin-top: 5px;
      justify-content: flex-start;
      flex-wrap: wrap; }
    .contentBody .contentKeywordSearch ul li, .designContents .contentKeywordSearch ul li {
      position: static;
      width: auto;
      padding-left: 10px;
      margin-bottom: 5px;
      position: relative;
      list-style: none; }
    .contentBody .contentKeywordSearch ul li:first-child, .designContents .contentKeywordSearch ul li:first-child {
      padding: 0; }
    .contentBody .contentKeywordSearch ul li::before, .designContents .contentKeywordSearch ul li::before {
      display: none; }
    .contentBody blockquote, .designContents blockquote {
      margin: 0 0 10px;
      background-color: #ddd;
      padding: 1.2em 3em .5em;
      position: relative; }
    .contentBody blockquote:before, .designContents blockquote:before {
      content: "“";
      font-size: 600%;
      line-height: 1em;
      color: #999;
      position: absolute;
      left: 0;
      top: 0; }
    .contentBody blockquote:after, .designContents blockquote:after {
      content: "”";
      font-size: 600%;
      line-height: 1em;
      color: #999;
      position: absolute;
      right: 0;
      bottom: 0; }
    .contentBody dt, .designContents dt {
      font-weight: bold; }
    .contentBody p.content_p_01, .designContents p.content_p_01 {
      background: #FFFFCC; }
    .contentBody p.content_p_02, .designContents p.content_p_02 {
      background: #FFB9DC; }
    .contentBody p.content_p_03, .designContents p.content_p_03 {
      background: #B8D8E8; }
    .contentBody p.content_p_04, .designContents p.content_p_04 {
      background: #A4C76E; }
    .contentBody p.content_p_05, .designContents p.content_p_05 {
      background: #EFEFEF; }
    .contentBody p.content_p_06, .designContents p.content_p_06 {
      border: 2px solid #E15B02;
      background: #FFFFCC; }
    .contentBody p.content_p_07, .designContents p.content_p_07 {
      border: 2px solid #C7167B;
      background: #FFB9DC; }
    .contentBody p.content_p_08, .designContents p.content_p_08 {
      border: 2px solid #006699;
      background: #B8D8E8; }
    .contentBody p.content_p_09, .designContents p.content_p_09 {
      border: 2px solid #27792F;
      background: #A4C76E; }
    .contentBody p.content_p_10, .designContents p.content_p_10 {
      border: 2px solid #666666;
      background: #EFEFEF; }
    .contentBody span.content_span_01, .designContents span.content_span_01 {
      color: #AA0000; }
    .contentBody span.content_span_02, .designContents span.content_span_02 {
      color: #006699; }
    .contentBody span.content_span_03, .designContents span.content_span_03 {
      color: #27792F; }
    .contentBody a, .designContents a {
      word-break: break-all; }
    .contentBody table, .designContents table {
      table-layout: fixed;
      word-break: break-all;
      word-wrap: break-all;
      overflow-x: scroll;
      font-size: 110%;
      text-align: left;
      line-height: 1.2;
      border: 1px solid #999999;
      border-collapse: collapse;
      border-spacing: 0; }
    .contentBody caption, .designContents caption {
      margin-bottom: 10px;
      text-align: left;
      font-size: 120%;
      font-weight: 100; }
    .contentBody th, .designContents th {
      padding: 10px 15px;
      border: 1px solid #999999;
      background: #fff7cc;
      color: #555;
      font-weight: bold; }
    .contentBody td, .designContents td {
      padding: 10px 15px;
      border: 1px solid #999999; }
    .contentBody thead,
    .contentBody tfoot, .designContents thead,
    .designContents tfoot {
      background: #FFFECC; }
    .contentBody tfoot, .designContents tfoot {
      font-weight: 100;
      font-size: 90%;
      line-height: 1.7; }

  .designContents table {
    border: none; }
  .designContents th {
    border: none; }
  .designContents td {
    border: none; }

  .gsc-result .gs-title {
    height: 1.6em !important; }

  /* このカテゴリー内の他のページ
  --------------------------------------- */
  .contextPages {
    padding: 0 15px;
    width: 100%;
    margin-bottom: 70px;
    background-color: #FFF;
    box-sizing: border-box; }

  .contextPagesTitle {
    margin: 15px 0;
    padding: 5px 20px 5px;
    border-radius: 3px 3px 0 0;
    background: #4878A8;
    color: #fff;
    font-size: 142%;
    font-weight: bold; }

  ol.contextPagesList {
    margin: 0;
    padding: 0 0 20px; }

  ol.contextPagesList li {
    margin: 0;
    padding: .5em 0;
    background: url(/designs/standard/images/arrow_blue.png) no-repeat left top 13px;
    background-size: 16px auto;
    list-style: none;
    font-size: 110%;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }

  ol.contextPagesList li.current {
    padding: .5em 90px .5em 1.6em;
    background-image: url(images/icon_current.png), url(/designs/standard/images/arrow_blue.png);
    background-position: right center,left top 13px;
    background-size: 80px auto, 16px auto;
    background-repeat: no-repeat, no-repeat;
    font-weight: bold;
    display: inline-block;
    color: #000; }

  ol.contextPagesList li a {
    margin: 0 0 0.3em;
    color: #2d79c3;
    font-weight: bold;
    padding: 3px 0 2px 1.6em;
    background: url(images/icon_arrow.png) no-repeat left center;
    background-size: 16px auto;
    list-style: none; }

  /* カテゴリー情報
  --------------------------------------- */
  .categoryInfo {
    width: 100%;
    margin-top: 0;
    background-color: #FFF; }

  /*3階層ページ　h2*/
  .categoryInfoTitle {
    position: relative;
    margin: 0 15px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    height: auto;
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #83C360;
    border-bottom: 5px solid #F3E73F;
    font-size: 150%;
    padding: 8px 15px;
    padding-left: 40px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .categoryInfoTitle::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(2, 128, 2, 0.8);
    left: 15px;
    top: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; }

  background-size: 90px auto; }
.categoryInfo {
  margin-top: 0;
  /*padding: 0 15px;*/
  box-sizing: border-box; }

.categoryInfoText {
  padding-top: 15px;
  padding-right: 30px;
  padding-bottom: 5px;
  padding-left: 30px;
  font-size: 86%;
  line-height: 2; }

.categoryInfoText {
  font-size: 76%; }

/* サブカテゴリー一覧
--------------------------------------- */
.subcategoryList {
  margin: 0 15px;
  margin-top: 20px; }

.subcategoryListTitle {
  border-radius: 5px 5px 0 0;
  padding: 5px 20px;
  color: #FFF;
  font-size: 120%;
  background-color: #83C360; }

.subcategoryListBody {
  margin: 0;
  padding: 15px 0 20px;
  background-color: #FFF; }

/*.subcategoryListBody {
    padding: 15px 15px 30px;
}*/
.subcategory {
  padding: 5px 0;
  margin-bottom: 8px;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }

.subcategoryTitle {
  background: url(/designs/standard/images/arrow_blue_short.png) no-repeat left top 5px;
  background-size: 16px auto; }

.subcategoryTitle a {
  display: inline-block;
  padding: 2px 0 1px;
  padding-left: 1.4em;
  background-image: url(images/icon_arrow.png);
  background-repeat: no-repeat;
  background-size: 16px auto;
  background-position: left top 4px;
  display: block; }

/* ページフッター
--------------------------------------- */
.contentFooter {
  margin: 40px 0 0;
  padding: 20px;
  padding-top: 0;
  background: rgba(206, 234, 239, 0.6);
  border-radius: 5px 5px 0 0; }

.contentFooter h5 {
  margin: 0 -20px 20px;
  padding: 5px 20px 5px;
  background: #4878A8;
  color: #fff;
  font-size: 142%;
  border: none;
  border-radius: 5px 5px 0 0; }

.contentFooter p {
  margin: 0;
  line-height: 1.5; }

.contentFooter p.address {
  font-size: 100%; }

.contentFooter ul {
  margin-left: 20px; }

.contentFooterLink {
  margin: 0;
  padding: 20px;
  font-size: 90%;
  border-top: 1px dotted rgba(0, 0, 0, 0.5);
  background: rgba(206, 234, 239, 0.6);
  border-radius: 0 0 5px 5px; }

.contentFooterLink a {
  color: #2d79c3;
  font-weight: bold;
  text-decoration: none; }

/*!===========================================================
  app page
=========================================================== */
/* お知らせ
--------------------------------------- */
/*-----------------------------------------------------------------------
PC用
------------------------------------------------------------------------*/
@media print, screen and (min-width: 1100px) {
  .newsContents {
    margin: 0 0 20px;
    padding: 0 20px 5px;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }

  .newsTitle {
    margin: 0 -20px 10px;
    border-radius: 4px 4px 0 0;
    padding: 11px 30px;
    display: block;
    font-size: 120%;
    border-bottom: 3px solid #67a24b;
    color: #67a24b;
    background-color: #dfecda; }

  .newsContentDate {
    margin: 10px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #67a24b;
    background: #f6f6ee;
    color: #67a24b;
    font-size: 100%;
    line-height: 1.5;
    background-color: #f4f4ed; }

  .newsContent {
    margin: 0;
    padding: 0; }

  .newsNotice {
    font-size: 90%; }

  .newsContentTitle a {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center; }

  .newsList {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px;
    border-top: solid 1px #eeeedd; }
    .newsList::after {
      content: "";
      display: block;
      clear: both; }

  .newsContent .newsList a {
    clear: left;
    display: block;
    float: left;
    margin: 0 10px 5px 0;
    padding: 4px 10px 2px 10px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 90%;
    line-height: 1.6;
    background-color: #777777;
    color: #FFF;
    text-decoration: none; }

  /*左側日付ボックス*/
  .newsNavi {
    /*width: 255px;*/ }

  .newsCalBox {
    position: relative;
    z-index: 99;
    box-sizing: border-box;
    margin: 0 0 0;
    padding: 15px 15px 10px;
    border-top: solid 5px #eeeedd;
    border-right: solid 5px #eeeedd;
    border-bottom: solid 5px #eeeedd;
    border-left: solid 5px #eeeedd;
    background: #FFF; }

  .newsCalBox li {
    margin: 0 0 5px;
    padding-left: 12px;
    list-style: none;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; }

  .newsCalBox li a {
    text-decoration: none; }

  .newsCalCurrent a {
    color: #333; }

  /*右側お知らせメインコンテンツ*/
  .newsBox {
    /*width: 1000px;*/
    border-radius: 3px 3px 0 0;
    background-color: #FFF; }

  .newsListBody {
    margin: 0; }

  .newsContent {
    margin: 0 0 5px; }

  .newsContentList {
    max-height: 300px;
    overflow-y: auto; }

  .newsContent .contentTitle {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; }

  .newsContent .contentTitle a {
    text-decoration: none; }

  .newsBoxTitle {
    position: relative;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    width: 100%;
    /* min-height: 100px; */
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #83C360;
    border-bottom: 5px solid #F3E73F;
    font-size: 210%;
    padding: 18px 30px;
    padding-left: 46px;
    min-width: 715px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .newsBoxTitle:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 15px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 5px solid rgba(2, 128, 2, 0.8); }

  .newsDate {
    margin: 20px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #028002;
    background: #f6f6ee;
    color: #000000;
    font-size: 100%;
    line-height: 1.5; } }
/*-----------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
  .newsContents {
    margin: 0 0 20px;
    padding: 0 20px 5px;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }

  .newsTitle {
    margin: 0 0 10px;
    border-radius: 4px 4px 0 0;
    padding: 11px 30px;
    display: block;
    font-size: 120%;
    border-bottom: 3px solid #67a24b;
    color: #67a24b;
    background-color: #dfecda; }

  .newsContentDate {
    margin: 10px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #67a24b;
    background: #f6f6ee;
    color: #67a24b;
    font-size: 100%;
    line-height: 1.5;
    background-color: #f4f4ed; }

  .newsContent {
    margin: 0;
    padding: 0; }

  .newsNotice {
    font-size: 90%; }

  .newsContentTitle a {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center; }

  .newsList {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px;
    border-top: solid 1px #eeeedd; }
    .newsList::after {
      content: "";
      display: block;
      clear: both; }

  .newsContent .newsList a {
    clear: left;
    display: block;
    float: left;
    margin: 0 10px 5px 0;
    padding: 4px 10px 2px 10px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 90%;
    line-height: 1.6;
    background-color: #777777;
    color: #FFF;
    text-decoration: none; }

  /*左側日付ボックス*/
  .newsNavi {
    width: 255px; }

  .newsCalBox {
    position: relative;
    z-index: 99;
    box-sizing: border-box;
    margin: 0 0 0;
    padding: 15px 15px 10px;
    border-top: solid 5px #eeeedd;
    border-right: solid 5px #eeeedd;
    border-bottom: solid 5px #eeeedd;
    border-left: solid 5px #eeeedd;
    background: #FFF; }

  .newsCalBox li {
    margin: 0 0 5px;
    padding-left: 12px;
    list-style: none;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; }

  .newsCalBox li a {
    text-decoration: none; }

  .newsCalCurrent a {
    color: #333; }

  /*右側お知らせメインコンテンツ*/
  .newsBox {
    border-radius: 3px 3px 0 0;
    background-color: #FFF;
    padding: 0 15px 20px; }

  .newsListBody {
    margin: 0; }

  .newsContent {
    margin: 0 0 5px; }

  .newsContentList {
    max-height: 300px;
    overflow-y: auto; }

  .newsContent .contentTitle {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left top 3px;
    display: block; }

  .newsContent .contentTitle a {
    text-decoration: none; }

  .newsBoxTitle {
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    height: auto;
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #83C360;
    border-bottom: 5px solid #F3E73F;
    font-size: 150%;
    padding: 8px 15px;
    padding-left: 40px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .newsBoxTitle::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(2, 128, 2, 0.8);
    left: 15px;
    top: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-size: 90px auto; }

  .newsDate {
    margin: 20px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #028002;
    background: #f6f6ee;
    color: #000000;
    font-size: 100%;
    line-height: 1.5; } }
/*-----------------------------------------------------------------------
PC用
------------------------------------------------------------------------*/
@media print, screen and (min-width: 1100px) {
  /* イベントカレンダー
  --------------------------------------- */
  .eventContents {
    margin: 0;
    /*padding: 0 20px 5px;*/
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }

  .eventTitle {
    margin: 0 -20px 10px;
    border-radius: 4px 4px 0 0;
    padding: 11px 30px;
    display: block;
    font-size: 120%;
    border-bottom: 3px solid #1A8ACC;
    color: #1A8ACC;
    background-color: #CFEDFF; }

  .eventDate {
    margin: 10px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #1A8ACC;
    background: #f6f6ee;
    color: #1A8ACC;
    font-size: 100%;
    line-height: 1.5;
    background-color: #f4f4ed; }

  .eventContentDesc {
    margin: 0;
    padding: 0; }

  .eventNotice {
    font-size: 90%; }

  .eventContentTitle a {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center; }

  .eventList {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px;
    border-top: solid 1px #eeeedd; }
    .eventList::after {
      content: "";
      display: block;
      clear: both; }

  .eventContentList {
    max-height: 300px;
    overflow-y: auto; }

  .eventContents .eventList a {
    clear: left;
    display: block;
    float: left;
    margin: 0 10px 5px 0;
    padding: 4px 10px 2px 10px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 90%;
    line-height: 1.6;
    background-color: #777777;
    color: #FFF;
    text-decoration: none; }

  /*左側日付ボックス*/
  .eventNavi {
    /*width: 255px;*/ }

  .eventCalBox {
    position: relative;
    z-index: 99;
    box-sizing: border-box;
    margin: 0 0 0;
    padding: 15px 15px 10px;
    border-top: solid 5px #eeeedd;
    border-right: solid 5px #eeeedd;
    border-bottom: solid 5px #eeeedd;
    border-left: solid 5px #eeeedd;
    background: #FFF; }

  .eventCalBox li {
    margin: 0 0 5px;
    padding-left: 12px;
    list-style: none;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; }

  .eventCalBox li a {
    text-decoration: none; }

  .eventCalCurrent a {
    color: #333; }

  /*右側イベントメインコンテンツ*/
  .eventBox {
    /*padding: 0 20px 20px;*/
    padding: 0;
    border-radius: 3px 3px 0 0;
    background-color: #FFF;
    box-sizing: border-box; }

  .eventBox .Calendar {
    width: 100%; }

  .eventBoxTitle {
    position: relative;
    margin: 0 0 20px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    width: 100%;
    /* min-height: 100px; */
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #83C360;
    border-bottom: 5px solid #F3E73F;
    font-size: 210%;
    padding: 18px 30px;
    padding-left: 46px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .eventBoxTitle::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 15px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 5px solid rgba(2, 128, 2, 0.8); }

  .eventContent {
    margin: 0 0 5px; }

  .eventContent .contentTitle {
    margin: 0;
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; }

  .eventContent .contentTitle a {
    text-decoration: none; }

  .eventDate {
    margin: 20px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #028002;
    background: #f6f6ee;
    color: #000000;
    font-size: 100%;
    line-height: 1.5; }

  /*----------------------------------------------
        イベントカレンダー　一覧ページテーブル表示
  ----------------------------------------------*/
  div.eventBody table.Calendar {
    margin: 20px 0 0;
    padding: 0;
    /* cellpadding="0" cellspacing="0" don't write */
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666; }

  table.Calendar th,
  table.Calendar td {
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666; }

  table.Calendar td {
    max-height: 100%;
    width: 14%;
    height: 100px;
    vertical-align: top; }

  /* ヘダーセル */
  table.Calendar th.monday,
  table.Calendar th.tuesday,
  table.Calendar th.wednesday,
  table.Calendar th.thursday,
  table.Calendar th.friday,
  table.Calendar th.saturday,
  table.Calendar th.sunday {
    padding: 8px 0;
    background: #C2C2C2;
    color: #000000;
    vertical-align: middle;
    text-align: center; }

  table.Calendar th.saturday {
    background: #7FBF7F; }

  table.Calendar th.sunday {
    background: #CA7F7F; }

  /* データセル 表示対象 */
  table.Calendar td.monday,
  table.Calendar td.tuesday,
  table.Calendar td.wednesday,
  table.Calendar td.thursday,
  table.Calendar td.friday,
  table.Calendar td.saturday,
  table.Calendar td.sunday {
    background: #FFFFFF; }

  /* データセル 表示対象外 */
  table.Calendar td.noTarget_monday,
  table.Calendar td.noTarget_tuesday,
  table.Calendar td.noTarget_wednesday,
  table.Calendar td.noTarget_thursday,
  table.Calendar td.noTarget_friday,
  table.Calendar td.noTarget_saturday,
  table.Calendar td.noTarget_sunday {
    background: #FFFFFF; }

  /* 日付 */
  table.Calendar div {
    margin: 0 0 5px;
    padding: 0 5px;
    background: #E0E0E0;
    text-align: right; }

  table.Calendar td.saturday div {
    background: #CCE6CC; }

  table.Calendar td.sunday div {
    background: #EACCCC; }

  /* イベントのリスト */
  table.Calendar td ul.calendar_event {
    margin: auto;
    padding: 0 5px 5px;
    list-style: none; }

  table.Calendar td ul.calendar_event li {
    font-size: small; }

  table.Calendar td ul.calendar_event li.oneday_event {
    padding: 2px 0 2px 15px;
    background: url(images/oneday_event_bg.gif) no-repeat top left; }

  table.Calendar td ul.calendar_event li.moredays_event {
    padding: 2px 0 2px 15px;
    background: url(images/moredays_event_bg.gif) no-repeat top left; }

  /* イベントカレンダー 詳細ページ
  --------------------------------------- */ }
/*-----------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
  /* イベントカレンダー
  --------------------------------------- */
  .eventContents {
    margin: 0;
    padding: 0 20px 5px;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }

  .eventTitle {
    margin: 0 0 10px;
    border-radius: 4px 4px 0 0;
    padding: 11px 30px;
    display: block;
    font-size: 120%;
    border-bottom: 3px solid #1A8ACC;
    color: #1A8ACC;
    background-color: #CFEDFF; }

  .eventDate {
    margin: 10px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #1A8ACC;
    background: #f6f6ee;
    color: #1A8ACC;
    font-size: 100%;
    line-height: 1.5;
    background-color: #f4f4ed; }

  .eventContentDesc {
    margin: 0;
    padding: 0; }

  .eventNotice {
    font-size: 90%; }

  .eventContentTitle a {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center; }

  .eventList {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px;
    border-top: solid 1px #eeeedd; }
    .eventList::after {
      content: "";
      display: block;
      clear: both; }

  .eventContentList {
    max-height: 300px;
    overflow-y: auto; }

  .eventContents .eventList a {
    clear: left;
    display: block;
    float: left;
    margin: 0 10px 5px 0;
    padding: 4px 10px 2px 10px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 90%;
    line-height: 1.6;
    background-color: #777777;
    color: #FFF;
    text-decoration: none; }

  .contentEventDate {
    padding: 0 15px; }

  /*左側日付ボックス*/
  .eventNavi {
    width: 255px; }

  .eventCalBox {
    position: relative;
    z-index: 99;
    box-sizing: border-box;
    margin: 0 0 0;
    padding: 15px 15px 10px;
    border-top: solid 5px #eeeedd;
    border-right: solid 5px #eeeedd;
    border-bottom: solid 5px #eeeedd;
    border-left: solid 5px #eeeedd;
    background: #FFF; }

  .eventCalBox li {
    margin: 0 0 5px;
    padding-left: 12px;
    list-style: none;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; }

  .eventCalBox li a {
    text-decoration: none; }

  .eventCalCurrent a {
    color: #333; }

  /*右側イベントメインコンテンツ*/
  .eventBox {
    padding: 0 15px 20px;
    border-radius: 3px 3px 0 0;
    background-color: #FFF;
    box-sizing: border-box; }

  .eventBoxTitle {
    position: relative;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    height: auto;
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #83C360;
    border-bottom: 5px solid #F3E73F;
    font-size: 150%;
    padding: 8px 15px;
    padding-left: 40px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .eventBoxTitle::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(2, 128, 2, 0.8);
    left: 15px;
    top: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-size: 90px auto; }

  .eventContent {
    margin: 0 0 5px; }

  .eventContent .contentTitle {
    margin: 0;
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; }

  .eventContent .contentTitle a {
    text-decoration: none; }

  .eventDate {
    margin: 20px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #028002;
    background: #f6f6ee;
    color: #000000;
    font-size: 100%;
    line-height: 1.5; }

  /*----------------------------------------------
        イベントカレンダー　一覧ページテーブル表示
  ----------------------------------------------*/
  div.eventBody table.Calendar {
    margin: 20px 0 0;
    padding: 0;
    /* cellpadding="0" cellspacing="0" don't write */
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666; }

  table.Calendar th,
  table.Calendar td {
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666; }

  table.Calendar td {
    max-height: 100%;
    width: 14%;
    height: 100px;
    vertical-align: top; }

  /* ヘダーセル */
  table.Calendar th.monday,
  table.Calendar th.tuesday,
  table.Calendar th.wednesday,
  table.Calendar th.thursday,
  table.Calendar th.friday,
  table.Calendar th.saturday,
  table.Calendar th.sunday {
    padding: 8px 0;
    background: #C2C2C2;
    color: #000000;
    vertical-align: middle;
    text-align: center; }

  table.Calendar th.saturday {
    background: #7FBF7F; }

  table.Calendar th.sunday {
    background: #CA7F7F; }

  /* データセル 表示対象 */
  table.Calendar td.monday,
  table.Calendar td.tuesday,
  table.Calendar td.wednesday,
  table.Calendar td.thursday,
  table.Calendar td.friday,
  table.Calendar td.saturday,
  table.Calendar td.sunday {
    background: #FFFFFF; }

  /* データセル 表示対象外 */
  table.Calendar td.noTarget_monday,
  table.Calendar td.noTarget_tuesday,
  table.Calendar td.noTarget_wednesday,
  table.Calendar td.noTarget_thursday,
  table.Calendar td.noTarget_friday,
  table.Calendar td.noTarget_saturday,
  table.Calendar td.noTarget_sunday {
    background: #FFFFFF; }

  /* 日付 */
  table.Calendar div {
    margin: 0 0 5px;
    padding: 0 5px;
    background: #E0E0E0;
    text-align: right; }

  table.Calendar td.saturday div {
    background: #CCE6CC; }

  table.Calendar td.sunday div {
    background: #EACCCC; }

  /* イベントのリスト */
  table.Calendar td ul.calendar_event {
    margin: auto;
    padding: 0 5px 5px;
    list-style: none; }

  table.Calendar td ul.calendar_event li {
    font-size: small; }

  table.Calendar td ul.calendar_event li.oneday_event {
    padding: 2px 0 2px 15px;
    background: url(images/oneday_event_bg.gif) no-repeat top left; }

  table.Calendar td ul.calendar_event li.moredays_event {
    padding: 2px 0 2px 15px;
    background: url(images/moredays_event_bg.gif) no-repeat top left; }

  /* イベントカレンダー 詳細ページ
  --------------------------------------- */ }
#fresh {
  margin: 0 0 30px;
  background-color: rgba(206, 234, 239, 0.3);
  border-radius: 5px; }

h2.freshTitle {
  border-radius: 4px 4px 0 0;
  padding: 12px 30px;
  margin-top: 0;
  display: block;
  color: #FFF;
  font-size: 142%;
  background-color: #4878A8;
  border-bottom: 5px solid #F3E73F; }

h2.freshTitle:before {
  display: none; }

.freshContentList {
  margin: 5%;
  margin-top: 0;
  box-sizing: border-box; }

.freshContentBlock {
  padding: 11px 0;
  border-bottom: 1px dotted rgba(0, 0, 0, 0.5); }
  .freshContentBlock::after {
    content: "";
    display: block;
    clear: both; }

.freshContentDate {
  float: left;
  width: 8em;
  color: #666;
  width: 100%;
  margin-bottom: 0.3em; }

.freshContentTitle {
  margin: 0;
  padding-left: 0; }

.freshContentTitle a {
  color: #2d79c3;
  font-weight: bold;
  padding-left: 1.5em;
  background: url(/designs/standard/images/arrow_blue_short.png) no-repeat left top;
  background-size: 14px auto; }

@media screen and (max-width: 1100px) {
  #fresh {
    margin: 0 15px 30px; }

  h2.freshTitle {
    border-radius: 4px 4px 0 0;
    padding: 15px;
    font-size: 120%; } }
/* 注目情報
--------------------------------------- */
/*-----------------------------------------------------------------------
PC用
------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .attentionContents {
    margin: 0 0 30px;
    padding: 0 0 5px;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }

  .attentionTitle {
    margin: 0 0 10px;
    border-radius: 10px;
    padding: 8px 30px;
    display: block;
    font-size: 120%;
    color: #fff;
    background-color: #1a8acc; }

  .attentionContentTitle {
    margin: 0;
    padding: .3em 1em .3em 0;
    font-weight: normal;
    line-height: 1.5;
    overflow: auto;
    clear: both; }

  .attentionContentTitle a {
    padding-left: 1.4em;
    color: #2d79c3;
    font-size: 120%;
    background-image: url(images/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 16px auto; }

  .attentionContentList {
    max-height: 300px;
    overflow-y: auto; }

  span.attentionContentFooter {
    vertical-align: bottom;
    display: inline-block;
    color: #666666;
    text-align: center;
    padding: .1em 1em;
    font-size: 100%;
    border-radius: 1em 1em 1em 1em; } }
/*-----------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .attentionContents {
    margin: 0 0 30px;
    padding: 0 0 5px;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%;
    padding: 0 15px; }

  .attentionTitle {
    margin: 0 0 10px;
    border-radius: 10px;
    padding: 8px 30px;
    display: block;
    font-size: 120%;
    color: #fff;
    background-color: #1a8acc; }

  .attentionContentTitle {
    margin: 0;
    padding: .3em 1em .3em 0;
    font-weight: normal;
    line-height: 1.5;
    overflow: auto;
    clear: both; }

  .attentionContentTitle a {
    padding-left: 1.4em;
    color: #2d79c3;
    font-size: 120%;
    background-image: url(images/icon_arrow.png);
    background-repeat: no-repeat;
    background-position: left top 3px;
    background-size: 16px auto;
    display: block; }

  .attentionContentList {
    max-height: 300px;
    overflow-y: auto; }

  span.attentionContentFooter {
    vertical-align: bottom;
    display: inline-block;
    color: #666666;
    text-align: center;
    padding: 0;
    font-size: 100%;
    border-radius: 1em 1em 1em 1em; } }
/*-----------------------------------------------------------------------
PC用
------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  /* タブボックス
  --------------------------------------- */
  .HomeTabBox {
    box-sizing: border-box;
    margin: 0 0 35px;
    width: 650px;
    overflow: hidden;
    float: left; }

  /* ホーム用タブ */
  .HomeTabBox #tabmenu {
    margin: 0;
    font-size: 120%; }

  .HomeTabBox #tabmenu li {
    float: left;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    padding: 12px 15px 12px;
    height: 45px;
    width: 140px;
    box-sizing: border-box;
    border-radius: 0;
    text-align: center;
    font-weight: bold;
    list-style: none;
    cursor: pointer;
    border-radius: 5px 5px 0 0; }

  .HomeTabBox #tabmenu li:first-child,
  .HomeTabBox #tabmenu li.select:first-child {
    margin: 0 5px 0 0; }

  .HomeTabBox #tabmenu li span {
    display: block; }

  .attentionTab {
    color: #0054a5;
    background-color: #d6ebff; }

  .attentionTab.select {
    color: #fff;
    background-color: #0054a5; }

  .updateTab {
    color: #925b02;
    background-color: #fdedd3; }

  .updateTab.select {
    color: #fff;
    background-color: #925b02; }

  .bousaiTab {
    color: #267400;
    background-color: #dfecda; }

  .bousaiTab.select {
    color: #fff;
    background-color: #267400; }

  .eventTab {
    color: #d13e48;
    background-color: #f5d6d9; }

  .eventTab.select {
    color: #fff;
    background-color: #d13e48; }

  .content_wrap .freshContent,
  .content_wrap .attentionContents,
  .content_wrap .newsContents,
  .content_wrap .eventContents {
    font-size: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden; }

  /*タイトル非表示*/
  .HomeTabBox .newsTitle {
    display: none; }

  /* コンテンツエリア共通 */
  .disnon {
    display: none; }

  .content_wrap {
    overflow: auto;
    max-height: 570px;
    background: #FFF; }

  .content_wrap div.newsContents,
  .content_wrap div.attentionContents {
    margin: 0 !important; }

  /* タイトル等を非表示に */
  /*お知らせ*/
  .HomeTabBox .newsContents {
    margin: 0;
    padding: 0 20px 5px;
    border-top: 3px solid #67a24b;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }
  .HomeTabBox .newsList {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px;
    border-top: solid 1px #eeeedd; }
  .HomeTabBox .newsDate {
    border-left: 3px solid #67a24b; }
  .HomeTabBox .newsList a {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px 10px 2px 20px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 100%;
    line-height: 1.6;
    background-color: #777777;
    color: #FFF;
    text-decoration: none; }
  .HomeTabBox .newsContentTitle a {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center; }

  /*イベント*/
  .HomeTabBox .eventTitle {
    display: none; }
  .HomeTabBox .eventContent {
    margin: 0;
    padding: 0 20px 5px;
    border-top: 3px solid #d13e48;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }
  .HomeTabBox .eventDate {
    margin: 20px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #d13e48;
    background: #f6f6ee;
    color: #000000;
    font-size: 100%;
    line-height: 1.5; }
  .HomeTabBox .eventContentDesc {
    margin: 0; }
  .HomeTabBox .eventContentTitle a {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center; }
  .HomeTabBox .eventList {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px;
    border-top: solid 1px #eeeedd; }
    .HomeTabBox .eventList::after {
      content: "";
      display: block;
      clear: both; }
  .HomeTabBox .eventList .eventContent a {
    margin: 0 0 5px;
    padding-left: 12px;
    list-style: none;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; } }
/*-----------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  /* タブボックス
  --------------------------------------- */
  .HomeTabBox {
    box-sizing: border-box;
    margin: 0 0 35px;
    width: 650px;
    overflow: hidden;
    float: left; }

  /* ホーム用タブ */
  .HomeTabBox #tabmenu {
    margin: 0;
    font-size: 120%; }

  .HomeTabBox #tabmenu li {
    float: left;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    padding: 12px 15px 12px;
    height: 45px;
    width: 140px;
    box-sizing: border-box;
    border-radius: 0;
    text-align: center;
    font-weight: bold;
    list-style: none;
    cursor: pointer;
    border-radius: 5px 5px 0 0; }

  .HomeTabBox #tabmenu li:first-child,
  .HomeTabBox #tabmenu li.select:first-child {
    margin: 0 5px 0 0; }

  .HomeTabBox #tabmenu li span {
    display: block; }

  .attentionTab {
    color: #0054a5;
    background-color: #d6ebff; }

  .attentionTab.select {
    color: #fff;
    background-color: #0054a5; }

  .updateTab {
    color: #925b02;
    background-color: #fdedd3; }

  .updateTab.select {
    color: #fff;
    background-color: #925b02; }

  .bousaiTab {
    color: #267400;
    background-color: #dfecda; }

  .bousaiTab.select {
    color: #fff;
    background-color: #267400; }

  .eventTab {
    color: #d13e48;
    background-color: #f5d6d9; }

  .eventTab.select {
    color: #fff;
    background-color: #d13e48; }

  .content_wrap .freshContent,
  .content_wrap .attentionContents,
  .content_wrap .newsContents,
  .content_wrap .eventContents {
    font-size: 100%;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden; }

  /*タイトル非表示*/
  .HomeTabBox .newsTitle {
    display: none; }

  /* コンテンツエリア共通 */
  .disnon {
    display: none; }

  .content_wrap {
    overflow: auto;
    max-height: 570px;
    background: #FFF; }

  .content_wrap div.newsContents,
  .content_wrap div.attentionContents {
    margin: 0 !important; }

  /* タイトル等を非表示に */
  /*お知らせ*/
  .HomeTabBox .newsContents {
    margin: 0;
    padding: 0 20px 5px;
    border-top: 3px solid #67a24b;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }
  .HomeTabBox .newsList {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px;
    border-top: solid 1px #eeeedd; }
  .HomeTabBox .newsDate {
    border-left: 3px solid #67a24b; }
  .HomeTabBox .newsList a {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 4px 10px 2px 20px;
    border-radius: 3px;
    text-decoration: none;
    font-size: 100%;
    line-height: 1.6;
    background-color: #777777;
    color: #FFF;
    text-decoration: none; }
  .HomeTabBox .newsContentTitle a {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center; }

  /*イベント*/
  .HomeTabBox .eventTitle {
    display: none; }
  .HomeTabBox .eventContent {
    margin: 0;
    padding: 0 20px 5px;
    border-top: 3px solid #d13e48;
    border-radius: 0 0 5px 5px;
    background: #FFF;
    color: #000000;
    font-size: 90%; }
  .HomeTabBox .eventDate {
    margin: 20px 0 10px;
    background: none;
    font-weight: normal;
    padding: 4px 5px 1px;
    border-left: 3px solid #d13e48;
    background: #f6f6ee;
    color: #000000;
    font-size: 100%;
    line-height: 1.5; }
  .HomeTabBox .eventContentDesc {
    margin: 0; }
  .HomeTabBox .eventContentTitle a {
    padding-left: 12px;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 6px auto;
    background-position: left center; }
  .HomeTabBox .eventList {
    overflow: hidden;
    margin: 0;
    padding: 10px 0 10px;
    border-top: solid 1px #eeeedd; }
    .HomeTabBox .eventList::after {
      content: "";
      display: block;
      clear: both; }
  .HomeTabBox .eventList .eventContent a {
    margin: 0 0 5px;
    padding-left: 12px;
    list-style: none;
    background-image: url(images/common_arrow.png);
    background-repeat: no-repeat;
    background-size: 7px auto;
    background-position: left center; } }
/* 震災復興関係
--------------------------------------- */
.HomeReconstruction {
  width: 310px;
  float: right; }

.HomeReconstructionTitle {
  font-size: 120%;
  padding: 9px 10px;
  text-align: center;
  color: #4d7938;
  border-bottom: 3px solid #67a24b; }

div.designContents ul.HomeReconstructionList {
  margin: 0;
  padding: 20px 20px;
  background-color: #FFF;
  font-size: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto; }

.HomeReconstructionList__item {
  list-style: none;
  line-height: 1.2;
  font-size: small;
  color: #333;
  margin: 0 0 15px 0; }

.HomeReconstructionList__item a {
  padding-left: 1em;
  background-image: url(images/common_arrow.png);
  background-repeat: no-repeat;
  background-position: left top 2px;
  background-size: 7px auto;
  display: block; }

/*-----------------------------------------------------------------------
PC用
------------------------------------------------------------------------*/
@media print, screen and (min-width: 1100px) {
  /* ライフイベント一覧
  --------------------------------------- */
  .KeywordSearchKeywordListTitle {
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    width: 1100px;
    /* min-height: 100px; */
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #83C360;
    border-bottom: 5px solid #F3E73F;
    font-size: 210%;
    padding: 18px 30px;
    padding-left: 46px;
    max-width: 1100px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .KeywordSearchKeywordListTitle::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 15px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 5px solid rgba(2, 128, 2, 0.8); }

  .KeywordSearchKeywordListBody {
    clear: both;
    margin: 0 0 30px 0;
    padding: 15px 20px 20px;
    border-right: 5px solid #83C360;
    border-bottom: 5px solid #83C360;
    border-left: 5px solid #83C360;
    background: #FFF;
    width: 1100px;
    box-sizing: border-box; }

  .KeywordSearchKeywordListKWStringTitle a {
    padding: 0 0 0 9px;
    background-image: url(images/icon_arrow_s.png);
    background-size: 4px auto;
    background-position: left center;
    background-repeat: no-repeat;
    color: #0066cc;
    text-decoration: none; }

  /* カテゴリ一覧
  --------------------------------------- */
  .categoryTitle {
    padding: 0;
    height: 190px;
    margin-bottom: 30px;
    position: relative;
    border-left: 10px solid #c03a34;
    box-sizing: border-box;
    background-color: #f7e3e3; }
    .categoryTitle::after {
      content: "";
      display: block;
      clear: both; }

  /*観光情報タイトル*/
  .GroupId8 .categoryTitle {
    border-left: 10px solid #4e74bf;
    background-color: #edfafe; }

  /*定住情報タイトル*/
  .GroupId12 .categoryTitle {
    border-left: 10px solid #f6c143;
    background-color: #ffffe4; }

  /*歴史・文化タイトル*/
  .GroupId9 .categoryTitle {
    border-left: 10px solid #b13b35;
    background-color: #fcefdb; }

  /*事業者情報タイトル*/
  .GroupId11 .categoryTitle {
    border-left: 10px solid #734c9b;
    background-color: #f7f0fe; }

  /*町政情報タイトル*/
  .GroupId7 .categoryTitle {
    border-left: 10px solid #3a3838;
    background-color: #ededed; }

  .categoryTitle img {
    width: auto;
    height: 190px;
    float: right; }

  .categoryTitle span span {
    position: absolute;
    top: 36%;
    color: #5f350f;
    left: 20px;
    font-size: 240%; }

  /* カテゴリ一覧
  --------------------------------------- */
  .categoryListGroupContent::after {
    content: "";
    display: block;
    clear: both; }

  /*カテゴリー一覧 h2タイトル*/
  .categorylistContents h2.categorylistTitle {
    padding: 12px 30px; }

  .categorylistContents h2.categorylistTitle:before {
    display: none; }

  /*現在選択しているカテゴリ*/
  .categorylistContents h3.categorylistHeaderNameHome {
    display: none; }

  .categorylistContents ul.categorylistContent li.categoryListGroup {
    padding: 0; }

  .categorylistContents ul.categorylistContent li.categoryListGroup:before {
    display: none; }

  /*幅50%の各カテゴリ*/
  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory {
    padding: 0;
    position: relative;
    font-size: 67%;
    width: 49%;
    background: rgba(243, 231, 63, 0.2);
    border-radius: 0 0 5px 5px; }

  /*幅50%の各カテゴリのh4タイトル*/
  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory h4.categorylistCategoryName {
    background: #028002;
    border-radius: 5px 5px 0 0;
    margin-top: 0;
    margin-bottom: 10px; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory h4.categorylistCategoryName a {
    color: #fff; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory:before {
    ccontent: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(131, 195, 96, 0.7);
    left: 15px;
    top: 15px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory ul.categorylistSubCategories li.categorylistSubCategoryName {
    position: relative;
    list-style: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    font-size: 159%;
    padding: 0.5em 20px;
    margin: 0; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory ul.categorylistSubCategories li.categorylistSubCategoryName:last-child {
    border-bottom: none;
    margin-bottom: 10px; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory ul.categorylistSubCategories li.categorylistSubCategoryName:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 1px #4878A8;
    border-right: solid 1px #4878A8;
    position: absolute;
    top: 17px;
    left: 20px;
    margin-top: -4px;
    transform: rotate(45deg);
    border-radius: 0; }

  /*各ブロック*/
  .clContent {
    margin: 0 0 13px;
    width: 325px;
    box-sizing: border-box; }

  .clContent * {
    box-sizing: border-box; }

  .clContent {
    border-radius: 10px;
    float: left;
    background-color: #fffff5;
    border: 5px solid #cfe2cf; }

  .clContent:nth-child(even) {
    float: right; }

  .categorylistCategoryName {
    background-image: url(images/icon_arrow_o.png);
    background-position: left 20px center;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-color: #e2f0d9;
    line-height: 1.3; }

  .categorylistCategoryName a {
    font-size: 120%;
    color: #70963e;
    padding: 14px 10px 14px 30px;
    font-weight: bold;
    text-decoration: none;
    display: block; }

  .categorylistSubCategories {
    margin: 0;
    padding: 10px 20px 20px; }

  .categorylistSubCategoryName {
    list-style: none;
    margin: 0 0 10px; }

  .categorylistSubCategoryName a {
    padding-left: .8em;
    background-image: url(images/icon_arrow_s.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 4px auto; } }
/*-----------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------*/
@media screen and (max-width: 1100px) {
  /* ライフイベント一覧
  --------------------------------------- */
  .KeywordSearchKeywordListTitle {
    position: relative;
    margin: 0 15px;
    display: flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    height: auto;
    background-image: url(images/title_bgmark.png);
    background-size: 178px auto;
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #83C360;
    border-bottom: 5px solid #F3E73F;
    font-size: 150%;
    padding: 8px 15px;
    padding-left: 40px;
    line-height: 1.2;
    border-radius: 5px 5px 0 0;
    box-sizing: border-box; }

  .KeywordSearchKeywordListTitle::before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(2, 128, 2, 0.8);
    left: 15px;
    top: 10px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-size: 90px auto; }

  .KeywordSearchKeywordListBody {
    clear: both;
    margin: 0 15px 30px;
    padding: 15px 20px 20px;
    border-right: 5px solid #83C360;
    border-bottom: 5px solid #83C360;
    border-left: 5px solid #83C360;
    background: #FFF;
    box-sizing: border-box; }

  .KeywordSearchKeywordListKWStringTitle a {
    padding: 0 0 0 9px;
    background-image: url(images/icon_arrow_s.png);
    background-size: 4px auto;
    background-position: left center;
    background-repeat: no-repeat;
    color: #0066cc;
    text-decoration: none; }

  /* カテゴリ一覧
  --------------------------------------- */
  .categorylistContents {
    padding: 0 15px; }

  .categoryTitle {
    padding: 0;
    height: 140px;
    margin-bottom: 30px;
    position: relative;
    border-left: 10px solid #c03a34;
    box-sizing: border-box;
    background-color: #f7e3e3; }
    .categoryTitle::after {
      content: "";
      display: block;
      clear: both; }

  /*観光情報タイトル*/
  .GroupId8 .categoryTitle {
    border-left: 10px solid #4e74bf;
    background-color: #edfafe; }

  /*定住情報タイトル*/
  .GroupId12 .categoryTitle {
    border-left: 10px solid #f6c143;
    background-color: #ffffe4; }

  /*歴史・文化タイトル*/
  .GroupId9 .categoryTitle {
    border-left: 10px solid #b13b35;
    background-color: #fcefdb; }

  /*事業者情報タイトル*/
  .GroupId11 .categoryTitle {
    border-left: 10px solid #734c9b;
    background-color: #f7f0fe; }

  /*町政情報タイトル*/
  .GroupId7 .categoryTitle {
    border-left: 10px solid #3a3838;
    background-color: #ededed; }

  .categoryTitle h2 {
    display: block;
    box-sizing: border-box; }

  .categoryTitle img {
    width: auto;
    height: 140px;
    float: right; }

  .categoryTitle span span {
    position: absolute;
    top: 36%;
    color: #5f350f;
    left: 20px;
    font-size: 200%;
    letter-spacing: 2px; }

  /* カテゴリ一覧
  --------------------------------------- */
  .categoryListGroupContent::after {
    content: "";
    display: block;
    clear: both; }

  /*カテゴリー一覧 h2タイトル*/
  .categorylistContents h2.categorylistTitle {
    padding: 15px;
    position: relative;
    margin: 40px 0 25px;
    color: #fff;
    width: 100%;
    font-size: 120%;
    border-bottom: 5px solid #F3E73F;
    background-color: #028002;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0; }

  .categorylistContents h2.categorylistTitle:before {
    display: none; }

  /*現在選択しているカテゴリ*/
  .categorylistContents h3.categorylistHeaderNameHome {
    display: none; }

  .categorylistContents ul.categorylistContent li.categoryListGroup {
    padding: 0; }

  .categorylistContents ul.categorylistContent li.categoryListGroup:before {
    display: none; }

  /*幅50%の各カテゴリのh4タイトル*/
  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory h4.categorylistCategoryName {
    background: #028002;
    border-radius: 5px 5px 0 0;
    margin-top: 0;
    margin-bottom: 10px; }

  /*幅50%の各カテゴリ*/
  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory {
    padding: 0;
    position: relative;
    font-size: 67%;
    width: 49%;
    background: rgba(243, 231, 63, 0.2);
    border-radius: 0 0 5px 5px; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory ul.categorylistSubCategories li.categorylistSubCategoryName {
    position: relative;
    list-style: none;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
    font-size: 159%;
    padding: 0.5em 20px;
    margin: 0; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory ul.categorylistSubCategories li.categorylistSubCategoryName:last-child {
    border-bottom: none;
    margin-bottom: 10px; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory ul.categorylistSubCategories li.categorylistSubCategoryName:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 1px #4878A8;
    border-right: solid 1px #4878A8;
    position: absolute;
    top: 17px;
    left: 20px;
    margin-top: -4px;
    transform: rotate(45deg);
    border-radius: 0; } }
@media screen and (max-width: 1100px) and (max-width: 767px) {
  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory {
    width: 100%; } }
@media screen and (max-width: 1100px) {
  /*幅50%の各カテゴリのh4タイトル*/
  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory h4.categorylistCategoryName {
    background: #028002;
    border-radius: 5px 5px 0 0;
    margin-top: 0; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory h4.categorylistCategoryName a {
    color: #fff; }

  .categorylistContents ul.categorylistContent li.categoryListGroup ul.categoryListGroupContent li.categorylistCategory:before {
    ccontent: '';
    position: absolute;
    width: 10px;
    height: 10px;
    border: 5px solid rgba(131, 195, 96, 0.7);
    left: 15px;
    top: 12px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px; }

  /*各ブロック*/
  .clContent {
    margin: 0 0 13px;
    width: 325px;
    box-sizing: border-box; }

  .clContent * {
    box-sizing: border-box; }

  .clContent {
    border-radius: 10px;
    float: none;
    background-color: #fffff5;
    border: 5px solid #cfe2cf;
    width: 100%; }

  .categorylistCategoryName {
    background-image: url(images/icon_arrow_o.png);
    background-position: left 20px top 9px;
    background-repeat: no-repeat;
    background-size: 24px auto;
    background-color: #e2f0d9;
    line-height: 1.3;
    display: block; }

  .categorylistCategoryName a {
    font-size: 123%;
    color: #70963e;
    padding: 14px 10px 14px 33px;
    font-weight: bold;
    text-decoration: none;
    display: block; }

  .categorylistSubCategories {
    margin: 0;
    padding: 10px 20px 20px; }

  .categorylistSubCategoryName {
    list-style: none;
    margin: 0 0 10px; }

  .categorylistSubCategoryName a {
    padding-left: .8em;
    background-image: url(images/icon_arrow_s.png);
    background-position: left top 7px;
    background-repeat: no-repeat;
    background-size: 4px auto;
    display: block; } }
/*!===========================================================
  design page
=========================================================== */
/* メインビジュアル
--------------------------------------- */
.MainVisual {
  position: relative;
  margin-top: -1.3%;
  margin-bottom: -20px; }

.MainvisualKouhou {
  margin: 0 auto;
  width: 1000px;
  display: block; }

.MainvisualKouhou a {
  position: relative;
  z-index: 100;
  float: right;
  margin-top: -120px; }

.MainvisualKouhou img {
  width: 257px;
  height: auto; }

#-sliderPlayBtn {
  cursor: pointer;
  position: relative;
  float: left;
  margin-left: 20px;
  margin-top: -80px;
  padding: 8px 30px;
  font-size: 120%;
  font-weight: bold;
  color: #FFF;
  border: 1px solid #FFF;
  background-color: rgba(0, 0, 0, 0.8); }

#-sliderPlayBtn svg {
  margin-right: 5px;
  display: inline-block; }

.sp-buttons {
  position: absolute;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  bottom: 40px; }

.sp-button {
  border-color: #FFF; }

.sp-selected-button {
  background-color: #FFF; }

/* googleカスタム検索ボックス
--------------------------------------- */
/*-----------------------------------------------------------------------
PC用
------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .HomeSearch {
    display: table; }

  .HomeSearchForm__txt,
  .HomeSearchForm form {
    display: table-cell;
    vertical-align: middle; }

  .HomeSearchForm__txt {
    font-weight: bold;
    color: #2d79c3;
    font-size: 100%;
    padding-right: 10px; }

  .HomeSearch {
    margin: 0 auto 20px;
    line-height: 30px;
    width: 960px; }

  .HomeSearchForm {
    float: left;
    width: 55%; }

  .HomeSearchKeyword {
    float: right;
    width: 45%; }

  .HomeSearchKeyword__title {
    margin: 0 10px 0 0;
    float: left;
    padding: 5px 18px 5px 10px;
    background-image: url(images/home_.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
    color: #FFF; }

  .HomeSearchKeywordList__item {
    display: inline-table; }

  .HomeSearchKeywordList__item a {
    padding: 5px 0 5px 0;
    display: block; }

  .HomeSearchKeywordList__item span {
    padding: 0 10px 0 10px;
    border-left: 1px solid #2d79c3; }

  .HomeSearchKeywordList__item:first-child span {
    border: none; }

  input.inputBox {
    width: 290px;
    height: 34px;
    margin: 0;
    background-color: #eee !important;
    /* padding: 5px; */
    vertical-align: top;
    letter-spacing: normal;
    border: 2px solid #2d79c3;
    border-right: none;
    border-radius: 5px 0 0 5px; }

  button.inputBtn {
    cursor: pointer;
    height: 40px;
    width: 78px;
    margin: 0;
    padding: 0 0 0 15px;
    overflow: hidden;
    line-height: 30px;
    vertical-align: middle;
    letter-spacing: normal;
    border: 2px solid #2d79c3;
    border-right: none;
    border-radius: 0 5px 5px 0;
    color: #ffed42;
    font-size: 120%;
    font-weight: bold;
    background-image: url(images/home_serch.png);
    background-size: 17px auto;
    background-repeat: no-repeat;
    background-position: left 7px center;
    background-color: #2d79c3; }

  /*googleカスタム検索（スマホ非表示）*/
  .header_nav_search {
    display: none; }

  /* 検索結果表示
  --------------------------------------- */
  .SearchResult {
    width: 1000px;
    margin: 0 auto; }

  .SearchResult .categoryInfo {
    width: 100%; } }
/*-----------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {
  .HomeSearch {
    display: table; }

  .HomeSearchForm__txt,
  .HomeSearchForm form {
    display: table-cell;
    vertical-align: middle; }

  .HomeSearchForm__txt {
    font-weight: bold;
    color: #2d79c3;
    font-size: 100%;
    padding-right: 10px; }

  .HomeSearch {
    margin: 0 auto 20px;
    line-height: 30px;
    width: 960px; }

  .HomeSearchForm {
    float: left;
    width: 55%; }

  .HomeSearchKeyword {
    float: right;
    width: 45%; }

  .HomeSearchKeyword__title {
    margin: 0 10px 0 0;
    float: left;
    padding: 5px 18px 5px 10px;
    background-image: url(images/home_.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 100% auto;
    color: #FFF; }

  .HomeSearchKeywordList__item {
    display: inline-table; }

  .HomeSearchKeywordList__item a {
    padding: 5px 0 5px 0;
    display: block; }

  .HomeSearchKeywordList__item span {
    padding: 0 10px 0 10px;
    border-left: 1px solid #2d79c3; }

  .HomeSearchKeywordList__item:first-child span {
    border: none; }

  input.inputBox {
    width: 290px;
    height: 34px;
    margin: 0;
    background-color: #eee !important;
    /* padding: 5px; */
    vertical-align: top;
    letter-spacing: normal;
    border: 2px solid #2d79c3;
    border-right: none;
    border-radius: 5px 0 0 5px; }

  button.inputBtn {
    cursor: pointer;
    height: 40px;
    width: 78px;
    margin: 0;
    padding: 0 0 0 15px;
    overflow: hidden;
    line-height: 30px;
    vertical-align: middle;
    letter-spacing: normal;
    border: 2px solid #2d79c3;
    border-right: none;
    border-radius: 0 5px 5px 0;
    color: #ffed42;
    font-size: 120%;
    font-weight: bold;
    background-image: url(images/home_serch.png);
    background-size: 17px auto;
    background-repeat: no-repeat;
    background-position: left 7px center;
    background-color: #2d79c3; }

  /*googleカスタム検索（スマホ非表示）*/
  .header_nav_search {
    display: none; }

  /* 検索結果表示
  --------------------------------------- */
  .SearchResult {
    width: 100%;
    margin: 0 auto; }

  .SearchResult .categoryInfo {
    width: 100%; } }
/* HomeDesignのwrapper
--------------------------------------- */
.HomeDesignTopWrap {
  margin-top: -25px;
  padding-top: 1.3%;
  position: relative;
  background-image: url(images/homedesign_bg.png);
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 100% auto; }

.HomeDesignTop {
  background-color: #FFF; }

.HomeDesignTop__inner {
  margin: 0 auto;
  padding: 20px 0 0;
  width: 1000px;
  clear: both;
  background-color: #FFF; }

.HomeDesignBottomWrap {
  padding: 30px 0 40px;
  background-color: #eef4ff; }

.HomeDesignBottom {
  margin: 0 auto;
  width: 1000px; }

/*ライフイベントとおすすめ進めページリンク*/
.HomeDesign {
  margin: 0 auto;
  padding: 5px 0 25px;
  clear: both; }

/* 目的から探す
--------------------------------------- */
/*タイトル*/
.lifeevent .lifeevent_body {
  margin: 0; }

.lifeevent .lifeevent_title {
  margin: 0;
  border-radius: 5px 5px 0 0;
  padding: 12px 0 7px 0;
  text-align: center;
  font-size: 130%;
  color: #3d79bf;
  background-color: #dfdfce;
  border-bottom: 3px solid #cdccb4; }

.lifeevent .lifeevent_title a {
  text-decoration: none; }

.lifeevent .lifeevent_title span {
  font-size: 65%;
  padding: 0 0 0 15px;
  font-weight: 400; }

/*コンテンツ*/
.lifeevent_wrap {
  box-sizing: border-box;
  margin: 0 0 35px;
  padding: 0;
  border-bottom: solid 1px #f9c86d;
  background: #FFF2A7; }

.lifeevent {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  float: left;
  width: 650px; }

.lifeevent .lifeevent_list,
.lifeevent .lifeevent_list li {
  margin: 0;
  padding: 0;
  list-style: none; }

.lifeevent .lifeevent_list {
  overflow: hidden;
  margin-right: -12px;
  padding: 24px 0 27px;
  width: 650px;
  background-color: #f4f4ee; }

.lifeevent .lifeevent_list li {
  float: left;
  margin: 0 0 10px 10px;
  padding: 0; }

.lifeevent .lifeevent_list li img {
  vertical-align: bottom; }

/* おすすめページリンク
--------------------------------------- */
.SideNavList {
  margin: 0;
  width: 310px;
  float: right; }

.SideNavList__item {
  margin: 0;
  list-style: none; }

.SideNavList__item img {
  width: 100%; }

/* ホーム関連リンク
--------------------------------------- */
.RelationBnr__outer {
  background-color: #FFF; }

.RelationBnr {
  padding: 30px 0 30px;
  width: 1000px;
  margin: 0 auto; }

.RelationBnrTitle {
  padding: 0 0 10px;
  color: #794200;
  font-size: 135%;
  text-align: center; }

.RelationBnr__link {
  text-align: center; }

.RelationBnr__link a {
  display: inline-block;
  padding-left: .7em;
  font-size: 80%;
  background-image: url(images/common_arrow.png);
  background-size: 6px auto;
  background-repeat: no-repeat;
  background-position: left top 5px; }

/* Design Footer
--------------------------------------- */
@media print, screen and (min-width: 768px) {
  /*PC用スタイル*/
  #DynamicFooter {
    position: relative; }

  .DesignFooter {
    padding: 50px 0 35px;
    background-color: #e2f0d9; }

  .DesignFooter__inner {
    width: 1000px;
    margin: 0 auto;
    display: flex; }

  .DesignFooterTitle,
  .DesignFooterAddress,
  .DesignFooterList {
    flex-grow: 1;
    vertical-align: middle; }

  .DesignFooterTitle {
    padding-right: 20px; }

  .DesignFooterTitle img {
    width: 220px;
    height: auto; }

  .DesignFooterAddress {
    margin: 0 0 20px;
    text-align: left;
    font-size: 90%; }

  .DesignFooterList {
    display: table;
    margin-bottom: 20px;
    width: 380px; }

  .DesignFooterList__item {
    padding: 0 0 0 5px;
    display: table-cell;
    width: 33.33%;
    position: relative; }

  .DesignFooterList__item span {
    font-size: 150%;
    margin-right: 6px; }

  .DesignFooterList__item span::before {
    position: relative;
    bottom: -2px; }

  .DesignFooterList__item a {
    font-size: 100%;
    padding: 12px 10px;
    color: #FFF;
    text-decoration: none;
    display: block;
    font-weight: bold;
    background-color: #2d79c3;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap; }

  .DesignFooterList__item a:hover {
    opacity: 0.8; }

  .DesignFooterList--caution a {
    background-color: #d92d2b; }

  .DesignFooter .HomeSearchForm {
    margin: 0 auto 30px;
    width: 475px;
    float: none; }

  .DesignFooter input.inputBtn {
    margin: 0; } }
@media screen and (max-width: 767px) {
  /*スマホ用スタイル*/
  #DynamicFooter {
    position: relative; }

  .DesignFooter {
    margin-top: 50px;
    padding: 30px 15px 35px;
    background-color: #e2f0d9; }

  .DesignFooter__inner {
    width: 100%;
    margin: 0 auto; }

  .DesignFooterTitle {
    padding: 0 20px 20px 0;
    text-align: center; }

  .DesignFooterTitle img {
    width: 110px;
    height: auto; }

  .DesignFooterAddress {
    margin: 0 0 20px;
    text-align: left;
    font-size: 93%; }

  .DesignFooterList {
    width: 100%;
    list-style: none; }

  .DesignFooterList__item {
    padding: 0 0 5px;
    width: 100%; }

  .DesignFooterList__item span {
    font-size: 150%;
    margin-right: 6px; }

  .DesignFooterList__item span::before {
    position: relative;
    bottom: -2px; }

  .DesignFooterList__item a {
    font-size: 100%;
    padding: 12px 10px;
    color: #FFF;
    text-decoration: none;
    display: block;
    font-weight: bold;
    background-color: #2d79c3;
    border-radius: 5px;
    text-align: center;
    white-space: nowrap; }

  .DesignFooterList__item a:hover {
    opacity: 0.8; }

  .DesignFooterList--caution a {
    background-color: #d92d2b; }

  .DesignFooter .HomeSearchForm {
    margin: 0 auto 30px;
    width: 475px;
    float: none; }

  .DesignFooter input.inputBtn {
    margin: 0; } }
/* ページトップに戻る
--------------------------------------- */
@media print, screen and (min-width: 768px) {
  /*PC用スタイル*/
  #DynamicFooter .pagetop {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 45%;
    top: -37px;
    z-index: 100; }

  #DynamicFooter .pagetopButton {
    margin: 0;
    padding: 0;
    text-align: center; }

  .pagetopButton img {
    width: 132px;
    height: auto; } }
@media screen and (max-width: 767px) {
  /*スマホ用スタイル*/
  #DynamicFooter .pagetop {
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: -37px;
    z-index: 100;
    width: 100%;
    text-align: center; }

  #DynamicFooter .pagetopButton {
    margin: 0;
    padding: 0; }

  .pagetopButton img {
    width: 132px;
    height: auto; } }
/* コピーライト
--------------------------------------- */
@media print, screen and (min-width: 768px) {
  /*PC用スタイル*/
  #DynamicFooter .copyright {
    clear: both;
    margin: 0;
    padding: 15px 0 15px;
    font-weight: 500;
    background: #2d7a2d;
    color: #FFF;
    text-align: center;
    font-size: 60%; }

  #DynamicFooter .copyright span {
    margin: 0 auto;
    display: block;
    width: 1000px;
    text-align: center; } }
@media screen and (max-width: 767px) {
  /*スマホ用スタイル*/
  #DynamicFooter .copyright {
    clear: both;
    margin: 0;
    padding: 15px;
    font-weight: 500;
    background: #2d7a2d;
    color: #FFF;
    text-align: center;
    font-size: 60%; }

  #DynamicFooter .copyright span {
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: center; } }
/* フッター下部のバナースライダー
--------------------------------------- */
.FooterBnr {
  margin: 0 auto;
  padding: 20px 0;
  width: 1000px; }

.FooterBnr__link {
  text-align: center; }

.FooterBnr__link a {
  display: inline-block;
  padding-left: .7em;
  font-size: 80%;
  background-image: url(images/common_arrow.png);
  background-size: 6px auto;
  background-repeat: no-repeat;
  background-position: left top 5px; }

/*# sourceMappingURL=group.css.map */