@charset "utf-8";

section {
    color: #666666;
}

section .box1 .box1inR img {
    display: block;
    width: 100%;
}

section .box2 {
    overflow: hidden;
}


section .box2 div img {
    margin-top: 27px;
}

.serviceImg {
	display: none;
}

p {
	padding-left: 3.5%;
	padding-right: 3.5%;
}

@media screen and (max-width:767px) { 
    /* スマートフォン用　*/
section .box1 p {
    font-size: 1.3rem;
}
	
section h3 {
    font-size: 2.0rem;
    font-weight: bold;
    color: #cf9a3d;
	padding-left: 3.5%;
	padding-right: 3.5%;
}
	
	section {
		padding-top: 0;
	}

	
	section .box2 h4 {
		display: block;
		padding: 4% 3.5%;
		margin-bottom: 10%x;
		background-color: #cf9a3d;
		font-size: 1.6rem;
		font-weight: bold;
		color: #FFFFFF;
		position: relative;
	}
	
	section .box2 h4 span {
		font-size: 1.6rem;
		font-weight: bold;
	}

	section .box2 h4 + p {
		font-size: 1.3rem;
		padding-left: 3.5%;
		padding-right: 3.5%;
	}

	.box1 {
		margin-bottom: 3%;
	}
	
	.serviceBox {
		margin-bottom: 1%;
	}

}
@media screen and (min-width:768px) and ( max-width:1009px) {
    /* タブレット用　*/
section .box1 p {
    font-size: 1.4rem;
}

section h3 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #cf9a3d;
	padding-left: 3.5%;
	padding-right: 3.5%;
}
	
	section {
		padding-top: 0;
	}
	
	.container {
		padding-left: 0;
		padding-right: 0;
	}	
	
    section .box2 h4 {
        font-size: 2.4rem;
    }
	
		section .box2 h4 {
			display: block;
			padding: 1.5% 3.5%;
			margin-bottom: 10%x;
			background-color: #cf9a3d;
			font-size: 1.8rem;
			font-weight: bold;
			color: #FFFFFF;
			position: relative;
		}
		
		section .box2 h4 span {
			font-size: 1.8rem;
			font-weight: bold;
		}
	
		section .box2 h4 + p {
			font-size: 1.4rem;
			padding-left: 3.5%;
			padding-right: 3.5%;
		}
		
		.box1 {
			margin-bottom: 3%;
		}
		
		.serviceBox {
			margin-bottom: 1%;
		}

}