@charset "utf-8";
/*-----quality writing-----*/
/*-QW基本-*/
.qwArea h1, .qwArea h2, .qwArea h3, .qwArea h4, .qwArea h5, .qwArea h6, .qwArea p, .qwArea ul, .qwArea ol, .qwArea li, .qwArea dl, .qwArea dt, .qwArea dd, .qwArea table, .qwArea tr, .qwArea th, .qwArea td, .qwArea address, .qwArea form, .qwArea pre, .qwArea code { margin:0 !important; padding:0 !important; border:none !important; list-style:none !important; font-size:100% !important; }
.qwArea table{ border-collapse:collapse; }
.qwArea table th, .qwArea table td{ padding:0; }
.qwArea table td{ font-weight:normal; }

.qwArea{ -webkit-box-sizing: border-box; box-sizing: border-box; text-align:left; font-size:15px !important; line-height:1.75em !important; }
.qwArea a{ color: #0454d1; text-decoration:none; }

.qwArea .txtBox{ margin:0 0 50px 0 !important; }
.qwArea .txtBox p{ margin:0 0 30px 0 !important; }

/*-目次-*/
.qwArea .pageindex{ max-width:565px !important; margin:0 auto 50px auto !important; border:1px solid #0454d1 !important; padding:20px !important; background: #FAF9F3; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.qwArea .pageindex .ttl{ font-size:20px !important; margin:0 0 20px 0 !important; text-align:center; }
.qwArea .pageindex .box{ color:#0454d1; margin:0 0 30px 0 !important; }
.qwArea .pageindex p{ margin:0 0 20px 0 !important; }
.qwArea .pageindex ul{ padding:0 !important; margin:0 !important; }
.qwArea .pageindex li{ padding:0 !important; margin:0 0 10px 20px !important; display:block !important; list-style-type:none; }
.qwArea .pageindex li:before{ width: 0 !important; height: 0 !important; }
.qwArea .pageindex .hierarchy{ padding:0 0 0 20px !important;}

/*-各タイトル-*/
.qwArea .qwTtl{ background:#0454d1 !important; color:#ffffff; font-size:25px !important; margin-bottom:30px !important; line-height:1em; padding:15px 10px !important; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px; }
.qwArea .secTtl{ font-size:25px !important; background:#f5f5f5; padding:20px 20px 20px 30px !important; font-weight:bold; border-left:5px solid #0454d1 !important; margin:0 0 30px 0 !important; }
.qwArea .subTtl{ font-size:25px !important; padding:15px 15px 10px 0 !important; margin:0 0 30px 0 !important; border-bottom:1px solid #000 !important; background:none; }
.qwArea .hierarchyTtl{ border:1px solid #666 !important; color:#666 !important; border-radius: 5px !important; -webkit-border-radius: 5px !important; -moz-border-radius: 5px !important; padding:10px !important;}

/*-サムネイル画像-*/
.qwArea .banner{ margin:0 0 20px 0 !important; text-align:center; }
.qwArea .banner img{ max-width:100%; height:auto; }

/*-フォントカラー-*/
.qwArea .txt_red{ color:#F00; }
.qwArea .txt_blue{ color: #36F; }
.qwArea .txt_bold{ font-weight:bold; }
.qwArea .txt_bolder{ font-weight:bolder; }
.qwArea .txt_ul{ text-decoration:underline; }
.qwArea .txt_border{ border:1px solid #000 !important; padding:10px !important; }
.qwArea .txt_border_y{ background:#FFFF99; border:1px solid #000; padding:3px 10px; }
.qwArea .block{ display:block; margin-bottom:10px; }
.qwArea .boxMargin{ margin:0 0 30px 0 !important; }
.qwArea .boxMargin li{ margin:0 0 15px 0 !important;}

/*-フォントサイズ-*/
.qwArea .txt10{ font-size:10px; line-height:10px; }
.qwArea .txt12{ font-size:12px; line-height:12px; }
.qwArea .txt14{ font-size:14px; line-height:14px; }
.qwArea .txt16{ font-size:16px; line-height:16px; }
.qwArea .txt18{ font-size:20px; line-height:20px; }
.qwArea .txt20{ font-size:20px; line-height:20px; }

/*-テーブル-*/
.qwArea .tableBox{margin:0 0 30px 0 !important;}
.qwArea .tableBox table{ width:100% !important; margin:0 !important; }
.qwArea .tableBox th, .qwArea .tableBox td{ border:1px solid #000 !important; padding:10px !important; }

/*-テーブル等横幅-*/
.qwArea .widthFix{ table-layout:fixed; }
.qwArea .width10{ width:10%; }
.qwArea .width20{ width:20%; }
.qwArea .width30{ width:30%; }
.qwArea .width40{ width:40%; }
.qwArea .width50{ width:50%; }

/*-背景カラー-*/
.qwArea .bgBlue{ background:#f6faff !important; }
.qwArea .bgPink{ background:#fff0f4 !important; }
.qwArea .bgOrange{ background: #FFF7DB !important; }

/*-幅寄せ指定-*/
.qwArea .txtLeft{ text-align:left !important; }
.qwArea .txtRight{ text-align:right !important; }
.qwArea .txtCenter{ text-align:center !important; }

/*-引用タグ指定-*/
.qwArea blockquote{ word-wrap: break-word !important; }

/*-タイトル装飾-*/
.qwArea .ttlDeco {position: relative !important;padding: 5px 10px !important;background: #e0edff !important; margin:0 0 5px 0 !important;}
.qwArea .ttlDeco:after {position: absolute;content: '';top: 100%;left: 30px;border: 10px solid transparent;border-top: 15px solid #e0edff;width: 0;height: 0;}



/* 20200320 added */
/* CSS Document */

/*
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　ベース
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */

.column_wrap{margin:0; padding:0; box-sizing:border-box; line-height:30px;}

.column_wrap .txtbox{margin-bottom:50px;}
	.column_wrap .txtbox p{margin-bottom:30px;}
.column_wrap .banner{margin-bottom:20px; text-align:center;}
	.column_wrap .banner img{width:100%; height:auto;}

.column_wrap .width20{width:10% !important;} .column_wrap .width20{width:20% !important;} .column_wrap .width30{width:30% !important;}
.column_wrap .width40{width:40% !important;} .column_wrap .width50{width:50% !important;} .column_wrap .width60{width:60% !important;}
.column_wrap .width70{width:70% !important;} .column_wrap .width80{width:80% !important;} .column_wrap .width90{width:90% !important;}
.column_wrap .width100{width:100% !important;} .column_wrap .width33{width:33.3% !important;}

.column_wrap .mb0{margin-bottom:0 !important;} .column_wrap .mb1em{margin-bottom:1em!important;} .column_wrap .mb2em{margin-bottom:2em!important;}
.column_wrap .pb0{padding-bottom:0 !important;} .column_wrap .pb1em{padding-bottom:1em!important;} .column_wrap .pb2em{padding-bottom:2em!important;}
.column_wrap .text_right{text-align:right!important;} .column_wrap .text_left{text-align:left!important;} .column_wrap .text_center{text-align:center!important;}


/* ★目次 */
.column_wrap .pageindex {
	 max-width:565px !important; background: #FAF9F3;
	 margin:0 auto 50px auto !important; padding:20px !important;
	 border:1px solid #0454d1 !important; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
}
.column_wrap .pageindex p{
	font-size:20px !important; margin:0 0 20px 0 !important; text-align:center;
}
.column_wrap .pageindex ol {counter-reset:item;	list-style-type:none;}
.column_wrap .pageindex ol li {list-style:none !important;}
.column_wrap .pageindex ol li ol{padding-left:1em !important;}
.column_wrap .pageindex ol li:before{ counter-increment:item; content:counters(item, "-")". ";}
.column_wrap .pageindex ol li a {line-height:35px !important;}


/* ★リンク */
.column_wrap a{
	color:#0454d1; /* リンク色を変更する */
	text-decoration:none; cursor:pointer;
}
.column_wrap a:hover{opacity:0.5;}


/*
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　本文
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */


/* ★大見出し */
.column_wrap .tt1{
	font-size:25px !important; background:#f5f5f5; padding:20px 20px 20px 30px !important;
	font-weight:bold; border-left:5px solid #0454d1 !important; margin:0 0 30px 0 !important;
}

/* ★小見出し */
.column_wrap .tt2{
	font-size:25px !important; padding:15px 15px 10px 0 !important;
	margin:0 0 30px 0 !important; border-bottom:1px solid #000 !important; background:none;
}

/* ★テキスト装飾 */
.column_wrap .txt_red{color:#F00;}
.column_wrap .txt_bold{font-weight:bold;text-align: center;}
.column_wrap .txt_ul{text-decoration:underline;}
.column_wrap .txt_size_small{font-size:12px;}
.column_wrap .txt_size_big{font-size:18px;}

/* ★背景色 */
.column_wrap .bg_red{background:#FFE8F3 !important;}
.column_wrap .bg_blue{background:#E1F2FE !important;}
.column_wrap .bg_green{background:#E8FCDB !important;}
.column_wrap .bg_yellow{background:#FFFCDB !important;}
.column_wrap .bg_violet{background:#E7D5E8 !important;}
.column_wrap .bg_orange{background:#FEECD2 !important;}
.column_wrap .bg_stripe{
	background: -webkit-repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f5f5f5 3px, #f5f5f5 7px);
	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f5f5f5 3px, #f5f5f5 7px);
}


/* ★レイアウト */
.column_wrap .borderbox {margin:0.5em auto; padding:1em; border:1px solid #000;}
	.column_wrap .borderbox p:last-of-type, .column_wrap .borderbox li:last-of-type{margin-bottom:0 !important}


.column_wrap ul{list-style-type:none !important; padding-left:0;}
.column_wrap .list_dot li{list-style: inside circle !important; padding:0 1em;}
.column_wrap .listTab table{margin:1em auto 3em; border:1px solid #000; border-collapse:collapse;}
	.column_wrap .listTab table th{border:1px solid #000; padding:1em; background:#ccc;}
	.column_wrap .listTab table td{padding:1em; background:#fff; border:1px solid #000;}

.column_wrap .bq{
	margin:0.5em auto; padding:1em;
	background:#eee;
	border-left:8px solid #0454d1; /* 左のラインの形状・色を変更する */
}
.column_wrap blockquote{margin:0 !important; word-break:break-all;}
.column_wrap q{
	background:#E1F2FE; /* 引用部分の背景色を変更する */
	padding:0.2em;
}





/*
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　レスポンシブ
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */

@media only screen and (min-width: 601px) {
.column_wrap .pcnone{ display:none !important; }
.column_wrap .spnone{ display:block !important; }
}

@media only screen and (max-width:600px) {
.column_wrap .pcnone{ display:block !important; }
.column_wrap .spnone{ display:none !important; }
.column_wrap .banner img{width:100%;}
.column_wrap .listTab table{width:100%; word-break:break-all;}

.column_wrap .pageindex {width:100% !important; /* スマホ表示の目次幅 */ }

}