@charset "utf-8";
/* CSS Document */



body{
	background-color: #FFF;

}
section{
	overflow: hidden;
}
.selfcheck{
	background-color: #000000;
}
.hero-content{
	max-width:1360px;
	position:relative;
}
/*/////////Section-SHOWROOM//////////*/
.selfcheck-list{
	padding-top:45px;
	color: #000000;
	/*padding-right: 100px;
	padding-left: 200px;*/
	border-bottom: 1px solid #eeeeee;
	background-color: #FFFFFF;
	padding-bottom:45px;
	
}
.selfcheck-list p.selfcheck-t{
	font-size:180%;
	font-weight:bold;
}
.selfcheck-list a.selfcheck-tt{

	font-size:110%;
	font-weight:bold;

	line-height:1.5;		/* 行の高さを1.5倍にする */
	color:#333333;			/* 文字色を濃い目のグレーにする */
   
}
.selfcheck-list a.anchor {
    display: block;
    padding-top: 135px;
    margin-top: -135px;
}
.selfcheck-list a:hover {color:#b6a286;}

.selfcheck-list p{
	color: #000000;
	font-size:120%;
}
/* .selfcheck-list a:link{

	text-decoration:underline;
} */

@media screen and (max-width:1200px){
.selfcheck-list {
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
    color: #000000;
    padding-left: 0px;
    padding-right: 0px;
}
}
@media screen and (max-width:767px){
.img-responsive{
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:5px;
	width:50%;
}
}
@media screen and (max-width:480px){
.selfcheck-list {
	padding-top:0px;
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
    color: #000000;
    padding-left: 0px;
    padding-right: 0px;
}
}

/*material同様*/
h3.selfcheck-title {
    background-image: none;
    border-bottom: 10px solid #b6a286;
    color: #b6a286;
    font-size: 95%;
    line-height: 1em;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
	height:65px;
}
h3.selfcheck-title2 {
    background-image: none;
    border-bottom: 10px solid #b6a286;
    color: #b6a286;
    font-size: 120%;
    line-height: 1em;
    margin-left: 0;
    padding-left: 0;
    text-align: center;
	height:65px;
}

@media screen and (max-width:980px){
h3.selfcheck-title {
    font-size: 100%;
}
h3.selfcheck-title2 {
    font-size: 100%;
}
}

p.selfcheck-text{
	margin-top:10px;
	font-size:95%;
}
.selfcheck-list p.sup{
	font-size:70%;
	text-align:right;
	
}
/*./material同様*/
#ts,#hw,#sd{
	padding-top:80px;
}