/*----------MSG----------*/

#msg {
    clear : both;
	overflow : hidden;
	width : 90%;
	margin : 0 auto 8% auto;
}

#msg dl {
	margin : 0 2.5% 7% 2.5%;
}

#msg dl dt {
	margin-bottom : 5%;
    padding-bottom : 5%;
    border-bottom : solid 1px #b4b4b4;
	font-size : 130%;
	font-weight : 600;
}

#msg dl dt span {
    display : block;
}

#msg dl dd {
	line-height : 1.5em;
}

#msg p,#msg p img {
	width : 100%;
}

/*----------WORKS----------*/

#works {
	margin-bottom : 8%;
	padding : 7% 5% 7% 5%;
	background : #000000;
}

#wbox {
	overflow : hidden;
	width : 100%;
}

#wbox dl {
    margin : 0 2.5% 7% 2.5%;
	color : #ffffff;
}

#wbox dl dt {
	margin-bottom : 5%;
    padding-bottom : 5%;
    border-bottom : solid 1px #ffffff;
	font-size : 130%;
	font-weight : 600;
}

#wbox dl dd {
	line-height : 1.5em;
}

#wbox ul {
	list-style : none;
}

#wbox ul li {
	float : left;
	width : 49%;
	margin : 0 2% 2% 0;
}

#wbox ul li:nth-child(2n) {
	margin : 0 0 2% 0;
}

.thumbnail {
	width : 100%;
	background-size : cover;
	background-position : center center;
	padding-top : 150px;
}

/*----------REASON----------*/

#reason {
    width : 90%;
    margin : 0 auto 0 auto;
    padding-bottom : 2%;
}

h3.rindex {
    margin-bottom : 5%;
    text-align : center;
    font-size : 130%;
    font-weight : 600;
}

#reason ul {
	list-style : none;
	overflow : hidden;
	width : 100%;
	margin : 0 auto 7% auto;
    text-align : center;
}

#reason ul li {
    overflow : hidden;
	width : 100%;
	margin-bottom : 5%;
    background : #f0e6d7;
}

#reason ul li:last-child {
	margin : 0;
}

#reason ul h4 {
    padding : 12px;
    color : #ffffff;
    background : #000000;
    font-size : 116%;
    font-weight : 600;
}

#reason ul li p {
    margin : 5% 6% 6% 6%;
    text-align : left;
	line-height : 1.5em;
}