@charset "utf-8";

/*-------------------
.colorset-A　グリーンベース 2025.08.29

メインカラー： 濃い緑（#007f50）
サブカラー： ベージュ（#f5f5dc）またはライトグレー（#d3d3d3）
アクセントカラー： オレンジ（#ff8c00）

① ヘッダーとフッター 背景色: 濃い緑 (#007f50) 文字色: 白 (#ffffff)
② テキストリンク オレンジ (#ff8c00)
③ ボタンリンク 枠線: 濃い緑 (#007f50) 背景: オレンジ (#ff8c00) 文字: 白 (#ffffff)

1. スタンダードなマーカー　背景色： 薄い緑（#eaf2ee）
2. ポップで明るいマーカー　背景色： 薄いオレンジ（#fff3e0）
3. 落ち着いたマーカー　背景色： ライトグレー（#f2f2f2）

-----------------------------*/

body{ color:#444444; }
header ,
footer { background-color:#007f50; }
header .logo, header .accordion-title { color: #fff; }
header .menubar ul li{ color: #fff; background-color: #ffffff11; border: 1px solid #ffffff33; }
.sidemenubar{ background-color:#f5f5dc; }
.sidemenubar nav li a{ background-color:#ffffffe6; border-color:#cccccce6; }
.sidemenubar nav li a:hover{ background-color: rgb( 200,200,200); }
footer{ color: #ffffff; }
footer nav ul li{ border-color: #ffffff66 !important; }


section.pagetop .topic-path * { color: currentColor; }

section h2:before { background-color: rgb( 64,64,64 ); }
section h3 { border-color: rgb( 64,64,64 ); }

section p a,
section li a{ color: #007f50; }

section p em ,
section li em ,
section td em{ background-color:#fff3e0; }

section p .maeker ,
section li .marker ,
section td .maeker{ background-color:#eaf2ee; }

section p strong ,
section li strong ,
section td strong{ color:#007f50; }




.color-none{ background-color: transparent !important; border-color:transparent !important; }
.color-LINE{ border-color: #00b900; border-color: #00b900;}

/*---------------------------------
/* ボックス領域の初期色
-----------------------------------*/
.boxset6 ,
.boxset5 ,
.boxset4 ,
.boxset3 ,
.boxset2 ,
.boxset1 { color: currentColor; border-color: #cccccc; background-color:#f9f9f9;}

.boxset6 li a ,
.boxset5 li a ,
.boxset4 li a ,
.boxset3 li a ,
.boxset2 li a ,
.boxset1 { color: currentColor; }

.skiplink{ color: #555555; }



/*---------------------------------
/* 有効期間外等で彩度を下げて薄くする
-----------------------------------*/
.color-low{ opacity: 0.5; filter: saturate(0%); }


/*---------------------------------
/* boxのカラーセット
/* 適用した範囲の内包物を含んで一括で色設定
-----------------------------------*/
.color-box-clear ,
.color-box-none{ background-color: transparent !important; border-color:transparent !important; border-color: transparent; }

/* 2025-04-08 更新 */
.color-box-link{ color: #007f50; border-color:#007f50; background-color:transparent ; }
.color-link-green{ color: #ffffff; border-color:#007f50; background-color:#007f50; }
.color-box-link2 ,
.color-link-orange{ color: #ffffff; border-color:#ff8c00; background-color:#ff8c00; }
.color-box-link3 ,
.color-link-gray{ color: #666666; border-color:#666666aa; background-color:#cccccc33 ; }

.color-box-link a , .color-box-link2 a , .color-box-link3 a { color: currentColor; }


.color-box-gray{ border-color: #aaa; border-color:#aaa !important ; background-color:#eee !important; } 
.color-box-gray > h3 ,
.color-box-gray > h4{ border-color:#aaa !important; background-color:#ddd !important; } 
.set-cousemenu .color-box-gray .header ,
.set-cousemenu .color-box-gray nav b{ background-color:#dddddd !important; }
.set-cousemenu .color-box-gray nav b{ color: #666 !important; }

.cell-gray{ background-color:#ddd; }
.cell-gray2{ background-color:#bbb; }


/* 2025-08-29 更新 */
.color-box-blue{ border-color: #cce0e8; background-color:#f8fcfd; }
.color-box-blue > .header ,
.color-box-blue > h3 ,
.color-box-blue > h4 ,
.color-box-blue > .accordion-title ,
.set-cousemenu .color-box-blue .header ,
.set-cousemenu2 .color-box-blue nav b{ background: linear-gradient(to right, #cce0e8, #a4c8d4); }
.cell-blue{ background-color:#cce0e8; }
.color-sp-blue{ background-color:#005792; color: #ffffff;} /* トップページコース選択用　*/

.color-box-blue2{ border-color: #005792; border-color:#005792 ; background-color:#e0f2f7; }
.color-box-blue2 > .header ,
.color-box-blue2 > h3 ,
.color-box-blue2 > h4 ,
.color-box-blue2 > .accordion-title ,
.set-cousemenu .color-box-blue2 .header ,
.set-cousemenu2 .color-box-blue2 nav b{ background: linear-gradient(to right, #4da1d9, #005792); color: #ffffff; }



/* 2025-08-29 更新 */

.color-box-green{ border-color:#b2d7c5; background-color:#f5f8f5; }
.color-box-green > .header ,
.color-box-green > h3 ,
.color-box-green > h4 ,
.color-box-green > .accordion-title ,
.set-cousemenu .color-box-green .header ,
.set-cousemenu .color-box-green nav b{ background: linear-gradient(to right, #b2d7c5, #91b5a2); }

.cell-green{ background-color:#b3c8b366; }
.color-sp-green{ background-color:#007f50; color: #ffffff;} /* トップページコース選択用　*/

.color-box-green2{ border-color: #007f50; border-color:#007f50; background-color:#f5f5dc; }
.color-box-green2 > .header ,
.color-box-green2 > h3 ,
.color-box-green2 > h4 ,
.color-box-green2 > .accordion-title ,
.set-cousemenu .color-box-green2 .header ,
.set-cousemenu .color-box-green2 nav b{ background: linear-gradient(to right, #4d9976, #007f50); color: #ffffff; }




/* 2025-08-29 更新 */
.color-box-red{ border-color:#ffcccccc; background-color:#fffafa; }
.color-box-red > .header ,
.color-box-red > h3 ,
.color-box-red > h4 ,
.color-box-red > .accordion-title ,
.set-cousemenu .color-box-red .header ,
.set-cousemenu .color-box-red nav b{ background: linear-gradient(to right, #ffcccc, #ff9999); }
.cell-red{ background-color:#ffebeb; }

.color-box-red2{ border-color:#d9534f;  background-color:#f2dede; }
.color-box-red2 > .header ,
.color-box-red2 > h3 ,
.color-box-red2 > h4 ,
.color-box-red2 > .accordion-title ,
.set-cousemenu .color-box-red2 .header ,
.set-cousemenu .color-box-red2 nav b{ background: linear-gradient(to right, #ff807a, #d9534f); color: #ffffff; } 


/* 2025-08-29 更新 */
.color-box-orange{ border-color:#ffebcc ; background-color:#fffaf2; }
.color-box-orange > .header ,
.color-box-orange > h3 ,
.color-box-orange > h4 ,
.color-box-orange > .accordion-title ,
.set-cousemenu .color-box-orange .header ,
.set-cousemenu .color-box-orange nav b{ background: linear-gradient(to right, #ffebcc, #ffc966); }
.cell-orange{ background-color:#ffd899; }
.color-sp-orange{ background-color:#CC8400; color: #fff;}

/* 2025-03-04 更新 */
.color-box-orange2{ border-color:#ff8c00; border-color:#ff8c00; background-color:#fff3e0; }
.color-box-orange2 > .header ,
.color-box-orange2 > h3 ,
.color-box-orange2 > h4 ,
.color-box-orange2 > .accordion-title ,
.set-cousemenu .color-box-orange2 .header ,
.set-cousemenu .color-box-orange2 nav b{ background: linear-gradient(to right, #ffb340, #ff8c00); color: #ffffff; }


.color-box-murasaki{ border-color: #7b6abf; border-color:#7b6abf !important ; background-color:#E8E6F4 !important ; }
.color-box-murasaki > h3 ,
.color-box-murasaki > h4 ,
.color-box-murasaki > .accordion-title { background-color:#7b6abf !important; color: #fff; }
.color-box-murasaki2{ border-color: #7b6abf; border-color:#7b6abf !important ; background-color:#E8E6F4 !important ; }
.color-box-murasaki2 > h3 ,
.color-box-murasaki2 > h4{ background-color:#7b6abf !important; color: #fff; }
.set-cousemenu .color-box-murasaki2 .header ,
.set-cousemenu .color-box-murasaki2 nav b{ background-color:#7b6abf !important; color: #fff; }
.cell-murasaki{ background-color:#DFDBEF; }
.color-sp-murasaki{ background-color:#7b6abf; color: #fff;}





/*---------------------------------
/* sectionのカラーセット
-----------------------------------*/
.color-sec-gray{ background-color:#dddddd !important; }
.color-sec-gray h3{ border-color: #999999 !important; } 

.color-sec-blue{ background-color:#EFF5FF  !important; }
.color-sec-blue h3{ border: color #005792 !important; } 

.color-sec-blue2{ background-color:#005792  !important; color: #ffffff; }
.color-sec-blue2 h3{ border-color:#ffffffee !important; } 

.color-sec-green{ background-color: hsl(158, 100%, 97% ) !important;}
.color-sec-green h3{ border-color: hsl(158, 100%, 25% ) !important; } 

.color-sec-green2{ background-color:#007f50 !important; color: #ffffffee; }
.color-sec-green2 h3{ border-color: #ffffffee !important; } 
.color-sec-green2 a{ color: #ffffff; } 

.color-sec-yellow{ background-color:#FFFBE5 !important; border-top-width: 0; }

.color-sec-orange{ background-color:#ffebccaa; }
.color-sec-orange h3{ border-color:#ff8c00; } 
.color-sec-orange2{ background-color:#ff8c00; }


.color-sec-red{ background-color:#ffebeb ; }
.color-sec-red h3{ border-color:#d9534f; }

.color-sec-red2{ background-color:#d9534f; color: #ffffff; }
.color-sec-red2 h3{ border-color: #ffffff; }

.color-sec-murasaki{ background-color:#F8F1FC !important; }
.color-sec-murasaki h3{ border-color: #7b6abf !important; }


.color-sec-murasaki2{ background-color: #7b6abf !important ; color: #ffffff; }
.color-sec-murasaki2 h3{ border-color: #ffffff !important; }