@charset "utf-8";
/*
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　BASE ~ AGENDA
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
*/

.column_wrap{margin:0; padding:0; box-sizing:border-box; line-height:2em;}

.column_wrap .txtbox{margin:1em 0 4em;}
.column_wrap .txtbox p{margin:0 0 2em; line-height:2em;}
.column_wrap .banner{margin:2em auto; text-align:center;}
.column_wrap .banner img{width:100%;max-width: 800px;}

.column_wrap .width10{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 .width15{width:15% !important;}.column_wrap .width25{width:25% !important;} .column_wrap .width35{width:35% !important;}
.column_wrap .width65{width:65% !important;}.column_wrap .width75{width:75% !important;} .column_wrap .width85{width:85% !important;} .wauto{width: auto!important;}


.column_wrap .mb0{margin-bottom:0 !important;} .column_wrap .mb1em{margin-bottom:1em!important;} .column_wrap .mb2em{margin-bottom:2em!important;}
.column_wrap .mt0{margin-top:0 !important;}.column_wrap .mt2em{margin-top: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 .txtbox p.mb0{margin-bottom:0 !important;}
.column_wrap .txtbox p.mb1em{margin-bottom:1em!important;} 
.column_wrap .txtbox p.mb2em{margin-bottom:2em!important;}
.column_wrap .txtbox p.mt0{margin-top:0 !important;}


.column_wrap .pageindex>ul {padding: .5em 0 0 1em;}
.column_wrap .pageindex  {padding: .5em 0 0 1em;}
.column_wrap .pageindex ul li {list-style:none !important;padding: 5px 0 0;margin: 0;}
.column_wrap .pageindex ul li ul{padding-left:1em !important;}
.column_wrap .pageindex ul a {line-height:2em !important;background-image: url(https://www.kddimatomete.com/assets/img/common/ico_anchor.svg);background-repeat: no-repeat;background-position: 0 center;background-size: 1.75em 1.75em;padding: 0.25em 0 0.25em 2.2em;}

.column_wrap a{color:#4784BF;cursor:pointer;display: block;margin-bottom: 0;}

.column_wrap a:hover,
.column_wrap a img:hover{opacity:0.7; transition: .5s;}

.column_wrap .mauto{ margin-left: auto!important; margin-right: auto!important; }
.column_wrap .btn{
	background: #EDEDED;
	padding:10px 2em;
	width: 85%;
	text-align: center;
}



/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　CONTENT
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
 */

.column_wrap h2{
	line-height:1.6em;
	margin:0 0 1em;
	font-weight: bold;
	background: #0c0d6a!important;
	color: #FFF!important;
	padding: 0.5em 0.75em;
}
.column_wrap h3{border-bottom: 3px solid #0c0d6a!important;border-left: 7px solid #0c0d6a!important;padding-left: 0.55em!important;padding: 0.15em 0 0.15em 0.75em;font-size: 125%;}


.column_wrap .txt_red{color: #ff8118;border-bottom: 1px solid #ffed86;}
.column_wrap .txt_bold{font-weight:bold;}
.column_wrap .txt_ul{text-decoration:underline;}
.column_wrap .txt_size_big{font-size:1.2em;}

.column_wrap .bg_red{background:#fff4f9 !important;}
.column_wrap .bg_blue{background:#edf8ff !important;}
.column_wrap .bg_green{background:#f5ffed !important;}
.column_wrap .bg_yellow{background:#fffef2 !important;}
.column_wrap .bg_violet{background:#fef4ff !important;}
.column_wrap .bg_orange{background:#fbf3e7 !important;}
.column_wrap .bg_stripe{
	background: -webkit-repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f5f5f5 3px, #f5f5f5 7px) !important;
	background: repeating-linear-gradient(-45deg, #ffffff, #ffffff 3px,#f5f5f5 3px, #f5f5f5 7px) !important;
}


.column_wrap .borderbox {margin: 0 auto 2em;padding:2em;border:1px solid #A0A0A0;background: #DEEBF7;width: 85%;}
.column_wrap .borderbox p:last-child, .column_wrap .borderbox li:last-child {margin-bottom:0 !important}


.column_wrap ul{list-style-type:none !important; padding:0; margin:0;}
.column_wrap ol{list-style-type:none !important; padding:0; margin:0;}
.column_wrap .txtbox li{list-style: none;}
.column_wrap .list_dot li{list-style: inside circle !important; padding:0; }
.column_wrap .list_num li{list-style: inside decimal !important; padding:0; }

.column_wrap .listTab table{margin:0 auto 2em; border:1px solid #595959; border-collapse:collapse;}
.column_wrap .listTab table thead th{background: #4472C4;color:#fff}
.column_wrap .listTab table th{border: 2px solid #fff;padding:1em;text-align: center;vertical-align:middle;}
.column_wrap .listTab table td{padding:1em;border: 2px solid #fff;vertical-align:middle;}
.column_wrap .listTab table tr:nth-child(odd){background: #D2DEEF;}
.column_wrap .listTab table tr:nth-child(even){background: #EAEFF7;}
.column_wrap .listTab table td p:last-child ,.column_wrap .listTab table td li:last-child { margin-bottom: 0!important;}
.column_wrap .txtbox .va_m{ vertical-align: middle!important; }

.column_wrap .clm_box{
	display: flex; flex-wrap: wrap; align-items: center;
	flex-direction: row; justify-content: space-between;
}
.column_wrap .clm_box.vtop{
	align-items: flex-start;
}

.column_wrap .clm_box.clm2 > *{	width: 48%; }
.column_wrap .clm_box.clm3 > *{	width: 30%; }
.column_wrap .clm_box.clm4 > *{	width: 22%; }


.column_wrap .bq{
	margin:2em auto 0;
	padding:2em;
	background:#eee;
	border-left: 8px solid #0e0d6a;
}
.column_wrap blockquote{margin:0 !important; word-break:break-all;}
.column_wrap q{
	background:#eee; 
	padding:0.2em;
}
.column_wrap q::before,
.column_wrap q::after{
	content: "";
}

.column_wrap small{font-size: smaller;}
.column_wrap cite a{display: inline;}


/* 
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
　RESPONSIVE
～～～～～～～～～～～～～～～～～～～～～～～～～～～～～～
*/
 
@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 .bq,.column_wrap .borderbox{ padding: 1em; }
.column_wrap .pageindex{ padding:1.5em 1em; }

.column_wrap .clm_box.clm4 > *{	width: 48%; }
.column_wrap .clm_box.spclm1{ display: block;}
.column_wrap .clm_box.spclm1 > *{ width: 100%!important;}
.column_wrap .scroll{overflow: auto;}
.column_wrap .scroll table {white-space: nowrap;}




}
