@charset "UTF-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * hono.css
 * 設定導入：★R04.05.28 (土)
 * 前回更新：★R04.05.29 (日) ★R04.05.31 (火)
 * 最終更新：★R04.06.12 (日) ★R04.11.19 (土)
 *- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* --- ◆ 上・右・下・左◆上・左右・下◆上下・左右 ◆ --- */
/* - - - - - - - - - - - - - -++- - - - - - - - - - - - - */
p { margin: 1em 1em 1.2em 1em; }
.red { color: red; }
.blue { color: blue; }
.gray { color: gray; }
.orange { color: orange; }

hr.gray2 {
    color: #fafafa;
    width: 85%;
    height: 1px;
    text-align: center;
    }

/* - - - - - - - - ++ - - - - - - - - */
/* ▼ページTOPに戻る用 ▼
* - - - - - - - - - - - - - - - - - - */
#content{
    position: relative;
}
#topBtn {
  /* --- 必須 --- */
  position: fixed;
  bottom: 60px;
  right: 20px;
  /* --- 装飾 --- */
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #7be;
  color: #fff;
}
/* - - - - - - - - ++ - - - - - - - - */
/* ▼ 画像４個から２個への切り換え用 ▼
* - - - - - - - - - - - - - - - - - - */
.p-lay {
    display: flex;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
    width: 95%;
    margin: 10px auto;
    padding: 5px 10px 15px;    /* padding: 21px 15px 15px */
    font-size: 11px;           /* 追加 */
}
.p-lay li {
    width: 50%;
    text-align: center;        /* 追加 */
    margin: 10px 0 10px;        /* margin-bottom: 6px; */
    padding: 0 3px;            /* 0 3px */
/*    background: #eeeecc;   【点検用】 */
}
.p-lay li p {                  /* 追加 */
    text-align: left;
    margin: 1px 0 30px 0;     /* -10px 0 30px 0 */
    padding: 1px 0 10px 5px;
}
.p-lay a {
    display: inline-block;      /* display: block; */
    padding: 0;      /* 10px 0 10px 35px ==> 0 0 1px 1px */
  /*   background: #eeeecc;       */
}
@media screen and (min-width:768px) {
    .p-lay li {
        width: 24.25%;
        margin-bottom: 0;
        padding: 0;
    }
}
/* - - - - - - - - ++ - - - - - - - - */
.center2 {
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}
.right2 {
    margin: 20px auto;
    text-align: right;
}
.setumei {
    margin: 20px 0 20px 10px;
    text-align: left;
    text-indent: 1em;
}
/* - - - - - - - - +★R04.05.31 (火)+ - - - - - - - - */
.ml2em {
  margin-left: 2em
}
.ml3em {
  margin-left: 3em
}
.mtb-2em {
  margin: 2em 0;
}
.mt2em {
  margin-top: 2em
}
.mb2em {
  margin-bottom: 2em
}
.col2a {
	margin: 1.5em 1em 3em 2em;
	padding: 7px;
}
.col2b {
	margin: 1.5em 2em 3em 2em;
	padding: 7px;
	border: solid 2px #eee;   /* 【点検用】 */
}
.w-syuk {
  width: 90%;
}
.blue3:before {
	color: #0ad;  /* #8ff */
	content: '\25b8';                     /* \25b6▶ */
	padding: 0 3px 0 5px;
}
.b223 { color: #222233; }

/* - - - - - - - - ++ - - - - - - - - */
/* ▼ Response用 画像 video伸縮 ▼
- - - - - - - - - - - - - - - - - - - */
.gazn {
    max-width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
}
/* - - - - - - - - ++ - - - - - - - - */
/* ▼ナビゲーションボタン（横並び）用 ▼
- - - - - - - - - - - - - - - - - - - */
.header-btn {
    float: right;
    width: auto;
    display: block;   /*  flex inline */
    }
.header-btn ul {
    margin: 0;
    padding: 0px;
    list-style: none;
    }
.header-btn li a {
    display: block;   /* inline */
    padding: 5px;
    color: #000000;
    font-size: 14px;
    text-decoration: none;
    }
@media (max-width: 767px) {
  .header-btn {
    display: none !important;
    }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - */
.ml-3 {
    margin-top: 2rem!important;
    margin-left: 1rem!important;  /* 2rem! */
}
/* -------------------------------------------- */
/* 更新用等 ★R03.02.15 (月)    */
/* -------------------------------------------- */
dl.mgl-2 {
    margin-left: 2em;  /* 1em */
}
dl.mgl-2 dt {
    clear:both; 
    float:left;
    font-size: 1em;
    font-weight: normal;
}
dl.mgl-2 dd {
    padding: 2px 2px 5px 5em;
    line-height: 1.2;
}
/* -------------------------------------------- */
/* リンク集list  ２列用 ★R02.11.15 (日)    */
/* -------------------------------------------- */
.kankak {
    margin: 30px 0 10px 0;
}
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}
.row ul li {
    list-style-type: none;
    margin: 5px 0 0 30px;
    padding: 2px 0 1px 0;
}
.row ul li a {
    color: #333;
}
.row ul.linksyu li:before {
    color: #f00;
    content: '\25b8';
}
/* - - - - - - - - - - - - - -**- - - - - - - - - - - - - */
/* ▼ アコーディオン・メニュー用 ▼
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.ya3 {
    margin: 3px 5px 0 0;
}
*,
*::after,
*::before {
  box-sizing: border-box;
}
.accordion {
  margin: 10px;
  max-width: 100%;
}
/*------------------------------
ここからアコーディオンのCSS
------------------------------*/
/* チェックボックスを非表示にする */
.accordion-hidden{
  display: none;
}
/* Question部分 */
.accordion-open {
  display: block;
  padding: 10px;
  background: #fdfdfd;   /* ★R04.05.31 (火) eff #fcffff */
  cursor: pointer;
  margin: 5px 0;
  color: #555;           /* ★R04.06.12 (日) #4cc */
  font-weight: 400;
}
/* Answer部分は最初は表示しない */
.accordion-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;/* 表示速度の設定 */
}
/* チェックボックスにチェックが入ったらAnswer部分を表示 */
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  padding: 10px;
  background: #fdfdfd;   /* #eff */
  font-weight: 400;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - */