@charset"UTF-8";
/** 色調を青緑寄りに **/
.inline{
display: flex;
justify-content: center;
}

h1 {
  font-family: "Kokoro";
  text-align: left;
  font-size: 35px;
}
body {
  background-color: #FFF;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  }
.menu-btn {
    background-color: #2ea067;
}
	/* インフォメーション用レスポンシブ */

.infolog th, .infolog td {
  border: 2px solid #fff;
  background-color: #edf5f1;
  border-radius: 0 15px 15px 0;
  padding: 0.5em;
}
.infolog th {
  background-color: #35d487;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border-radius: 15px 0 0 15px;
  width: 20%;
  min-width: 4em;
  position: relative;
}
/* リンクボタン 塗り */
.button-2 {
    background-color: #2ea067;
    color: #fff;
}

.button-2:hover {
    background-color: #edf5f1;
}

/** table設定 **/
th {
	background: #b0ffeb;
}

td {
	background: #d9fffc;
}

.accordion-001 summary {
background-color: #2ea067;
}

.charaTxt {
 border: 2px solid #31b674; /* 枠線 */
 }
h3 > span {
  color: #FFF;
  background-color: #2ea067;
}
/* ボックス */
.hako{
 border: 1px solid #31b674; /* 枠線 */
 }
 /* 箱 背景塗り */
.comment {
    border: 2px solid #35d487;
}

.comment > div {
    background-color: #35d487;
    color: #fff;
}

.comment > div::before {
    background-color: #35d487;
}
/* 前後ナビゲーション */
.frontback-nav{
border-top: 3px solid #2ea067;
}
.frontback-nav ul {
    display: flex;
     justify-content: center;
     gap: 0 20px;
}
.text-background-color{
	display: inline;
	padding: 5px;
	color: #FFFFFF;
	background: #2ea067;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}
/* フッター */
.main-footer{
	background-color: #31b674;
	color: #FFF;
}
/* h2 下線色用-赤 */
h2 {
    margin: 0 auto 20px;
}
h2::before {
    border-top: #35d487 solid 6px;
margin: 10px;
}
      /* 横メニューのあれこれ */
.main-header{
	background-color: #2ea067;/* 全体カラー */
/* ボタンメニューのデザイン */
.menu-acd label{
border-top: 3px solid #35d487;/* 上下のふちカラー */
border-bottom: 3px solid #35d487;
}