@charset "UTF-8";
#service a {
	color:inherit;
	text-decoration:none
}
a[href^="tel:"]:hover{
	opacity: 1.0;
}
section {
	clear:both;
	width:100%
}
.wrapper {
	clear:both;
	position:relative;
	margin:auto
}
.bold {
	font-weight:700
}
#service a.link {
	font-weight:700;
	color:#d61518;
	text-decoration:underline
}
#service .color_red {
	color:#D61518
}
@media screen and (min-width:768px) {
		#main, #wrapper, body, html {
			min-width:980px
		}
		body {
			font-size:14px;
			line-height:1.714
		}
		.wrapper {
			width:980px;
			margin-left:auto;
			margin-right:auto
		}
		#service {
			padding-top: 50px
		}
}
@media screen and (max-width:767px) {
	img {
		max-width:100%;
		height:auto
	}
	body {
		font-size:12px;
		line-height:1.75
	}
	.wrapper {
		padding-left:25px;
		padding-right:25px
	}
}


#service #main h3 {
	font-weight:700;
	color:#fff;
	background-color:#d61518;
	background-repeat:no-repeat;
	position:relative;
	vertical-align:middle
}
#service #main h3 i {
	position:absolute;
	width:36px;
	height:36px;
	top:50%;
	left:18px;
	margin-top:-18px
}
#service #main h3 i img {
	width:100%;
	height:100%
}
@media screen and (max-width:767px) {
	#service #main h3 i {
		left:12px
	}
}

#service #main p.button {
	display:block
}
@media screen and (max-width:767px) {
	#service #main p.button {
		text-align:center;
		width:100%;
		margin-right:auto
	}
}
#service #main .button a {
	display:inline-block;
	min-width:250px;
	text-align:center;
	min-height:40px;
	padding:10px 30px;
	background:0 0;
	font-weight:700;
	color:#000;
	border:1px solid #000;
	position:relative
}
#service #main .button a:before {
	content:"";
	width:8px;
	height:8px;
	margin-top:-4px;
	position:absolute;
	top:50%;
	right:8px;
	border-top:2px solid #000;
	border-right:2px solid #000;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg)
}
#service #main .button a:after {
	border-color:#000 #000 transparent transparent
}
#service .toggle_content img.service_img {
	width:100%
}
#service div.sec_1 {
	background-size:27px auto;
	background-repeat:no-repeat;
	padding-left:52px;
	min-height:27px;
	margin:0 auto 5px auto
}
#service .sec_1 h3 {
	background-size:27px;
	background-repeat:no-repeat;
	padding-left:52px;
	min-height:27px;
	margin:0 auto 5px auto
}

#service #main .toggle_btn {
	border-top:dotted 1px #c6c6c6;
	border-bottom:dotted 1px #c6c6c6;
	position:relative;
	background-repeat:no-repeat;
	margin-top:-1px
}
#service #main .toggle_btn.open {
	border-bottom:dotted 1px #c6c6c6
}
#service #main h3+.toggle {
	position:relative;
	z-index:0
}
#service #main h3+.toggle:before {
	content:"";
	width:100%;
	height:3px;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	background-color:#fff
}
#service #main .toggle_btn:after {
	content:"";
	width:7px;
	height:7px;
	border:1px solid;
	border-color:#999 #999 transparent transparent;
	-webkit-transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	transform:rotate(135deg);
	position:absolute;
	right:24px;
	top:0;
	bottom:0;
	margin:auto
}
#service #main .toggle_btn.open:after {
	-webkit-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform:rotate(-45deg)
}
#service #main .toggle_content {
	padding:30px 15px 30px
}
#service #main .toggle_btn {
	list-style:none;
	position:relative;
	padding-left:52px
}
#service .service_sec .content_flexbox {
	display:-webkit-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	-ms-flex-direction:column;
	flex-direction:column
}
#service .service_sec .content_flexbox .content_item {
	padding:0;
	margin:0;
	display:-webkit-flex;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	text-align:left
}
#service .service_sec .content_flexbox .content_item+.content_item {
	padding-top:1em
}
#service .service_sec .content_flexbox .content_item p:first-child {
	margin-right:10px;
	text-align:left
}
#service .service_sec .content_flexbox .content_item p:last-child {
	text-align:left
}
@media screen and (min-width:768px) {
		#service div.sec_1 {
			background-size:46px auto;
			background-repeat:no-repeat;
			width:46px;
			padding:0;
			min-height:46px;
			margin:0 auto 5px auto
		}
		#service .sec_1 h3 {
			background-size:22px;
			background-repeat:no-repeat;
			padding-left:52px;
			min-height:22px;
			margin:0 auto 5px auto
		}
		
		#service section {
			margin-bottom:60px
		}
		#service section .wrapper {
			width:650px
		}
		#service #main h3 {
			padding:17px 17px 37px 63px;
			background-size:36px auto;
			background-position:15px center;
			height:50px;
			margin:0
		}
		#service #main .toggle {
			min-height:60px
		}
		#service #main .toggle_btn {
			padding:19px 40px 19px 15px;
			background-size:30px auto;
			background-position:15px center
		}
}
@media screen and (max-width:767px) {
	#service section {
		margin-bottom:40px
	}
	#service #main h3 {
		padding:18px 10px 14px 60px;
		background-size:28px auto;
		background-position:10px center
	}
	#service #main .toggle_btn {
		padding:15px 30px 15px 12px;
		background-size:27px auto;
		background-position:10px center
	}
	#service #main .toggle_btn:after {
		width:6px;
		height:6px;
		right:15px
	}
	#service #main .toggle_btn:before {
		width:18px;
		height:18px;
		left:12px;
		line-height:18px
	}
	#service #main .toggle_content {
		padding:20px 12px 20px
	}
	#service .service_sec.sec_1 {
		margin-top:20px
	}
}
.toggle_btn {
	cursor:pointer
}
#service #main .service_sec {
	font-size:1em
}