@charset "UTF-8";

/*
 common
 about
 feature
 seane
 manual
  -app_manual
 faq
 terms
 dealer
 case-list
 * /

/*====================================
	common
====================================*/

/* page_ttl */
#page_conts.page_service #page_ttl {
	padding: 70px 0;
	text-align: center;
}
	#page_conts.page_service #page_ttl h2 {
		font-size: 40px;
	}

/* service_menu */
#page_conts.page_service #service_menu {
	padding: 10px 0 75px;
	max-width: 760px;
	margin: 0 auto;
}
	#page_conts.page_service #service_menu .thumb {
		max-width: 270px;
		margin: 0 auto 25px;
	}
		#page_conts.page_service #service_menu .thumb img {
			max-width: 100%;
			width: auto;
			height: auto;
			object-fit: cover;
			display: block;
			margin: 0 auto;
		}
	#page_conts.page_service #service_menu .btn_area {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	#page_conts.page_service #service_menu .btn_area:after {
		content: '';
		display: block;
		width: calc((100% - 40px) / 3);
	}
		#page_conts.page_service #service_menu .btn_area .btn {
			width: calc((100% - 40px) / 3);
			border-radius: 23px;
			border: 1px	 solid #2a4fa9;
			background: #fff;
			box-shadow: none;
			margin: 0 0 15px;
		}
		#page_conts.page_service.about #service_menu .btn_area .btn.about,
		#page_conts.page_service.feature #service_menu .btn_area .btn.feature,
		#page_conts.page_service.seane #service_menu .btn_area .btn.seane,
		#page_conts.page_service.case-list #service_menu .btn_area .btn.case-list,
		#page_conts.page_service.manual #service_menu .btn_area .btn.manual,
		#page_conts.page_service.app_manual #service_menu .btn_area .btn.manual,
		#page_conts.page_service.faq #service_menu .btn_area .btn.faq,
		#page_conts.page_service.terms #service_menu .btn_area .btn.terms,
		#page_conts.page_service.dealer #service_menu .btn_area .btn.dealer {
			border: 1px	 solid #2a4fa9;
			background: #2a4fa9;
		}
			#page_conts.page_service #service_menu .btn_area .btn a {
				display: block;
				color: #2a4fa9;
				font-size: 16px;
/* 				line-height: 46px; */
				line-height: 1.2;
				padding: 14px 8px ;
				font-weight: bold;
			}
			#page_conts.page_service.about #service_menu .btn_area .btn.about a,
			#page_conts.page_service.feature #service_menu .btn_area .btn.feature a,
			#page_conts.page_service.seane #service_menu .btn_area .btn.seane a,
			#page_conts.page_service.case-list #service_menu .btn_area .btn.case-list a,
			#page_conts.page_service.manual #service_menu .btn_area .btn.manual a,
			#page_conts.page_service.app_manual #service_menu .btn_area .btn.manual a,
			#page_conts.page_service.faq #service_menu .btn_area .btn.faq a,
			#page_conts.page_service.terms #service_menu .btn_area .btn.terms a,
			#page_conts.page_service.dealer #service_menu .btn_area .btn.dealer a{
				color: #fff;
			}
				#page_conts.page_service #service_menu .btn_area .btn a:after {
					content: none;
				}
	
/*====================================
	about
====================================*/
#page_conts.page_service.about .about_ttl {
	background: #f4f6fb;
}
	#page_conts.page_service.about .about_ttl .inner {
		max-width: 750px;
		padding: 40px 0 80px;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
	}
		#page_conts.page_service.about .about_ttl h3 {
			margin-bottom: 10px;
			font-size: 22px;
			text-align: center
		}
			#page_conts.page_service.about .about_ttl h3:after {
				content: none;
			}
		#page_conts.page_service.about .about_ttl h3 img {
			max-width: 300px;
			height: 100%;
			object-fit: cover;
			margin-right: 10px;
			vertical-align: bottom;
		}
		#page_conts.page_service.about .about_ttl .pic {
			margin-bottom: 15px;
		}
			#page_conts.page_service.about .about_ttl .pic img {
				width: 477px;
				object-fit: cover;
			}
		#page_conts.page_service.about .about_ttl p {
			font-size: 15px;
			margin: 1em 0;
		}
		#page_conts.page_service.about .about_ttl img {
			object-fit: contain;
			max-width: 100%;
		}
		@media screen and (min-width: 768px) {
			#page_conts.page_service.about .alignleft{
				float: left;
				display: inline;
				margin: 0 15px 0 0;
			}
			#page_conts.page_service.about .alignright{
				float: right;
				display: inline;
				margin: 0 0 0 15px;
			}
			#page_conts.page_service.about .aligncenter {
				display: block;
				margin: 1.5em auto;
			}
		}
	#page_conts.page_service.about .about_block {
		padding: 60px 0;
		border-bottom: 1px solid #dddddd;
		overflow: hidden;
	}
	#page_conts.page_service.about #service_download {
		padding: 60px 0;
		border-bottom: none;
	}
	#page_conts.page_service.about h3,
	#page_conts.page_service.about .about_block h3 {
		font-size: 25px;
		text-align: left;
		position: relative;
		margin-bottom: 30px;
	}
	#page_conts.page_service.about h3:after,
	#page_conts.page_service.about .about_block h3:after {
		position: absolute;
		content: '';
		display: block;
		border-bottom: solid 3px #2a4ea7;
		bottom: -10px;
		width: 100px;
	}
	#page_conts.page_service.about .about_block .inner {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
		#page_conts.page_service.about .about_block .txt {
			flex: 1;
			margin-right: 80px;
		}
			#page_conts.page_service.about .about_block h4 {
				font-size: 20px;
				color: #2a4fa9;
/* 				margin-bottom: 10px; */
			}
			#page_conts.page_service.about .about_block span.ttl {
				display:inline-block;
				font-size: 20px;
				color: #2a4fa9;
				font-weight: bold;
				margin-bottom: 10px;
			}
				#page_conts.page_service.about .about_block.kinou h4 {
					font-size: 18px;
					color: #000;
				}
			#page_conts.page_service.about .about_block p {
				font-size: 15px;
/* 				margin-bottom: 15px; */
			}
			#page_conts.page_service.about .about_block a {
				font-size: 15px;
				padding-bottom: 5px;
				color: #0066aa;
				border-bottom: 1px solid #0066aa;
				display: inline-block;
			}
				#page_conts.page_service.about .about_block.sousa a {
					margin-top: 15px;
				}
			#page_conts.page_service.about .about_block ul {
				list-style: none;
				margin: 0 0 30px;
			}
				#page_conts.page_service.about .about_block li {
					font-size: 15px;
					padding-left: 1em;
					text-indent: -1em;
				}
			#page_conts.page_service.about .about_block img {
					max-width: 100%;
					width: auto;
					height: auto;
					object-fit: cover;
				}

		#page_conts.page_service.about .about_block .thumb {
			width: auto;
		}
			#page_conts.page_service.about .about_block .thumb img {
				width: 100%;
				display: block;
				object-fit: cover;
			}
		#page_conts.page_service.about .about_block .youtube_wrap {
			width: 64%;
			padding-top: 36%;
			margin: 0 auto 15px;
			position: relative;
		}
			#page_conts.page_service.about .about_block iframe {
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
			}
		#page_conts.page_service.about .about_block.youtube p {
			font-size: 15px;
			text-align: center;
		}


/*====================================
	feature
====================================*/
#page_conts.page_service.feature .feature_ttl {
	background: #f4f6fb;
}
	#page_conts.page_service.feature .feature_ttl .inner {
		max-width: 1000px;
		margin: 0 auto;
		padding: 45px 0 55px;
	}
		#page_conts.page_service.feature .feature_ttl h3 {
			margin-bottom: 20px;
			font-size: 25px;
			color: #2a4fa9;
			text-align: center
		}
		#page_conts.page_service.feature .feature_ttl .box {
			border-radius: 12px;
			/*box-shadow: 0 2px 10px 2px rgb(0 0 0 / 20%);*/
			box-shadow: 0 8px 24px 8px rgb(0 0 0 / 9%);
			background: #fff;
			display: flex;
			flex-wrap: wrap;
			margin-bottom: 50px;
		}
		#page_conts.page_service.feature .feature_ttl .box .item {
			width: calc(100% / 4);
			padding: 10px;
			text-align: center;
			border-right: 2px solid #eeeeee;
			border-bottom: 2px solid #eeeeee;
			box-sizing: border-box;
		}
		#page_conts.page_service.feature .feature_ttl .box .item:nth-of-type(4n) {
			border-right: none;
		}
		#page_conts.page_service.feature .feature_ttl .box .item:nth-of-type(n+5) {
			border-bottom: none;
		}
		#page_conts.page_service.feature .feature_ttl .box.six .item {
			width: calc(100% / 3);
		}
		#page_conts.page_service.feature .feature_ttl .box.six .item:nth-of-type(4n) {
			border-right: 2px solid #eeeeee;
		}
		#page_conts.page_service.feature .feature_ttl .box.six .item:nth-of-type(3n) {
			border-right: none;
		}
		#page_conts.page_service.feature .feature_ttl .box.six .item:nth-of-type(n+5) {
			border-bottom: 2px solid #eeeeee;
		}
		#page_conts.page_service.feature .feature_ttl .box.six .item:nth-of-type(n+4) {
			border-bottom: none;
		}
			#page_conts.page_service.feature .feature_ttl .box .item a {
				display: block;
			}
			#page_conts.page_service.feature .feature_ttl .box .item .thumb {
				width: 100%;
			}
				#page_conts.page_service.feature .feature_ttl .box .item .thumb img {
					width: 100px;
					object-fit: cover;
				}
			#page_conts.page_service.feature .feature_ttl .box .item .txt {
				min-height: 50px;
				font-weight: bold;
				display: flex;
				align-items: center;
				justify-content: center;
				margin-bottom: 5px;
			}
				#page_conts.page_service.feature .feature_ttl .box .item .txt p {
					font-size: 17px;
				}
			#page_conts.page_service.feature .feature_ttl .box .item .arr {
				width: 20px;
				height: 20px;
				border-radius: 50%;
				background: #2a4fa9;
/* 				box-shadow: 0 5px 7px 4px rgb(42 72 169 / 20%); 
				box-shadow: 0 3px 15px #2a4fa9;*/
				box-shadow: 0px 4px 8px 2px rgb(0 0 0 / 17%);
				margin: 0 auto 10px;
				position: relative;
			}
			#page_conts.page_service.feature .feature_ttl .box .item:hover .arr{
				box-shadow: none;
			}
			#page_conts.page_service.feature .feature_ttl .box .item .arr:before {
				position: absolute;
				content: '';
				display: block;
				top: 50%;
				transform: translateY(-50%) rotate(90deg);
				left: 0;
				right: 0;
				margin: auto;
				background: url(../img/arrow_w.png) no-repeat center;
				background-size: 100%;
				width: 10px;
				height: 10px;
			}
/* 			#page_conts.page_service.feature .feature_ttl .box .item .arr {
				width: 50px;
				margin: 0 auto;
			}
				#page_conts.page_service.feature .feature_ttl .box .item .arr img {
					width: 100%;
					object-fit: cover;
					transform: rotate(90deg);
				} */
#page_conts.page_service.feature .feature_block {
	padding: 60px 0 50px;
}
	#page_conts.page_service.feature .feature_block .item {
		padding: 40px 0;
		border-bottom: 1px solid #dddddd;
		display: flex;
		align-items: center;
		width: 100%;
		justify-content: space-between;
	}
		#page_conts.page_service.feature .feature_block #hosoku.item {
			border-bottom: none;
			align-items: flex-end;
		}
		#page_conts.page_service.feature .feature_block .item .thumb {
			width: 24%;
		}
			#page_conts.page_service.feature .feature_block .item .thumb img {
				display: block;
				width: auto;
				margin: auto;
				object-fit: cover;
			}
		#page_conts.page_service.feature .feature_block .item .txt {
			width: 72%;
		}
			#page_conts.page_service.feature .feature_block #hosoku.item .txt {
				width: 100%;
				text-align: right;
			}
			#page_conts.page_service.feature .feature_block .item .txt h4 {
				font-size: 22px;
				margin-bottom: 10px;
			}
			#page_conts.page_service.feature .feature_block .item .txt span {
				font-size: 13px;
				display: inline-block;
				padding: 1px 10px;
				margin: 0 10px 10px 0;
				border-radius: 4px;
			}
				.feature_block .item .txt span.app {
					background: #2a4fa9;
					color: #fff;
				}
				.feature_block .item .txt span.tel {
					background: #1c7bc4;
					color: #fff;
				}
				.feature_block .item .txt span.caution {
					background: #d7a52c;
					color: #fff;
				}
				.feature_block .item .txt span.comment {
					color: #1c7bc4;
					font-weight: bold;
				}
			#page_conts.page_service.feature .feature_block .item .txt img {
				margin: 0 10px 10px 0;
			}
			#page_conts.page_service.feature .feature_block .item .txt p {
				font-size: 15px;
			}
			#page_conts.page_service.feature .feature_block .item .txt ul,
			#page_conts.page_service.feature .feature_block .item .txt ol {
				/*list-style: none;*/
				margin: 0;
				list-style: unset;
				margin: 1em 0 1em 1.5em;
			}
				#page_conts.page_service.feature .feature_block .item .txt li {
					font-size: 15px;
					/*padding-left: 1em;
					text-indent: -1em;*/
				}

/*====================================
	seane
====================================*/
#page_conts.page_service.seane .seane_ttl {
	text-align: center;
	margin-bottom: 35px;
}
#page_conts.page_service.seane .seane_block {
	margin-bottom: 75px;
}
	#page_conts.page_service.seane .seane_block .item {
		padding: 35px 25px;
		border-bottom: 1px solid #dddddd;
		display: flex;
		width: 100%;
	}
	#page_conts.page_service.seane .seane_block .item:nth-child(even) {
		flex-direction: row-reverse;
	}
	#page_conts.page_service.seane .seane_block .item:first-child {
		border-top: 1px solid #dddddd;
	}
		#page_conts.page_service.seane .seane_block .item .thumb {
/* 			width: 29%; */
			width: 30%;
		}
		#page_conts.page_service.seane .seane_block .item .thumb_wrap {
			width: 84%;
			padding-top: 84%;
			margin-right: auto;
			margin-left: 0;
			position: relative;
		}
		#page_conts.page_service.seane .seane_block .item:nth-child(even) .thumb_wrap {
			margin-right: 0;
			margin-left: auto;
		}
			#page_conts.page_service.seane .seane_block .item .thumb_wrap img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				border-radius: 50%;
				object-fit: cover;
			}
		#page_conts.page_service.seane .seane_block .item .txt {
/* 			width: 68%; */
			flex: 1;
		}
			#page_conts.page_service.seane .seane_block .item .txt h4 {
				font-size: 22px;
				margin-bottom: 30px;
				color: #2a4fa9;
				position: relative;
			}
				#page_conts.page_service.seane .seane_block .item .txt h4:after {
					position: absolute;
					content: '';
					left: 0;
					bottom: -10px;
					width: 100px;
					height: 2px;
					background: #2a4ea7;
				}
			#page_conts.page_service.feature .feature_block .item .txt p {
				font-size: 15px;
			}

/*====================================
	manual
====================================*/
#page_conts.page_service.manual .manual_ttl {
	text-align: center;
	margin-bottom: 35px;
}
#page_conts.page_service.manual .manual_block {
	margin-bottom: 100px;
}

	#page_conts.page_service.manual .manual_block h3 {
		font-size: 25px;
		text-align: left;
		position: relative;
		margin-bottom: 30px;
	}
		#page_conts.page_service.manual .manual_block h3:after {
			position: absolute;
			content: '';
			display: block;
			border-bottom: solid 3px #2a4ea7;
			bottom: -10px;
			width: 100px;
		}
	#page_conts.page_service.manual .manual_block .box {
		display: flex;
		width: 100%;
/* 		justify-content: space-between; */
		flex-wrap: wrap;
	}
/* 	#page_conts.page_service.manual .manual_block .box:after {
		display: block;
		content:"";
		width: calc((100% - 75px) / 4);
	} */
	#page_conts.page_service.manual .manual_block .item {
		width: calc((100% - 75px) / 4);
/* 		width: calc(100% / 4); */
		margin-right: 25px;
		margin-bottom: 20px;
	}
	#page_conts.page_service.manual .manual_block .item:nth-child(4n) {
		margin-right: 0;
	}
		#page_conts.page_service.manual .manual_block .item .thumb {
			width: 100%;
			height: 300px;
			border: 3px solid #dddddd;
			display: flex;
			align-items: center;
			justify-content: center;
			padding: 25px 10px;
			margin-bottom: 10px;
		}
			#page_conts.page_service.manual .manual_block img {
				max-width: 100%;
				max-height: 100%;
				display: block;
				object-fit: cover;
				margin: 0 auto;
			}
		#page_conts.page_service.manual .manual_block .item .txt {
			text-align: center;
		}
			#page_conts.page_service.manual .manual_block .item .txt a {
				font-size: 15px;
				color: #0066aa;
			}
			#page_conts.page_service.manual .manual_block .item .txt span {
				display: block;
				font-size: 15px;
			}

/*====================================
	app_manual
====================================*/
#page_conts.page_service.app_manual .app_manual_ttl {
	text-align: center;
	margin-bottom: 35px;
}
	#page_conts.page_service.app_manual h3 {
		font-size: 25px;
		text-align: left;
		position: relative;
		margin-bottom: 30px;
	}
	#page_conts.page_service.app_manual h3:after {
		position: absolute;
		content: '';
		display: block;
		border-bottom: solid 3px #2a4ea7;
		bottom: -10px;
		width: 100px;
	}
#page_conts.page_service.app_manual .app_manual_block {
	margin-bottom: 35px;
}
#page_conts.page_service.app_manual #service_menu {
	padding-top: 60px;
}
	#page_conts.page_service.app_manual .app_manual_block dl {
			margin: 0 0 10px;
		}
			#page_conts.page_service.app_manual .app_manual_block dt {
				position: relative;
				cursor: pointer;
				padding: 25px 30px;
				background: #f4f6fb;
				font-size: 18px;
				border-radius: 10px;
			}
				#page_conts.page_service.app_manual .app_manual_block dt.on {
					color: #fff;
					background: #2a4fa9;
					border-radius: 10px 10px 0 0;
				}
			#page_conts.page_service.app_manual .app_manual_block dt::after {
				content: "";
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 30px;
				background: url(../img/icon_plus.png) no-repeat center;
				background-size: 100%;
				width: 15px;
				height: 15px;
			}
				#page_conts.page_service.app_manual .app_manual_block dt.on::after {
					background: url(../img/icon_minus_w.png) no-repeat center;
					background-size: 100%;
				}
			#page_conts.page_service.app_manual .app_manual_block dd {
				display: none;
				padding: 40px 30px;
				background: #f4f6fb;
				font-size: 15px;
				border-radius: 0 0 10px 10px;
			}
				#page_conts.page_service.app_manual .app_manual_block dd .inner {
					background: #fff;
					border-radius: 10px;
					position: relative;
				}
				#page_conts.page_service.app_manual .app_manual_block dd .block {
					display: flex;
					flex-wrap: wrap;
					align-items: center;
					padding: 25px 15px;
					position: relative;
				}
				#page_conts.page_service.app_manual .app_manual_block dd .block:not(:last-of-type):after {
					position: absolute;
					content: '';
					bottom: 0;
					right: 0;
					left: 0;
					margin: auto;
					width: 95%;
					height: 1px;
					background: #dddddd;
				}
					#page_conts.page_service.app_manual .app_manual_block dd .block .thumb {
						padding: 0;
						width: 36%;
					}
						#page_conts.page_service.app_manual .app_manual_block dd .block .thumb img {
							display: block;
							width: auto;
							max-height: 300px;
							margin: 0 auto;
							max-width: 85%;
							object-fit: cover;
						}
					#page_conts.page_service.app_manual .app_manual_block dd .block .txt {
						padding: 0 15px;
						width: 64%;
					}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt .red {
							color: #ff0000;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt .bold {
							font-weight: bold;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt .bg_blue {
							background: #b2f0fe;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt .bg_lightblue {
							background: #b2f0fe;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt img.icn {
							width: 20px;
							object-fit: cover;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt img {
							max-width: 100%;
							height: auto;
							object-fit: cover;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt img.icn2 {
							width: 40px;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt img.icn50 {
							width: 50%;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt ul {
							list-style: none;
							margin: 0;
						}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt li {
								padding-left: 1em;
								text-indent: -1em;
							}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt table {
							width: 100%;
							margin-top: 10px;
						}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt th {
								border: solid 1px #cccccc;
								width: auto;
								background: #2a4fa9;
								color: #fff;
								padding: 5px 10px;
								font-weight: normal;
								text-align: center;
								vertical-align: top;
							}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt td {
								border: solid 1px #cccccc;
								width: auto !important;
								padding: 5px 10px;
								vertical-align: top;
							}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt td:first-of-type {
								width: 23%;
								background: #eeeeee;
							}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt td:first-of-type {
								width: auto !important;
								text-align: cente !importantr;
								background: #2a4fa9 !important;
								color: #fff !important;
							}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt td:nth-of-type(2) {
								width: 23% !important;
								background: #eeeeee !important;
							}
					#page_conts.page_service.app_manual .app_manual_block dd .block .chk {
						margin-top: 20px;
						padding: 25px 30px;
						width: 100%;
						background: #eeeeee;
					}
						#page_conts.page_service.app_manual .app_manual_block dd .block .chk .ttl {
							font-size: 17px;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .chk ul {
							list-style: none;
							margin: 0;
							padding-left: 1.5em;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .chk li {
							padding-left: 1em;
							text-indent: -1em;
						}


/*====================================
	faq
====================================*/
#page_conts.page_service.faq .faq_ttl {
	text-align: center;
	margin-bottom: 35px;
}
	#page_conts.page_service.faq h3 {
		font-size: 25px;
		text-align: left;
		position: relative;
		margin-bottom: 30px;
	}
	#page_conts.page_service.faq h3:after {
		position: absolute;
		content: '';
		display: block;
		border-bottom: solid 3px #2a4ea7;
		bottom: -10px;
		width: 100px;
	}
#page_conts.page_service.faq .faq_block {
	margin-bottom: 45px;
}
#page_conts.page_service.faq #service_menu {
	padding-top: 70px;
}
	#page_conts.page_service.faq .faq_block dl {
			margin: 0 0 15px;
		}
			#page_conts.page_service.faq .faq_block dt {
				position: relative;
				cursor: pointer;
				padding: 25px 30px 25px 75px;
				background: #f4f6fb;
				font-size: 18px;
				border-radius: 10px;
			}
				#page_conts.page_service.faq .faq_block dt.on {
					color: #fff;
					background: #2a4fa9;
					border-radius: 10px 10px 0 0;
				}
			#page_conts.page_service.faq .faq_block dt::before {
				content: "Q";
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				left: 30px;
				font-size: 24px;
				font-weight: bold;
				color: #2a4ea7;
			}
				#page_conts.page_service.faq .faq_block dt.on::before {
					color: #fff;
				}
			#page_conts.page_service.faq .faq_block dt::after {
				content: "";
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				right: 30px;
				background: url(../img/icon_plus.png) no-repeat center;
				background-size: 100%;
				width: 15px;
				height: 15px;
			}
				#page_conts.page_service.faq .faq_block dt.on::after {
					background: url(../img/icon_minus_w.png) no-repeat center;
					background-size: 100%;
				}
			#page_conts.page_service.faq .faq_block dd {
				display: none;
				padding: 30px 30px 40px 30px;
				background: #f4f6fb;
				font-size: 15px;
				border-radius: 0 0 10px 10px;
			}
				#page_conts.page_service.faq .faq_block dd .inner {
					padding: 20px 25px 20px 60px;
					background: #fff;
					border-radius: 10px;
					position: relative;
				}
				#page_conts.page_service.faq .faq_block dd .inner::before {
					content: "A";
					position: absolute;
					top: 12px;
					left: 25px;
					font-size: 24px;
					font-weight: bold;
					color: #f30000;
				}
					#page_conts.page_service.faq .faq_block dd .inner a {
						padding-bottom: 5px;
						color: #0066aa;
						border-bottom: 1px solid #0066aa;
						display: inline-block;
					}
					#page_conts.page_service.faq .faq_block dd .inner ul {
							list-style: none;
							margin: 0;
						}
						#page_conts.page_service.faq .faq_block dd .inner li {
							padding-left: 1em;
							text-indent: -1em;
						}

/*====================================
	terms
====================================*/
#page_conts.page_service.terms #service_menu {
	padding-top: 130px;
}
#page_conts.page_service.terms .terms_block h3{
	margin: 0;
	font-size: 20px;
	padding: 10px 0;
	text-align: left;
}
#page_conts.page_service.terms .terms_block p {
	margin-bottom: 10px;
	line-height: 1.8;
}
#page_conts.page_service.terms .terms_block p.ind {
	text-indent: -2em;
    padding-left: 2em;
}
#page_conts.page_service.terms .terms_block p.ind2 {
    padding-left: 2.5em;
}
#page_conts.page_service.terms .terms_block p.txt-r {
	text-align: right;
}
#page_conts.page_service.terms .terms_block ul {
	list-style: none;
	padding: 0;
/* 	padding-left: 2.5em; */
/* 	margin-top: -10px; */
	margin-bottom: 10px;
}
	#page_conts.page_service.terms .terms_block ul li {
		text-indent: -1em;
    	padding-left: 1em;
		font-size: 15px;
		line-height: 1.8;
	}
#page_conts.page_service.terms .terms_block ul.ind {
	margin-top: -10px;
	padding-left: 1.5em;
}
	#page_conts.page_service.terms .terms_block ul.ind li {
    	padding-left: 1em;
		text-indent: -1em;
	}
	#page_conts.page_service.terms .terms_block ul.ind.num li {
    	padding-left: 2em;
		text-indent: -2em;
	}

/*====================================
	sub-page
====================================*/
#page_conts.page_sub h3{
	margin: 0;
	font-size: 20px;
	padding: 1.5em 0 0;
	text-align: left;
}
#page_conts.page_sub p{
	margin: 1em 0;
	line-height: 1.5;
}
#page_conts.page_sub ul,
#page_conts.page_sub ol{
	margin: 1em 0 1em 1em;
}
#page_conts.page_sub ul{
	margin-left: 1.5em;
}
#page_conts.page_sub li{
	margin: .5em 0;
}
#page_conts.terms{
	font-size: 15px;
}

/*====================================
	dealer
====================================*/
#page_conts.page_service.dealer .dealer_block {
	margin-bottom: 90px;
}
#page_conts.page_service.dealer .dealer_block .box {
	margin-bottom: 45px;
}
	#page_conts.page_service.dealer .dealer_block h3 {
		font-size: 25px;
		text-align: left;
		position: relative;
		margin-bottom: 30px;
	}
		#page_conts.page_service.dealer .dealer_block h3:after {
			position: absolute;
			content: '';
			display: block;
			border-bottom: solid 3px #2a4ea7;
			bottom: -10px;
			width: 100px;
		}
	#page_conts.page_service.dealer .dealer_block .item {
		display: flex;
		width: 100%;
		justify-content: space-between;
	}
		#page_conts.page_service.dealer .dealer_block .item .thumb {
			width: 35%;
			border: 1px solid #dddddd;
			display: flex;
			align-items: center;
		}
			#page_conts.page_service.dealer .dealer_block img {
				max-width: 80%;
				display: block;
				object-fit: cover;
				margin: 0 auto;
			}
		#page_conts.page_service.dealer .dealer_block .item .txt {
			width: 61%;
		}
			#page_conts.page_service.dealer .dealer_block table {
				width: 100%;
				margin-bottom: 20px;
			}
			#page_conts.page_service.dealer .dealer_block th {
				width: 20%;
				padding: 17px 10px;
			}
			#page_conts.page_service.dealer .dealer_block td {
				width: 80%;
				padding: 17px 10px;
				word-break: break-word;
			}
				#page_conts.page_service.dealer .dealer_block td a {
					color: #0066aa;
				}

/*====================================
	case-list
====================================*/
#page_conts.page_service.case-list .case-list_ttl {
	text-align: center;
	margin-bottom: 35px;
}
#page_conts.page_service.case-list .case-list_block .box {
		width: 100%;
		margin-bottom: 70px;
	}
		#page_conts.page_service.case-list .case-list_block .box .item {
			display: flex;
			flex-wrap: nowrap;
/* 			justify-content: space-between; */
			padding: 35px 50px 35px 40px;
			box-sizing: border-box;
			box-shadow: 0 2px 10px 2px rgb(0 0 0 / 20%);
			background: #fff;
			margin-bottom: 30px;
			border-radius: 10px;
		}
		#page_conts.page_service.case-list .case-list_block .box .item:last-child {
			margin-bottom: 0;
		}
			#page_conts.page_service.case-list .case-list_block .box .item .thumb {
/* 				width: 35%; */
				width: 330px;
				margin-right: 30px;
			}
				#page_conts.page_service.case-list .case-list_block .box .item .thumb img {
					width: 100%;
					height: 220px;
					object-fit: cover;
				}
			#page_conts.page_service.case-list .case-list_block .box .item .txt {
/* 				width: 59%; */
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
				#page_conts.page_service.case-list .case-list_block .box .item .txt .voice img {
					display: block;
					max-width: 350px;
				}
				#page_conts.page_service.case-list .case-list_block .box .item .txt .voice span {
					font-size: 15px;
					margin-top: 10px;
					margin-bottom: 10px;
					display: block;
				}
				#page_conts.page_service.case-list .case-list_block .box .item .txt .voice p {
					font-size: 18px;
					font-weight: bold;
				}
				#page_conts.page_service.case-list .case-list_block .box .item .txt .more {
					text-align: right;
				}
					#page_conts.page_service.case-list .case-list_block .box .item .txt .more a {
						font-size: 14px;
						display: inline-block;
					}
					#page_conts.page_service.case-list .case-list_block .box .item .txt .more a::after {
						display: inline-block;
						content: '';
						background: url(../img/arrow.png) no-repeat center;
						background-size: 100%;
						width: 12px;
						height: 12px;
						margin-left: 10px;
					}

/* single */
#page_conts.page_service.case-list.single .case_wrap {
	width: 100%;
	margin-bottom: 60px;
}
	#page_conts.page_service.case-list.single .midashi h3 {
		font-size: 25px;
		text-align: left;
		position: relative;
		margin-bottom: 40px;
	}
		#page_conts.page_service.case-list.single .midashi h3:after {
			position: absolute;
			content: '';
			display: block;
			border-bottom: solid 3px #2a4ea7;
			bottom: -10px;
			width: 100px;
		}
	#page_conts.page_service.case-list.single .midashi .box {
		width: 100%;
		border-bottom: 1px solid #cccccc;
	}
		#page_conts.page_service.case-list.single .midashi .box .item {
			display: flex;
			flex-wrap: nowrap;
			padding: 20px 0 40px;
			box-sizing: border-box;
			background: #fff;
		}
			#page_conts.page_service.case-list.single .midashi .box .item .thumb {
				width: 330px;
				margin-right: 40px;
			}
				#page_conts.page_service.case-list.single .midashi .box .item .thumb img {
					width: 100%;
					height: 220px;
					object-fit: cover;
				}
			#page_conts.page_service.case-list.single .midashi .box .item .txt {
/* 				width: 59%; */
				flex: 1;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
				#page_conts.page_service.case-list.single .midashi .box .item .txt .voice img {
					display: block;
					max-width: 350px;
				}
				#page_conts.page_service.case-list.single .midashi .box .item .txt .voice span {
					font-size: 15px;
				}
				#page_conts.page_service.case-list.single .midashi .box .item .txt .voice p {
					font-size: 18px;
					font-weight: bold;
				}
		#page_conts.page_service.case-list.single .midashi .box .txt_sp {
			display: none;
		}

	#page_conts.page_service.case-list.single .inner {
		width: 100%;
		padding: 40px 0 65px;
	}
	#page_conts.page_service.case-list.single .inner .inner_wrap {
		max-width: 735px;
		margin: 0 auto;
	}
			#page_conts.page_service.case-list.single .inner .case_img {
				width: 100%;
				margin-bottom: 10px;
			}
				#page_conts.page_service.case-list.single .inner .case_img img {
					width: 100%;
					object-fit: cover;
				}
			#page_conts.page_service.case-list.single .inner .case_block {
				padding: 25px 0;
				border-bottom: 1px solid #dddddd;
			}
			#page_conts.page_service.case-list.single .inner .case_cap {
				color: #666666;
			}
			#page_conts.page_service.case-list.single .inner img {
				max-width: 100%;
				object-fit: cover;
				height: auto;
			}
			#page_conts.page_service.case-list.single .inner h3 {
				font-size: 22px;
				margin-bottom: 0;
				padding-bottom: 15px;
				text-align: left;
				padding-top: 15px;
				border-top: 1px solid #dddddd;
			}
			#page_conts.page_service.case-list.single .inner h3:first-of-type {
				border-top: none;
				font-size: 25px;
			}
			#page_conts.page_service.case-list.single .inner h3:before {
				content: none;
			}
			#page_conts.page_service.case-list.single .inner p {
				font-size: 15px;
			}
			#page_conts.page_service.case-list.single .inner p a {
				text-decoration: underline;
				color: blue;
			}
			#page_conts.page_service.case-list.single .inner ul {
				list-style: none;
				padding: 0;
			}
			#page_conts.page_service.case-list.single .inner li {
				padding-left: 1em;
				text-indent: -1em;
				line-height: 1.8;
				font-size: 15px;
			}
				#page_conts.page_service.case-list.single .inner li:before {
					content: "";
					width: 10px;
					height: 10px;
					display: inline-block;
					background-color: #b7b7b7;
					border-radius: 50%;
					position: relative;
					top: 0px;
					margin-right: 15px;
				}
			#page_conts.page_service.case-list.single .inner table {
				border-collapse: collapse;
			}
				#page_conts.page_service.case-list.single .inner th,
				#page_conts.page_service.case-list.single .inner td {
					text-align: left;
					font-weight: normal;
					border: 1px solid #cccccc;
					padding: 18px;
				}
				#page_conts.page_service.case-list.single .inner th {
					background: #f2f2f2;
					vertical-align: middle;
				}

				#page_conts.page_service.case-list.single .inner .btn {
					margin-top:40px;
				}

		#page_conts.page_service.case-list.single .pdf_wrap {
			height: 0;
			overflow: hidden;
			padding-bottom: 130%;
			position: relative;
			border: 1px solid #cccccc;
			overflow:auto; 
			-webkit-overflow-scrolling: touch;
		}
			#page_conts.page_service.case-list.single .pdf_wrap iframe {
				position: absolute;
				left: 0;
				top: 0;
				height: 100%;
				width: 100%;
				border: none;
				display: block;
			}

@media only screen and (max-width: 1000px){
	#page_conts.page_service.about .about_block,
	#page_conts.page_service.about #service_download {
		padding-left: 15px;
  		padding-right: 15px;
	}
	
	#page_conts.page_service.feature .feature_ttl .inner {
		padding-left: 15px;
  		padding-right: 15px;
	}
	#page_conts.page_service.feature .feature_block {
		padding-left: 15px;
  		padding-right: 15px;
	}
}


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

/*====================================
	common
====================================*/

/* wrap */
	#page_conts.page_service .wrap {
		padding: 0 25px;
	}
	
/* page_ttl */
#page_conts.page_service #page_ttl {
	padding: 30px 0 25px;
}
	#page_conts.page_service #page_ttl h2 {
		font-size: 22px;
	}

/* service_menu */
#page_conts.page_service #service_menu {
	padding: 10px 20px 45px;
	width: 100%;
}
	#page_conts.page_service #service_menu .thumb {
		width: 63%;
		margin: 0 auto 20px;
	}
	#page_conts.page_service #service_menu .btn_area {
	}
		#page_conts.page_service #service_menu .btn_area .btn {
			width: calc((100% - 10px) / 2);
			border-radius: 20px;
			margin: 0 0 10px;
		}
			#page_conts.page_service #service_menu .btn_area .btn a {
				font-size: 12px;
				padding: 13px 8px ;
			}

/*====================================
	about
====================================*/
	#page_conts.page_service.about .about_ttl .inner {
		width: 100%;
		padding: 40px 20px 55px;
	}
		#page_conts.page_service.about .about_ttl h3 {
			margin-bottom: 10px;
			font-size: 19px;
			text-align: left;
		}
		#page_conts.page_service.about .about_ttl .pic {
			margin-bottom: 15px;
		}
			#page_conts.page_service.about .about_ttl .pic img {
				width: 100%;
			}
		#page_conts.page_service.about .about_ttl p {
			font-size: 14px;
			text-align: left !important;
		}
	#page_conts.page_service.about #service_download,
	#page_conts.page_service.about .about_block {
		padding: 30px 20px;
	}
	#page_conts.page_service.about h3,
	#page_conts.page_service.about .about_block h3 {
		font-size:19px;
		margin-bottom: 30px;
	}
	#page_conts.page_service.about h3:after,
	#page_conts.page_service.about .about_block h3:after {
		bottom: -10px;
		width: 50px;
	}
	#page_conts.page_service.about .about_block .inner {
	}
		#page_conts.page_service.about .about_block .txt {
			width: 100%;
			margin-right: 0;
			flex: 0 1 auto;
			margin-bottom: 20px;
		}
			#page_conts.page_service.about .about_block h4 {
				font-size: 16px;
/* 				margin-bottom: 10px; */
			}
			#page_conts.page_service.about .about_block span.ttl {
				font-size: 16px;
			}
				#page_conts.page_service.about .about_block.kinou h4 {
					font-size: 15px;
				}
			#page_conts.page_service.about .about_block p {
				font-size: 14px;
/* 				margin-bottom: 10px; */
			}
			#page_conts.page_service.about .about_block a {
				font-size: 14px;
			}
				#page_conts.page_service.about .about_block.sousa a {
					margin-top: 10px;
				}
			#page_conts.page_service.about .about_block ul {
				margin: 0 0 20px;
			}
				#page_conts.page_service.about .about_block li {
					font-size: 14px;
				}
			#page_conts.page_service.about .about_block img {
					max-width: 100%;
					margin: 5px auto;
					display: block;
				}

		#page_conts.page_service.about .about_block .thumb {
			width: auto;
			max-width: 100%;
			margin: 0 auto;
		}
		#page_conts.page_service.about .about_block .youtube_wrap {
			width:100%;
			padding-top: 56%;
		}
		#page_conts.page_service.about .about_block.youtube p {
			font-size: 14px;
			text-align: left !important;
		}
	
	#page_conts.page_service.about .aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 15px;
	}
	
/*====================================
	feature
====================================*/
	#page_conts.page_service.feature .feature_ttl .inner {
		width: 100%;
		padding: 30px 20px 60px;
	}
		#page_conts.page_service.feature .feature_ttl h3 {
			margin-bottom: 10px;
			font-size: 19px;
		}
		#page_conts.page_service.feature .feature_ttl .box {
			margin-bottom: 20px;
		}
		#page_conts.page_service.feature .feature_ttl .box .item {
			width: calc(100% / 2);
			padding: 0 10px;
			border-right: 1px solid #eeeeee;
			border-bottom: 1px solid #eeeeee;
		}
		#page_conts.page_service.feature .feature_ttl .box .item:nth-of-type(4n) {
			border-right: 1px solid #eeeeee;
		}
		#page_conts.page_service.feature .feature_ttl .box .item:nth-of-type(2n) {
			border-right: none;
		}
		#page_conts.page_service.feature .feature_ttl .box .item:nth-of-type(n+5) {
			border-bottom: 1px solid #eeeeee;
		}
		#page_conts.page_service.feature .feature_ttl .box .item:nth-of-type(n+7) {
			border-bottom: none;
		}
		#page_conts.page_service.feature .feature_ttl .box.six .item {
			width: calc(100% / 2);
		}
		#page_conts.page_service.feature .feature_ttl .box.six .item:nth-of-type(3n) {
			border-right: 1px solid #eeeeee;
		}
		#page_conts.page_service.feature .feature_ttl .box.six .item:nth-of-type(n+4) {
			border-bottom: 1px solid #eeeeee;
		}
				#page_conts.page_service.feature .feature_ttl .box .item .thumb img {
					width: 70px;
				}
			#page_conts.page_service.feature .feature_ttl .box .item .txt {
				min-height: 35px;
			}
				#page_conts.page_service.feature .feature_ttl .box .item .txt p {
					font-size: 12px;
					line-height: 1.4;
				}
			#page_conts.page_service.feature .feature_ttl .box .item .arr {
/* 				width: 15px;
				height: 15px; */
			}
			#page_conts.page_service.feature .feature_ttl .box .item .arr {
/* 				width: 40px; */
			}

#page_conts.page_service.feature .feature_block {
	padding: 30px 20px;
}
	#page_conts.page_service.feature .feature_block .item {
		padding: 30px 0;
/* 		display: flex;
		align-items: center;
		justify-content: space-between; */
	}
		#page_conts.page_service.feature .feature_block #hosoku.item {
			align-items: flex-start;
		}
		#page_conts.page_service.feature .feature_block .item .thumb {
			width: 20%;
		}
			#page_conts.page_service.feature .feature_block .item .thumb img {
				max-width: 100%;
				margin: auto;
			}
		#page_conts.page_service.feature .feature_block .item .txt {
			width: 75%;
		}
			#page_conts.page_service.feature .feature_block #hosoku.item .txt {
				width: 100%;
				text-align: left;
			}
			#page_conts.page_service.feature .feature_block .item .txt h4 {
				font-size: 19px;
				margin-bottom: 5px;
			}
			#page_conts.page_service.feature .feature_block .item .txt span {
				font-size: 12px;
				margin: 0 5px 5px 0;
			}
				#page_conts.page_service.feature .feature_block #hosoku.item .txt span {
					margin: 0 5px 0 0;
				}
				#page_conts.page_service.feature .feature_block #hosoku.item .txt span.comment {
					padding: 1px 0;
				}
			#page_conts.page_service.feature .feature_block .item .txt img {
				margin: 0 5px 5px 0;
			}
			#page_conts.page_service.feature .feature_block .item .txt p {
				font-size: 14px;
			}
				#page_conts.page_service.feature .feature_block .item .txt li {
					font-size: 14px;
				}
	
/*====================================
	seane
====================================*/
#page_conts.page_service.seane .seane_ttl {
	text-align: left;
	margin-bottom: 30px;
}
#page_conts.page_service.seane .seane_block {
	margin-bottom: 55px;
	padding: 0 15px;
}
	#page_conts.page_service.seane .seane_block .item {
		padding: 30px 0;
		border-bottom: 1px solid #dddddd;
		flex-wrap: wrap;
		flex-direction: column;
	}
	#page_conts.page_service.seane .seane_block .item:nth-child(even) {
		flex-direction: column;
	}
		#page_conts.page_service.seane .seane_block .item .thumb {
			width: 60%;
			margin: 0 auto 10px;
		}
		#page_conts.page_service.seane .seane_block .item .thumb_wrap {
			width: 100%;
			padding-top: 100%;
			margin-right: 0;
			margin-left: 0;
		}
		#page_conts.page_service.seane .seane_block .item:nth-child(even) .thumb_wrap {
			margin-right: 0;
			margin-left: 0;
		}
		#page_conts.page_service.seane .seane_block .item .txt {
			flex: 0 1 auto;
			width: 100%;
		}
			#page_conts.page_service.seane .seane_block .item .txt h4 {
				font-size: 19px;
				margin-bottom: 30px;
			}
				#page_conts.page_service.seane .seane_block .item .txt h4:after {
					bottom: -10px;
					width: 50px;
				}
			#page_conts.page_service.feature .feature_block .item .txt p {
				font-size: 14px;
			}

/*====================================
	manual
====================================*/
#page_conts.page_service.manual .manual_ttl {
	margin-bottom: 30px;
	text-align: left;
}
#page_conts.page_service.manual .manual_block {
	margin-bottom: 70px;
}
	#page_conts.page_service.manual .manual_block h3 {
		font-size: 19px;
		margin-bottom: 30px;
	}
		#page_conts.page_service.manual .manual_block h3:after {
			bottom: -10px;
			width: 50px;
		}
	#page_conts.page_service.manual .manual_block .item {
		width: calc((100% - 10px) / 2);
/* 		width: calc(100% / 2); */
		margin-bottom: 10px;
		margin-right: 10px;
	}
	#page_conts.page_service.manual .manual_block .item:nth-child(4n) {
		margin-right: 10px;
	}
	#page_conts.page_service.manual .manual_block .item:nth-child(2n) {
		margin-right: 0;
	}
		#page_conts.page_service.manual .manual_block .item .thumb {
			height: 200px;
			padding: 20px 10px;
			margin-bottom: 5px;
		}
		#page_conts.page_service.manual .manual_block .item .txt {
				text-align: left
		}
			#page_conts.page_service.manual .manual_block .item .txt a {
				font-size: 14px;
			}
			#page_conts.page_service.manual .manual_block .item .txt span {
				font-size: 14px;
			}
	
/*====================================
	app_manual
====================================*/
#page_conts.page_service.app_manual .app_manual_ttl {
	margin-bottom: 30px;
	text-align: left;
}
	#page_conts.page_service.app_manual h3 {
		font-size: 19px;
		margin-bottom: 30px;
	}
	#page_conts.page_service.app_manual h3:after {
		bottom: -10px;
		width: 50px;
	}
#page_conts.page_service.app_manual #service_menu {
	padding-top: 50px;
}
#page_conts.page_service.app_manual .app_manual_block {
	margin-bottom: 35px;
}
	#page_conts.page_service.app_manual .app_manual_block dl {
			margin: 0 0 10px;
		}
			#page_conts.page_service.app_manual .app_manual_block dt {
				padding: 20px 25px;
				font-size: 15px;
			}
			#page_conts.page_service.app_manual .app_manual_block dt::after {
				right: 15px;
			}
			#page_conts.page_service.app_manual .app_manual_block dd {
				display: none;
				padding: 35px 25px;
				font-size: 15px;
			}
				#page_conts.page_service.app_manual .app_manual_block dd .block {
					padding: 20px 10px;
				}
					#page_conts.page_service.app_manual .app_manual_block dd .block .thumb {
						width: 100%;
						margin-bottom: 10px;
					}
						#page_conts.page_service.app_manual .app_manual_block dd .block .thumb img {
							max-height: 200px;
						}
					#page_conts.page_service.app_manual .app_manual_block dd .block .txt {
						padding: 0;
						width: 100%;
					}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt img.icn {
							width: 20px;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt img.icn2 {
							width: 40px;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt img.icn50 {
							width: 100%;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .txt table {
							margin-top: 5px;
						}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt th {
								padding: 5px 5px;
							}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt td {
								padding: 5px 5px;
							}
							#page_conts.page_service.app_manual .app_manual_block dd .block .txt td:first-of-type {
/* 								width: 23%; */
							}
					#page_conts.page_service.app_manual .app_manual_block dd .block .chk {
						margin-top: 10px;
						padding: 10px 10px;
					}
						#page_conts.page_service.app_manual .app_manual_block dd .block .chk .ttl {
							font-size: 15px;
						}
						#page_conts.page_service.app_manual .app_manual_block dd .block .chk ul {
							padding-left: 0;
						}

	
/*====================================
	faq
====================================*/
#page_conts.page_service.faq .faq_ttl {
	text-align: left;
	margin-bottom: 30px;
}
	#page_conts.page_service.faq h3 {
		font-size: 19px;
		margin-bottom: 30px;
	}
	#page_conts.page_service.faq h3:after {
		bottom: -10px;
		width: 50px;
	}
#page_conts.page_service.faq .faq_block {
	margin-bottom: 35px;
	padding: 0 25px;
}
#page_conts.page_service.faq #service_menu {
	padding-top: 50px;
}
	#page_conts.page_service.faq .faq_block dl {
			margin: 0 0 10px;
		}
			#page_conts.page_service.faq .faq_block dt {
				padding: 20px 35px 20px 45px;
				font-size: 15px;
			}
			#page_conts.page_service.faq .faq_block dt::before {
				left: 15px;
				font-size: 20px;
			}
			#page_conts.page_service.faq .faq_block dt::after {
				right: 15px;
			}
			#page_conts.page_service.faq .faq_block dd {
				padding: 25px 25px 35px 25px;
				font-size: 15px;
			}
				#page_conts.page_service.faq .faq_block dd .inner {
					padding: 15px 20px 15px 45px;
				}
				#page_conts.page_service.faq .faq_block dd .inner::before {
					top: 12px;
					left: 15px;
					font-size: 20px;
				}


/*====================================
	terms
====================================*/
#page_conts.page_service.terms #service_menu {
	padding-top: 100px;
}
	#page_conts.page_service.terms .terms_block {
		/*padding: 0 15px;*/
	}
#page_conts.page_service.terms .terms_block h3 {
	font-size: 16px;
	padding: 10px 0;
	margin-bottom: 0 !important;
}
#page_conts.page_service.terms .terms_block p {
	font-size: 14px;
	line-height: 1.6;
}
	#page_conts.page_service.terms .terms_block ul li {
		font-size: 14px;
		line-height: 1.6;
	}

/*====================================
	sub-page
====================================*/
#page_conts.page_sub h3{
	font-size: 17px !important;
	margin-bottom: 0 !important;
}
#page_conts.terms{
	font-size: 14px;
}
#page_conts.page_sub ol{
	margin-left: 1.5em;
}


/*====================================
	dealer
====================================*/
#page_conts.page_service.dealer .dealer_block {
	margin-bottom: 60px;
	padding: 0 15px;
}
#page_conts.page_service.dealer .dealer_block .box {
	margin-bottom: 35px;
}
	#page_conts.page_service.dealer .dealer_block h3 {
		font-size: 19px;
		margin-bottom: 30px;
	}
		#page_conts.page_service.dealer .dealer_block h3:after {
			bottom: -10px;
			width: 50px;
		}
	#page_conts.page_service.dealer .dealer_block .item {
		flex-wrap: wrap;
	}
		#page_conts.page_service.dealer .dealer_block .item .thumb {
			width: 100%;
			height: 54vw;
			margin-bottom: 10px;
		}
		#page_conts.page_service.dealer .dealer_block .item .txt {
			width: 100%;
		}
			#page_conts.page_service.dealer .dealer_block table {
				margin-bottom: 20px;
			}
			#page_conts.page_service.dealer .dealer_block th {
				width: 25%;
				padding: 15px 10px;
			}
			#page_conts.page_service.dealer .dealer_block td {
				width: 75%;
				padding: 15px 10px;
			}
	
/*====================================
	case-list
====================================*/
#page_conts.page_service.case-list .case-list_ttl {
	text-align: left;
	margin-bottom: 30px;
	padding-left: 35px;
	padding-right: 35px;
}
#page_conts.page_service.case-list .case-list_block .box {
		margin-bottom: 45px;
	}
		#page_conts.page_service.case-list .case-list_block .box .item {
			flex-wrap: wrap;
			padding: 25px;
			margin-bottom: 25px;
		}
			#page_conts.page_service.case-list .case-list_block .box .item .thumb {
				width: 100%;
				margin-right: 0;
				height: 47vw;
				margin-bottom: 5px;
			}
				#page_conts.page_service.case-list .case-list_block .box .item .thumb img {
					height: 100%;
				}
			#page_conts.page_service.case-list .case-list_block .box .item .txt {
				width: 100%;
			}
				#page_conts.page_service.case-list .case-list_block .box .item .txt .voice img {
					max-width: 80%;
				}
				#page_conts.page_service.case-list .case-list_block .box .item .txt .voice span {
					font-size: 12px;
					margin-top: 5px;
					margin-bottom: 5px;
				}
				#page_conts.page_service.case-list .case-list_block .box .item .txt .voice p {
					font-size: 12px;
				}
				#page_conts.page_service.case-list .case-list_block .box .item .txt .more {
					text-align: center;
					margin-top: 15px;
				}
					#page_conts.page_service.case-list .case-list_block .box .item .txt .more a {
						font-size: 12px;
					}
					#page_conts.page_service.case-list .case-list_block .box .item .txt .more a::after {
						transform: translateY(10%);
					}
	
/* single */
#page_conts.page_service.case-list.single .case_wrap {
	margin-bottom: 50px;
	padding-left: 15px;
	padding-right: 15px;
}
	#page_conts.page_service.case-list.single .midashi h3 {
		font-size: 19px;
		margin-bottom: 30px;
	}
	#page_conts.page_service.case-list.single .case-list_block .midashi h3 {
		margin-left: -10px;
	}
		#page_conts.page_service.case-list.single .midashi h3:after {
			bottom: -10px;
			width: 50px;
		}
	#page_conts.page_service.case-list.single .midashi .box {
		border-bottom: none;
		padding: 20px 15px 20px;
		background: #f7f7f7;
	}
		#page_conts.page_service.case-list.single .midashi .box .item {
			padding: 0 0 15px;
			background: #f7f7f7;
		}
			#page_conts.page_service.case-list.single .midashi .box .item .thumb {
				width: 140px;
				margin-right: 15px;
			}
				#page_conts.page_service.case-list.single .midashi .box .item .thumb img {
					height: 90px;
				}
			#page_conts.page_service.case-list.single .midashi .box .item .txt {
				flex: 1;
				display: flex;
			}
				#page_conts.page_service.case-list.single .midashi .box .item .txt .voice img {
					max-width: 80%;
				}
				#page_conts.page_service.case-list.single .midashi .box .item .txt .voice span {
					font-size: 12px;
				}
				#page_conts.page_service.case-list.single .midashi .box .item .txt .voice p {
					display: none;
				}
	#page_conts.page_service.case-list.single .midashi .box .txt_sp {
		display: block;
	}
		#page_conts.page_service.case-list.single .midashi .box .txt_sp p {
			font-size: 14px;
			font-weight: bold
		}

	#page_conts.page_service.case-list.single .inner {
		padding: 40px 0 40px;
	}
	#page_conts.page_service.case-list.single .inner .inner_wrap {
		width: 100%;
	}
	#page_conts.page_service.case-list.single .inner img {
		width: 100%;
	}
	#page_conts.page_service.case-list.single .inner h3 {
		font-size: 15px;
	}
	#page_conts.page_service.case-list.single .inner h3:first-of-type {
		font-size: 16px;
	}
	#page_conts.page_service.case-list.single .inner p {
		font-size: 14px;
	}
	#page_conts.page_service.case-list.single .inner li {
		font-size: 14px;
	}
		#page_conts.page_service.case-list.single .inner li:before {
			width: 8px;
			height: 8px;
			margin-right: 10px;
		}
	#page_conts.page_service.case-list.single .inner table {
		width: 100% !important;
	}
		#page_conts.page_service.case-list.single .inner th,
		#page_conts.page_service.case-list.single .inner td {
			font-size: 14px;
			padding: 10px;
		}
		#page_conts.page_service.case-list.single .inner th {
		}




}