@charset "UTF-8";

/*---------------------------------------------

Each Page CSS

for CB_hard_01
coded by d-spica at 2015-04-24

---------------------------------------------*/


@import url(default.css);
@import url(base.css);
@import url(parts.css);

.sidebar-left .header {
	padding: 20px 11.4% 50px 6.7%;
}

.sidebar-right .header {
	padding: 20px 6.7% 50px 11.4%;
}

.header h1 {
	margin-bottom: 20px;
	font-size: 250%;
}

.header .copy {
	font-size: 138%;
	font-weight: bold;
}

.area-eyecatch img {
	width: 100%;
}

.area-contents {
	margin-top: 100px;
}

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

.area-contents .header {
	padding: 20px 6.7% 50px;
}

.header h1 {
	text-align: center;
	font-size: 250%;
}

}

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

.area-contents {
	margin-top: 1rem;
}

.area-contents .header {
	padding: 20px;
}

.header .copy {
	font-size: 120%;
}

.header h1 {
	font-size: 200%;
}

.area-contents {
	/*margin-top: 10px;*/
}

}


.sidebar-left section.top-content h1 {
    padding: 5px 8% 4px 20px;
	border-bottom: solid 3px #38A89C;
    font-size: 113%;
	text-align: left;
}

.sidebar-left section.top-content h2 {
	margin: 40px 0 20px 0;
	padding: 5px 8% 5px 20px;
    font-size: 113%;
	text-align: left;
    /* background: url(../img/bg-dot-3gy.png) 0 0; */
	background-color: #dddddd;
}

.sidebar-left section.top-content h3 {
    margin: 30px 0 20px;
	padding: 5px 8% 5px 20px;
    font-size: 113%;
	text-align: left;
}

@media screen and (max-width: 980px) {
	.sidebar-left section.top-content h1 {
		margin: 0 0 20px;
		padding: 5px 0 4px;
	}
	.sidebar-left section.top-content h2 {
		padding: 5px 10px;
	}
	.sidebar-left section.top-content h3 {
		margin: 20px 0 15px;
		padding: 0;
	}
}