@charset "utf-8";

.feature .visual-box{
	padding: 0;
	position: relative;
	top:0;
	left:0;
	margin-bottom: 16px;
}

.feature .visual-box .catch-box{
	position: absolute;
	top:0;
	left:0;
	padding:3% 3% 40%;
}

.feature .visual-box .catch-box .ttl-box{
	font-size: 5vw;
	color:#ffffff;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 16px;
}

.feature .main-txt-box{
	margin-bottom: 16px;
}

@media screen and (min-width: 1024px) { /* main bg full size */
	div.feature .visual-box{
		height: 632px;
	}

	div.feature .visual-box .catch-box .ttl-box{
		font-size: 52px;
		padding-bottom: 32px;
	}
}

@media screen and (min-width: 769px) { /* tab pc */

}

/* feature sec */
.feature .ib{
	display: inline-block;
}

.feature .mw760px{
	max-width: 760px;
	margin:0 auto;
}
.feature .table{
	display: table;
}
.feature .table .td{
	display: table-cell;
}

.feature .q-ttl-box{
	margin-bottom: 8px;
	font-size: 131.30%; /* 21px */
}

.feature .q-ttl-box .q{
	background-color: #e50012;
	color:#ffffff;
	display: inline-block;
	border-radius: 8px;
	padding: 2px 10px;
	font-size: 12px;
	vertical-align: text-bottom;
  width: 38px;
}

.feature .q-ttl-box h2{
	margin-left: 8px;
	font-weight: bold;
}

.feature .ttl-blue{
	color:#1f4779;
	font-size: 150.00%; /* 24px */
	font-weight: bold;
	margin-bottom: 16px;
}

.feature .note-box{
	font-size: 12px;
	padding-top: 4px;
}

.feature .sec .img-box .img-ttl {
    font-weight: bold;
    text-align: left;
    margin-bottom: 8px;
}

.feature .sec{
	padding-top:40px;
	padding-bottom: 40px;
}

@media screen and (min-width: 769px) { /* tab pc */
	div.feature .sec{
		padding-top:72px;
		padding-bottom: 72px;
	}
}

/* sec0 */
@media screen and (min-width: 769px) { /* tab pc */
	div.feature div.sec0{
		padding-bottom: 40px;
	}
}
.feature .sec0 .img-box{
	text-align: center;
	border-bottom: 1px solid #231815;
	line-height: 1;
}
.feature .sec0 .img-box img{
	vertical-align: bottom;
}

.feature .sec0 .txt-box{
	max-width: 840px;
	margin: 0 auto;
}

.feature .sec0 .txt-box .title{
	font-size: 3vw;
	padding-right: 8px;
}

.feature .sec0 .txt-box .name{
	font-size: 5vw;
	margin-bottom: 4px;
}

.feature .sec0 .table{
	display: table;
	width:100%;
	table-layout: fixed;
}

.feature .sec0 .table .td{
	display: table-cell;
	text-align: center;
	vertical-align: top;
}

.feature .sec0 .table .td > .inner{
	display: inline-block;
	margin: 8px auto;
	text-align: left;
}

@media screen and (min-width: 769px) { /* tab pc */
	div.feature .sec0 .txt-box .title{
		font-size: 14px;
	}

	div.feature .sec0 .txt-box .name{
		font-size: 22px;
	}

	div.feature .sec0 .table .td > .inner{
		margin: 16px auto;
	}
}

.feature .sec1{
	border-bottom: 1px solid #231815;
}

.feature .sec1 .img-box{
	max-width: 477px;
	margin: 0 auto;
}

/* sec2 */
.feature .sec2{
	border-bottom: 1px solid #231815;
}
.feature .sec2 .img-box{
	max-width: 520px;
	margin: 0 auto;
}

/* sec3 */
.feature .sec3{
	border-bottom: 1px solid #231815;
}
.feature .sec3 .img-box{
	/*
	max-width: 588px;
	*/
	margin: 0 auto 40px;
}

.feature .sec3 .img-box .img-ttl{
	margin-bottom: 32px;
}

@media screen and (min-width: 769px) { /* tab pc */
	div.feature .sec3 .img-box{
		margin: 0 auto 72px;
	}
}

/* sec4 */
.feature .sec4{
	margin-bottom: 74px;
}
.feature .sec4 .img-box{
	text-align: center;
}

.feature .sec4 .img-box .img-ttl{
	text-align: left;
}