@charset "utf-8";
/** --------------------------------------------------------------------------
  **2018.03.22 Contents layout.
 * ------------------------------------------------------------------------ */
#main-content {}

/*--------------------------------
renewal_ttl
--------------------------------*/
.renewal_ttl .cover-images{
	background: #fff;
}
.renewal_ttl .cover-images .container:before,
.cover-images .container:after {
	display: none;
}
.renewal_ttl h2.title{
	font-size: 26px;
	font-weight:normal;
}
.renewal_ttl .wrap,
.renewal_ttl .wrap.mod-flat{
	padding: 0;
}
.renewal_ttl .h2title h2{
	font-size: 24px;
}
.renewal_ttl .h3title {
	font-size: 22px;
}

/*--------------------------------
list
--------------------------------*/
.unit-list-relatedLink ul{
	padding: 10px 20px 0 20px;

}
.unit-list-relatedLink ul li{
	display:list-item;
	list-style-type: disc;
	list-style-position:outside;
	color: #2ea7e0;
}
.unit-list-relatedLink ul li a{
	vertical-align: top;
	padding: 0;
}
.unit-list-relatedLink ul li a:before{
	display: none;
}
/*--------------------------------
component
--------------------------------*/

.componentbox {
	margin:40px 0;
}
.componentbox hr{
	border-top: 2px solid #46bce0;
	margin: 0;
}
.componentbox .com-ttl{
	font-size: 24px!important;
	color:#000;
	text-align: center;
	border: none;
	margin: 30px 0!important;
}
.componentbox .com-col{
	margin: 30px 0 0;
}
.componentbox .com-col:after {
	content:"";
	display:block;
	clear:both;
}
.componentbox .com-col-img{
	width: 41.66667%;
	padding:0 0 0 20px;
}
.componentbox .com-col-txt{
	width: 58.33333%;
}
.componentbox .com-col-img.col2,
.componentbox .com-col-txt.col2{
	width: 50%;
}
.componentbox .com-col-txt.col2 li .red-color,
.componentbox .com-col-txt.col2 li{
	color:#b30d31;
}
.componentbox .com-col-txt.col2 li p,
.componentbox .com-col-txt.col2 ul li{
	color:#555;
}
.componentbox .com-col-txt.com-col-wide,
.componentbox .com-col-img.com-col-wide{
	float: none;
	width: 100%;

}
.componentbox .com-col-img,
.componentbox .com-col-txt{
	float: right;
}


.componentbox .com-col-img img{
	width: 100%;
}
.componentbox .com-col-txt .com-col-ttl{
	font-size: 22px;
	text-align: left;
	border: none;
	margin: 0 0 15px!important;
	padding: 0!important;
}
.componentbox .com-col-txt .com-col-subttl-m{
	font-size: 18px;
	text-align: left;
	border: none;
	margin: 0 0 15px!important;
	padding: 0!important;
}
.componentbox .com-col-txt .com-col-subttl-s{
	font-size: 16px;
	text-align: left;
	border: none;
	margin: 0 0 15px!important;
	padding: 0!important;
}
.componentbox .com-col-txt .com-col-lead{
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	border: none;
	margin: 0 0 10px!important;
	padding: 0!important;
}
.reversebox .com-col-img{
	float: left;
	padding:0 20px 0 0;
}
.com-col + .table-responsive{
	margin: 30px 0 0;
}
.com-col + .table{
	margin: 30px 0 0;
}
.table-responsive img{
	height: 20px;
    max-width: inherit;
}

.com-col .list_in_img{
	margin-bottom:11.5px;
	padding: 15px;
	background-color: whitesmoke;
	width: 100%;
	height: 400px;
	text-align: center;
	position: relative;
}
.com-col .list_in_img img{
	margin: auto;
	padding: 15px;
	width:auto;
	max-height:400px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/*�摜���� add 180412*/
.componentbox .com-col img{
	object-fit: contain;
	max-height:650px;
	margin-bottom:30px;
	max-width:600px;
}
.componentbox .com-col-txt .com-col-ttl img,
.componentbox .com-col-txt .ttl-flow img{
	margin-bottom:0;
}

#feature-02 .com-col-img .rs {
	position: relative;
	width: 100%;
}
#feature-02 .com-col-img .rs:before {
    content:"";
    display: block;
    padding-top: 58%;
}
#feature-02 .com-col-img .rs .over500 {
	background: url(../../shared/images/feature-02.png) no-repeat 0 0;
	background-size: contain;
	position: absolute;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
#feature-02 .com-col-img .over500 p {
	position: absolute;
	font-size: 90%;
}
#feature-02 .com-col-img .over500 p.ttl {
	top: 10px;
	left: 45%;
	font-size: 120%;
}
#feature-02 .com-col-img .over500 p.acom {
	width: 65px;
	top: 20%;
	left: 27%;
	color: #fd1463;
	font-weight: bold;
	text-align: center;
}
#feature-02 .com-col-img .over500 p.atext {
	width: 200px;
	top: 20%;
	left: 46%;
}
#feature-02 .com-col-img .over500 p.bcom {
	width: 65px;
	top: 48%;
	left: 27%;
	color: #329cb2;
	font-weight: bold;
	text-align: center;
}
#feature-02 .com-col-img .over500 p.btext {
	width: 200px;
	top: 48%;
	left: 46%;
}
#feature-02 .com-col-img .over500 p.ccom {
	width: 65px;
	top: 75%;
	left: 27%;
	color: #0ccc39;
	font-weight: bold;
	text-align: center;
}
#feature-02 .com-col-img .over500 p.ctext {
	width: 200px;
	top: 75%;
	left: 46%;
}
	@media (max-width: 1120px) {
		#feature-02 .com-col-img .rs .over500 {
			background: url(../../shared/images/feature-02t.png) no-repeat 0 0;
			background-size: contain;
		}
		#feature-02 .com-col-img .over500 p.ttl, #feature-02 .com-col-img .over500 p.acom, #feature-02 .com-col-img .over500 p.atext, #feature-02 .com-col-img .over500 p.bcom, #feature-02 .com-col-img .over500 p.btext, #feature-02 .com-col-img .over500 p.ccom, #feature-02 .com-col-img .over500 p.ctext {
			left: -400%;
		}
	}

/*--------------------------------
faq
--------------------------------*/
.faq-content .h3title span{
	display: block;
	position: relative;
	padding-left: 35px;
}
.faq-content .h3title span:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 30px;
	height: 30px;
	content:" ";
	background: url("../../shared/images/faq/faq_icon01.png") no-repeat 0 0;
}
.faq-content p,
.faq-content .h3content {
	padding-left: 70px;
}
.faq-content .h3title + p{
	display: block;
	position: relative;
}
.faq-content .h3title + p:before {
	position: absolute;
	left: 40px;
	top: 0;
	width: 25px;
	height: 25px;
	content:" ";
	background: url("../images/faq/faq_icon02.png") no-repeat 0 0;
	/* background: url(../../../testkit2018/shared/images/faq/faq_icon02.png) no-repeat 0 0; */
}
.faq-content .inner-list{
	padding-left: 90px;
}
.faq-content table th,
.faq-content table td {
	padding: 0.2em;
	border: solid 1px black;
}
.faq-content table th {
	background-color: #EEEEEE;
	text-align: center;
}
.faq-content table tbody tr th {
	text-align: right;
}

/*--------------------------------
keyword_search
--------------------------------*/
.keyword_search{}
	.keyword_search .entry-contents .hentry > h2{ padding:0; text-align:left; font-size:18px; }

/*--------------------------------
--------------media---------------
--------------------------------*/

@media screen and (max-width: 768px) {

	/*--------------------------------
	component
	--------------------------------*/

	.componentbox .com-col-img,
	.componentbox .com-col-txt,
	.componentbox .com-col-img.col2,
	.componentbox .com-col-txt.col2{
		width: 100%;
		float: none;
	}
	.componentbox .com-col-img,
	.reversebox .com-col-img{
		padding: 0 0 20px;
	}
	.componentbox .com-ttl{
		font-size: 20px!important;
	}
	.componentbox .com-col-txt .com-col-ttl{
		font-size: 20px;
	}
	.renewal_ttl .entry-contents .h2title div > h2{ padding-right:8px; }
}

@media screen and (max-width: 640px) {
	.renewal_ttl .h3title {
		font-size: 18px;
	}
	.com-col .list_in_img{
		padding:0;
		height: auto;
	}
	.com-col .list_in_img img{
		padding:0;
		position:relative;
	}
/*�摜���� add 180412*/
	.componentbox .com-col img{
		width:100%;
		margin-bottom:30px;
		max-width:400px;
	}
	.componentbox .com-col .ttl-flow img,
	.componentbox .com-col-ttl img{
		width:auto;
		margin-bottom:0px;
	}
}

@media screen and (max-width: 480px){
	.renewal_ttl h2.title{
		font-size: 18px;
		font-weight:normal;
	}
}