@charset "UTF-8";
/*タイトル ========================================================================*/
#main .ttl_main.after_service h1{
	background:linear-gradient(-90deg, rgba(0,0,0,.1) 50%,rgba(0,0,0,.9)) 50%,url(../img/ttl_after_service.jpg) no-repeat center center / cover;
	}

#main .txt{
	margin-bottom:50px;
	}
#main .btn_box{
	width:100%;
	height:auto;
	margin-bottom:50px;
	position:relative;
	}	
#main .btn_box ul{
	width:100%;
	height:auto;
	padding:0;
	list-style:none;
	}
#main .btn_box ul li{
	text-align:center;
	width:16.1%;
	margin:1px;
	padding:5px 0;
	border:solid 1px #ccc;
	background-color:#eee;
	border-radius:10px;
	float:left;
	}	
#main .btn_box ul li:hover{
	background-color:#96202f;
	color:#fff;
	cursor:pointer;
	}
#main .btn_box ul li.current{
	color:#fff;
	background-color:#96202f;
	}	
#main .btn_box .caption{
	position:absolute;
	top:40px;
	right:0;
	font-size:13px;
	}
#main .caption::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f25a";
	font-size:20px;
	}
#main section{
	margin:0 auto 50px;
	}
#main .entry{
	padding:2% 1%;
	border:solid 1px #ccc;
	}		
#main .box{
	padding:2% 1%;
	border:solid 1px #ccc;
	}
#main .img{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
	}
#main figure{
	margin:0;
	}		
#main figure img{
	width:100%;
	}
#main figure.figure img{
	width:99%;
	margin:0 0.5% 5px;
	float:left;
	}
#main figure.figure02{
	width:49%;
	margin:0 0.5%;
	float:left;
	position:relative;
	}
#main figure.figure03{
	width:99%;
	margin:0 0.5%;
	float:left;
	position:relative;
	}
#main figure.figure04{
	width:100%;
	margin:0 auto;
	float:left;
	position:relative;
	}
#main figure.figure04 img{
	width:49%;
	margin:0 0.5% 5px;
	float:left;
	}	
#main .packing_case .caption01{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	top:12%;
	right:2%;
	margin:0 auto;
	width:55%;
	text-align:center;
	}
#main .packing_case .caption01::before{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0a8";
	margin-right:5px;
	}	
#main .packing_case .caption02{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 1%;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:50%;
	right:10%;
	width:60%;
	text-align:center;
	}
#main .packing_case .caption02::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0aa";
	margin-left:5px;
	}		
#main .packing_case .caption03{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 0;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:5%;
	left:0;
	right:0;
	margin:0 auto;
	width:40%;
	text-align:center;
	}
#main .gear .caption01{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	left:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption01::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}
#main .gear .caption02{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	right:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption02::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}
#main .gear .caption03{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	left:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption03::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}			
#main .gear .caption04{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	right:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption04::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}			
#main .gear .caption05{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 0;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	bottom:5%;
	left:0;
	right:0;
	margin:0 auto;
	width:50%;
	text-align:center;
	}
#main .txt_box{
	width:88%;
	height:auto;
	padding:25px 5% 10px;
	margin:10px auto 0;
	background-color:#eee;
	}
#main .txt_box h3{
	font-weight:normal;
	margin:0;
	}
#main .txt_box h3::before{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f013";
	margin-right:5px;
	}
	

@media screen and (min-width:700px) and ( max-width:1050px){
#main .txt{
	margin-bottom:50px;
	}
#main .btn_box{
	width:100%;
	height:auto;
	margin-bottom:30px;
	position:relative;
	}	
#main .btn_box ul{
	width:100%;
	height:auto;
	padding:0;
	list-style:none;
	}
#main .btn_box ul li{
	text-align:center;
	width:19.3%;
	margin:1px;
	padding:5px 0;
	border:solid 1px #ccc;
	background-color:#eee;
	border-radius:10px;
	float:left;
	}	
#main .btn_box ul li:hover{
	background-color:#96202f;
	color:#fff;
	cursor:pointer;
	}
#main .btn_box ul li.current{
	color:#fff;
	background-color:#96202f;
	}	
#main .btn_box .caption{
	position:static;
	text-align:right;
	font-size:13px;
	}
#main .caption::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f25a";
	font-size:20px;
	}
#main section{
	margin:0 auto 50px;
	}
#main .entry{
	padding:2% 1%;
	border:solid 1px #ccc;
	}		
#main .box{
	padding:2% 1%;
	border:solid 1px #ccc;
	}		
#main .img{
	width:48%;
	margin:0 1%;
	padding:0;
	float:left;
	}
#main figure{
	margin:0;
	}		
#main figure img{
	width:100%;
	}
#main figure.figure img{
	width:99%;
	margin:0 0.5% 2px;
	float:left;
	}
#main figure.figure02{
	width:49%;
	margin:0 0.5%;
	float:left;
	position:relative;
	}
#main figure.figure03{
	width:99%;
	margin:-4.5px 0.5%;
	float:left;
	position:relative;
	}
#main figure.figure04{
	width:100%;
	margin:0 auto;
	float:left;
	position:relative;
	}
#main figure.figure04 img{
	width:49%;
	margin:-4px 0.5% 0;
	float:left;
	}	
#main .packing_case .caption01{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	top:5%;
	right:2%;
	margin:0 auto;
	width:53%;
	text-align:center;
	}
#main .packing_case .caption01::before{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0a8";
	margin-right:5px;
	}	
#main .packing_case .caption02{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 1%;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:50%;
	right:10%;
	width:80%;
	text-align:center;
	}
#main .packing_case .caption02::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0aa";
	margin-left:5px;
	}		
#main .packing_case .caption03{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 0;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:5%;
	left:0;
	right:0;
	margin:0 auto;
	width:50%;
	text-align:center;
	}
#main .gear .caption01{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	left:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption01::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}
#main .gear .caption02{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	right:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption02::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}
#main .gear .caption03{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	left:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption03::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}			
#main .gear .caption04{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	right:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption04::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}			
#main .gear .caption05{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 0;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	bottom:5%;
	left:0;
	right:0;
	margin:0 auto;
	width:50%;
	text-align:center;
	}
#main .txt_box{
	width:88%;
	height:auto;
	padding:25px 5% 10px;
	margin:10px auto 0;
	background-color:#eee;
	}
#main .txt_box h3{
	font-weight:normal;
	margin:0;
	}
#main .txt_box h3::before{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f013";
	margin-right:5px;
	}
}


@media screen and (max-width:700px){
#main .txt{
	margin-bottom:30px;
	}
#main .btn_box{
	width:100%;
	height:auto;
	margin-bottom:30px;
	position:relative;
	}	
#main .btn_box ul{
	width:100%;
	height:auto;
	padding:0;
	list-style:none;
	}
#main .btn_box ul li{
	text-align:center;
	width:48.5%;
	margin:1px;
	padding:5px 0;
	border:solid 1px #ccc;
	background-color:#eee;
	border-radius:10px;
	float:left;
	}	
#main .btn_box ul li:hover{
	background-color:#96202f;
	color:#fff;
	cursor:pointer;
	}
#main .btn_box ul li.current{
	color:#fff;
	background-color:#96202f;
	}	
#main .btn_box .caption{
	position:static;
	text-align:center;
	font-size:13px;
	}
#main .caption::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f25a";
	font-size:20px;
	}
#main section{
	margin:0 auto 30px;
	}
#main .entry{
	padding:2% 1%;
	border:solid 1px #ccc;
	}		
#main .box{
	padding:2% 1%;
	border:solid 1px #ccc;
	}		
#main .img{
	width:100%;
	margin:0 auto;
	float:none;
	}
#main figure{
	margin:0;
	}		
#main figure img{
	width:100%;
	}
#main figure.figure img{
	width:99%;
	margin:0 0.5% 3px;
	float:left;
	}
#main figure.figure02{
	width:49%;
	margin:0 0.5%;
	float:left;
	position:relative;
	}
#main figure.figure03{
	width:99%;
	margin:-3px 0.5%;
	float:left;
	position:relative;
	}
#main figure.figure04{
	width:100%;
	margin:0 auto;
	float:left;
	position:relative;
	}
#main figure.figure04 img{
	width:49%;
	margin:-3px 0.5% 0;
	float:left;
	}
#main .packing_case .caption01{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	top:5%;
	right:2%;
	margin:0 auto;
	width:53%;
	text-align:center;
	}	
#main .packing_case .caption01::before{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0a8";
	margin-right:5px;
	}	
#main .packing_case .caption02{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 1%;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:50%;
	right:10%;
	width:80%;
	text-align:center;
	}
#main .packing_case .caption02::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0aa";
	margin-left:5px;
	}		
#main .packing_case .caption03{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 0;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	top:5%;
	left:0;
	right:0;
	margin:0 auto;
	width:50%;
	text-align:center;
	}
#main .gear .caption01{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	left:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption01::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}
#main .gear .caption02{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	right:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption02::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}
#main .gear .caption03{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	left:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption03::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}			
#main .gear .caption04{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:3% 1%;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	position:absolute;
	bottom:60%;
	right:2%;
	margin:0 auto;
	width:42%;
	text-align:center;
	}
#main .gear .caption04::after{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f0ab";
	margin-left:5px;
	}			
#main .gear .caption05{
	border:solid 1px #ccc;
	background-color:rgba(255,255,255,0.5);
	padding:1% 0;
	font-size:12px;
	font-weight:bold;
	position:absolute;
	bottom:5%;
	left:0;
	right:0;
	margin:0 auto;
	width:50%;
	text-align:center;
	}
#main .txt_box{
	width:88%;
	height:auto;
	padding:25px 5% 10px;
	margin:5px auto 0;
	background-color:#eee;
	}
#main .txt_box h3{
	font-weight:normal;
	margin:0;
	}
#main .txt_box h3::before{
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	font-family:"FontAwesome";
	content:"\f013";
	margin-right:5px;
	}
}