@charset "UTF-8";

/*
 common
 service_fv
 service_contact
 service_about
 service_kinou
 service_scene
 service_donyu
 service_manual
 service_qa
 service_hanbaiten
 service_download
 * /
/*====================================
	common
====================================*/

#page_conts.page_service h3 {
	font-size: 32px;
	padding-bottom: 0;
	margin-bottom: 40px;
	text-align: center;
}
#page_conts.page_service h3:before {
	content: none;
}
#page_conts.page_service.free h3 {
    font-size: 25px;
    padding-bottom: 10px;
    margin-bottom: 25px;
    position: relative;
	text-align: left;
}
#page_conts.page_service.free h3:before {
	content: '';
}

/* more btn */
#page_conts.page_service .btn.more {
	background: linear-gradient(70deg, #146eb3, #2a4fa9);
	box-shadow: 0 5px 7px 4px rgb(42 72 169 / 20%);
	border: none;
}
	#page_conts.page_service .btn.more a {
		color: #fff;
	}
	#page_conts.page_service .btn.more a:after {
		background: url(../img/arrow_w.png) no-repeat center;
		background-size: 100%;
	}

/*====================================
	service_fv
====================================*/
.page_service #service_fv {
	width: 100%;
	position: relative;
}
	.page_service #service_fv img {
		width: 100%;
		object-fit: cover;
		object-position: 60% top;
		vertical-align: middle;
		max-height: 500px;
	}
	.page_service #service_fv .catch {
		position: absolute;
		top: 0;
		left: 0;
 		right: 0;
		width: 100%;
		height: 100%;
		margin: auto;
		max-width: 1000px;
		display: flex;
    	align-content: center;
    	flex-wrap: wrap;
	}
		.page_service #service_fv .catch .txt {
			max-width: 535px;
			width: 55%;
			text-align: center;
			padding-top: 3%;
			/*margin-left: 14%;*/
		}
			.page_service #service_fv .catch .txt p {
				font-size: 38px;
				color: #2a4fa9;
				font-weight: bold;
				line-height: 1.3;
			}
			.page_service #service_fv .catch .txt span {
				font-size: 22px;
				font-weight: bold;
				padding: 10px 0;
				display: inline-block;
			}
		.page_service #service_fv .catch .pic {
			max-width: 710px;
			width: 65%;
			/*margin-left: 14%;*/
		}
			.page_service #service_fv .catch .pic img {
				max-height: none;
				height: auto;
			}

/*====================================
	service_contact
====================================*/
.page_service #service_contact {
	width: 100%;
	padding: 60px 0;
}
	.page_service #service_contact h3 {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.page_service #service_contact .btn_area {
		display: flex;
		flex-wrap: wrap;
/* 		justify-content: space-between; */
		justify-content: center;
		width: 85%;
		margin: 0 auto 20px;
	}
		.page_service #service_contact .btn_area .btn {
			width: calc((100% - 30px) / 3);
			margin: 0 15px 0 0;
		}
		.page_service #service_contact .btn_area .btn:last-child {
			margin-right: 0;
		}
		.page_service #service_contact .btn_area .btn.contact {
			background: linear-gradient(70deg, #146eb3, #2a4fa9);
    		box-shadow: 0 5px 7px 4px rgb(42 72 169 / 20%);
			border: none;
		}
		.page_service #service_contact .btn_area .btn a {
			font-size: 20px;
			font-weight: bold;
			color: #2a4fa9;
		}
		.page_service #service_contact .btn_area .btn a:after {
			content: none;
		}
		.page_service #service_contact .btn_area .btn.contact a {
			color: #fff;
		}

/*====================================
	service_about
====================================*/
.page_service #service_about {
	background: #f4f6fb;
}
#page_conts.page_service #service_about h3 {
	font-size: 32px;
	max-height: 60px;
	position: relative;
}
#page_conts.page_service #service_about h3:after {
    position: absolute;
    content: '';
    left: 0;
	right: 0;
	margin: auto;
    bottom: -15px;
    width: 100px;
    height: 3px;
    background: #2a4ea7;
}
#page_conts.page_service #service_about h3 img {
	max-width: 300px;
	width: auto;
	height: 100%;
	object-fit: cover;
	margin-right: 10px;
	vertical-align: bottom;
}
	.page_service #service_about .service_about_inner {
		max-width: 750px;
		padding: 40px 0 80px;
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
	}
	.page_service #service_about .service_about_inner p{
		margin: 1em 0;
	}
	@media screen and (min-width: 768px) {
			.page_service #service_about .service_about_inner .alignleft{
				float: left;
				display: inline;
				margin: 0 15px 0 0;
			}
			.page_service #service_about .service_about_inner .alignright{
				float: right;
				display: inline;
				margin: 0 0 0 15px;
			}
			.page_service #service_about .service_about_inner .aligncenter {
				display: block;
				margin: 1.5em auto;
			}
		}
		.page_service #service_about img {
			width: auto;
			max-width: 100%;
			height: auto;
			object-fit: cover;
		}
		.page_service #service_about p {
			font-size: 17px;
			margin-bottom: 20px;
		}
			.page_service #service_about p a {
				padding-bottom: 5px;
				color: #0066aa;
				border-bottom: 1px solid #0066aa;
			}
		.page_service #service_about h4 {
			font-size: 26px;
			font-weight: bold;
			color: #2a4fa9;
			margin-bottom: 20px;
		}
		.page_service #service_about .pic1 {
			margin-bottom: 15px;
		}
			.page_service #service_about .pic1 img {
				width: 477px;
				object-fit: cover;
			}
		.page_service #service_about .pic2 {
			margin-bottom: 55px;
		}
			.page_service #service_about .pic2 img {
				width: 477px;
				object-fit: cover;
			}
		.page_service #service_about .youtube_wrap {
			width: 85%;
			padding-top: 48%;
			margin: 0 auto 20px;
			position: relative;
		}
			.page_service #service_about .youtube_wrap iframe {
				position: absolute;
				top: 0;
				right: 0;
				width: 100%;
				height: 100%;
			}
		.page_service #service_about .btn.more {
			margin-top: 35px;
		}

/*====================================
	service_kinou
====================================*/
.page_service #service_kinou {
	width: 100%;
	padding: 90px 0 70px;
}
	.page_service #service_kinou .box {
		border-radius: 12px;
		box-shadow: 0 8px 24px 8px rgb(0 0 0 / 9%);
		background: #fff;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 50px;
	}
	.page_service #service_kinou .box .item {
		width: calc(100% / 4);
		text-align: center;
		border-right: 2px solid #eeeeee;
		border-bottom: 2px solid #eeeeee;
		box-sizing: border-box;
	}
	.page_service #service_kinou .box .item:nth-of-type(4n) {
		border-right: none;
	}
	.page_service #service_kinou .box .item:nth-of-type(n+5) {
		border-bottom: none;
	}
	.page_service #service_kinou .box.six .item {
		width: calc(100% / 3);
	}
	.page_service #service_kinou .box.six .item:nth-of-type(4n) {
		border-right: 2px solid #eeeeee;
	}
	.page_service #service_kinou .box.six .item:nth-of-type(3n) {
		border-right: none;
	}
	.page_service #service_kinou .box.six .item:nth-of-type(n+5) {
		border-bottom: 2px solid #eeeeee;
	}
	.page_service #service_kinou .box.six .item:nth-of-type(n+4) {
		border-bottom: none;
	}
		.page_service #service_kinou .box .item a {
			display: block;
			padding: 10px;
		}
		.page_service #service_kinou .box .item .thumb {
			width: 100%;
		}
			.page_service #service_kinou .box .item .thumb img {
				width: 100px;
				object-fit: cover;
			}
		.page_service #service_kinou .box .item .txt {
			min-height: 50px;
			font-weight: bold;
			display: flex;
			align-items: center;
			justify-content: center;
			margin-bottom: 5px;
		}
			.page_service #service_kinou .box .item .txt p {
				font-size: 17px;
			}
		.page_service #service_kinou .box .item .arr {
			width: 20px;
			height: 20px;
			border-radius: 50%;
			background: #2a4fa9;
			/*box-shadow: 0 3px 15px #2a4fa9;*/
			box-shadow: 0px 4px 8px 2px rgb(0 0 0 / 17%);
			margin: 0 auto 10px;
			position: relative;
		}
		.page_service #service_kinou .box .item:hover .arr{
			box-shadow: none;
		}
		.page_service #service_kinou .box .item .arr:before {
			position: absolute;
			content: '';
			display: block;
			top: 50%;
			transform: translateY(-50%);
			left: 0;
			right: 0;
			margin: auto;
			background: url(../img/arrow_w.png) no-repeat center;
			background-size: 100%;
			width: 10px;
			height: 10px;
		}
/* 		.page_service #service_kinou .box .item .arr {
			width: 50px;
			margin: 0 auto;
		}
			.page_service #service_kinou .box .item .arr img {
				width: 100%;
				object-fit: cover;
			} */

/*====================================
	service_scene
====================================*/
.page_service #service_scene {
	width: 100%;
	padding: 40px 0 70px;
	border-top: 1px solid #cccccc;
}
/* 	.page_service #service_scene .btn {
				background: linear-gradient(70deg, #146eb3, #2a4fa9);
				box-shadow: 0 5px 7px 4px rgb(42 72 169 / 20%);
				border: none;
			}
			.page_service #service_scene .btn a {
				color: #fff;
			}
			.page_service #service_scene .btn a:after {
				background: url(../img/arrow_w.png) no-repeat center;
   				background-size: 100%;
			} */
	.page_service #service_scene .box {
		width: 100%;
		display: flex;
/* 		flex-wrap: wrap; */
		flex-wrap: nowrap;
		justify-content: center;
		margin-bottom: 30px;
	}
		.page_service #service_scene .box .item {
			width: 24%;
			text-align: center;
			margin-right: 40px;
			box-sizing: border-box;
		}
		.page_service #service_scene .box .item:last-child {
			margin-right: 0;
		}
			.page_service #service_scene .box .item .thumb {
				width: 100%;
				padding-top: 100%;
				position: relative;
				margin-bottom: 10px;
			}
				.page_service #service_scene .box .item .thumb img {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					border-radius: 50%;
					object-fit: cover;
				}
			.page_service #service_scene .box .item .txt {
				font-size: 17px;
			}

/*====================================
	service_donyu
====================================*/
.page_service #service_donyu {
	width: 100%;
	padding: 50px 0 70px;
	background: #f4f6fb;
}
	.page_service #service_donyu .box {
		width: 100%;
		margin-bottom: 35px;
	}
		.page_service #service_donyu .box a:after {
			content: none;
		}
		.page_service #service_donyu .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_service #service_donyu .box .item:last-child {
/* 			margin-bottom: 0; */
		}
			.page_service #service_donyu .box .item .thumb {
/* 				width: 35%; */
				width: 330px;
				margin-right: 30px;
			}
				.page_service #service_donyu .box .item .thumb img {
					width: 100%;
					object-fit: cover;
				}
			.page_service #service_donyu .box .item .txt {
				width: 59%;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
			}
				.page_service #service_donyu .box .item .txt .voice img {
					display: block;
					max-width: 350px;
				}
				.page_service #service_donyu .box .item .txt .voice span {
					font-size: 15px;
				}
				.page_service #service_donyu .box .item .txt .voice p {
					font-size: 18px;
					font-weight: bold;
				}
				.page_service #service_donyu .box .item .txt .more {
					text-align: right;
				}
					.page_service #service_donyu .box .item .txt .more a {
						font-size: 14px;
						display: inline-block;
					}
					.page_service #service_donyu .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;
					}

/*====================================
	service_manual
====================================*/
.page_service #service_manual {
	width: 100%;
	background: url(../img/dotted.png) repeat;
/* 	background-size: cover; */
	padding: 55px 0;
}
	.page_service #service_manual .box {
		width: 100%;
		background: #fff;
		border-radius: 12px;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
		.page_service #service_manual .box .item{
			width: 100%;
			padding: 35px;
			box-sizing: border-box;
		}
		.page_service #service_manual .box .item:first-child:nth-last-child(2),
		.page_service #service_manual .box .item:first-child:nth-last-child(2) ~ .item {
			width: 50%;
			border-right: 2px solid #eeeeee;
		}
		.page_service #service_manual .box .item:last-child {
			border-right: none !important;
		}
			.page_service #service_manual .box .item h3 {
				color: #1c3c77;
				font-size: 22px;
				margin-bottom: 0;
			}
			.page_service #service_manual .box .item .icn {
				width: 100px;
				margin: 10px auto 15px;
			}
				.page_service #service_manual .box .item .icn img {
					width: 100%;
					object-fit: cover;
				}
			.page_service #service_manual .box .item .btn {
				width: 260px;
			}
				.page_service #service_manual .box .item .btn a {
					height: 60px;
					line-height: 60px;
					font-size: 14px;
				}
				.page_service #service_manual .box .item .btn a:after {
					right: 20px;
				}

/*====================================
	service_qa
====================================*/
.page_service #service_qa {
	width: 100%;
	padding: 65px 0 95px;
}
	.page_service #service_qa h3 {
		margin-bottom: 10px;
	}
	.page_service #service_qa p {
		font-size: 15px;
		margin-bottom: 40px;
		text-align: center;
	}
	.page_service #service_qa dl {
		margin: 0 0 8px;
	}
		.page_service #service_qa dt {
			position: relative;
    		cursor: pointer;
			padding: 25px 50px 25px 75px;
			background: #f4f6fb;
			font-size: 18px;
			border-radius: 10px;
		}
			.page_service #service_qa dt.on {
				color: #fff;
				background: #2a4fa9;
				border-radius: 10px 10px 0 0;
			}
		.page_service #service_qa dt::before {
			content: "Q";
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: 30px;
			font-size: 24px;
			font-weight: bold;
			color: #2a4ea7;
		}
			.page_service #service_qa dt.on::before {
				color: #fff;
			}
		.page_service #service_qa 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_service #service_qa dt.on::after {
				background: url(../img/icon_minus_w.png) no-repeat center;
    			background-size: 100%;
			}
		.page_service #service_qa dd {
			display: none;
			padding: 30px 30px 40px 30px;
			background: #f4f6fb;
			font-size: 15px;
			border-radius: 0 0 10px 10px;
		}
			.page_service #service_qa dd .inner {
				padding: 20px 25px 20px 60px;
				background: #fff;
				border-radius: 10px;
				position: relative;
			}
			.page_service #service_qa dd .inner::before {
				content: "A";
				position: absolute;
				top: 12px;
				left: 25px;
				font-size: 24px;
				font-weight: bold;
				color: #f30000;
			}
					.page_service #service_qa dd .inner p {
						text-align: left;
						margin-bottom: 0;
					}
					.page_service #service_qa dd .inner a {
						padding-bottom: 5px;
						color: #0066aa;
						border-bottom: 1px solid #0066aa;
						display: inline-block;
					}
					.page_service #service_qa dd .inner ul {
							list-style: none;
							margin: 0;
						}
						.page_service #service_qa dd .inner li {
							padding-left: 1em;
							text-indent: -1em;
						}
		.page_service #service_qa .btn.more {
			margin-top: 35px;
		}

/*====================================
	service_hanbaiten
====================================*/
.page_service #service_hanbaiten {
	width: 100%;
	padding: 50px 0 70px;
	background: #f4f6fb;
}
	.page_service #service_hanbaiten .shop_slide {
		width: 97%;
		margin: 0 auto 35px;
	}
		/* slider */
		.page_service #service_hanbaiten .shop_slide .prev-arrow {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			left: -40px;
			z-index: 10;
			cursor: pointer;
		}
		.page_service #service_hanbaiten .shop_slide .next-arrow {
			position: absolute;
			top: 49%;
			transform: translateY(-50%);
			right: -40px;
			z-index: 10;
			cursor: pointer;
		}

		.page_service #service_hanbaiten .shop_slide .item {
			padding: 40px 25px;
			box-sizing: border-box;
			box-shadow: 0 2px 10px 2px rgb(0 0 0 / 20%);
			background: #fff;
			border-radius: 10px;
			width: 300px !important;
			margin: 12px;
		}
			.page_service #service_hanbaiten .item .logo {
				width: 100%;
				margin-bottom: 25px;
			    height: 60px;
			}
				.page_service #service_hanbaiten .item .logo img {
					width: 100%;
					height: 100%;
					object-fit: contain;
				}
			.page_service #service_hanbaiten .item span {
				display: block;
				font-size: 15px;
				font-weight: bold;
			}
			.page_service #service_hanbaiten .item p {
				font-size: 14px;
			}

/*====================================
	service_download
====================================*/
.page_service #service_download {
	width: 100%;
	padding: 40px 0 110px;
}
	.page_service #service_download .box {
		border-radius: 12px;
		box-shadow: 0 2px 10px 2px rgb(0 0 0 / 20%);
		background: #fff;
	}
		.page_service #service_download .box_inner {
			display: flex;
			flex-wrap: wrap;
		}
			.page_service #service_download .box_inner .item {
				width: 50%;
				padding: 40px;
				text-align: center;
				position: relative;
			}
			.page_service #service_download .box_inner .item:first-child:after {
				position: absolute;
				content: '';
				top: 50%;
				transform: translateY(-50%);
				right: 0;
				width: 2px;
				height: 285px;
				background: #dddddd;
			}
				.page_service #service_download .box_inner .item h4 {
					font-size: 22px;
					color: #1c3c77;
					margin-bottom: 15px;
				}
				.page_service #service_download .box_inner .item p {
					font-size: 15px;
					margin-bottom: 20px;
				}
				.page_service #service_download .box_inner .item .qr_area img {
					width: auto;
					max-width: 170px;
				}
				.page_service #service_download .box_inner .item .qr_area img.download_btn {
					margin-right: 20px;
				}

				@media only screen and (max-width: 900px){
					.page_service #service_download .box_inner .item .qr_area{
						text-align: center;
					}
					.page_service #service_download .box_inner .item .qr_area img.download_btn {
					    margin: auto;
					}
					.page_service #service_download .box_inner .item .qr_area img{
						display: block;
						margin: 15px auto 0;
					}
				}
		.page_service #service_download .caution {
			padding: 20px 60px 40px;
			margin: 0;
			font-size: 15px;
		}
		.page_service #service_download ul {
			padding: 20px 60px 40px;
			list-style: none;
			margin: 0;
		}
			.page_service #service_download li {
				font-size: 15px;
				text-indent: -1em;
    			padding-left: 1em;
			}

@media only screen and (max-width: 1400px){
	
/*====================================
	service_fv
====================================*/
	.page_service #service_fv img{
		height: 470px;
	}
	.page_service #service_fv .catch .txt {
		width: 56%;
		/*padding-top: 40px;
		margin-left: 10%;*/
	}
	.page_service #service_fv .catch .txt p {
		font-size: 30px;
	}
	.page_service #service_fv .catch .txt span {
		font-size: 18px;
	}
	.page_service #service_fv .catch .pic {
		/*margin-left: 10%;*/
	}
	@media only screen and (max-width: 1250px){
		.page_service #service_fv .catch{
			width: 54%;
			left: 3%;
			justify-content: start;
			margin: unset;
		}
		.page_service #service_fv .catch .txt{
			width: 82%;
		}
		.page_service #service_fv .catch .txt span{
			font-size: 1.5vw;
		}
		.page_service #service_fv .catch .pic{
			width: 100%;
		}
	}

}

@media only screen and (max-width: 1100px){
	.page_service #service_hanbaiten .shop_slide {
		overflow: hidden;
	}
	.page_service #service_hanbaiten .shop_slide .next-arrow {
/* 		width: 70px;
 	   right: 5px; */
		right: -15px;
/* 		right: 0; */
		width: 85px;
	}
	.page_service #service_hanbaiten .shop_slide .prev-arrow {
/* 		width: 70px;
 	   left: 5px; */
		left: -15px;
/* 		left: 0; */
		width: 85px;
	}
}
@media only screen and (max-width: 1000px){
	
/*====================================
	service_fv
====================================*/


	.page_service #service_fv .catch .txt p{
		font-size: 3vw;
	}
	.page_service #service_fv .catch{
		width: 65%;
	}
	/*.page_service #service_fv .catch .txt {
		width: 50%;
		padding-top: 30px;
		margin-left: 10%;
	}
	.page_service #service_fv .catch .txt p {
		font-size: 25px;
	}
	.page_service #service_fv .catch .txt span {
		font-size: 15px;
	}
	.page_service #service_fv .catch .pic {
		margin-left: 10%;
	}*/
	
	
	.page_service #service_kinou {
		padding-left: 20px;
		padding-right: 20px;
	}
	.page_service #service_kinou .box .item .txt p {
		font-size: 14px;
	}
	
	.page_service #service_manual {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.page_service #service_qa {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.page_service #service_download {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	

}

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

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

#page_conts.page_service h3 {
	font-size: 20px !important;
	margin-bottom: 30px !important;
	height: auto !important;
}
#page_conts.page_service.free h3 {
    font-size: 19px !important;
    margin-bottom: 20px !important;
}

	
/* more btn */
#page_conts.page_service .btn.more {
	box-shadow: 0 5px 7px 4px rgb(42 72 169 / 20%);
}


/*====================================
	service_fv
====================================*/
.page_service #service_fv {
}
	.page_service #service_fv img {
		height: 70vw;
	}
	.page_service #service_fv .catch {
		width: 85%;
	}
		.page_service #service_fv .catch .txt {
/* 			max-width: 240px; */
			max-width: none;
			width: 80%;
			/*padding-top: 40px;
			margin-left: 20px;*/
			text-shadow:
				#fff 1px 1px 4px, #fff -1px 1px 4px,
    			#fff 1px -1px 4px, #fff -1px -1px 4px;
		}
			.page_service #service_fv .catch .txt p {
 				font-size: 4.5vw
			}
			.page_service #service_fv .catch .txt span {
				font-size: 2.5vw;
/* 				padding: 5px 0; */
			}
		.page_service #service_fv .catch .pic {
/* 			max-width: 330px; */
			max-width: none;
			width: 100%;
			/*margin-left: 20px;*/
		}
		.page_service #service_fv .catch .pic img{
			filter: drop-shadow(0 0 5px #fff);
		}

/*====================================
	service_contact
====================================*/
#page_conts.page_service #service_contact {
	padding: 20px;
}
	#page_conts.page_service #service_contact h3 {
		font-size: 15px;
		margin-bottom: 10px;
	}
	#page_conts.page_service #service_about h3 img {
		display: inline-block;
		max-width: 60%;
		max-height: 50px;
		margin-right: 5px;
		position: relative;
		top: 4px;
		width: auto;
		height: auto;
		display: inline-block;
		max-height: auto;
	}
	#page_conts.page_service #service_contact .btn_area {
		width: 90%;
	}
		#page_conts.page_service #service_contact .btn_area .btn {
			width: 100%;
			margin-right: 0;
			margin-bottom: 5px;
    		box-shadow: 0 5px 5px -2px rgb(42 72 169 / 20%);
		}
		#page_conts.page_service #service_contact .btn_area .btn a {
			font-size: 14px;
			line-height: 50px;
		}

/*====================================
	service_about
====================================*/
.page_service #service_about {
}
	.page_service #service_about .service_about_inner {
		width: 100%;
		padding: 40px 20px 55px;
	}
		.page_service #service_about img {
			display: block;
			margin: 0 auto;
		}
		.page_service #service_about p {
			font-size: 14px;
			margin-bottom: 30px;
			text-align: left !important;
		}
			.page_service #service_about p a {
				padding-bottom: 5px;
				color: #0066aa;
				border-bottom: 1px solid #0066aa;
			}
		.page_service #service_about h4 {
			font-size: 20px;
			margin-bottom: 15px;
		}
		.page_service #service_about .pic1 {
			margin-bottom: 20px;
		}
			.page_service #service_about .pic1 img {
				width: 100%;
			}
		.page_service #service_about .pic2 {
			margin-bottom: 20px;
		}
			.page_service #service_about .pic2 img {
				width: 100%;
			}
		.page_service #service_about .youtube_wrap {
			width: 100%;
			padding-top: 56%;
		}
		.page_service #service_about .youtube_txt {
			text-align: center;
		}
		.page_service #service_about .btn.more {
			margin-top: 30px;
		}

/*====================================
	service_kinou
====================================*/
#page_conts.page_service #service_kinou {
	padding: 30px 20px 60px;
}
	.page_service #service_kinou .box {
		margin-bottom: 35px;
	}
	.page_service #service_kinou .box .item {
		width: calc(100% / 2);
		border-right: 1px solid #eeeeee;
		border-bottom: 1px solid #eeeeee;
	}
	.page_service #service_kinou .box .item:nth-of-type(4n) {
		border-right: 1px solid #eeeeee;
	}
	.page_service #service_kinou .box .item:nth-of-type(2n) {
		border-right: none;
	}
	.page_service #service_kinou .box .item:nth-of-type(n+5) {
		border-bottom: 1px solid #eeeeee;
	}
	.page_service #service_kinou .box .item:nth-of-type(n+7) {
		border-bottom: none;
	}
	.page_service #service_kinou .box.six .item {
		width: calc(100% / 2);
	}
	.page_service #service_kinou .box.six .item:nth-of-type(3n) {
		border-right: 1px solid #eeeeee;
	}
	.page_service #service_kinou .box.six .item:nth-of-type(n+4) {
		border-bottom: 1px solid #eeeeee;
	}
		.page_service #service_kinou .box .item .thumb img {
			width: 70px;
		}
		.page_service #service_kinou .box .item .txt {
			min-height: 35px;
		}
			.page_service #service_kinou .box .item .txt p {
				font-size: 12px;
				line-height: 1.4;
			}
		.page_service #service_kinou .box .item .arr {
/* 			width: 15px;
			height: 15px; */
		}
/* 		.page_service #service_kinou .box .item .arr {
			width: 40px;
		} */

/*====================================
	service_scene
====================================*/
#page_conts.page_service #service_scene {
	padding: 35px 0 60px;
}
	#page_conts.page_service #service_scene .wrap {
		padding: 0 20px;
	}
	.page_service #service_scene .box {
		margin-bottom: 20px;
	}
		.page_service #service_scene .box .item {
			width: 31%;
			text-align: left;
			margin-right: 10px;
		}
			.page_service #service_scene .box .item .thumb {
				margin-bottom: 5px;
			}
			.page_service #service_scene .box .item .txt {
				font-size: 12px;
			}
				.page_service #service_scene .box .item .txt br {
					display: none;
				}

/*====================================
	service_donyu
====================================*/
#page_conts.page_service #service_donyu {
	padding: 30px 0 75px;
}
	.page_service #service_donyu .box {
		margin-bottom: 40px;
	}
		.page_service #service_donyu .box .item {
			flex-wrap: wrap;
			padding: 25px;
			margin-bottom: 25px;
		}
			.page_service #service_donyu .box .item .thumb {
				width: 100%;
				margin-right: 0;
				height: 47vw;
				margin-bottom: 5px;
			}
				.page_service #service_donyu .box .item .thumb img {
					height: 100%;
				}
			.page_service #service_donyu .box .item .txt {
				width: 100%;
			}
				.page_service #service_donyu .box .item .txt .voice img {
					max-width: 80%;
				}
				.page_service #service_donyu .box .item .txt .voice span {
					font-size: 12px;
				}
				.page_service #service_donyu .box .item .txt .voice p {
					font-size: 12px;
				}
				.page_service #service_donyu .box .item .txt .more {
					text-align: center;
					margin-top: 15px;
				}
					.page_service #service_donyu .box .item .txt .more a {
						font-size: 12px;
					}
					.page_service #service_donyu .box .item .txt .more a::after {
						transform: translateY(10%);
					}

/*====================================
	service_manual
====================================*/
#page_conts.page_service #service_manual {
/* 	background: url(http://solidnet.acc-moji.com/wp-content/uploads/2021/10/manual_bg.jpg) repeat; */
	background-size: 100%;
	padding: 40px 20px;
}
	#page_conts.page_service #service_manual .box {
		padding: 0;
	}
		.page_service #service_manual .box .item {
			padding: 20px 15px;
			border-right: 1px solid #eeeeee;
		}
			.page_service #service_manual .box .item h3 {
				font-size: 16px;
				margin-bottom: 0;
			}
			.page_service #service_manual .box .item .icn {
				width: 80px;
			}
			.page_service #service_manual .box .item .btn {
				width: 100%;
			}
				.page_service #service_manual .box .item .btn a {
					height: 50px;
					line-height: 1.2;
					font-size: 12px;
					display: flex;
					justify-content: center;
					align-items: center;
				}
				.page_service #service_manual .box .item .btn a:after {
					right: 10px;
				}

/*====================================
	service_qa
====================================*/
#page_conts.page_service #service_qa {
	padding: 40px 20px 55px;
}
	.page_service #service_qa p {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.page_service #service_qa dl {
	}
		.page_service #service_qa dt {
			padding: 20px 35px 20px 45px;
			font-size: 15px;
		}
		.page_service #service_qa dt::before {
			left: 15px;
			font-size: 20px;
		}
		.page_service #service_qa dt::after {
			right: 15px;
		}
		.page_service #service_qa dd {
			padding: 25px 25px 35px 25px;
			font-size: 15px;
		}
			.page_service #service_qa dd .inner {
				padding: 15px 20px 15px 45px;
			}
			.page_service #service_qa dd .inner::before {
				top: 12px;
				left: 15px;
				font-size: 20px;
			}
		.page_service #service_qa .btn.more {
			margin-top: 30px;
		}

/*====================================
	service_hanbaiten
====================================*/
#page_conts.page_service #service_hanbaiten {
	padding: 40px 0 45px;
}
	#page_conts.page_service #service_hanbaiten .wrap {
		padding: 0;
	}
	.page_service #service_hanbaiten .shop_slide {
		width: 100%;
		margin-bottom: 20px;
	}
		/* slider */
		.page_service #service_hanbaiten .shop_slide .prev-arrow {
			width: 70px;
			left: 5px;
		}
		.page_service #service_hanbaiten .shop_slide .next-arrow {
			width: 70px;
			right: 5px;
		}

		.page_service #service_hanbaiten .shop_slide .item {
			padding: 40px 25px;
			width: 250px !important;
			margin: 6px;
		}
			.page_service #service_hanbaiten .item .logo {
				margin-bottom: 20px;
				height: 50px;
			}
			.page_service #service_hanbaiten .item span {
				font-size: 13px;
			}
			.page_service #service_hanbaiten .item p {
				font-size: 12px;
			}

/*====================================
	service_download
====================================*/
#page_conts.page_service #service_download {
	padding: 40px 20px 110px;
}
	.page_service #service_download .box {
	}
		.page_service #service_download .box_inner {
		}
			.page_service #service_download .box_inner .item {
				width: 100%;
				padding: 20px;
			}
			.page_service #service_download .box_inner .item:first-child:after {
				position: absolute;
				content: '';
				top: 100%;
				transform: translateY(0);
				right: 0;
				left: 0;
				margin: auto;
				width: 89%;
				height: 1px;
			}
				.page_service #service_download .box_inner .item h4 {
					font-size: 16px;
					margin-bottom: 10px;
				}
				.page_service #service_download .box_inner .item p {
					font-size: 12px;
					margin-bottom: 15px;
				}
				.page_service #service_download .box_inner .item .qr_area img {
					width: auto;
				}
		.page_service #service_download .caution {
			padding: 10px 30px 40px;
			margin: 0;
			font-size: 12px;
		}
		.page_service #service_download ul {
			padding: 10px 30px 40px;
		}
			.page_service #service_download li {
				font-size: 12px;
			}


}

@media only screen and (max-width: 540px){
	
	/*.page_service #service_fv .catch .txt p {
		font-size: 17px;
	}
	.page_service #service_fv .catch .txt span {
		font-size: 10px;
		padding: 5px 0;
	}*/
	
}

@media only screen and (max-width: 400px){
	#page_conts.page_service h3 {
		font-size: 16px !important;
	}
}

@media only screen and (max-width: 370px){
	/*
	.page_service #service_fv .catch .txt {
			width: 70%;
			padding-top: 30px;
		}
	.page_service #service_fv .catch .txt p {
		font-size: 16px;
	}*/
	
	#page_conts.page_service h3 {
		font-size: 14px !important;
	}
	.page_service #service_manual .box .item {
		padding: 10px;
	}
	.page_service #service_manual .box .item .btn a:after {
		content: none;
	}

	
}