@charset "utf-8";
/*
# written by unit-MSE Co.,ltd.　　　　　 #
# 　　　info@unit-mse.jp　　　　　　　　 #
# 　　　http://www.unit-mse.jp　　　　　 #
# 使用：福岡文化学園　2015.07.22  　　　 #
#              改変：2025/04/03 ZENKYOKEN #
# 日文用　　　　　　　　　　　　　　　　 #
# $Revision: 1.2 $　　　　　　　　　　　 #
*/
/* 記法
タグは大文字
e.g. H1 P
クラスは基本となる役割_具体的な機能(lower camel case)
e.g.
.btn_edit	編集ボタン
.btnM_edit	Mサイズの編集ボタン
.btn_editProfile	プロフィール編集ボタン
e.g. バナーで、xxxというサイト
.bnr_xxx
e.g. アイコンで、青い斜め線の四角(※色や塗りについては派生のため後に書く)
.icon_sqrBlueSlash

 */
 
/******************************/
/* 基本画面用                 */
/******************************/
HTML{ font-size: 62.5%; }
BODY{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	color: #505050;
	font-size: 1.4rem; /* 14px */
	line-height: 2.1rem;
	font-family: Roboto, HiraKakuProN-W3, sans-serif;
	min-width: 320px;
	-webkit-text-size-adjust: 100%; /* none指定はリスク有り=>100%指定で回避 */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
HTML,BODY{ height: 100%; min-height: 100%; }
/* タグ基本 */
H1{ font-size: 20px;
	line-height: 30px;
	font-size: 2.0rem;
	line-height: 3.0rem;
	font-weight: bold;
}
H2{ font-size: 16px;
	line-height: 24px;
	font-size: 1.6rem;
	line-height: 2.4rem;
	font-weight: bold;
}
H3{ font-size: 15px;
	line-height: 23px;
	font-size: 1.5rem;
	line-height: 2.3rem;
	font-weight: bold;
}
H4{ font-size: 14px;
	line-height: 21px;
	font-size: 1.4rem;
	line-height: 2.1rem;
	font-weight: bold;
}
H5{ font-size: 14px;
	line-height: 21px;
	font-size: 1.4rem;
	line-height: 2.1rem;
	font-weight: bold;
}
H6{ font-size: 14px;
	line-height: 21px;
	font-size: 1.4rem;
	line-height: 2.1rem;
	font-weight: bold;
}
P{
	font-size: 14px;
	font-size: 1.4rem;
}
IMG{ max-width: 100%; }
IMG.spw100{ width: 100%!important; }


TABLE,
TH,
TD{ border-collapse: collapse; }
TH{ font-weight: normal; text-align: left;}
/* モダンブラウザ用の折り返し許可 */
TH,TD{ word-break: break-all; }
IMG { border: 0; }
ADDRESS{ font-style: normal; }
HEADER LI,
FOOTER LI{ list-style-type: none; }
UL.nolist{ padding-left: 0!important; }
.nolist > LI{ list-style-type: none!important;
	font-size: 1.2rem!important;
	padding-left: 1.2rem!important;
	text-indent: -1.2rem!important;
}

A{ -webkit-touch-callout: none; } /* iOS長押しpopup無効 */
A,
A:link,
A:visited{
  color: #F89236;
  text-decoration: none;
}
A:hover,A:focus{
  color: #EA545E; text-decoration: underline; }
A:focus { outline: none; }
A::before,A::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
A,
A::before,A::after {
	-webkit-transition: none;
	transition: none;
}
/* 例外 */
NAV#globalMenu A,
NAV#globalMenu A::before,
NAV#globalMenu A::after {
	-webkit-transition: all .3s;
	transition: all .3s;
}


LABEL{ display: inline-block; }

/* アイコン */
.iconL{
	background-image: url(/img/ghakata/sp/iconSet.png);
	background-size: 200px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin-right: 4px;
}
.iconL_news{ background-position: 0px -120px; }

.cross,
.chevron,
.chevronOpp,
.chevronUp,
.chevronDown {
  height: 20px;
}
.cross,
.chevron,
.chevronOpp,
.chevronUp,
.chevronDown { display: inline-block; }

.list .cross,
.list .chevron,
.list .chevronOpp,
.list .chevronUp,
.list .chevronDown { display: block; }


.cross:before,
.cross:after,
.chevron:before,
.chevron:after,
.chevronOpp:before,
.chevronOpp:after,
.chevronUp:before,
.chevronUp:after,
.chevronDown:before,
.chevronDown:after{
  position: relative;
  display: block;
  width: 12px;
  height: 4px;
  background-color: #999;
  content: '';
}
.cross:before {
  top: 5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

.cross:after {
  top: 1px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.chevron:before {
  top: 5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chevron:after {
  top: 7px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.chevronOpp:before {
  top: 5px;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.chevronOpp:after {
  top: 7px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
.chevronDown:before {
  top: 5px;  left: -5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.chevronDown:after {
  top: 1px; left: 1px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.chevronUp:before {
  top: 5px;  left: -5px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.chevronUp:after {
  top: 1px; left: 1px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.list .chevron,
.list .chevronOpp{
  position: absolute;
  top: 50%;
  right: 10px;
}
.list .cross,
.list .chevronUp,
.list .chevronDown{
  position: absolute;
  top: 60%;
  right: 10px;
}
.list .cross,
.list .chevron,
.list .chevronOpp,
.list .chevronUp,
.list .chevronDown{ margin-top: -10px; }
A.chevron:before,
A.chevron:after,
A.chevronOpp:before,
A.chevronOpp:after,
A.chevronUp:before,
A.chevronUp:after,
A.chevronDown:before,
A.chevronDown:after,
A:link .chevron:before,
A:link .chevron:after,
A:link .chevronUp:before,
A:link .chevronUp:after,
A:link .chevronDown:before,
A:link .chevronDown:after,
A:visited .chevron:before,
A:visited .chevron:after,
A:visited .chevronUp:before,
A:visited .chevronUp:after,
A:visited .chevronDown:before,
A:visited .chevronDown:after{ background-color: #0C92BE; }
A:hover .chevron:before,
A:hover .chevron:after,
A:hover .chevronOpp:before,
A:hover .chevronOpp:after,
A:hover .chevronUp:before,
A:hover .chevronUp:after,
A:hover .chevronDown:before,
A:hover .chevronDown:after{ background-color: #0FB1E8; }

.picL,
.picR{
	margin-top: 3px;
	margin-bottom: 7px;
}
.picL{
	float: left;
	margin-right: 12px;
}
.picR{
	float: right;
	margin-left: 12px;
}
/* 必須 */
.mef{
	background: url(/img/ghakata/icon/icon_mef.png) right top no-repeat;
}
.explain{ margin-bottom: 7px; }
.note{ color: #666; }
.eg{ color: #666; }
FORM .eg{ font-size: 1.0rem; }
.inputAlert{ color: #cc0000; }
FORM .inputAlert{
	padding-left: 16px;
	/* background: url(/img/ghakata/iconani_attention.gif) left 4px no-repeat; */
  background: url(/img/ghakata/ani_alert.gif) left 4px no-repeat; 
	min-height: 10px;
	font-size: 12px;
	line-height: 18px;
}
.alertBox{ margin-bottom: 7px; }
/* スマートフォン非表示(PC専用表示) */
.pc{ display: none; }




/**********/
/* ボタン */
/**********/
.btn, /*  */
.btn2, /*  */
.btn3 /*  */{
	display:inline-block;
	line-height:1em;
	-webkit-transition:all .2s;
	transition:all .2s;
}
.btn{
	background-color:#E75281;
	border:#E75281 1px solid;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}
.btn2{
	background-color:#FFFFFF;
	border:#E75281 1px solid;
	-webkit-border-radius:3px;
	   -moz-border-radius:3px;
	        border-radius:3px;
}
.btn3{
	background-color:transparent;
}
.btnS{
	padding: 0.6rem 0.6rem;
}
.btnSM{
	padding: 0.8rem 0.8rem;
}
.btnM{
	padding: 1.0rem 1.0rem;
}
.btn,
A.btn,
.btn2,
A.btn2{
	text-align:center;
}
.btn,
A.btn{
	color:#FFFFFF;
}
.btn2,
A.btn2{
	color:#33529F;
}
/* BUTTON.btn:focus, */
BUTTON.btn:hover,
/* INPUT.btn:focus, */
INPUT.btn:hover,
/* A.btn:focus, */
A.btn:hover{
	background-color:#F4779F;
	border-color:#F4779F;
	cursor:pointer;
	text-decoration:none;
}
/* BUTTON.btn2:focus, */
BUTTON.btn2:hover,
/* INPUT.btn2:focus, */
INPUT.btn2:hover,
/* A.btn2:focus, */
A.btn2:hover{
	color:#FFFFFF;
	background-color:#F4779F;
	border-color:#F4779F;
	cursor:pointer;
	text-decoration:none;
}
.btn_negative{
	background-color:#788696;
	border-color:#788696;
}
.btn_caution{
	background-color:#CE0D0D;
	border-color:#CE0D0D;
}

STRONG.btn{
	display:inline-block;
	margin-right:4px;
	font-weight:500;
	padding-top:4px;
	padding-bottom:4px;
	text-indent:0;
}

.btn-block{
	display:block;
}

DIV.btnArea,
DIV.btnArea2set{
	clear:both;
	margin:auto;
	margin-bottom:1.4rem;
}

TABLE + DIV.btnArea,
TABLE + DIV.btnArea2set{
	padding-top: 1.4rem;;
}
/* ボタン1つ */
DIV.btnArea{
	min-width:280px;
	width:50vw;
}
TD DIV.btnArea{
	margin:auto;
}
DIV.btnArea A.btn,
DIV.btnArea INPUT.btn,
DIV.btnArea BUTTON.btn,
DIV.btnArea A.btn2,
DIV.btnArea INPUT.btn2,
DIV.btnArea BUTTON.btn2{
	display:block;
	width:100%;
}
/* ボタン2つ */
DIV.btnArea2set{
	width:87.5%;
	overflow:hidden;
}
DIV.btnArea2set A.btn,
DIV.btnArea2set INPUT.btn,
DIV.btnArea2set BUTTON.btn,
DIV.btnArea2set A.btn2,
DIV.btnArea2set INPUT.btn2,
DIV.btnArea2set BUTTON.btn2{
	width:44%;
	margin-left:3%;
	margin-right:3%;
	float:left;
}

INPUT::-ms-clear {
	visibility:hidden; 
}
INPUT::-ms-reveal {
	display:none;
}
INPUT,TEXTAREA,SELECT{
	font-size:100%;
}
INPUT[type="TEXT"],
INPUT[type="TEL"],
INPUT[type="EMAIL"],
INPUT[type="SEARCH"],
INPUT[type="URL"],
INPUT[type="PASSWORD"],
INPUT[type="DATETIME"],
INPUT[type="DATE"],
INPUT[type="NUMBER"],
SELECT,
TEXTAREA{
	-webkit-appearance:none;
	       -moz-appearance:none;
	        appearance:none;
	-webkit-border-radius:0;
	   -moz-border-radius:0;
	        border-radius:0;
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	font-size:16px; /* 1.15em */
	line-height:16px;
	border:#BABABA 1px solid;
}
SELECT::-ms-expand { /* IE10- */
	display: none;
}
INPUT[type="TEXT"]:hover,
INPUT[type="TEXT"]:focus,
INPUT[type="TEL"]:hover,
INPUT[type="TEL"]:focus,
INPUT[type="EMAIL"]:hover,
INPUT[type="EMAIL"]:focus,
INPUT[type="PASSWORD"]:hover,
INPUT[type="PASSWORD"]:focus,
INPUT[type="DATETIME"]:hover,
INPUT[type="DATETIME"]:focus,
INPUT[type="DATE"]:hover,
INPUT[type="DATE"]:focus,
INPUT[type="NUMBER"]:hover,
INPUT[type="NUMBER"]:focus,
SELECT:hover,
SELECT:focus,
TEXTAREA:hover,
TEXTAREA:focus{
	border-color:#FDC917;
}

INPUT[type="DATETIME"],
INPUT[type="DATE"]{
	-webkit-padding-start:0;
}
INPUT[type="TEXT"],
INPUT[type="TEL"],
INPUT[type="EMAIL"],
INPUT[type="PASSWORD"],
INPUT[type="DATETIME"],
INPUT[type="DATE"],
INPUT[type="NUMBER"],
SELECT{
	height:36px;
}

INPUT[type="RADIO"] + LABEL,
INPUT[type="CHECKBOX"] + LABEL{
	display:inline-block;
}
INPUT[type="RADIO"] + LABEL:hover,
INPUT[type="CHECKBOX"] + LABEL:hover{
	cursor:pointer;
}

INPUT,
SELECT,
TEXTAREA{
	font-weight:500;
}
INPUT[type="SUBMIT"]{
	font-size:14px;
}
TEXTAREA{
	line-height:26px;
}
INPUT[type="submit"]{
/*	border:none;	*/
	border-width:1px;
}
/* 入力参考 */
:placeholder-shown{
	font-size:12px;
	line-height:16px;
	color:#B2B2B2 ;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder{
	font-size:12px;
	line-height:16px;
	color:#B2B2B2 ;
}
/* Firefox 18- */
:-moz-placeholder{
	font-size:12px;
	line-height:16px;
	color:#B2B2B2 ;
}
/* Firefox 19+ */
::-moz-placeholder{
	font-size:12px;
	line-height:16px;
	color:#B2B2B2 ;
}
/* IE 10+ */
:-ms-input-placeholder{
	font-size:12px;
	line-height:16px;
	color:#B2B2B2 ;
}
/* windows限定の入力制御 */
.imeDisabled{
	ime-mode:disabled;
}
.imeActive{
	ime-mode:active;
}
/*************************/
/* 警告等(入力、エラー)  */
/*************************/
/* 文言での警告色 */
.attention{}
.alert{
	color:#EA060C;
}
/* エラー警告 */
.validation-error INPUT[type="TEXT"],
.validation-error INPUT[type="TEL"],
.validation-error INPUT[type="EMAIL"],
.validation-error INPUT[type="SEARCH"],
.validation-error INPUT[type="URL"],
.validation-error INPUT[type="PASSWORD"],
.validation-error INPUT[type="DATETIME"],
.validation-error INPUT[type="DATE"],/* カレンダー用はlabelで表示しているので実際は無効 */
.validation-error LABEL.datePicker,
LABEL.validation-error,/* カレンダーは下のラベルに色を付ける */
.validation-error INPUT[type="NUMBER"],
.validation-error SELECT,
.validation-error TEXTAREA{
	border-color:#EA060C;
	background-color:#FCD7D8;
}

.validation-error INPUT[type="RADIO"] + LABEL:before,
.validation-error INPUT[type="CHECKBOX"] + LABEL:before{
	color:#EA060C;
}
DIV.inputAlert,
SPAN.inputAlert,
P.inputAlert{
	color:#EA060C;
	font-size:12px;
	line-height:16px;
}
DIV.inputAlert{
	background:url(/img/ghakata/icon/ani_alert.gif) 1px 1px no-repeat;
	padding:3px 4px 2px 26px;
}
.inputAlert I{
	 color:#EA060C!important;
/* 点滅 */
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
	-moz-animation:blink 0.8s ease-in-out infinite alternate;
	animation:blink 0.8s ease-in-out infinite alternate;
	padding-right:3px;
}
@-webkit-keyframes blink{
	0% {
		opacity:0.4;
	}
	100% {
		opacity:1;
	}
}
@-moz-keyframes blink{
	0% {
		opacity:0.4;
	}
	100% {
		opacity:1;
	}
}
@keyframes blink{
	0% {
		opacity:0.4;
	}
	100% {
		opacity:1;
	}
}

/* 必須項目案内 */
DL.mef DT{
	background:url(/img/ghakata/icon_mef.png) right 2px top 2px no-repeat;
}
/* P.mef{
	font-size:12px; color:#F60;
} */
SUP.mef,
SUP.necessary{
	color:#F60;
}
/* 記述例 */
.eg {
	color:#3E3E3E;
	font-size:12px;
	line-height:14px;
	display:inline-block;
	margin-left:4px;
}
.note {}
.subnote{}
DL + UL.note,
P + UL.note,
UL + UL.note,
UL.note + UL.note{
	margin-top:-1.0em;
}
UL.noteNoIcon{
	margin-left:1.0em;
}
UL.noteNoIcon LI{
	list-style-type:disc;
}
UL.noteWithIcon LI{
	list-style:none;
	padding-left:1.0em;
	text-indent:-1.0em;
}
UL.noteWithIcon LI:before{
	padding-right:0em;
}
UL.iconCircle LI:before{
	content:"○";
}
UL.iconAsterisk LI:before{
	content:"※";
	padding-right:0em;
}
DL.note{}
DL.noteS {}
DL.noteS DT{}/* 折り返さない */
DL.noteL{}/* 折り返す */
.subnote{}




/******************************/
/* レイアウト                 */
/******************************/

/* 基本構造を記載
DIV#wrapbase
	#header HEADER 
	DIV#wrapMainContents
	DIV#wrapSubContents
#footer FOOTER
*/
DIV#wrapbase{
	overflow: auto;
	word-wrap: break-word;
	position: relative;
	min-width: 320px;
	max-width: 100%;
	margin: auto;
	height: auto!important;
	height: 100%;
	min-height: 100%;
	padding-bottom: 40px; /* footerの余白分 */
}
HEADER{
  position: relative;
}
DIV#wrapmain,
DIV#wrapmain2{
  padding-left: 2.0rem;
  padding-right: 2.0rem;
}
#home DIV#wrapmain{
  background: none;
  padding-left: 0rem;
  padding-right: 0rem;
  margin-bottom: 6.0rem;
}
DIV#wrapmain::before{
  display: block;
  content: "";
  margin-left: -2.0rem;
  margin-right: -2.0rem;
  height: 0.4rem;
  background: -moz-linear-gradient(left, #AFC8F1 25%, #EDC4D4 25%, #EDC4D4 50%, #C5E375 50%, #C5E375 75%, #F8DC6D 75%, #F8DC6D 100% );
  background: -webkit-linear-gradient(left, #AFC8F1 25%, #EDC4D4 25%, #EDC4D4 50%, #C5E375 50%, #C5E375 75%, #F8DC6D 75%, #F8DC6D 100% );
  background: linear-gradient(to right, #AFC8F1 25%, #EDC4D4 25%, #EDC4D4 50%, #C5E375 50%, #C5E375 75%, #F8DC6D 75%, #F8DC6D 100% ); 
}
#home DIV#wrapmain::before{
  display: none;
}
DIV.wrapmain2{ position: relative; }
DIV.wrapLeft{ }
DIV.wrapRight{ display: none;}
DIV.wrapRight DIV{}
FOOTER{}

/* レイアウト確認用コメントアウトを外して利用 */

DIV#wrapbase,
	DIV#wrapContents,
		HEADER,
		DIV#wrapmain,
		DIV#wrapSubContents,
	FOOTERr{ boreder: #26FF26 1px solid;}
/**/

/******************************/
/* ヘッダー                   */
/******************************/
HEADER{}
#home HEADER H1,
HEADER H1{
  width:60%;
  height:35px;
  margin: auto;
  font-size: 1.6em;
  line-height: 2.4rem;
  font-weight: bold;
}
#home HEADER H1 A,
HEADER H1 A{
  display: block;
  text-indent: -9999px;
  background: url(/img/ghakata/logo.gif) center top no-repeat;
  background-size: contain;
  margin-top: 0.8rem;
  margin-bottom: 0.8rem;
}
HEADER NAV{
  position: absolute;
  display: block;
  width: 4.0rem;
  height: 4.0rem;
  right: 0.4rem;
  top: 0.4rem;
}

/******************************/
/* グローバルナビゲーション   */
/******************************/
NAV DIV#globalMenu{
  position: relative;
}
NAV DIV#globalMenuBtn{
	position:absolute;
	width: 40px;
	height: 40px;
	top: 0rem;
	right: 0.5rem;
/*  border:#000 1px solid; */
}
NAV DIV#globalMenuBtn A{
	display:block;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	background: url(/img/ghakata/sp/iconSet.png);
	background-size: 200px;
}
NAV DIV#globalMenuBtn #menuBtn_open A{
	background-position: -80px 0px;
}
NAV DIV#globalMenuBtn #menuBtn_open A:hover{
	/* background-position: -80px -40px; */
}
NAV DIV#globalMenuBtn #menuBtn_close A{
	background-position: -80px -40px;
}
NAV DIV#globalMenuBtn #menuBtn_close A:hover{
	/* background-position: -80px 0px; */
}
#menuBtn_close,
#searchArea_close,
#menuBtn_1{ display: none; }
NAV#globalMenu UL{
  width: 100%;
}
NAV#globalMenu LI,
NAV#globalMenu LI A,
NAV#globalSubMenu LI,
NAV#globalSubMenu LI A{
	display: block;
	/*height:56px;*/
}
NAV#globalMenu LI,
NAV#globalSubMenu LI{
	width: 100%;
	list-style-type: none;
}
NAV#globalMenu LI + LI,
NAV#globalSubMenu LI{}
NAV#globalMenu LI A,
NAV#globalSubMenu LI A{
	display: block;
	padding: 8px 8px 8px 24px;
	color: #E75281;
	text-decoration: none;
}
NAV#globalMenu > UL > LI > A{
	background-color: #FADCE6;
	text-align: center;
	color: #E65280;
}

NAV#globalMenu LI A:hover,
NAV#globalMenu LI A:focus{
	background-color:#FCEAF0;
	text-decoration:none;
	color:#E75281;
}

/******************************/
/* パンくず                   */
/******************************/
DIV.crumbMenu{
  display: none;
}
/******************************/
/* メイン　                   */
/******************************/
DIV.wrapLeft H1 {
  font-size:2.0rem;
  line-height: 3.2rem;
  font-family:"游明朝体", 'Yu Mincho', YuMincho, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
  letter-spacing: 0.2rem;
  padding-left: 0.2rem;
  font-weight: 400;
  color:#494949;
  text-align: center;
  padding: 1.2rem;
}
DIV.wrapLeft .wrapContents{
  padding-bottom: 2.8rem;
}
DIV.wrapLeft H2{
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  padding: 0.8rem;
  text-align :center;
  border-top: #484848 2px solid;
  border-bottom: #484848 2px solid;
  margin-bottom: 1.6rem;
}
DIV.wrapLeft P,
DIV.wrapLeft DT,
DIV.wrapLeft DD{
  font-size: 1.2rem;
  line-height: 1.58;
}
DIV.wrapLeft P{
  margin-bottom: 1.6rem;
}
DIV.wrapLeft DT,
DIV.wrapLeft DD{
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

.wrapContents P{ }
.wrapContents H2{ }
.wrapContents H2 SPAN { }

.wrapContents A,
.wrapContents A{}
/******************************/
/* フッター                   */
/******************************/

FOOTER { clear: both;
	margin: auto;
	margin-top: -3.2rem;
  border-top: #ccc 0.1rem solid;
  padding-top: 0.6rem;
}
FOOTER P{
	color: #666666;
	font-size: 0.9rem;
	line-height: 1.5rem;

	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}



/******************************/
/* トップページ               */
/* id: top                    */
/* class: top                 */
/******************************/

#home OL.topMenu{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
#home OL.topMenu LI.btn_bnr1{
  width: 25%;
}
#home OL.topMenu LI.btn_bnr2{
  width: 50%;
}
#home LI{ list-style-type: none; }
#home OL.topMenu LI,
#home OL.topMenu LI A{
  display: block;
}
#home OL.topMenu LI.btn_bnr1 A{
  text-indent: -9999px;
}
#home .btn_bnr1,
#home .btn_bnr1 A{
  width: 100%;
  height: 192px;
}
.btn_bnr1 A,
.btn_bnr1 A:visited{
  background-position: center top;
  background-repeat: no-repeat;
}
.btn_bnr1 A:hover{
  background-position: center bottom;
}
#home LI.btnL_sh A { background-image: url(/img/ghakata/btnL_sh.gif); }
#home LI.btnL_jh A { background-image: url(/img/ghakata/btnL_jh.gif); }
#home LI.btnL_kg A  { background-image: url(/img/ghakata/btnL_kg.gif); }
#home LI.btnL_gsa A { background-image: url(/img/ghakata/btnL_gsa.gif); }

#home .btn_bnr2{
  width: 50%;
  padding-top: 1.2rem;
}
#home .btn_bnr2:nth-of-type(2n + 1){
  padding-left: 1.2rem;
  padding-right: 0.6rem;
}
#home .btn_bnr2:nth-of-type(2n){
  padding-left: 0.6rem;
  padding-right: 1.2rem;
}

#home .btn_bnr2 A{
  display: block;
  height: 100%;
  padding: 1.0rem;
  border: #A3A3A3 2px solid;
  color: #666666;
  text-align: center;
  font-family: "Times New Roman", Times, "serif";
  font-size: 1.5rem;
}
#home .btn_bnr2 A:hover{
  text-decoration: none;
}

#home .topBnrArea{
  width: 100%;
}
#home .topBnrArea IMG{
  display: block;
  width: 100%;
  height: auto;
}

#home UL.topGroupBnrArea{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 2.4rem;
}
#home UL.topGroupBnrArea:nth-of-type(1){
  display: none;
}
#home UL.topGroupBnrArea LI{
  width: 50%;
  padding-top: 1.2rem;
}
#home UL.topGroupBnrArea LI:nth-of-type(2n){
  padding-left: 0.6rem;
  padding-right: 1.2rem;
}
#home UL.topGroupBnrArea LI:nth-of-type(2n+1){
  padding-left: 1.2rem;
  padding-right: 0.6rem;
}
#home UL.topGroupBnrArea LI A,
#home UL.topGroupBnrArea LI A:visited{
  display: block;
  padding: 1.0rem;
  border: #A3A3A3 2px solid;
  color: #666666;
  text-align: center;
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
}
#home UL.topGroupBnrArea LI A:hover,
#home UL.topGroupBnrArea LI A:focus{
  text-decoration: none;
}

.btnM_sh A  { }
.btnM_jh A  { }
.btnM_kg A  { }
/* 同窓会 */
.btnM_gsa A { }
/* 高校同窓会 */
.btnM_hsga A { }
/* 中学同窓会 */
.btnM_jhsga A { }

#home DIV.bnrArea{
  width: 100%;
  text-align: center;
}


/******************************/
/* 学園のあゆみ               */
/* id: history                */
/* class: info                */
/******************************/
#history{}

#history .wrapContents DL{}
#history .wrapContents DL DT{
  width: 100%;
  background-color: #E7E7E7;
  text-align: center;
}
#history .wrapContents DL DD{
  width: 100%;
}
/******************************/
/* 同窓会のご案内             */
/* id:              */
/* class:              */
/******************************/
#reunion-jh-index LI,
#reunion-sh-index LI{ }
.newsArea{}
.newsArea > H2{
  margin-bottom: 0;
}
.newsArea UL{
  overflow: hidden;
/*  border-top: #DFDFDF 1px dotted; */
  border-bottom: #DFDFDF 1px dotted;
  margin-top: -1.6rem;
  margin-bottom: 1.4rem;
}
.newsArea UL LI{
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  list-style-type: none;
}
.newsArea UL LI .news_meta {
	margin-bottom: 5px;
}
.newsArea UL LI +LI{
  border-top: #DFDFDF 1px dotted;
}
SPAN.date,
SPAN.newsCategory,
SPAN.newsTitle{
  display: inline-block;
}

/******************************/
/* 行動計画               */
/* id:              */
/* class: info             */
/******************************/
.csrArea{
  padding: 1em;
}
.csrArea UL{}
.csrArea UL LI::before{
  content: ">";
}


/******************************/
/* お問い合わせ               */
/* id: inquiry-xx             */
/* class: inquiry             */
/******************************/
#inquiry-index{}
#inquiry-index SECTION{
  display: block;
  margin-bottom: 1.4rem;
}
#inquiry-index DIV A::before{}

.inquiry TABLE.formTbl{}
.inquiry TABLE.formTbl,
.inquiry TABLE.formTbl TH,
.inquiry TABLE.formTbl TD{
  border-collapse: collapse;
  width: 100%;
}

/******************************/
/* 同窓会                     */
/* id: reunion-xx             */
/* class: reunion             */
/******************************/
.reunion-jh-inquiry,
.reunion-sh-inquiry{}
#reunion-jh-inquiry-cnf .wrapContents TABLE,
#reunion-sh-inquiry-cnf .wrapContents TABLE{
  margin-bottom: 2.4rem;
}