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


/*====================
content
====================*/
#content {
	clear:both;
	padding-top:27px;
	padding-bottom:27px;
}

#content h2 {
	font-size:22px;
	font-weight:bold;
	color:#7A2D52;
	line-height:26px;
	padding-left:8px;
	border-left:4px solid #B46185;
}
#content p {
	font-size:14px;
	line-height:22px;
}
#content p.tyuui {
	font-size:14px;
	line-height:22px;
	margin-top:12px;
}

.section {
	margin-top:25px;
}
#content .kakomi {
	padding:0px;
	width:100%;
	float:left;
}
.shirobg {
	background:#FFF;
}
.ueake {
	margin-top:10px;
}

/*====================
 section
====================*/


.section {
	padding-top:15px;
	clear:both;
	min-height:400px;
	background:#ECF0F8;
}

.section dl {
	border-bottom:1px #ffffff dotted;
}

.section dt {
	padding-left:20px;
	font-size:15px;
	line-height:35px;
	font-weight:bold;
	float:left;
	margin-right:15px;
}
.section a {
	text-decoration:none;
	color:#066;
}
.section a dt {
	color:#0F4273;
	text-decoration:none;
}

.section dd {
	font-size:15px;
	line-height:35px;
}
.section dd img {
	width:64px;
	height:auto;
	margin-left:8px;
	vertical-align:text-top;
	margin-bottom: 8px;
}

.section a dd {
	color:#666;
	text-decoration:none;
}
.section a:hover {
	text-decoration:underline;
}
.section a:hover dd {
	color:#AC0065;
}

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

/*====================
content
====================*/
#content {
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
}

#content h2 {
	font-size:18px;
	font-weight:bold;
	color:#7A2D52;
	line-height:22px;
	padding-left:7px;
	border-left:3px solid #B46185;
}
#content p {
	font-size:12px;
	line-height:17px;
}

#content p.tyuui {
	font-size:11px;
	line-height:14px;
	margin-top:6px;
}
.section dt {
	margin-top: 8px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    float: none;
    margin-right: 15px;
}

.section dd {
	padding-left:20px;
	font-size:15px;
	line-height:35px;
	float:none;
}


}