/*----------COVER----------*/

#hbgA {
    position : absolute;
	width : 100%;
	height : 520px;
	background : #a02832;
	background-image : url(../common/bamboo1.svg);
	background-size : 260px;
	background-repeat : no-repeat;
	background-position : calc(50% + 105px) 360px;
	background-attachment : fixed;
	top : 170px;
	right : 0;
	z-index : 1;
}

#hbgB {
	position : absolute;
	width : 100%;
	height : 220px;
	background-color : #f0e6d7;
	top : 0;
	right : 0;
	z-index : 0;
}

dl#hmsg {
    margin : 0 6.5% 0 7%;
	color : #ffffff;
}

dl#hmsg dt {
	margin-bottom : 15px;
	font-size : 150%;
    font-weight : 600;
    line-height : 1.3em;
}

dl#hmsg dt span {
    display : inline-block;
    margin : 0 18px 0 15px;
    transform : scale(2.3, 0.7);
    vertical-align : -1px;
}

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

/*----------CONTENTS----------*/

#contents {
    clear : both;
	overflow : hidden;
	width : 90%;
	margin : 0 auto 8% auto;
    padding-top : 4%;
}

#contents dl {
	margin : 0 2% 8% 2%;
}

#contents dl dt {
	margin-bottom : 5%;
    padding-bottom : 5%;
    border-bottom : solid 1px #b4b4b4;
	font-size : 130%;
	font-weight : 600;
    line-height : 1.5em;
}

#contents dl dt span {
    display : none;
}

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

#contents ul {
    list-style : none;
    width : 100%;
}

#contents ul li {
    position : relative;
    width : 100%;
    height : 230px;
    margin-bottom : 6%;
}

#contents ul li:nth-child(2) {
    margin : 0;
}

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

.thumbnail1:after {
	position : absolute;
	content : "";
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : -webkit-linear-gradient(top,rgba(0,0,0,0)35%,rgba(0,0,0,0.6)80%);
}

#contents ul li h4 {
	position : absolute;
	width : 80%;
	color : #ffffff;
	line-height : 1.4em;
	font-size : 180%;
	font-weight : 600;
    letter-spacing : 3px;
	text-align : center;
	bottom : 25px;
	left : 10%;
}

#contents ul li h4 span {
	display : block;
	font-size : 60%;
	color : rgba(255,255,255,0.6);
	letter-spacing : 3px;
}

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

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

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

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

#wbox dl dt {
	margin-bottom : 6%;
    padding-bottom : 6%;
    border-bottom : solid 1px #ffffff;
	font-size : 150%;
	font-weight : 600;
    text-align : center;
}

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

#wbox ul {
    list-style : none;
    width : 100%;
}

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

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

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

.thumbnail2:after {
	position : absolute;
	content : "";
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
	background : -webkit-linear-gradient(top,rgba(0,0,0,0)40%,rgba(0,0,0,0.6)90%);
}

#wbox ul li h4 {
	position : absolute;
	width : 80%;
	color : #ffffff;
	line-height : 1.4em;
	font-size : 94%;
	font-weight : 500;
    letter-spacing : 3px;
	text-align : center;
	bottom : 20px;
	left : 10%;
}

/*----------NEWS----------*/

#news {
    clear : both;
    width : 90%;
    margin : 0 auto 9% auto;
}

#news h3 {
    margin-bottom : 5%;
	font-size : 150%;
    font-weight : 600;
    letter-spacing : 2px;
    text-align : center;
}

#news dl {
    margin : 0 2% 0 2%;
	padding-top : 13px;
	border-top : solid 6px #d1d1d1;
}

#news dl dd {
	margin-bottom : 10px;
	padding-bottom : 15px;
	border-bottom : dashed 1px #b4b4b4;
}

#news dl dd a {
	color : #282828;
	text-decoration : underline;
}

/*----------ABOUT----------*/

#about {
    overflow : hidden;
    width : 90%;
    margin : 0 auto 8% auto;
}

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

#about dl {
    width : 90%;
    margin : 7% 7% 8% 7%;
}

#about dl dt {
    margin-bottom : 7%;
	font-size : 150%;
    font-weight : 600;
    text-align : center;
    line-height : 1.6em;
}

#about dl dt span {
    display : inline-block;
    padding : 8px 15px 9px 15px;
    font-size : 60%;
    font-weight : 500;
    color : #ffffff;
    background : #000000;
    line-height : 1.2em;
}

#about dl dd {
    line-height : 1.6em;
}

#about a {
    display : block;
    overflow : hidden;
    width : 100%;
    color : #282828;
    background : #e1e1e1;
    text-decoration : none;
}