@charset "utf-8";
/* CSS Document */
 
/* 
基本要素
----------------- */
.qwarea *{margin:0; padding:0; box-sizing: border-box; line-height:30px;}
.qwarea a{color:#987D35; text-decoration:none; cursor:pointer; display: inline !important;}
.qwarea a:hover{opacity:0.5;}

/*目次
---------------------------------*/
.qwarea .pageindex {width:85%; margin:1.5em auto 6em; padding:1.5em 2.5em; background:#fff; border:1px solid #A0A0A0; list-style-type:none;}
.qwarea .pageindex h3{font-size: 1.7em; font-family:serif; line-height: 1.33; margin-bottom: 1em; color: #333; font-weight: bold;}
.qwarea .pageindex ol li {list-style: none !important;}
.qwarea .pageindex ol li ol{padding-left:1em;}
.qwarea .pageindex ol {	counter-reset:item;	list-style-type:none;}
.qwarea .pageindex ol li:before{ counter-increment:item; content:counters(item, "-")". "; display: inline;}
.qwarea .pageindex ol li a {line-height: 35px !important;}

/*本文
---------------------------------*/
.qwarea .main_tt{font-size: 31px; margin:1em 0; padding: 25px 10px; color: #fff; letter-spacing: 0.02em; text-align:center; font-weight:bold; background: #7e1f2b; /*height: 100px;*/ border-left: 5px solid #bf162a; border-right: 5px solid #bf162a;}
.qwarea .tt1{ padding:15px; background:#f5f5f5!important; font-weight:700; border-bottom: double 5px #7e1f2b; margin-bottom:30px; }
.qwarea .diamond {position: relative; display: block; padding: 0.6em 0 0.5em 2.2em;}
.qwarea .diamond::before{position: absolute; top: 18px; left: 19px; display: block; width: 0.8em; height: 0.8em; background: #7e1f2b; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
.qwarea .tt2{font-size: 1.5em; margin:3em 0 1em; color: #333; font-weight: bold; border-bottom: double 3px #7e1f2b;}

.qwarea .txtbox{margin:1em 0 4em; font-size: 12px;}
.qwarea .txtbox p{margin-bottom: 2em;line-height:160%; font-size: 120%;}
.qwarea .banner{margin:0 auto; text-align:center; margin:2em 0;}
.qwarea .banner img{width:90%;}

.qwarea .txt_red{color:#F00;}
.qwarea .txt_bold{font-weight:bold;text-align: center;}
.qwarea .txt_ul{text-decoration:underline;}
.qwarea .box ul{margin-bottom: 25px;}
.qwarea .text_right{text-align:right;}
.qwarea .text_left{text-align:left;}

.qwarea .borderbox {margin:1.5em auto; padding:1em 1em 0 1em; border:1px solid #A0A0A0; width:80%;}/*marginとpaddingの調整_2002*/
.qwarea .list_dot::before{content:"・"; margin-right:5px;}
.qwarea .listTab table{width:90%; margin:1em auto 3em; border:2px solid #A0A0A0; border-collapse:collapse;}
.qwarea .listTab table th{border:1px solid #A0A0A0; padding:1em; background:#ddd;}
.qwarea .listTab table td{padding:1em; background:#fff; border:1px solid #A0A0A0;}
.qwarea ul li{font-size: 14px !important;}
.qwarea .box_gray {margin-bottom: 30px; padding: 15px; background: #f6f6f6; box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);}

.qwarea .mb30{margin-bottom:30px;}
.qwarea .width20{width:20%;} .width30{width:30%;}
.qwarea .width40{width:40%;} .width50{width:50%;}
.qwarea .width60{width:60%;} .width70{width:70%;}
.qwarea 
.qwarea .bg_red{background:#FFE8F3 !important;}
.qwarea .bg_blue{background:#E1F2FE !important;}
.qwarea .bg_green{background:#E8FCDB !important;}

.qwarea blockquote {margin-bottom: 30px; font-size: 11px; text-align: right;}
blockquote　img {margin-bottom: 12px !important;}


.qwarea { width: 1000px; max-width: 100%; margin: 0 auto; text-align: left;}



@media screen and (max-width: 768px){
    .qwarea {width: 93%;}
}


@media screen and (max-width: 575px){
    .qwarea {width: 93%;}
    .qwarea .pageindex {width: 90%; padding: 1.5em 1.4em;}
    .qwarea h3 {font-size: 20px; padding: 12px 10px 8px 52px !important;}
    .qwarea .main_tt {width: auto; margin: 0 0 1em; font-size: 21px; line-height: 1.4; letter-spacing: 0; height: 85px; padding: 15px 8px;}
    .qwarea .tt2 {font-size: 18px;}
}


/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　2020 3月～　QW追加CSS
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */
 
.column_wrap{
	margin:0 auto; padding:0; box-sizing:border-box; line-height:30px;
	width: 1000px; max-width: 100%; text-align: left;
}

.column_wrap .txtbox{margin:1em 0 4em;}
	.column_wrap .txtbox p{margin:0 0 2em; line-height:160%;}
.column_wrap .banner{margin:2em auto; text-align:center;}
	.column_wrap .banner img{width:90%;}

.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 {
	width:85%; margin:1.5em auto 6em; padding:1.5em 2.5em;
	background:#fff; border:1px solid #A0A0A0; list-style-type:none;
}
.column_wrap .pageindex p{
	font-size:1.7em; font-family:serif; line-height:1.33; 
	margin-bottom:1em; color:#333; font-weight:bold;
}
.column_wrap .pageindex ol li {list-style: none !important;}
.column_wrap .pageindex ol li ol{padding-left:1em;}
.column_wrap .pageindex ol {	counter-reset:item;	list-style-type:none;}
.column_wrap .pageindex ol li:before{ counter-increment:item; content:counters(item, "-")". "; display: inline;}
.column_wrap .pageindex ol li a {line-height: 35px !important;}


/* ★リンク */
.column_wrap a{
	color:#987D35; text-decoration:none; cursor:pointer; display: inline !important;
}
.column_wrap a:hover{opacity:0.5;}


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

 
/* ★記事タイトル */
.column_wrap .main_tt{
	margin:1.75em 0 1em; padding:25px 10px; font-size:31px; font-weight:bold; 
	color: #fff; background: #7e1f2b; letter-spacing: 0.02em; text-align:center;
	border-left: 5px solid #bf162a; border-right: 5px solid #bf162a;
	display:inline-block; width:100%;
}

/* ★大見出し */
.column_wrap .tt1{
	padding: 0.6em 0 0.5em 2.2em; margin-bottom:30px; 
	background:#f5f5f5!important; font-weight:700; border-bottom:double 5px #7e1f2b;
	position: relative; display: block;
}
.column_wrap .tt1::before{
	position:absolute; top:18px; left:19px; 
	display:block; width:0.8em; height:0.8em; 
	background:#7e1f2b; content: ""; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);
}

/* ★小見出し */
.column_wrap .tt2{
	font-size:1.5em; margin-bottom:30px; color:#333; font-weight:bold; border-bottom:double 3px #7e1f2b;
}

/* ★テキスト装飾 */
.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:1.5em auto; padding:1em; border:1px solid #A0A0A0; width:80%;}
	.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:2px solid #595959; border-collapse:collapse;}
	.column_wrap .listTab table th{border:1px solid #A0A0A0; padding:1em; background:#ddd;}
	.column_wrap .listTab table td{padding:1em; background:#fff; border:1px solid #A0A0A0;}

.column_wrap .bq{
	margin:0.5em auto; padding:1em;
	background:#eee;
	border-left:8px solid #7e1f2b; /* 左のラインの形状・色を変更する */
}
.column_wrap blockquote{margin:0 !important; word-break:break-all;}
.column_wrap q{
	background:#eee; /* 引用部分の背景色を変更する */
	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{width: 93%;}
.column_wrap .pageindex {width:90% !important; padding: 1.5em 1.4em;}
.column_wrap .main_tt {
	width:100%; height:85px; 
	margin:1.1em 0 1em; 
	font-size:21px; line-height:1.4; letter-spacing:0;
}
.column_wrap .tt2 {font-size:18px;}

}