@charset "utf-8";

* {
    line-height: 1.75;
	font-size: 14px;
}

.naviBox {
    margin: 0;
}

img { max-width: 100%; width: 100%;}


/******************** main ********************/

#main {
	max-width: 1160px;
	margin: 0 auto;
}


/******************** area1 ********************/

.slim section {
	position: relative;
	padding: 80px 0;
}

.slim section h2 {
	border: 2px solid #000;
	width: 450px;
	padding: 10px 0;
	margin: 0 auto;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: .1em;
}

.slim section .link {
	padding-top: 100px;
	text-align: center;
}
.slim section .link2 {
	padding-top: 50px;
	text-align: center;
}
.slim section .link img,
.slim section .link2 img { max-width: 708px;}
.slim section .link a:hover,
.slim section .link2 a:hover { opacity: 0.6;}

@media only screen and (max-width:767px){
	.slim section { padding: 40px 0;}
	
	.slim section h2 {
		width: auto;
		padding: 8px 0;
		font-size: 20px;
	}
	
	.slim section .link { padding: 40px 10px 0;}
	.slim section .link2 { padding: 20px 10px 0;}
}


.slim section .box1 {
	position: relative;
	display: table;
	width: 1160px;
	padding: 0 0 95px;
	margin: 0 auto;
	overflow: hidden;
}

.slim section .box1 p.text {
	display: table-cell;
	box-sizing: border-box;
	width: 46%;
	padding-right: 5%;
	vertical-align: bottom;
	font-size: 19px;
}

.slim section .box1 p.image {
	display: table-cell;
	width: 54%;
}

.slim section .box1 p.good {
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
}

@media only screen and (max-width:767px){
	.slim section .box1 {
		display: block;
		width: auto;
		padding: 0 10px 40px;
	}

	.slim section .box1 p.text {
		display: block;
		width: auto;
		padding: 0 0 20px;
		font-size: 16px;
	}

	.slim section .box1 p.image { display: block; width: 100%;}
	
	.slim section .box1 p.good {
		width: 180px;
	}
}


.slim section .inner {
	background: #eeeeef;
	padding: 80px 0;
	text-align: center;
}

.slim section .box3,
.slim section .box5,
.slim section .box7 { background: none;}

.slim section .inner p {
	padding-top: 45px;
	font-size: 20px;
}

/*.slim section .inner p img { max-width: 1160px;}*/
.slim section .inner p img {
	width: auto;
	max-width: 100%;
}

@media only screen and (max-width:767px){
	.slim section .inner { padding: 40px 10px;}
	
	.slim section .inner p {
		padding-top: 20px;
		font-size: 16px;
		text-align: left;
	}
	
}