@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.nav-works a {
	color: #fff;
	background-color: #b2c9b3;
}
#page-tit .bg {
	background: url(../images/index-images/main03.jpg) 50% -200px no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

section {
	margin-bottom: 80px;
}
.tit-cmn03 span {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.8rem;
	text-align: center;
	background-color: #ede747;
	padding: 1px 50px 0 50px;
	margin: 0 0 0 20px;
}

.works-box .image {
	float: left;
	width: 55%;
}
.works-box .image {
	overflow: hidden;
	background: url(../images/works-images/arrow.gif) 50% 50% no-repeat;
	background-size: 26px;
}
.works-box .image li {
	width: 46%;
	color: #467a45;
	font-family: 'Catamaran', sans-serif;
	font-size: 1.8rem;
	xfont-weight: bold;
	text-align: center;
}
.works-box .image li img {
	display: block;
	margin-bottom: 10px;
}
.works-box .txt {
	float: right;
	width: 40%;
}
.works-box .txt dl {
	overflow: hidden;
	padding: 15px;
}
.works-box .txt dl:nth-child(odd){
	background: #f1f1f1;
}
.works-box .txt dt {
	float: left;
	width: 30%;
}
.works-box .txt dd {
	float: right;
	width: 70%;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1200px){

.wrapper {
	max-width: 1600px;
}
}

@media screen and (min-width: 1025px){
}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

section {
	margin-bottom: 60px;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

section {
	margin-bottom: 40px;
}
.tit-cmn03 span {
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1.8rem;
	text-align: center;
	background-color: #ede747;
	padding: 1px 50px 0 50px;
	margin: 0 0 0 20px;
}

.works-box .image {
	float: none;
	width: 100%;
}
.works-box .image {
	background: url(../images/works-images/arrow.gif) 50% 35% no-repeat;
	background-size: 15px;
	margin-bottom: 20px;
}
.works-box .image li {
	font-size: 1.5rem;
}
.works-box .txt {
	float: none;
	width: 100%;
}
.works-box .txt dl {
	overflow: hidden;
	padding: 15px;
}
.works-box .txt dt {
	float: none;
	width: 100%;
	font-weight: bold;
}
.works-box .txt dd {
	float: none;
	width: 100%;
}

}