@charset "utf-8";
/* CSS Document */

.wrapper{
	padding: 60px 0 80px;
}

#guideline{

}
#guideline h2{
	font-weight: bold;
	font-size : 2.8rem;
	letter-spacing : 1.68px;
	color : #FFFFFF;
	text-align: center;
	margin-bottom: 59px;
}
#guideline dl{
	margin-top: 1px;
	display: table;
	width: 100%;
	color: #000;
	font-size : 1.4rem;
	letter-spacing : 0.84px;
	line-height: 1.6;
}
#guideline dl > *{
	display: table-cell;
	vertical-align: top;
}
#guideline dt{
	background : #DDDDDD;
	width: 35%;
	padding: 30px;
}
#guideline dd{
	background : #fff;
	width: 65%;
	padding: 15px 30px 30px;
}
#guideline dd p{
	padding: 15px 0 0;
}
#guideline dd p a{ color: #000; }
#guideline dd ul{
	padding: 15px 0 0;
}
#guideline dd ul li{
	padding-left: 2.3rem;
    text-indent: -2.3rem;
}

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

.wrapper{
	padding: 8% 0;
}

#guideline h2{
	font-size: 1.8rem;
	margin-bottom: 8%;
}
#guideline dl{
    display: block;
    width: 92%;
    margin: 0 4%;
}
#guideline dl > *{
	width: 92%;
	display: block;
}
#guideline dt{
	padding: 4%;
}
#guideline dd{
	padding: 2% 4% 4%;
}
#guideline dd p{
	padding: 2% 0 0;
}
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 679px) {
}
@media only screen and (max-width: 479px) {
}