@charset "UTF-8";
.column-text {
  margin-top: 20px;
  font-size: 1.1667em;
}
.column-text:first-child {
  margin-top: 0;
}
@media screen and (max-width: 640px) {
  .column-text {
    margin-top: 10px;
  }
  .column-text:first-child {
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .column-text {
    font-size: 1.1818em;
  }
}
.column-date {
  margin: 21px 0 -7px;
  font-size: .9167em;
  text-align: right;
}
@media screen and (max-width: 640px) {
  .column-date {
    font-size: 1em;
  }
}
.column-link {
  width: 240px;
  margin: 42px auto 0;
}
@media screen and (max-width: 640px) {
  .column-link {
    width: auto;
    margin-top: 30px;
  }
}



.recommendBox h4:before, .recommendBox h4:after, .recommendBox .h4:before, .recommendBox .h4:after { content: ''; width: 4px; height: 20px; background-color: #fff100; position: absolute; left: 0; top: 4px; }

.recommendBox h4:after, .recommendBox .h4:after { background-color: #253494; height: 10px; }
.recommendBox h4, .recommendBox .h4{ font-size: 140%; line-height: 120%; letter-spacing: 0.05em; color:#FFFFFF; padding: 10px 15px 7px 15px; margin-bottom:20px;	background:#253494;	-webkit-border-radius: 3px;	-moz-border-radius: 3px; border-radius: 3px; position:relative; clear: both;}
.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; background: #253494;}
.recommendBox2 h4, .recommendBox2 .h4 { margin-bottom: 0; width: 200px;}
.recommendBox2 p { padding: 10px 0 9px 30px; width: calc(100% - 200px); background: #EEE;}
.recommendBox2 p a { display: block;}
.recommendBox2 p a:hover {opacity: 0.7;}
.section .checklist ol li:before { top: 0; }
@media screen and (max-width: 640px) {
  .recommendBox2 h4, .recommendBox2 .h4 { width: 100%;}
  .recommendBox2 p { width: 100%; margin: 0; padding: 10px;}
}
.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);
}
@media screen and (max-width: 640px) {
	.recommendBox .subImage{
		max-width: 40%;
	}
}
span.b {
    font-weight: bold;
    color: #444444;
    background: linear-gradient(transparent 60%, #fffe95 0%);
}

#qtl_clm .qtl_cnt-box { margin-bottom: 20px; }

#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;}
}