@charset "UTF-8";
/*
 :タイトル "サイト共通パーツ スタイル設定";
 :一行説明 "サイト共通パーツ スタイル設定のスタイルシートです";
 :作成日 "2010-01-28";
 :改訂版 [:版 "1.0.0"; :作成日 "2010-03-24"];
 :改訂版 [:版 "1.0.1"; :作成日 "2010-06-15"];
 :改訂版 [:版 "1.0.2"; :作成日 "2010-09-09"];
 :改訂版 [:版 "1.0.3"; :作成日 "2010-09-14"];
 :改訂版 [:版 "1.0.4"; :作成日 "2010-09-29"];
 :改訂版 [:版 "1.0.5"; :作成日 "2010-10-05"];
 :改訂版 [:版 "1.0.6"; :作成日 "2010-11-29"];
 :改訂版 [:版 "1.0.7"; :作成日 "2011-03-14"];
 :改訂版 [:版 "1.0.8"; :作成日 "2011-04-08"];
 :改訂版 [:版 "1.0.9"; :作成日 "2012-08-20"];
 :改訂版 [:版 "1.1.0"; :作成日 "2016-02-06"];
 :改訂版 [:版 "1.1.1"; :作成日 "2020-04-15"]; ※修正中
*/


.center{ margin: 0 auto!important;}


/*
 書体変更
------------------------------------------------------------------------- */
/* 「t」始まりに太字「sto」をつけると太くなります。色と組み合わせて使ってください。 */
.tsto{ font-weight: 600; }
/* 赤色 */
.tred{ color:red; }
/* 青色※見出しの背景と同じ色です */
.tblue{ color:#2b50b5; }
/* グレー関係 bodyは#111 */
.tblack{ color: #111; }
.tgray3{ color: #333; }
.tgray6{ color: #666; }
.tgray9{ color: #999; }
/* 白色 */
.twhite{ color:#fff!important; }

/* 黒い下線 */
.ulineblack{ text-decoration: underline black; }
/* 赤い下線 */
.ulinered{ text-decoration: underline red; }
.ulinered-w{ text-decoration: underline wavy red; }
.ulinered-d{ border-bottom: dashed 1px red;}

/* 黄色いマーカーを引く */
.makerline-y{ background: linear-gradient(transparent 50%, #fff352 50%); }
/* 赤いマーカーを引く */
.makerline-r{ background: linear-gradient(transparent 50%, lightcoral 50%); }
/* 青いマーカーを引く */
.makerline-b{ background: linear-gradient(transparent 50%, lightskyblue 50%); }
/* 緑のマーカーを引く */
.makerline-g{ background: linear-gradient(transparent 50%, lightgreen 50%); }

/* インデント */
.indent {
padding-left:1em!important;
text-indent:-1em!important;
}

/* 文字区切り変更 */
.wbwrp-n{
    word-break:normal;
    word-wrap:normal;
}
.wbwrp-b{   
    word-break: break-all;
    word-wrap: break-word;
}

/*  PC＆SPのみ改行 */
@media screen and (min-width: 740px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 740px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

/* フォントサイズ */
.fsize10 { font-size: 10px;}
.fsize11 { font-size: 11px;}
.fsize12 { font-size: 12px;}
.fsize14 { font-size: 14px;}
.fsize16 { font-size: 16px;}
.fsize18 { font-size: 18px;}
.fsize20 { font-size: 20px;}

.fsize80 { font-size: 80%;}
.fsize90 { font-size: 90%;}
.fsize100 { font-size: 100%;}


/* 行間 */
.lh05 { line-height: 0.5em; }
.lh08 { line-height: 0.8em; }
.lh10 { line-height: 1.0em; }
.lh12 { line-height: 1.2em; }
.lh15 { line-height: 1.5em; }
.lh17 { line-height: 1.7em; }
.lh20 { line-height: 2.0em; }
.lh22 { line-height: 2.2em; }
.lh24 { line-height: 2.4em; }
.lh26 { line-height: 2.6em; }
.lh28 { line-height: 2.8em; }
.lh30 { line-height: 3.0em; }

/* 文字間 */
.ls01 { letter-spacing: 0.1em; }
.ls02 { letter-spacing: 0.2em; }
.ls03 { letter-spacing: 0.3em; }
.ls04 { letter-spacing: 0.4em; }
.ls05 { letter-spacing: 0.5em; }
.ls10 { letter-spacing: 1.0em; }
.ls15 { letter-spacing: 1.5em; }


/* margin & padding タグの上下の空白をリセット */
.noblock{
    margin-block-start: 0em!important;
    margin-block-end: 0em!important;
    padding-block-start: 0em!important;
    padding-block-end: 0em!important;
} /* 該当のタグの上下にも設置する必要がある為、注意 */

/* 二重線の取り消し線 赤くしたい時はtredをclassに追加してください */
.strikethrough{
	display: inline-block;         /* 打ち消し線と文字の幅を揃えられるようにする */
	position: relative;            /* 打ち消し線の位置を調整する時の基準点になるようにする */
}
 
.strikethrough::before {
	content: '';                	/* 擬似要素に実体を持たせる */
	width: 100%;                	/* 打ち消し線の幅を指定する*/
	height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
	border-top: solid 1px #F44336;     /* 二重線の上側になる線をひく */
	position: absolute;            	/* 線の位置を自由に動かせるようにする */
	left: 0 ;                   	/* 線の位置を左に揃える */
	top: calc(50% - 3px);           /* 線の位置を真ん中から3px上にする */
}
 
.strikethrough::after {
	content: '';                	/* 擬似要素に実体を持たせる */
	width: 100%;                	/* 打ち消し線の幅を指定する*/
	height: 1px;                	/* 線を表示させるために1pxだけ高さを入れる */
	border-bottom: solid 1px #F44336;  /* 二重線の上側になる線をひく */
	position: absolute;            	/* 線の位置を自由に動かせるようにする */
	left: 0 ;                    	/* 線の位置を左に揃える */
	bottom: calc(50% - 3px);        /* 線の位置を真ん中から3px下にする */
}


/*
 Margin Set
------------------------------------------------------------------------- */
.mh00 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}
.mh05 {
	margin-top: 5px !important;
	margin-bottom: 5px !important;
}
.mh10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.mh15 {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
}
.mh20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
.mh25 {
	margin-top: 25px !important;
	margin-bottom: 25px !important;
}
.mh30 {
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}
.mh35 {
	margin-top: 35px !important;
	margin-bottom: 35px !important;
}
.mh40 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}
.mh45 {
	margin-top: 45px !important;
	margin-bottom: 45px !important;
}
.mh50 {
	margin-top: 50px !important;
	margin-bottom: 50px !important;
}
.mw00 {
	margin-right: 0px !important;
	margin-left: 0px !important;
}
.mw05 {
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.mw10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}
.mw15 {
	margin-right: 15px !important;
	margin-left: 15px !important;
}
.mw20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}
.mw25 {
	margin-right: 25px !important;
	margin-left: 25px !important;
}
.mw30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}
.mw35 {
	margin-right: 35px !important;
	margin-left: 35px !important;
}
.mw40 {
	margin-right: 40px !important;
	margin-left: 40px !important;
}
.mw45 {
	margin-right: 45px !important;
	margin-left: 45px !important;
}
.mw50 {
	margin-right: 50px !important;
	margin-left: 50px !important;
}
.mt00 {
	margin-top: 0px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt14 {
	margin-top: 14px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt45 {
	margin-top: 45px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.mt70 {
	margin-top: 70px !important;
}
.mt90 {
	margin-top: 90px !important;
}
.mr00 {
	margin-right: 0px !important;
}
.mr02 {
	margin-right: 2px !important;
}
.mr03 {
	margin-right: 3px !important;
}
.mr04 {
	margin-right: 4px !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr25 {
	margin-right: 25px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr35 {
	margin-right: 35px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr45 {
	margin-right: 45px !important;
}
.mr50 {
	margin-right: 50px !important;
}
/* emセット  */
.mr01em {
	margin-right: 1em !important;
}
.mr02em {
	margin-right: 2em !important;
}
.mr03em {
	margin-right: 3em !important;
}
.mr04em {
	margin-right: 4em !important;
}
.mr05em {
	margin-right: 5em !important;
}

/* emここまで */


.mb00 {
	margin-bottom: 0px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb12 {
	margin-bottom: 12px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb35 {
	margin-bottom: 35px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb65 {
	margin-bottom: 65px !important;
}
.mb75 {
	margin-bottom: 75px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.ml00 {
	margin-left: 0px !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml25 {
	margin-left: 25px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml35 {
	margin-left: 35px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml60 {
	margin-left: 60px !important;
}
/*
 Padding Set
------------------------------------------------------------------------- */
.ph00 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.ph05 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.ph10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
.ph15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.ph20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}
.ph25 {
	padding-top: 25px !important;
	padding-bottom: 25px !important;
}
.ph30 {
	padding-top: 30px !important;
	padding-bottom: 30px !important;
}
.ph35 {
	padding-top: 35px !important;
	padding-bottom: 35px !important;
}
.ph40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}
.ph45 {
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}
.ph50 {
	padding-top: 50px !important;
	padding-bottom: 50px !important;
}
.pw00 {
	padding-right: 0px !important;
	padding-left: 0px !important;
}
.pw05 {
	padding-right: 5px !important;
	padding-left: 5px !important;
}
.pw10 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
.pw15 {
	padding-right: 15px !important;
	padding-left: 15px !important;
}
.pw20 {
	padding-right: 20px !important;
	padding-left: 20px !important;
}
.pw25 {
	padding-right: 25px !important;
	padding-left: 25px !important;
}
.pw30 {
	padding-right: 30px !important;
	padding-left: 30px !important;
}
.pw35 {
	padding-right: 35px !important;
	padding-left: 35px !important;
}
.pw40 {
	padding-right: 40px !important;
	padding-left: 40px !important;
}
.pw45 {
	padding-right: 45px !important;
	padding-left: 45px !important;
}
.pw50 {
	padding-right: 50px !important;
	padding-left: 50px !important;
}
.pt00 {
	padding-top: 0px !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt25 {
	padding-top: 25px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt45 {
	padding-top: 45px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pr00 {
	padding-right: 0px !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr25 {
	padding-right: 25px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr35 {
	padding-right: 35px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr45 {
	padding-right: 45px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pb00 {
	padding-bottom: 0px !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb25 {
	padding-bottom: 25px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb35 {
	padding-bottom: 35px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb45 {
	padding-bottom: 45px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pl00 {
	padding-left: 0px !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl13 {
	padding-left: 13px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl25 {
	padding-left: 25px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl35 {
	padding-left: 35px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl45 {
	padding-left: 45px !important;
}
.pl50 {
	padding-left: 50px !important;
}
/*
 行揃え
------------------------------------------------------------------------- */
.tleft {
	text-align: left !important;
}
.tcenter {
	text-align: center !important;
}
.tright {
	text-align: right !important;
}
/*
 縦位置
------------------------------------------------------------------------- */
.vat {
	vertical-align: top !important;
}
.vam {
	vertical-align: middle !important;
}
.vab {
	vertical-align: bottom !important;
}
/*
 float
------------------------------------------------------------------------- */
.fleft {
	float: left;
}
.fright {
	float: right;
}
.clear {
	clear: both;
}
/*
 float clear
------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* */


/*
 背景無し
------------------------------------------------------------------------- */
.no_bg { background: none !important; }


/* ==============================================
PC
================================================ */
@media print, screen and (min-width: 768px) {
#main .w900 { min-width: 768px; } 
    
pre{
	overflow: auto;
	margin: 2em 0;
	padding: 10px;
	width: 648px;
	/*max-height: 100px;*/
	border: 1px solid #ccc;
	background-color: #eee;
	font-size: 86%;
}
code{
	font-family: Arial, Helvetica, sans-serif;
}

div.htuHeading{
	clear: both;
	margin-bottom: 1em;
	padding: 0.5em;
	background-color: #999;
	color: #fff;
	font-size: 133%;
	font-weight: bold;
}
div.htuHead{
	clear: both;
	margin: 2em 0 1em;
	padding: 0.5em;
	border: 3px solid #999;
}
	
	/*2019.07.22追加*/
div.htuHead01{
	clear: both;
	margin: 2em 0 1em;
	padding: 0.5em;
	border: 3px solid #f50;
}/*2019.07.22追加*/
	
	
div.htu{
	clear: both;
	margin: 1.5em 0 1em;
	padding: 0.5em;
	background: #CCC;
}
div.htu strong{
	padding: 0.25em;
	color:white;
	background-color:red;
}


/* ▼セクション
   --------------------------------------------- */
.section{
	clear: both;
	margin-bottom: 1em;
}
.section.last,
.section div.section.last{
	margin-bottom: 0;
}
.section .section{
	/*margin-top: 3em;*/
}
.section .section.first{
	margin-top: 0;
}


/* ▼HR（※印刷回り込み不具合時のみ使用）
   --------------------------------------------- */
div.separate{
	float: none;
	clear: both;
	width: 100%;
}
div.separate hr{
	position: absolute;
	overflow: hidden;
	top: -9999px;
	left: 0;
	border: 1px solid #fff;
}

/* ▼段落
   --------------------------------------------- */
p.alC{
	text-align: center;
}
p.alR{
	text-align: right;
}


/* ▼注記
   --------------------------------------------- */
span.note,
p.note{
	font-size: 86%;
}


/* ▼段組み：マルチカラム
   --------------------------------------------- */
div.clWrap{
	zoom: 1;
	clear: both;
}
div.clWrap:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
	line-height: 0;
}
/* Hides from IE-mac \*/
* html div.clWrap{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */
div.clWrap.divide{
	margin-bottom: 1.75em;
	padding-bottom: 1px;
	background: url(/common_rwd/images/bg_border04.gif) repeat-x left bottom;
}


/* CMS関連 */
    
.flexcolumn .clBox{display: flex; flex-wrap: wrap;}
.flexcolumn .textBox{width: 67%; margin-right: 1%;}
.flexcolumn .pctBox{width: 50%;}
.flexcolumn .pctRBox{width: 32%;}
.flexcolumn .clWrap p{margin: 5px auto 10px auto;}
    
/* 段組み（2カラム基準） */
div.clWrap.clWrap-2cl .clBox{
	float: left;
	width: 325px;
}
div.clWrap.clWrap-2cl .clBox.last{
	float: right;
}
div.clWrap.clWrap-2cl .clBox.pctRBox{
	float: right;
	margin-left: 20px;
}
div.clWrap.clWrap-2cl .clBox.pctLBox{
	float: left;
	margin-right: 20px;
}


/* 段組み（2カラム基準・2:1カラムセット） */
div.clWrap.clWrap-2cl .clBox div.txtL{
	float: left;
	width: 210px;
}
div.clWrap.clWrap-2cl .clBox div.pctR{
	float: right;
	width: 95px;
}
div.clWrap.clWrap-2cl .clBox div.txtL02{
	float: left;
	width: 115px;
}
div.clWrap.clWrap-2cl .clBox div.pctR02{
	float: right;
	width: 210px;
}


/* 段組み（3カラム基準） */
div.clWrap.clWrap-3cl .clBox{
	float: left;
	width: 210px;
	margin-right: 20px;
}
div.clWrap.clWrap-3cl .clBox.last{
	float: right;
	margin-right: 0;
}
div.clWrap.clWrap-3cl div.txtL{
	float: left;
	width: 440px;
}
div.clWrap.clWrap-3cl div.txtR{
	float: right;
	width: 440px;
}
div.clWrap.clWrap-3cl .clBox.pctRBox{
	float: right;
	margin-left: 20px;
	margin-right: 0;
}


/* 段組み（6カラム基準） */
div.clWrap.clWrap-6cl .clBox{
	float: left;
	width: 95px;
	margin-right: 20px;
	word-wrap: break-word;
}
div.clWrap.clWrap-6cl .clBox.last{
	float: right;
	margin-right: 0;
}
div.clWrap.clWrap-6cl div.txtL{
	float: left;
	width: 555px;
}
div.clWrap.clWrap-6cl div.txtR{
	float: right;
	width: 555px;
}
div.clWrap.clWrap-6cl .clBox.pctRBox{
	float: right;
	margin-left: 20px;
	margin-right: 0;
}


/* 3カラム幅 */
div.clWrap.clWrap-3cl div.columnBox{
	width: 186px;
	margin-bottom: 1.75em;
	padding: 10px 10px 1px;
	border: 2px solid #e1e1e1;
	background: #fafafc;
}
div.clWrap.clWrap-3cl div.columnBox dl.columnBoxInner dt{
	margin: 0 0 0.5em;
	padding: 0 0 0.35em;
	background: none;
	border-bottom: 2px solid #067987;
	color: #067987;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
}
div.clWrap.clWrap-3cl div.columnBox dl.columnBoxInner dd{
	margin: 0;
}



/* ▼リンクボタン（テキスト）
   --------------------------------------------- */
ul.linkBtn01{
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}
ul.linkBtn01.linkBtn01in{
	overflow: hidden;
}
ul.linkBtn01 li{
	margin: 0 0 0.5em;
	padding: 0;
}
ul.linkBtn01.linkBtn01in li{
	float: left;
}
ul.linkBtn01.linkBtn01in li.last{
	float: right;
}
ul.linkBtn01 li a{
	display: block;
	width: 323px;
	background: #f3f7fc url(/common_rwd/images/bg_index-menu.gif) repeat-x left top;
	border: 1px solid #c7cee0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	cursor: pointer;
}
ul.linkBtn01 li a:hover{
	background: #5b95ff url(/common_rwd/images/bg_index-menu_on.gif) repeat-x left top;
	color: #fff;
	border: 1px solid #c7cee0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
ul.linkBtn01 li span{
	display: block;
	width: 278px;
	padding: 0.6em 10px 0.6em 35px;
	background: url(/common_rwd/images/icn_link.gif) no-repeat 14px 1.2em;
}
ul.linkBtn01 li a:hover span{
	display: block;
	width: 278px;
	padding: 0.6em 10px 0.6em 35px;
	background: url(/common_rwd/images/icn_link-index_on.gif) no-repeat 14px 1.2em;
}
ul.linkBtn01 li.pdf span,
ul.linkBtn01 li.pdf a:hover span{
	background: url(/common_rwd/images/icn_link-pdf.gif) no-repeat 14px 0.8em;
}
ul.linkBtn01 li.pdf span em{
	font-style:normal;
}



/* ▼リスト（通常）
   --------------------------------------------- */
/*ol li,
ul li{
	margin-bottom: 0.45em;
}*/
ul ul.linkList01,
ol ul.linkList01,
ul ul.listmark,
ol ul.listmark{
	margin-top: 0.45em;
	margin-bottom: 0;
}


/* ▼リスト（インデントのみ）
   --------------------------------------------- */
ul.list01,
ul.list01 ul,
ul.list02,
ul.list02 ul,
ul.list03,
ul.list03 ul{
	list-style: none;
	margin: 0 0 auto;
	padding: 0;
}
ul.list01 li,ul.list02 li,ul.list03 li{
	margin: 0 0 auto;
	padding: 0;
}
ul.list01 ul{
	margin-left: 1em;
}
ul.list02 ul{
	margin-left: 2em;
}
ul.list03 ul{
	margin-left: 3em;
}



/* ▼リスト（記号指定）
   --------------------------------------------- */
ul.listmark{
	list-style: none;
	margin: 0 0 1.5em;
	padding: 0;
}
ul.listmark li,
ul.linkList01 ul.listmark li{
	margin: 0 0 0.45em 1em;
	padding: 0;
	text-indent: -1em;
	background: none;
}
ul.listmark.note{
	font-size: 86%;
}
ul li ul.listmark{
	margin-bottom: 0;
}
ul.listmark li ul.linkList01 li{
	margin: 0;
	text-indent: 0;
}
ul.listmark li ul.listmark{
	margin: 0.45em 0 0 0;
}
ul.listmark.listmark02 li,
ul.linkList01 ul.listmark.listmark02 li{
	margin: 0 0 0.45em 1.5em;
	text-indent: -1.5em;
}
ul.listmark.listmark03 li,
ul.linkList01 ul.listmark.listmark03 li{
	margin: 0 0 0.45em 2em;
	text-indent: -2em;
}
ul.listmark.listmark04 li,
ul.linkList01 ul.listmark.listmark04 li{
	margin: 0 0 0.45em 3em;
	text-indent: -3em;
}


/* ▼定義リスト
   --------------------------------------------- */
dl.list01{
	margin: 0 0 1.5em;
	line-height: 1.5;
}
dl.list01 dt{
	margin: 0 0 0.4em;
	font-weight: bold;
}
dl.list01 dd{
	margin: 0 0 1.5em;
}




/* 横並び */
ul.linkList01.inline li{
	line-height: 1.5;
}
ul.linkList01.inline:after{
	content: ".";
	display: block;
 	height: 0;
 	clear: both;
 	visibility: hidden;
}
/* Hides from IE-mac \*/
* html ul.linkList01.inline{
	height: 1%;
	overflow: visible;
}
/* End hide from IE-mac */
* html ul.linkList01.inline{
	width: 100%;
	height: 1.5em;
}/* IE6 */
*:first-child+html ul.linkList01.inline{
	width: 100%;
}/* IE7 */
ul.linkList01.inline li{
	float: left;
	margin-right: 1.25em;
	white-space: nowrap;
}
#main img.linkIcn{
	vertical-align: middle;
}


/* ▼「このページの先頭へ」
   --------------------------------------------- */
ul.toPageTop{
	list-style: none;
	/*margin: 3em 0 1.5em;*/
	padding: 0;
}
ul.toPageTop li{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
ul.toPageTop li a{
	padding-left: 15px;
	background: url(/common_rwd/images/icn_link-totop.gif) no-repeat left center;
}
/* 0408追加 */
ul.toCategoryTop li {
	float: right;
	
	margin: 0 1em 0 0;
}


/* ▼Flexbox PC版※ SP版もあるので注意
   --------------------------------------------- */
.flex-container {
    display:flex;    /* 子要素 */
    flex-direction: row;    /* 並ぶ向き */
    flex-wrap: wrap;        /* 子要素の折返し */
    justify-content: center;    /* 水平方向の揃え */
    align-items:stretch;    /* 垂直方向の揃え */
	align-content: space-around;    /* 複数行にした時の揃え */
}
 
.flex-item {
    padding: 10px 10px 0px 10px;
    color:  #fff;               /* 文字色 */
    margin:  10px;              /* 外側の余白 */
    border-radius:  5px;        /* 角丸指定 */
    width: 22%;                 /* 幅指定 */
    font-size:small; 
}
 
.flex-item:nth-child(1) {
    background-color:  #e5e5e5; /* 背景色指定 */
}
 
.flex-item:nth-child(2) {
    background-color:  #e5e5e5; /* 背景色指定 */
}
 
.flex-item:nth-child(3) {
    background-color: #e5e5e5; /* 背景色指定 */
}
 
.flex-item:nth-child(4) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item:nth-child(5) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item:nth-child(6) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item:nth-child(7) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item:nth-child(8) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item:nth-child(9) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item:nth-child(10) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item:nth-child(11) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item:nth-child(12) {
    background-color:  #e5e5e5; /* 背景色指定 */
}

.flex-item  {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
	
}


/*   CSSのみボタン　 */

.btn-square-shadow {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #4268BC;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #475B87;
  border-radius: 3px;
}
.btn-square-shadow:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}


@media screen and (min-width:1024px) {
    /*　画面サイズが1024pxからはここを読み込む　*/
    
#main .w900 { width: 900px!important; } 
#main .w900 .section { padding-bottom: 0px; width: 100%; } 
.w900 h2.hdTxt01-01 span, h3.hdTxt01-01 span {
display: block;
padding: 0.75em 12px;
/*background: url("http://staging1.office.uec.ac.jp/common_rwd/images/bg_heading-h2-01_900.gif") no-repeat left top;*/
background-color: #2b50b5;
border-radius: 3px;
zoom: 1;
}
#main .w900 .section .pageTtl{
	overflow: hidden;
	width: 100%!important;
	margin-bottom: 1.5em;
}

div.htuHead .indentlist dd{
padding-left:1em!important;
text-indent:-1em!important;
margin-inline-start: auto;
}
div.htuHead  .linkList01 li{ margin: 0px;}
div.listbox{
margin: 1em 0em;
padding: 0;
}


/* ==============================================
SP
================================================ */
@media screen and (max-width:767px) {
#main .w900 { width: 100%!important; } 
#main .w900 .section { padding-bottom: 10px; width: 100%; } 
div.htuHead {
clear: both;
margin: 0.5em;
padding: 0.5em;
border: 3px solid #999;
}
div.listbox{
margin: 0.5em;
padding: 0.5em;
}
div.htuHead .indentlist dd{
padding-left:1em!important;
text-indent:-1em!important;
margin-inline-start: auto;
}
#main .w900 { width: auto; } 
#main .section { padding-bottom: 10px; width: 100%; }
#main .w900 .section .pageTtl {width: 100%;}
.w900 { width: auto; }
.sp-box-center{
	margin:0 auto;
}
.sp-text-center{
	text-align:center;
}
.sp-padding-w{
	padding:0 14px;
}
.sp-valign-middle{
	vertical-align:middle;
}
.sp-mb10{
	margin-bottom:10px;
}

/*2021.3.12　いったん削除*/
/*
img{width: 100%; min-width: inherit;}
.pickupNews li a .img img {
    width: 100%;
    min-width: inherit;
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
}*/
/*2021.3.12　いったん削除*/
    
    
/* ▼段落
   --------------------------------------------- */
p.alC{
	text-align: center;
}
p.alR{
	text-align: right;
}
    
/*見出し*/
div.pageTtl h1,
div.pageTtl h2{
	font-size:16px;
	padding-left:15px;
}
div.pageTtl h1 .sp-small,
div.pageTtl h2 .sp-small{
	font-size:12px;
}
h2.hdTxt01-01,
h3.hdTxt01-01{
	margin: 0 0 14px;
	padding:10px;
	background-color: #2e58c0;
	color: #fff;
	font-size: 13px;
	line-height: 1.35;
}
h2.hdTxt01-02 {
    margin: 0px 0px 0.85em 5px;
    color: #4444db;
    font-size: 129%;
    line-height: 1.35;
}
h3.hdTxt02,
h2.hdTxt02{
	margin: 0;
	margin-bottom: 14px;
	background: url(/common_rwd/images/sp_bg_heading-h3-02.png) repeat-x left top;
	background-size:10px 42px;
	font-size: 13px;
	line-height: 1.35;
	border-bottom:solid 1px #d9d9d9;
}
h3.hdTxt02 span,
h2.hdTxt02 span{
	display: block;
	padding: 14px 10px 10px 10px;
	min-height:42px;
	background: url(/common_rwd/images/sp_bg_heading-h3-01.png) no-repeat left top;
	background-size:75px 3px;
	box-sizing:border-box;
}
h4.hdTxt03,
h3.hdTxt03,
h2.hdTxt03{
	font-size:12px;
	margin:0 10px 10px;
	padding-bottom:6px;
	border-bottom:dotted 1px #d9d9d9;
	color: #2727ce;
}

#primary .section p{
	font-size:16px;
	padding:0 14px;
	line-height:1.5;
}
#primary .section p.copy1 {
	font-size: 13px;
	line-height: 1.3;
}
#primary .section p.copy2 {
	font-size: 14px;
	line-height: 1.3;
	font-weight:bold;
}
#primary .section h2.copy2 {
	font-size: 14px;
	line-height: 1.3;
	padding:0 14px;
	font-weight:bold;
}

/* 署名 */
p.signature01{
	margin-bottom: 2.75em;
	font-weight: bold;
	line-height: 1.75;
}
p.signature01 span.date{
	font-weight: normal;
}
p.signature01 span.name{
	font-size: 129%;
}

/* ▼定義リスト
   --------------------------------------------- */
dl.list01{
	margin: 0 0 1.5em;
	line-height: 1.5;
}
dl.list01 dt{
	margin: 0 0 0.4em;
	font-weight: bold;
}
dl.list01 dd{
	margin: 0 0 1.5em;
}    
    
/* ▼リスト（インデントのみ）
   --------------------------------------------- */
ul.list01,
ul.list01 ul,
ul.list02,
ul.list02 ul,
ul.list03,
ul.list03 ul{
	list-style: none;
	margin: 0 0 auto;
	padding: 0;
}
ul.list01 li,ul.list02 li,ul.list03 li{
	margin: 0 0 auto;
	padding: 0;
}
ul.list01 ul{
	margin-left: 1em;
}
ul.list02 ul{
	margin-left: 2em;
}
ul.list03 ul{
	margin-left: 3em;
}

/* ▼リスト（記号指定）
   --------------------------------------------- */
ul.listmark{
	list-style: none;
	margin: 0 0 1.5em 1em;
	font-size:12px;
	padding:0 14px;
}
ul.listmark li,
ul.linkList01 ul.listmark li{
	margin: 0 0 0.45em 0;
	padding: 0;
    text-indent: -1em;
	background: none;
}
    

/* ▼リンクリスト
   --------------------------------------------- */
ul.nolist{list-style: none!important;}
ul.linkList01{
	margin:0 auto;
	list-style:none;
	padding:0;
	overflow:hidden;
}
ul.linkList01 li{
	margin:0;
}
ul.linkList01 li a{
	color:#111;
	font-size:14px;
	height: 40px;
	line-height: 40px;
	padding:0 10px;
	background-color:#fff;
	background-image:url(/common_rwd/images/sp_nav_icon.png);
	background-size:4px 7px;
	background-repeat:no-repeat;
	background-position:94% center;
	border-bottom:solid 1px #d9d9d9;
	border-right:solid 1px #d9d9d9;
	border-left:solid 1px #d9d9d9;
	display:block;
	box-sizing:border-box;
}
ul.linkList01 li.firstChild a{
	border-top:solid 1px #d9d9d9;
}
ul.linkList01 ul{
	border-top:none;
}
ul.linkList01 ul li a{
	padding-left:30px;
}
#primary .section ul.linkList01 {
	padding-bottom:10px;
}
#primary .section ul.linkList01 li a{
	border:none;
	margin:0 14px 10px;
	padding:0 16px;
	background-color:transparent;
	background-position:6px center;
	height:auto;
	line-height:1.5;
	color:#3366cd;
}


/* ▼リンクボタン（テキスト）
   --------------------------------------------- */
ul.linkBtn01{
	margin: 0 0 1.5em;
	padding: 0;
	list-style: none;
}
ul.linkBtn01.linkBtn01in{
	overflow: hidden;
}
ul.linkBtn01 li{
	margin: 0 0 0.5em;
	padding: 0;
}
ul.linkBtn01 li a{
	display: block;
	width: 250px;
	height:35px;
	font-size:12px;
	background: #f3f7fc url(/common_rwd/images/bg_index-menu.gif) repeat-x left top;
	border: 1px solid #c7cee0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin:0 auto;
	position:relative;
}
ul.linkBtn01 li span{
	display: block;
	width: 250px;
	height:35px;
	line-height:35px;
	text-align:center;
}
ul.linkBtn01 li span:before{
	content:" ";
	background:url(../images/sp_nav_icon.png) 0 center no-repeat;
	background-size:4px 7px;
	width:14px;
	height:35px;
	display:block;
	position:absolute;
	right:0;
	top:0;
}
ul.linkBtn01 li.pdf span{
	background: url(/common_rwd/images/sp_icn_link-pdf.png) no-repeat 5px center;
	background-size:21px 18px;
	padding-left:10px;
}
ul.linkBtn01 li.pdf span em{
	font-style:normal;
	font-size:9px;
}

/* ▼ステップナビ
   --------------------------------------------- */
p.stepNav01 a{
	zoom: 1;
	padding: 0 0.3em 0 0.8em;
	background: url(/common_rwd/images/icn_link-page.gif) no-repeat left center;
}
    

    
/* CMS関連 SP */
    
.flexcolumn .clBox{display: inherit;}
.flexcolumn .pctBox{width: 100%; margin:auto;}
.pctBox img{width: 93%; margin:auto;}
.flexcolumn .pctRBox{width: 100%; margin:0 auto; text-align: center;}
.pctRBox img{width: 93%!important; margin:auto!important;}
.flexcolumn .clWrap p{margin: 5px auto 10px auto;}

/* 段組み（2カラム基準・2:1カラムセット） */
div.clWrap.clWrap-2cl .clBox div.txtL,
div.clWrap.clWrap-2cl .clBox div.txtL02{
	float:none;
}
div.clWrap.clWrap-2cl .clBox div.pctR,
div.clWrap.clWrap-2cl .clBox div.pctR02{
	float:none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
div.clWrap.clWrap-2cl .clBox div.pctR img,
div.clWrap.clWrap-2cl .clBox div.pctR02 img{
    width: 93%;
}
div.columnBox div.pctR{ float: none; }
div.columnBox div.pctR img{ width: 100%; }
    
    
div.clWrap.clWrap-3cl div.columnBox {
    margin-bottom: 1.75em;
    border: 2px solid #e1e1e1;
    background: #fafafc;
}
div.clWrap.clWrap-3cl div.columnBox dl.columnBoxInner dt {
    margin: 0 0 0.5em;
    padding: 0 0 0.35em;
    background: none;
    border-bottom: 2px solid #067987;
    color: #067987;
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5;
}
    


/* ▼Flexbox SP版 ※PC版もあるので注意
   --------------------------------------------- */
.flex-container {
    display:inline; /* 子要素 */
}
.flex-item {
    background-color: #e5e5e5;
    padding: 1em 0em 0em 0em;
    color: #fff;
    margin: 6px 10px;
    border-radius: 4px;
    width: auto;
    height: 2.4em;
    font-size: small;
}    



}    /* SP版の終わり */