@charset "utf-8";
/* CSS Document */

/* 
基本要素
----------------- */
.column_wrap{margin:0; padding:0; box-sizing: border-box; line-height:30px;}
.column_wrap a{color:#16a4b8 !important; text-decoration:none; cursor:pointer;}
.column_wrap a:hover{opacity:0.5;}


/*目次
---------------------------------*/
.column_wrap .pageindex {width:70%; margin:1.5em auto 6em; padding:1.5em 2.5em; background:#fff; border:1px solid #A0A0A0; list-style-type:none;}
.column_wrap .pageindex .pagetit{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 {	counter-reset:item;	list-style-type:none;}
.column_wrap .pageindex ol li:before{ counter-increment:item; content:counters(item, "-")". ";}
.column_wrap .pageindex ol li a {line-height: 35px !important;}
.column_wrap .pageindex ul { list-style-type:none;}


/*本文
---------------------------------*/
.column_wrap .main_tt{font-size: 2em; line-height: 1.4; margin:3em 0 1em; color: #333; letter-spacing: 0.02em; text-align:center; font-weight:bold;}
.column_wrap .tt1{font-size: 1.7em; text-align:center; line-height: 1.33; margin:3em 0 1em; color: #333; border-bottom: 1px solid #16a4b8; font-weight: bold;}
.column_wrap .tt2{font-size: 1.5em; text-align:center; margin:3em 0 1em; color: #333; font-weight: bold; color:#16a4b8;}

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

.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 .box ul{margin-bottom: 25px;}
.column_wrap .text_right{text-align:right;}
.column_wrap .text_left{text-align:left;}

.column_wrap .borderbox {margin:0.5em auto; padding:1em; border:1px solid grey; width:90%;}
.column_wrap .mb30{margin-bottom: 30px;}

.column_wrap .list_dot{list-style-type:disc; margin-left:1em; font-size:120%; color: #777f87;}
.column_wrap table{width:90%; margin:1em auto 3em; border:2px solid grey; border-collapse:collapse; font-size:120%;}
.column_wrap table th{border:1px solid grey; padding:1em; background:lightyellow;}
.column_wrap table td{padding:1em; background:#fff; border:1px solid grey;}

.column_wrap .width20{width:20%;} .width30{width:30%;}
.column_wrap .width40{width:40%;} .width50{width:50%;}
.column_wrap .width60{width:60%;} .width70{width:70%;}
.column_wrap .pt1em{padding-top:1em;}
.column_wrap .pb1em{padding-bottom:1em;}
.column_wrap .mt1em{margin-top:1em;}
.column_wrap .mb1em{margin-bottom:1em;}

/*-310405-*/
.column_wrap .txt_border{
	border:1px solid #000 !important;
	padding:3px 10px !important;
}
.column_wrap.tableBox{
	width:100%;
}
.column_wrap.tableBoxF{
	width:100%;
	table-layout:fixed;
}
.column_wrap.tableBox th, .column_wrap .tableBox td, .column_wrap .tableBoxF th, .column_wrap .tableBoxF td{
	border:1px solid #000 !important;
	padding:10px !important;
	font-size: vw !important;
}
.column_wrap .tableBox .width10, .column_wrap .tableBoxF .width10{
	width:10%;
}
.column_wrap .tableBox .width20, .column_wrap .tableBoxF .width20{
	width:20%;
}
.column_wrap .tableBox .width30, .column_wrap .tableBoxF .width30{
	width:30%;
}
.column_wrap .tableBox .width40, .column_wrap .tableBoxF .width40{
	width:40%;
}
.column_wrap .tableBox .width50, .column_wrap .tableBoxF .width50{
	width:50%;
}
.column_wrap .tableBox .bgBeige, .column_wrap .tableBoxF .bgBeige{
	background:#fff4e6;
}
.column_wrap .tableBox .bgBlue, .column_wrap .tableBoxF .bgBlue{
	background:#f6faff;
}
.column_wrap .tableBox .bgPink, .column_wrap .tableBoxF .bgPink{
	background:#fff0f4;
}
.column_wrap .tableBox .paddingBox{
	padding:10px;
}
.column_wrap .mgnBox{
	margin-bottom:30px !important;
}
.column_wrap .txtLeft{
	text-align:left !important;
}
.column_wrap .txtRight{
	text-align:right !important;
}
.column_wrap .txtCenter{
	text-align:center !important;
}
.column_wrap .maxWidth{
	max-width:100%;
	height:auto;
	margin:10px 0;
}
.column_wrap dl .tableBox{
	display: table; /* or inline-table */
	border-collapse: collapse;
}
.column_wrap dl .tableBox dt, dl .tableBox dd{
	display: table-row;
	padding:0 5px !important;
}

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

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


.column_wrap table{width:98%;}

.column_wrap .table_col table thead{display:none;}
  .table_col table tr{width: 100%;}
  .table_col table td{display: block;}
  .table_col table tbody th{display: block; text-align: center;}
  .table_col table td:first-child{text-align: center;}
  .table_col table td:before {content: attr(data-label); display:block; font-weight: bold; margin-right: 10px; color:#69bddb;}

.column_wrap .table_overflow table{width:120%;}
.column_wrap .table_overflow{overflow: auto;}
.column_wrap .table_overflow::-webkit-scrollbar{height: 5px;}
.column_wrap .table_overflow::-webkit-scrollbar-track{background: #eaeaea;}
.column_wrap .table_overflow::-webkit-scrollbar-thumb{background: #BCBCBC;}





}