@charset"UTF-8";
/** 色調を青緑寄りに **/

/* リンクボタン 塗り */
.button-2 {
    background-color: #00c6d4;
    color: #fff;
}

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

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

td {
	background: #d9fffc;
}

.accordion-001 summary {
background-color: #00c6d4;
}

.charaTxt {
 border: 2px solid #5af2e8; /* 枠線 */
 }
h3 > span {
  color: #FFF;
  background-color: #00c6d4;
}
/* ボックス */
.hako{
 border: 1px solid #5af2e8; /* 枠線 */
 }
 /* 箱 背景塗り */
.comment {
    border: 2px solid #13d0c3;
}

.comment > div {
    background-color: #13d0c3;
    color: #fff;
}

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