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

/* mobile */
@media (min-width: 300px) {
	.description {
		width: 100%;
		height: auto;
		background: #fff;
		margin: 0 auto;
		padding: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.description p {
		width: 100%;
		max-width: 750px;
		margin: 0 auto;
		line-height: 1.8;
		font-size: 14px;
		font-weight: 400;
		text-align: justify;
		vertical-align: middle;
	}


}

/* Small than tablet */
@media (min-width: 768px) {
	.description {
		width: 88%;
		height: 200px;
		margin: 0 auto;
	}

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	


}


/*--------------------------------------------------------------
.service
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	.service {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 60px 0;
		letter-spacing: .1em;
	}
	
	.service.sv05 {
		margin-bottom: 60px;
	}
	
	.service_wrap {
		position: relative;
		width: 100%;
		max-width: 1044px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
	}
	
	.service.odd {
		background: #EDF0F2;
	}
	
	.service.even {
		background: #fff;
	}
	
	.service .img_box {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0;
		padding: 0;
	}
	
	.service.odd .img_box {
	}
	
	.service.even .img_box {
		float: none;
	}
	
	.service .img_box img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		line-height: 0;
		vertical-align: top;
	}
	
	.service .text_box {
		width: auto;
		height: auto;
		min-height: 0;
		overflow: hidden;
		font-size: 14px;
		font-weight: 400;
		line-height: 2.1;
		margin: -20px 20px 0;
		padding: 20px;
	}
	
	.service.odd .text_box {
		background: #fff;
		position: relative;
		right: 0;
		bottom: 0;
		z-index: 10;
	}
	
	.service.even .text_box {
		background: #EDF0F2;
		position: relative;
		left: 0;
		bottom: 0;
		z-index: 10;
	}
	
	.service .text_box dl {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	.service .text_box dl dt {
		margin: 0 0 23px;
		padding: 0;
		font-size: 20px;
		font-weight: 500;
		line-height: 1;
	}
	
	.service .text_box dl dt span {
		display: block;
		color: #cc1b2a;
		font-family: 'Lato', sans-serif;
		font-size: 12px;
		font-weight: 600;
		margin: 0 0 10px;
		padding: 0
	}
	
	.service .text_box dl dd {
	}
	
	.service.sv04 .text_box dl {
		margin: 0 0 10px;
	}
	
	.service .text_box a {
		color: #cc1b2a;
		text-decoration: none;
		font-size: 13px;
		line-height: 1;
		display: block;
		margin: 50px 0 0;
		float: right;
	}
	
	.service .text_box a i {
		margin: 0 0 0 15px;
	}
	
	.service .text_box .annotation {
		color: #CC1B2A;
		font-size: 12px;
		line-height: 2;
		margin: 23px 0 0;
	}


}

/* Small than tablet */
@media (min-width: 768px) {
	.service {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 60px 0;
	}
	
	.service.sv05 {
		margin-bottom: 60px;
	}
	
	.service_wrap {
		position: relative;
		margin: 0 auto;
		padding: 0;
	}
	
	.service .img_box {
		width: 580px;
		height: auto;
		overflow: hidden;
		margin: 0;
		padding: 0 0 60px;
	}
	
	.service.odd .img_box {
	}
	
	.service.even .img_box {
		float: right;
	}
	
	.service .text_box {
		width: 510px;
		height: auto;
		min-height: 360px;
		overflow: hidden;
		margin: 0;
		padding: 60px 70px;
		font-size: 14px;
		font-weight: 400;
	}
	
	.service.odd .text_box {
		background: rgba(255,255,255,.95);
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 10;
	}
	
	.service.even .text_box {
		background: rgba(237, 240, 242, .95);
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 10;
	}
	
	.service .text_box dl {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	.service .text_box dl dt {
		margin: 0 0 23px;
		padding: 0;
		font-size: 20px;
	}
	
	.service .text_box dl dt span {
		display: block;
		font-size: 12px;
		margin: 0 0 10px;
		padding: 0
	}
	
	.service .text_box dl dd {
	}
	
	.service.sv04 .text_box dl {
		margin: 0 0 10px;
	}
	
	.service .text_box a {
		font-size: 13px;
		display: block;
		margin: 50px 0 0;
		float: right;
	}
	
	.service .text_box a i {
		margin: 0 0 0 15px;
	}
	
	.service .text_box .annotation {
		font-size: 12px;
		margin: 23px 0 0;
	}

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	.service.odd .text_box {
		background: #fff;
	}
	
	.service.even .text_box {
		background: #EDF0F2;
	}


}