@charset "utf-8";

/* 配色について ----------------------------------------------------------------------------
 * メインカラー			　青：#036eb8
 * メインカラー淡色		薄青：#d0e6fd
 * アクセントカラー		　緑：#21ab38
 * アクセントカラー淡色	薄緑：#6dba44
 * ポイントカラー１		　黄：#faee05
 * ポイントカラー２		　橙：#ff8000
 * クリックテキスト		　緑
 * クリック（hover）	薄緑
 * 警告・strongカラー	　赤：#d90000
 ------------------------------------------------------------------------------------------- */

/* background-color
 ------------------------------------------------------------------------------------------- */
/* 基本背景色 : 基本文字色 */
body{background-color:#fff; color:#333;}

/* 白背景 */
.abtn::before,
.abtn::after,
#wrap > nav label::before,
#wrap > nav label span::before,
#wrap > nav label span::after,
#wrap > footer dl dt,
#privacy #close span::before,
#privacy #close span::after{background-color:#fff;}

/* メインカラー */
#wrap > nav,
#wrap > nav label,
#wrap > footer,
#wrap > header p#hiduke span:nth-of-type(3),
#wrap > header p#hiduke span:nth-of-type(6){background-color:#036eb8;}

/* メインカラー淡色 */
#wrap > footer > p:last-child,
#errinfo dl dt,
#pankuzu{background-color:#d0e6fd;}

/* アクセントカラー */
.abtn,
#privacy #close{background-color:#21ab38;}

/* アクセントカラー淡色 */
.abtn:hover,
#pankuzu li a:hover,
#privacy #close:hover{background-color:#6dba44;}

/* 例外カラー */
	/* ヘッダーに仮背景色 */
	#wrap > header{background-color:#5288c9;}
	/* 下層ページタイトル背景（トップページの「わ」と同色） */
	main:not(#errinfo) header{background-color:#faee05;}
	/* 薄背景 */
	main > section:nth-of-type(even){background-color:#eff5f2;}
	#errinfo dl dd{background-color:#fafafa;}
	/* remodalのdefault設定を上書き */
	#privacy{background-color:transparent;}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */
html #wrap > nav{background-color:transparent;}
}
@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */
#wrap > nav ul li a:hover{background-color:#037ac9;}
}


/* color
 ------------------------------------------------------------------------------------------- */
/* 白文字 */
#gtbtn a,
.abtn,
#wrap > nav label,
#wrap > nav a,
#wrap > footer dl dd,
#wrap > footer > div > div:nth-of-type(2),
#pankuzu li a:hover,
#privacy #close,
#wrap > header p#hiduke{color:#fff;}

/* 黒文字 */
#wrap > header p:not(#hiduke) a{color:#333;}

/* メインカラー */
#wrap > footer dl dt,
#wrap > footer > p:last-child,
#errinfo h2,
#errinfo dl dt,
#errinfo section > p b,
#pankuzu li{color:#036eb8;}

/* メインカラー淡色 */
#errinfo h1 span:nth-of-type(2){color:#d0e6fd;}

/* アクセントカラー */
main a:not(.abtn),
#pankuzu a{color:#21ab38;}

/* アクセントカラー淡色 */
main a:not(.abtn):hover{color:#6dba44;}

/* 偶数コンテンツ背景色
main > section:nth-of-type(even){background-color:#f9f9fb;} */

/* 例外カラー */
	/* 備考・エラーページ薄文字色 */
	#errinfo section > p span{color:#b8b8b8;}
	/* エラーページエラーコード */
	#errinfo h1 span:nth-of-type(1){color:#f5f5f5;}


/* border
 ------------------------------------------------------------------------------------------- */
#wrap > nav ul,
#wrap > nav ul li+li{border-color:rgba(255,255,255,.22);}

/* 白線 */
#gtbtn::before,
#wrap > header p#hiduke{border-color:#fff;}

/* メインカラー */
#pankuzu li+li::before{border-color:#036eb8;}

/* メインカラー淡色 */
#errinfo dl+p{border-color:#d0e6fd;}

/* アクセントカラー */
#pankuzu li a,
main a:not(.abtn){border-color:#21ab38;}

/* アクセントカラー淡色 */
main a:not(.abtn):hover,
#pankuzu li a:hover{border-color:#6dba44;}

/* */
#privacy dl dd{border-color:#f00;}
/* */

/* fill
 ------------------------------------------------------------------------------------------- */
/* グローバルメニューアイコン */
#wrap > nav a path{fill:#fff;}
/* PDFダウンロードアイコン */
.apdf path{fill:#fff;}
/* 下層ページタイトルアイコン */
main > header path{fill:#036eb8;}


/* textshadow
 ------------------------------------------------------------------------------------------- */
/* 白 */
#wrap > header h1,
#wrap > header p:not(#hiduke){
	text-shadow:1px 0 0 #fff, -1px 0 0 #fff, 0 1px 0 #fff, 0 -1px 0 #fff,
				2px 0 3px #fff, -2px 0 3px #fff, 0 2px 3px #fff, 0 -2px 3px #fff,
				2px 0 5px #fff, -2px 0 5px #fff, 0 2px 5px #fff, 0 -2px 5px #fff,
				2px 0 8px #fff, -2px 0 8px #fff, 0 2px 8px #fff, 0 -2px 8px #fff;}

/* メインカラー */
#wrap > header p#hiduke{
	text-shadow:1px 0 0 #036eb8, -1px 0 0 #036eb8, 0 1px 0 #036eb8, 0 -1px 0 #036eb8,
				2px 0 3px #036eb8, -2px 0 3px #036eb8, 0 2px 3px #036eb8, 0 -2px 3px #036eb8,
				2px 0 5px #036eb8, -2px 0 5px #036eb8, 0 2px 5px #036eb8, 0 -2px 5px #036eb8;}


/* transition
 ------------------------------------------------------------------------------------------- */

div a,
#wrap > nav label::before,
#wrap > nav label span,
#wrap > nav label span::before,
#wrap > nav label span::after,
#wrap > nav a path,
#privacy #close,
form input[type=checkbox]:not([name=acpt])+label::after,
form input[type=submit]	{-webkit-transition-duration:.2s; transition-duration:.2s;}
/* */
#wrap > nav a path	{-webkit-transition-property:fill; transition-property:fill;}

form input[type=checkbox]:not([name=acpt])+label::after
					{-webkit-transition-property:border; transition-property:border;}
#wrap > nav > ul	{-webkit-transition-property:width; transition-property:width;}
#wrap > nav label::before
					{-webkit-transition-property:width, left, margin; transition-property:width, left, margin;}
#wrap > nav label span,
#privacy #close		{-webkit-transition-property:background-color, color; transition-property:background-color, color;}
div a				{-webkit-transition-property:background-color, color, border; transition-property:background-color, color, border;}
#wrap > nav label	{-webkit-transition-property:background-color, color, border-radius; transition-property:background-color, color, border-radius;}
#wrap > nav label span::before,
#wrap > nav label span::after
					{-webkit-transition-property:width, top, left, transform; transition-property:width, top, left, transform;}

@media all and (max-width:979px){ /* ～979px デスクトップ未満すべて */
#wrap > nav,
#wrap > nav::after,
#wrap > nav ul{-webkit-transition-duration:.1s; transition-duration:.1s;}
#wrap > nav{-webkit-transition-property:width; transition-property:width;}
#wrap > nav::after{background-color:rgba(0,0,0,0); -webkit-transition-property:background; transition-property:background;}
#wrap > nav > ul{background-color:#036eb8;}

/* selected bg */
html.selected #wrap > nav::after{
	background-color:rgba(0,0,0,.66);
	background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,.11) 25%, rgba(0,0,0,.33) 25%, rgba(0,0,0,.33) 50%, rgba(0,0,0,.11) 50%, rgba(0,0,0,.11) 75%, rgba(0,0,0,.33) 75%, rgba(0,0,0,.33) 100%);
	background-image:         linear-gradient(-45deg, rgba(0,0,0,.11) 25%, rgba(0,0,0,.33) 25%, rgba(0,0,0,.33) 50%, rgba(0,0,0,.11) 50%, rgba(0,0,0,.11) 75%, rgba(0,0,0,.33) 75%, rgba(0,0,0,.33) 100%);}
.remodal-overlay{background:rgba(255,255,255,.97);}
}

@media (min-width:980px){ /* 980px～ デスクトップ以上すべて */
.remodal-overlay{
	background-color:rgba(0,0,0,.66);
	background-image: -webkit-linear-gradient(-45deg, rgba(0,0,0,.11) 25%, rgba(0,0,0,.33) 25%, rgba(0,0,0,.33) 50%, rgba(0,0,0,.11) 50%, rgba(0,0,0,.11) 75%, rgba(0,0,0,.33) 75%, rgba(0,0,0,.33) 100%);
	background-image:         linear-gradient(-45deg, rgba(0,0,0,.11) 25%, rgba(0,0,0,.33) 25%, rgba(0,0,0,.33) 50%, rgba(0,0,0,.11) 50%, rgba(0,0,0,.11) 75%, rgba(0,0,0,.33) 75%, rgba(0,0,0,.33) 100%);}

#privacy div{background-color:#fff;}
}

/* End sitecmntint CSS */