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

@media screen and (min-width: 769px){
	
.ul .section2 {
	background-color:#E1D7D2;
	padding:50px 0;
}
.ul .section2 .left {
	width:480px;
	float:left;
}
.ul .section2 .image {
	margin-bottom:20px;
}
.ul .section2 .info span {
	font-size:16px;
}
.ul .section2 .info img {
	margin-top:10px;
}
.ul .section2 hr {
	border-top: medium none;
	border-bottom:1px dotted #503223;
	clear:both;
}
.ul .section2 .link {
    font-size: 18px;
}
.ul .section2 a {
	margin-right:20px;
}
.ul .section2 .right {
	padding-top:0px;
	width:460px;
	height:600px;
	float:right;
}
.ul .section4 .inner {
	width:980px;
	padding-left:110px;
	padding-right:110px;
}
.ul .section4 .image {
	width:230px;
	float:left;
}
.ul .section4 .box {
	width:712px;
}
.ul .section4 ul {
    float: static;
    width: 100%;
	font-size:16px;
	font-weight:bold;
}
.ul .section4 li {
    float: static;
    width: 100%;
	height:100%;
}
.ul .section4 li span.odd {
	float:left;
}
.ul .section4 li span.even {
	float:right;
}
.ul .section4 .tax {
	text-align:right;
}
}
@media screen and (max-width: 768px){
.ul .section1 h3 {
    margin-bottom: 3%;
}
.ul .section2 {
    background-color: #e1d7d2;
    padding: 5% 0;
}
.ul .section2 .image img {
	width:100%;
}
.ul .section2 .link {
	font-size:1.3em;
	margin-bottom:5%;
}
.ul .section2 a {
	margin-right:5%;
	display:block;
}
.ul .section2 i {
	margin-right:2%;
}
.ul .section2 .right {
	width:100%;
	height:300px;
}
.ul .section2 hr {
	border-top: medium none;
	border-bottom:1px dotted #503223;
	clear:both;
}
.ul .section4 {
	padding-top:5%;
}
.ul .section4 .image {
	width:100%;
}
.ul .section4 .box a img {
    width: 100%;
}
.ul .section4 li {
    float: static;
    margin-bottom: 2%;
    width: 100%;
	font-weight:bold;
}
.ul .section4 li span {
	width:100%;
	display:block;
}
.ul .section4 .tax {
	text-align:right;
}


}