#qtl_clm .qtl_cnt-box p{
	font-size: 1.25em;
	line-height: 1.8em;
}

#qtl_clm .qtl_cnt-box .recommendBox.recommendBox2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; border-radius: 3px; background: #253494;}
#qtl_clm .qtl_cnt-box .recommendBox2 h4 {margin-bottom: 0; width: 200px;}
#qtl_clm .qtl_cnt-box .recommendBox2 p {margin: 0; padding: 10px 30px 7px 30px; width: calc(100% - 200px); box-sizing: border-box; background: #eee;}
#qtl_clm .qtl_cnt-box .recommendBox2 p a { display: block;}
#qtl_clm .qtl_cnt-box .recommendBox2 p a:hover {opacity: 0.7;}
.section .checklist ol li:before { top: 0; }
.section .checklist ol li .ttl { display: block; font-weight: 700; }
@media screen and (max-width: 640px) {
  #qtl_clm .qtl_cnt-box .recommendBox2 h4 { width: 100%;}
  #qtl_clm .qtl_cnt-box .recommendBox2 p { width: 100%; margin: 0; padding: 10px;}
}

span.b{font-weight: bold; color: #444444; background: linear-gradient(transparent 60%, #fffe95 0%);}

.column-detail-head { margin-bottom: 30px; }
.column-detail-head:after { content: ''; display: block; clear: both; }
.column-detail-head > div:nth-child(1) { float: left; }
.column-detail-head > div:nth-child(1) span.c { margin: 0; padding: 0; }
.column-detail-head > div:nth-child(1) span.c a { display: block; border: #feef00 solid 1px; padding: 3px 10px; color: #333333; }
.column-detail-head > div:nth-child(1) span.d { float: left; font-size: 1.225em; background-position: 0 5px; margin: 0 15px 0 0; }
.column-detail-head > div:nth-child(2) { float: right; }
.column-detail-head > div:nth-child(2) > div { float: left; padding: 3px 0 3px 10px; height: 26px; }


.section h2 { font-size: 1.64em; font-weight: bold; color: #253494; border-bottom: #253494 solid 2px; padding: 0 0 8px 15px; margin-bottom: 20px; margin-top: 30px; position: relative; clear: both; }
.section h2:before, .section h2:after, .section h3:before, .section-detail h3:after, .section h4:before, .section h4:after { content: ''; width: 4px; height: 20px; background-color: #fff100; position: absolute; left: 0; top: 6px; }
.section h2:after, .section h3:after, .section h4:after { background-color: #253494; height: 10px; }
.section h3 { font-size: 1.5em; border-bottom: #ccc solid 1px; margin-bottom: 20px; margin-top: 30px; padding: 0 0 6px 15px; position: relative; font-weight: bold; clear: both;}
.section h3:before, .section h3:after { top: 5px; }
.section h4 { font-size: 1.365em; margin-bottom: 15px; padding: 0 0 0 15px; position: relative; clear: both; }
.section h4:before, .section h4:after { top: 4px; }
.section h5 { font-size: 1.155em; margin-bottom: 15px; padding: 0 0 0 15px; position: relative; clear: both; }
.section h5:before { content: ''; width: 4px; height: 18px; background-color: #ccc; position: absolute; left: 0; top: 3px; }
.section figure.limg { float: left; margin: 0 25px 20px 0; }
.section figure.rimg { float: right; margin: 0 0 20px 25px; }
.section figure { display: table; width: 1px; padding-top: 5px; }
.section figure img { display: table-row; }
.section figure figcaption { display: table-row; color: #707070; font-style: italic; padding-top: 5px; font-size: 0.885em; }
.section a { color: #253494; text-decoration: underline; }
.section ul, .section ol { margin-bottom: 20px; }
.section li { position: relative; padding-left: 25px; margin-bottom: 5px; }
.section ul li:before { content: '■'; color: #253494; position: absolute; left: 2px; font-size: 0.8em; }
.section ol { counter-reset: olli; }
.section ol li:before { counter-increment: olli; content: counter(olli); background-color: #253494; color: #fff; font-weight: bold; position: absolute; left: 0; top: 2px; font-size: 0.8em; width: 16px; text-align: center; line-height: 16px; }
.section dl { margin-bottom: 10px; padding-bottom: 5px; }
.section dt { font-weight: bold; }
.section dd { margin-bottom: 10px; }
.section table { width: 100%; border-collapse: collapse; margin-bottom: 30px; }
.section th, .section td { border: #ccc solid 1px; padding: 8px 10px; }
.section th { background-color: #eee; }
.section blockquote { margin: 0 0 30px 0; background:#f7f7f7 url(/info/common/image/quote.png) no-repeat 20px 20px; padding: 30px 30px 30px 80px; }
.section pre { border: #e1e1e1 solid 1px; margin: 0 0 30px 0; width: auto; background-color: #fff; padding: 20px; }
.section .matomeBox{ background: #f9f9f9; padding: 15px; border: solid 1px #eee; margin-bottom: 20px;}
.section .matomeBox p:last-child,
.section .matomeBox ul{ margin-bottom: 0 !important;}
.section .questionTitle{font-size: 1.2em; font-weight: bold;}

.section .relatedArticle .title {
	border-bottom: dotted 1px #8E8E8E;
	font-size: 1.25em;
	padding: 5px 0;
	margin-bottom: 10px;
	font-weight: bold;
}
.section .relatedArticle ul li {
	font-size: 13px;
}
.section figure { width: auto !important; }

.column-detail-head > div:nth-child(1) span.c { float: left; background-color: #fff996; color: #333333; padding: 2px 10px; margin-top: 9px; font-size: 0.99em; }
.column-detail-head > div:nth-child(1) span.d { float: right; background: url(/security_info/anzen_ansin/image/date_icon.png) no-repeat 0 4px; background-size: 15px auto; color: #666666; padding: 2px 0 2px 20px; margin-top: 9px; font-size: 1.15em; }

.mod-mainvisual{ margin-bottom: 20px;}
.mod-mainvisual img { display: block; margin-bottom: 10px;}
.mod-mainvisual figcaption {font-size: 1em !important;	}

#qtl_clm .qtl_tbl_cnt{
	width: 60%;
	margin: 0 20% 20px 20%;
	background-color: #f4f4f4;
	border: solid 1px #CCCCCC;
	padding: 15px 25px;
}
#qtl_clm .qtl_tbl_cnt h3{
	font-size: 1.5em;
}
#qtl_clm .qtl_tbl_cnt ul{
	font-size: 1.1667em;
}
#qtl_clm .qtl_tbl_cnt ul li{
	margin-bottom: 5px;
}
figure.mod-subvisual{
	float: right;
	width: 40% !important;
	display: block !important;
	margin: 0 0 30px 30px;
}
figure.mod-subvisual img{
	width: 100% !important;
}
figure.mod-subvisual.center{
	float: none !important;
	width: auto !important;
	text-align: center !important;
	margin: 0 auto 30px auto !important;
}
figure.mod-subvisual.center img{
	margin: 0 auto !important;
	width: auto !important;
}
figure.mod-subvisual.template_img img{
	margin: 0 auto !important;
	max-width: 60% !important;
}
figcaption{
	display: block !important;
	text-align: center;
}
.recommendBox{
	display: block;
	clear: both;
	border: solid 1px #DDD;
	background: #EEE;
	padding: 20px;
	overflow: hidden;
	margin: 0 0 30px 0;
}
.recommendBox p:last-child,.recommendBox ol:last-child,.recommendBox ol li:last-child{
	margin-bottom: 0 !important;
}
.recommendBox .subImage{
	float: left;
	max-width: 20%;
	margin: 0 20px 0 0 !important;
}
.recommendBox .subImage img{
	width: 100%;
	display: block;
}
.recommendBox .serviceLink{
	float: right;
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
}
.recommendBox .serviceLink::before,
.recommendBox .serviceLink::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.recommendBox .serviceLink::before{
	left: 4px;
	width: 5px;
	height: 1px;
	background: #253494;
}
.recommendBox .serviceLink::after{
	left: 4px;
	width: 4px;
	height: 4px;
	border-top: 1px solid #253494;
	border-right: 1px solid #253494;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.productsTitle{
	position: relative;
	height: 60px;
}
.productsTitle:before{
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	/*height: 100%;*/
	text-align: center;
	padding: 30px 0;
	background: rgba(37, 52, 148, 0.3) url(/corporate/img_renew/index_products_bg01.jpg) no-repeat center bottom;
	/*border-top: solid 2px #fff100;*/
	/*border-bottom: solid 1px #3b4c94;*/
	font-size: 1.5em;
	font-weight: bold;
	background-blend-mode: luminosity;
	background-size: cover;
	opacity: 0.2;
}
.productsTitle span {
	color: #444;
	position: absolute;
	opacity: 1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
	text-shadow: 0 0 5px #FFF;
}
@media screen and (max-width: 640px) {
  .productsTitle span {font-size: 5.3vmin;}
}
.mod-products-nav > dl > dt{
	width: 50%;
}
.mod-products-nav_title{
	padding: 15px 0 14px;
}
.heading01{
	margin-top: 20px;
}
.template_msg {
    font-size: 1.2rem;
    margin: 10px 0;
    font-weight: bold;
    text-align: right;
}
@media screen and (max-width: 640px) {
    .template_msg {
        font-size: 1rem;
        margin-left: 0px;
    }
}
.column-link{
	max-width: 60%;
	width: auto !important;
}
.qtl_cnt-box table{
	width: auto !important;
	margin: 0 auto 10px auto !important;
	font-size: 1.25em !important;
}
.qtl_cnt-box table caption{
	font-size: 90% !important;
}
.qtl_cnt-box table th{
	text-align: center!important;
	font-weight: bold;
}
.qtl_cnt-box table td{
	text-align: right;
}
.qtl_cnt-box table.outer-wall-list td {
    text-align: center;
    vertical-align: middle;
}
.qtl_cnt-box .notice{
	font-size: 90% !important;
	text-align: center;
}
figure.mod-subvisual.center img{
	max-width: 100%;
}

@media screen and (max-width: 640px) {
	.mod-products-nav_title{
		padding: 0 !important;
	}
	.mod-products-nav > dl > dt{
		width: 100% !important;
	}
	.recommendBox .subImage{
		max-width: 40%;
	}

	.mod-mainvisual .mod-mainvisual_inner{
		width: 100%;
		margin: 0 0 20px 0;
	}
	figure.mod-subvisual.center img{
		width: 100% !important;
	}
	figure.mod-subvisual.template_img img {
		max-width: 100% !important;
	}

	.qtl_cbw8 img, .qtl_cbw7 img, .qtl_cbw6 img, .qtl_cbw5 img, .qtl_cbw4 img, .qtl_cbw3 img, .qtl_cbw2 img, .qtl_cbw3w img{
		width: 100%;
		display: block;
	}
	.mod-products-nav_list > li{

	}
	.mod-products-nav_list > li > span{
		background: #EEE;
		display: block;
		padding: 12px 48px 12px 30px;
		font-weight: bold;
	}
	.mod-products-nav_list > li ul{
		margin: 0;
	}
}
.toc{
	background: #f2f2f2;
	border: solid 1px #DDD;
	width: 70%;
	margin: 0 auto 30px auto;
	padding: 30px 30px 0 30px;
}
.toc .title{
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.toc ol{
	padding-left: 1em;
}
.toc ol li:before {
  counter-increment: none;
  content: "";
  background-color: #253494;
  position: absolute;
  left: 0.7em;
  top: 0.7em;
  width: 6px;
  height: 6px; 
  display: inline-block;
  border-radius: 50%;
}
.toc ol li{
	margin-bottom: 8px;
}

.toc ol li a{
	font-size: 15px;
	font-weight: bold;
}
.toc ol ol li{
	list-style-type: decimal;
	padding-left: 0;
	line-height: 1.5;
  color: #253494;
}
.toc.toc2 ol ol li { 
  list-style-type: none;
  position: relative;
}
.toc.toc2 ol ol.number li {
  list-style-type: decimal;
}
.toc ol ol li:before{
	display: none;
}
.toc.toc2 ol ol li:before {
  content: "";
  width: 0;
  height: 0;
  background: none;
  border-radius: 0;
  border-style: solid;
  border-width: 3px 0 3px 5.2px;
  border-color: transparent transparent transparent #253494;
  display: block;
  position: absolute;
  top: 5px;
  left: -12px;
}
.toc.toc2 ol ol.number li::before {
  display: none;
  content: none;
}
.toc ol ol li a{
	font-size: 13px;
	font-weight: normal;
}
.toc ol ol{
	padding: 0;
	margin: 10px 10px 15px 10px;
}
.toc_list li.toc-h2 {
  counter-reset: rank 0;
}
.toc_list li.toc-h3 {
  position: relative;
  margin-left: 20px;
}
.toc_list li.toc-h3::before {
  content: none;
}
.toc_list li.toc-h3 a {
  font-weight: normal;
}
.toc_list li.toc-h3 a::before {
  counter-increment: rank;
  content: counter(rank);
  display: block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 24px;
  text-align: center;
  padding-top: 2px;
}
@media screen and (max-width: 640px) {
	.toc{
		width: 100%;
		margin: 0 auto 30px auto;
		padding: 15px;
	}
}


.document-request a {
	position: relative;
	background: #ff4e00;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 10px;
	display: block;
	width: 60%;
	margin: 0 auto;
	border: 2px solid #ff4e00;
	border-radius: 5px;
	transition: 0.5s;
}
.document-request a:hover {
	background: #fff;
	color: #ff4e00;
}
.document-request a::before{
	content: "";
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	position: absolute;
	top: 34%;
	right: 5%;
	transition: 0.5s;
}
.document-request a:hover::before {
	border-top-color: #ff4e00;
	border-right-color: #ff4e00;
}
@media screen and (max-width: 640px) {
	.document-request a {
		width: 80%;
	}
	.document-request a::before {
        width: 8px;
        height: 8px;
		top: 38%;
	}
}

#qtl_clm .link_box {display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; background: #253494; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#qtl_clm .link_box .title {font-size: 140%;line-height: 120%;letter-spacing: 0.05em;color: #FFFFFF;padding: 10px 15px 7px 15px;background: #253494;-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;position: relative; width: 200px; margin-bottom: 0; }
#qtl_clm .link_box .title::before,.link_box .title::after {content: ''; width: 4px; height: 20px; background-color: #fff100; position: absolute; left: 0; top: 4px;}
#qtl_clm .link_box .title::after { background-color: #253494; height: 10px;}
#qtl_clm .link_box > *:nth-of-type(2) {font-size: 1.1667em; letter-spacing: 0.05em !important; color: #464E56; padding: 10px 0 9px 30px; width: calc(100% - 200px); background: #EEE; margin-bottom: 0;}

@media screen and (max-width: 640px) {
  #qtl_clm .link_box .title,#qtl_clm .link_box *:nth-of-type(2) {width: 100%;}
  #qtl_clm .link_box > *:nth-of-type(2) {padding: 10px;}
}

#qtl_clm .other_service { display: flex; flex-wrap: wrap; margin-bottom: 30px; }
#qtl_clm .other_service .title { font-size: 140%; line-height: 120%; letter-spacing: 0.05em; color: #FFFFFF; padding: 10px 15px 7px 15px; background: #253494; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; position: relative; width: 200px; margin-bottom: 0; display: flex; align-items: center; }
#qtl_clm .other_service .title::before,
#qtl_clm .other_service .title::after {content: ''; width: 4px; height: 20px; background-color: #fff100; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#qtl_clm .other_service .title::after { background-color: #253494; height: 10px; transform: translateY(-100%); }
#qtl_clm .other_service > div {font-size: 1.1667em; letter-spacing: 0.05em !important; color: #464E56; padding: 10px 0 9px 30px; width: calc(100% - 200px); background: #EEE; margin-bottom: 0; display: flex; flex-direction: column;}
#qtl_clm .other_service > div > a + a { margin-top: 10px; }
@media screen and (max-width: 640px) {
  #qtl_clm .other_service .title,
  #qtl_clm .other_service > div { width: 100%; }
  #qtl_clm .other_service > div { padding: 10px; }
}