@charset "UTF-8";

/* ------------------------------------- */
/* ------------------------------------- */
/* BOOTSTRAP OVERWRITE */
/* ------------------------------------- */
/* ------------------------------------- */

body {font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;}

h1{}
h2{margin:0 0 0.3em 0;padding:0.3em;background-image:url(img/h2-back.png);background-repeat: no-repeat;background-color:#31a1c4;font-size:30px;color:#fff}
.h2-sub{font-size:70%}
h3{font-size:23px;line-height: 1.25em;padding:2px 0 0 5px;font-weight: bold;border-left:5px solid #31A1C4}
.h3-sub{font-size:100%;padding-bottom:0.5em;margin-bottom:-1.5em;line-height: 1em}
.h3-sub_under{font-size:100%;padding:0.75em 0.5em;margin-top:-0.75em;line-height: 1em;}
h4{font-size:20px;margin:1.75em 0 1em 0;font-weight: bold;margin-left:1em}
h4:before{content:url(img/square-arrow-blue.png);margin-left:-1em;margin-right:0.15em}
h5{margin:1em 0;font-size:18px;font-weight: bold;padding-left:2px;border-left:solid 5px #a8cc99}
h6{margin:1em 0;font-size:16px;font-weight: bold}

p{padding-left:1em}

dl,dt,dd{font-weight: normal}




.reference{margin:2em 0;padding:1em;border: solid 1px #000}

.breadcrumb {
	padding: 0px 0px;
	list-style: none;
	background-color: #fff;
	font-size:80%
}
.breadcrumb>li {
	display: inline-block
}
.breadcrumb>li+li:before {
	padding: 0 5px;
	color: #333;
	content: ">"
}
.breadcrumb>.active {
	color: #333
}

BLOCKQUOTE{margin-left:1em;padding:-1em;border:none}


/* 下揃え用css */
.row-center{
text-align:left;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
.row-center.va-middle > [class*='col-'] {
vertical-align:middle;
}
.row-center.va-bottom > [class*='col-'] {
vertical-align:bottom;
}




/* ------------------------------------- */
/* ------------------------------------- */
/* ORIGINAL */
/* ------------------------------------- */
/* ------------------------------------- */


/* リンクテキスト　#FFFFFF指定　*/
.link-text-white a{color: #fff}
.link-text-white a:hover{color:#fff}

/* 参考部分　*/
.reference-text p:first-child{margin-top:1.5em}
.reference-text p{margin-left:1em;padding-left:0.25em;border-left:solid 5px #e99900}
.reference-text p:last-child{margin-bottom:1.5em}

/* LIST段落下げと三角 */
.list-unstyled {margin-left: 3em;}
.list-arrow li:before {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	margin-top: 5px;
	margin-left: -10px;
	border: transparent solid 5px;
	border-left-color: #363636;
	vertical-align: 2px;
}

/* LIST 四角（研究会・検討会等のリストなど） */
.list-square {
	margin-top:1.5em;
	margin-bottom:1.5em
}
.list-square li:before{
	content: '■';
	color:#31A1C4;
	display: inline-block;
	margin-left: -1em;margin-right:0.25em;
	vertical-align: 1px;
}

.list-for-workshop-minutes li{/*議事録のリストは横並び*/
	display: inline-block;
	margin-right:3em
}

.workshop_zone {
	margin-top:1em;
	padding:0.5em;
	background-color: #ededed
}
.workshop_title{
	margin-top:1em;
	margin-bottom:0.25em
}




/* テーブル */

.table-bordered th{
	background:#E5F0FF
}


/* テーブル ソート部分*/
table th a.active {
	color: orange;
}



/* テーブル 横スクロール案内*/
.overflow-block{width:100%;overflow: auto}
.block-w768{min-width: 768px;}
.side-scroll-comment{
	background:#666;
	color:#fff;
	width:80%;
	padding-bottom:0.5em;
	margin:1em auto 0.5em;
	text-align: center;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	display: none
}
.side-scroll-comment:before {
	position: relative;
	top: 5px;
	left: -5px;
	content: url(img/icon_sidescroll.png);
}
@media screen and (max-width:992px) {
	.table-responsive {width: 95%;margin:0 auto;padding:0.25em;}
	.side-scroll-comment{display:block;}
}


/* pagerの残りページ数表示 */
.page-count{float:right;margin:0.5em 1em}


/* margin関係 */
.margin-bottom-5px{margin-bottom:5px}
.margin-top-0{margin-top:0}
.margin-top-1em{margin-top:1em}
.margin-top-2em{margin-top:2em}
.margin-top-3em{margin-top:3em}
.margin-right-1em{margin-right:1em}
.margin-right-2em{margin-right:2em}
.margin-right-3em{margin-right:3em}
.margin-bottom-0{margin-bottom: 0}
.margin-bottom-1em{margin-bottom:1em}
.margin-bottom-2em{margin-bottom:2em}
.margin-bottom-3em{margin-bottom:3em}
.margin-left-1em{margin-left:1em}
.margin-left-2em{margin-left:2em}
.margin-left-3em{margin-left:3em}
.margin-1em {
  margin:1em;
}



/* font関係 */
.font-90percent {font-size:90%}
.font-80percent {font-size:80%}
.font-70percent {font-size:70%}


/* 書式 */
.footnote {font-size:70%;font-weight: normal;margin-left:0.25em}


/* color関係 */
.color-main{color:#2a756f}

.hr-style1{height:0}
.hr-style1{border-top:1px solid #2a756f}
.hr-style2 {border-top: 3px double #8c8b8b;}
.hr-style3 {border-top: 1px dashed #8c8b8b;}
.hr-style4 {border-top: 1px dotted #8c8b8b;}
.hr-style5 {background-color: #fff;border-top: 2px dashed #8c8b8b;}
.hr-style6 {background-color: #fff;border-top: 2px dotted #8c8b8b;}


/* size関係 */
.w-50_h-auto{width:50%;height:auto}


/* width関係 */
.w1em{width:1em}
.w2em{width:2em}
.w3em{width:3em}
.w4em{width:4em}
.w5em{width:5em}
.w5_5em{width:5.5em}
.w6em{width:6em}
.w6_5em{width:6.5em}
.w7em{width:7em}
.w8em{width:8em}
.w9em{width:9em}
.w10em{width:10em}
.w11em{width:11em}
.w12em{width:12em}
.w13em{width:13em}
.w14em{width:14em}
.w15em{width:15em}
.w16em{width:16em}
.w17em{width:17em}
.w18em{width:18em}
.w19em{width:19em}
.w20em{width:20em}


/* ================================== */
/* 99_common */
/* ================================== */
.heading-gray-line{margin: 1em 0;padding:0.25em;background-color: #ededed;}

/*「資料１　資料名称」など資料１部分を先頭に出して複数行で揃えたい場合に使用*/
/* 先頭2文字 */
.heading-soroe-2 p{margin-left:3em}
.heading-soroe-2 span{display: inline-block;width:3em;margin-left:-3em}
/* 先頭3文字 */
.heading-soroe-3 p{margin-left:4em}
.heading-soroe-3 span{display: inline-block;width:4em;margin-left:-4em}
/* 先頭4文字 */
.heading-soroe-4 p{margin-left:5em}
.heading-soroe-4 span{display: inline-block;width:5em;margin-left:-5em}
/* 先頭5文字 */
.heading-soroe-5 p{margin-left:6em}
.heading-soroe-5 span{display: inline-block;width:6em;margin-left:-6em}
/* 先頭6文字 */
.heading-soroe-6 p{margin-left:7em}
.heading-soroe-6 span{display: inline-block;width:7em;margin-left:-7em}
/* 先頭7文字 */
.heading-soroe-7 p{margin-left:8em}
.heading-soroe-7 span{display: inline-block;width:8em;margin-left:-8em}

/* LISTを1段ずつ下げる */
ol.list-level-1 li{list-style-type: decimal}

.list-lever-2{margin-left:-1em}
ol.list-level-2 li{list-style: none;}
ol.list-level-2 li{counter-increment: cnt-lv2;}
ol.list-level-2 li:before {content: "（" counter(cnt-lv2) "）";
  display:inline-block;
  margin-left:-2.5em;
  width: 2.5em;
}

.list-level-3{margin-left:-1em}
ol.list-level-3 li{list-style: none}
ol.list-level-3 li {counter-increment: cnt-lv3;}
ol.list-level-3 li:before {content: counter(cnt-lv3) "） ";
  display:inline-block;
  margin-left:-1.5em;
  width: 1.5em;
}

.inprint{border:solid 1px gray;padding:0.25em;margin:2em 0}
.inprint p{margin:0}

/* end 99_common */
/* ================================== */

/** 2-1_tetsudukichuu */
span.red {
	color: #f00;
}

/** 検索結果responseまでの表示 */
span.data_loading {
	display: inline;
	margin-right: 5px;
	padding-right: 25px;
	background: url(../img/loading.gif) no-repeat right center;
	background-size: 20px;
}
span.data_loading img {margin-left: 5px; width: 25px;}
span.data_loaded {display: none;}
span.data_maxcount {display: none;}

ul.list-style-none {
  list-style: none;
}

.border-bottom-none {
  border-bottom: none !important;
}
.border-top-none {
  border-top:none !important;
}
.margin-top-1_75em {
  margin-top:1.75em;
}
.margin-top-18px {
  margin-top: 18px;
}
.width-190px {
  width: 190px;
}

.width-10 {
  width: 10%;
}
.width-25 {
  width: 25%;
}
.width-75 {
  width: 75%;
}
.width-100 {
  width: 100%;
}
.width-90 {
  width: 90%;
}
.font-size-20px {
  font-size: 20px;
}
.font-size-18px {
  font-size: 18px;
}
.font-size-15-5px {
  font-size: 15.5px;
}
.font-size-13-5px {
  font-size: 13.5px;
}
.font-size-90 {
  font-size: 90%;
}
.margin-1020 {
  margin: 1em 0 2em 0;
}
.vertical-align-middle {
  vertical-align: middle;
}
.vertical-align-text-top {
  vertical-align: text-top;
}

.margin-right-5px {
  margin-right: 5px;
}
.clear-both {
  clear: both;
}
.height-42px {
  height: 42px;
}
.border-right-none{
  border-right: none !important;
}
.border-left-none{
  border-left: none !important;
}
.table-layout-fixed {
  table-layout:fixed;
}
.display-none {
  display: none;
}
.display-inline {
  display: inline;
}
.display-inline-block {
  display: inline-block;
}
.border-none {
  border: none;
}
.position-relative {
  position: relative;
}
.position-absolute {
  position: absolute;
}

.list-style-type-none {
  list-style-type:none;
}

.text-align-right {
  text-align: right;
}
.kentou-width-210px {
  width: 210px;
}

/*事例情報ページ　「収録情報あり」のアイコン*/
h4 div{
	display: inline-block;
}

.record-data-icon {
	position: relative;
	top:3px;
	width: 22px;
	height: 22px;
	background-image: url(img/icon-file2.png);
	background-size: 22px;
	background-position: center;
	background-repeat: no-repeat;
}

.record-data-text {
	font-weight: normal;
	color: #2a756f;
	font-size: medium;
	transform: translateY(-1px);
}