@charset "utf-8";



/* main
============================================================================================================ */
.bg_stripe.pd_section.sp_pd {
}

.bg_stripe.pd_section.sp_pd .w h2{
text-align: center;
font-size: 200%;
margin-bottom: 30px;
}

.tab li a {
	display: block;
	width: 310px;
	padding: 15px 0;
	text-align: center;
	background-color: #897f46;
	color: #fff;
	text-decoration: none;
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 30px auto;
}

.tab li a:hover {
	background-color: #333;
}

.servicebox02 {
	margin-left: auto;
	margin-right: auto;
	width: 670px;
}

.boxwhite01 {
	display: block;
	width: 320px;
	float: left;
	margin-right: 10px;
	padding-bottom: 25px;
	margin-bottom: 15px;
	line-height: 30px;
	background-color: #ddd;
}

.servicebox01 .boxwhite01:nth-child(3){
	margin-right:0 ;
}

.servicebox02 .boxwhite01:nth-child(2){
	margin-right:0 ;
}

.boxwhite01 img{
	margin-bottom: 15px;
}
	
.tit66 {
	font-weight: 900;
	text-align: center;
}

.copy66 {
	font-size: 85%;
	line-height: 20px;
	padding: 0 20px;
}

.servicebox01 a {
	color: #575757;
}

.servicebox01 a:link {
	text-decoration: none;
	color: #575757;
}

.servicebox01 a:visited {
	text-decoration: none;
	color: #575757;
}

.servicebox01 a:hover {
	text-decoration: none;
	color: #909090;
}

.servicebox01 a:active {
	text-decoration: none;
	color: #ccc;
}

.servicebox02 a {
	color: #575757;
}

.servicebox02 a:link {
	text-decoration: none;
	color: #575757;
}

.servicebox02 a:visited {
	text-decoration: none;
	color: #575757;
}

.servicebox02 a:hover {
	text-decoration: none;
	color: #909090;
}

.servicebox02 a:active {
	text-decoration: none;
	color: #ccc;
}


/*second_nav 解除*/
.navnavsupport .servicebox01 .boxwhite01 {
	margin-bottom: 0px;
}

.navnavsupport .servicebox01 .boxwhite01:nth-child(3){
	margin-right: 10px;
}



@media screen and (max-width: 768px) {
	.bg_stripe.pd_section.sp_pd {
	}

	.bg_stripe.pd_section.sp_pd .w {
	
	}
	
	.tab li a {
	display: block;
	width: 50%;
	padding: 15px 0;
	text-align: center;
	background-color: #897f46;
	color: #fff;
	text-decoration: none;
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 30px auto;
}
	
	.tab li a:hover {
	background-color: #333;
}
	
	.servicebox02 {
	margin-left: 0px;
	margin-right: 0px;
	width: 100%;
}
	
	.boxwhite01 {
		display: block;
		width: auto;
		margin-bottom: 5%;
		background-color: #ddd;
		margin-right: 0;
	}
	
	.boxwhite01 img{
	width: 100%;
}
	
	.tit66 {
		font-weight: 900;
	}

	.copy66 {
		font-size: 90%;
		padding: 0 5% 0 5%;
	}
}