@charset "UTF-8";
/*--------------------------------------------------------------
.service
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	.service {
		background: rgba(215, 222, 224, .7);
		width: 100%;
		max-width: 1150px;
		margin: 0 auto 60px;
		height: auto;
		padding: 30px;
	}
	
	.service-list {
		width: 100%;
	}
	
	.service-list ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-ms-flex-line-pack: stretch;
       align-content: stretch;
		width: 100%;
		height: auto;
	}
	
	.service-list ul li {
		position: relative;
		background: #FFF;
		text-align: center;
		width: 100%;
		height: 340px;
		font-size: 13px;
		margin: 0 0 5px 0;
		padding: 47px 0 0;
	}
	
	.service-list dl {
	}
	
	.service-list dl dt {
		display: inline-block;
		width: 100%;
		height: auto;
		margin: 0 0 25px;
		text-align: center;
		font-size: 19px;
		font-weight: 500;
	}
	
	.service-list .consul dl dt {
		letter-spacing: 0;
	} 
	
	.service-list dl dt span {
		display: block;
		width: 50px;/*後で個別に調整*/
		margin: 0 auto;
		height: auto;
	}
	
	.service-list .zeimu dl dt span {
		margin-bottom: 15.88px;
		padding: 4px 11px 0;
	}
	
	.service-list .sharou dl dt span {
		margin-bottom: 16.86px;
		padding: 8px 1px 0;
	}
	
	.service-list .gyosei dl dt span {
		margin-bottom: 17px;
		padding: 0 11px 0;
	}
	
	.service-list .shihou dl dt span {
		margin-bottom: 15.62px;
		padding: 0 7px 0;
	}
	
	.service-list .consul dl dt span {
		margin-bottom: 17.43px;
		padding: 5px 3px 0;
	}
	
	.service-list dl dd {
		display: inline-block;
		text-align: justify;
		line-height: 1.8;
		width: 250px;
	}
	
	.service-list a {
		display: block;
		color: #cc1b2a;
		text-decoration: none;
		position: absolute;
		right: 22.5px;
		bottom: 29px;
		font-size: 13px;
	}
	
	.service-list a span {
		margin: 0 21.5px 0 0;
	}
	
	.service-list a img {
		width: 6px;
		height: auto;
	}


}

/* Small than tablet */
@media (min-width: 768px) {
	
	.service {
		margin: 0 auto;
		height: auto;
		padding: 30px;
	}
	
	.service-list ul li {
		width: 49.5%;
		height: 340px;
		margin: 0 1% 1% 0;
		padding: 47px 0 0;
	}
	
	.service-list ul li:nth-child(2n) {
		margin-right: 0;
	}

}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.service {
		margin: 0 auto;
		height: auto;
		padding: 30px;
	}
	
	


}