/*---------seizou--------*/
#se #wrap {
	max-width:1024px;
	margin: 0 auto;
	position: relative;
	height: auto;
	overflow:hidden;
}
#se .page01 {
	position: relative;
}
#se .page01 p {
	width: 100%;
}
#se .page01 p:nth-of-type(2) {
	position: absolute;	
	top: 0;
	right: 0;
	width:65%;
}


#se .page02 {
	max-width: 1024px;
	margin:0 auto;
	font-size:12px;
	line-height:22px;
	position: relative;
}
#se .page02 img {
	margin-bottom:10px;
}
#se .left {
	width: 21%;
	margin-left: 5%;
	position: absolute;
	top: -5%;
	left: 7%;
}


#se .right {
	width: 21%;
	margin-right: 5%;
	position: absolute;
	top: 8%;
	right: 7%;
}
#se .left .column_first {
	height:100%;
	margin-bottom: 10%;
}
#se .left .column {
	width:100%;
	margin-bottom: 10%;
}
#se .right .column02 {
	margin-bottom: 50%;
}
#se .right .column04 {
}
#se .left .column05 {
}



/*---------kurashi--------*/
#ku .inner {
	max-width: 1024px;
	margin: 0 auto;
	color: #4C2200;
	font-size: 12px;
	overflow: hidden;
}
#ku .content {
	margin: 0 auto;
	position: relative;
	width: 72%;
	height: auto;
	line-height: 33px;
	letter-spacing: 1px;
}
#ku #first {
	width: 100%;
	margin:0 auto;
}
#ku #first ul {
}
#ku #first li {
	float:left;
	width: 24%;
	margin-left: 1%;
}
#ku #first p.first_text {
	width:65%;
	float:left;
	margin:160px 0 0 10%;
	font-size:14px;
}
#ku #first p.first_img {
	width: 13%;
	float:right;
	margin:100px 10% 0 0;
}

#ku #second {
	width:100%;
	overflow:hidden;
	margin-bottom:50px;
	margin: 0 auto;
	padding-top: 60px;
}
#ku .second_in {
	width:55%;
	float:left;
	padding-left:15%;
}
#ku #second ul {
	width:23%;
	float:right;
}
#ku #second p.second_img {
	width: 20%;
	margin: 20px auto;
}
#ku #second p.second_text {
	width:50%x;
}

#ku #third {
	width:100%;
	margin:0 auto 80px;
	overflow:hidden;
	padding-top: 60px;
}
#ku #third .text {
	width:55%;
	float:left;
	margin: 0 0 0 13%;
}
#ku #third .third_photo {
	width:20%;
	float:right;
	margin-right:10%;
}
#ku #third ul {
	width: 100%;
	clear:both;
	margin-left: 13%;
}
#ku #third li {
	width: 18%;
	float:left;
	margin-right: 1%;
}
#ku #third ul li:last-child {
	width: 38%	
}



#ku .address {
	width:100%;
	margin: 40px auto;
}
#ku .address img {
	margin: 0 auto;
	width:80%;
}

#ku .address .chizu {
	position: relative;
	padding-bottom: 70%; 
	height: 0;
	overflow: hidden;
}
#ku .address .chizu iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

#ku .address ul {
	float:right;
	font-size:14px;
	text-align:right;
	padding-right:20px;
	margin-top:30px;
}
#ku .address span {
	font-size:24px;
	font-weight:700;
	margin:5px 0;
}

#ku figure {
	position: absolute;
	top: 30%;
	left: 10%;	
}



/*footer*/
#bg_footer {
	width:100%;
	max-width:1450px;
	clear:both;
	margin:0 auto;
	background:url(../image/bg_footer02.png) left bottom;
	background-repeat:repeat-x;
}
footer {
	width:100%;
	height: 130px;
	margin:0 auto;
	background:url(../image/bg_footer.png) no-repeat left bottom;
}
footer ul {
	width:640px;
	height:24px;
	padding-top:30px;
	background:#FFF;
	margin: 20px auto 0 auto;
}

footer li {
	float:left;
	margin-left: 1%;
}
@media only screen and (max-width: 1024px) and (min-width: 0px) {
footer {
	height: 130px;	
}
footer ul {
	width: 90%;
	margin-top: 0;
	padding-top: 10px;
	padding-left: 10%;
	background: none;
}
footer {
	height: 200px;	
}
.page02_bg img {
	display: none;	
}

}

@media only screen and (max-width: 1024px) and (min-width: 481px) {
.page02 {
	width: 95%;
	margin: auto;	
}
#se .left {
	width: 49%;
	margin: 20px 0;
	position: relative;
	top: 0;
	left: 0;
	float: left;
}
#se .right {
	width: 49%;
	margin-right: 0;
	position: relative;
	top: 0;
	right: 0;
	float: right;
	margin: 20px 0;
}
#se .left .column_first p:nth-of-type(1){
	width: 30%;
	float: left;
}
#se .left .column_first .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .left .column_first .colum_text {
	width: 68%;
	float: right;
}

#se .left .column {
	width:100%;
	margin-bottom: 10%;
}
#se .left .column p:nth-of-type(1){
	width: 30%;
	float: left;
}
#se .left .column .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .left .column .colum_text {
	width: 68%;
	float: right;
}

#se .left .column05 {
	width:100%;
	margin-bottom: 10%;
}
#se .left .column05 p:nth-of-type(1){
	width: 30%;
	float: left;
}
#se .left .column05 .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .left .column05 .colum_text {
	width: 68%;
	float: right;
}

#se .right .column02 {
	width:100%;
	margin-bottom: 10%;
}
#se .right .column02 p:nth-of-type(1){
	width: 30%;
	float: left;
}
#se .right .column02 .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .right .column02 .colum_text {
	width: 68%;
	float: right;
}


#se .right .column04 {
	width:100%;
	margin-bottom: 10%;
}
#se .right .column04 p:nth-of-type(1){
	width: 30%;
	float: left;
}
#se .right .column04 .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .right .column04 .colum_text {
	width: 68%;
	float: right;
}








}

@media only screen and (max-width: 480px) and (min-width: 0px) {
#ku .content {
	width: 95%;
	line-height: 33px;
	letter-spacing: 1px;
}
#ku figure {
	position: absolute;
	top: 30%;
	left: 1%;
	width: ;	
}
#ku figure img{
	width: 65px;
	opacity: 0.3;
}

#ku #first p.first_text {
	width:85%;
	float:none;
	margin:50px 0 40px auto;
	font-size:1.2em;
}
#ku #first p.first_img {
	width: 13%;
	float:none;
	margin:0 auto;
}
#ku .second_in {
	width:90%;
	float:none;
	margin:50px auto 0 auto;
	font-size:1.2em;
	padding: 0;
}
#ku #second ul {
	width:60%;
	float:none;
	margin: 20px auto 0 auto;
}
footer li {
	float:none;
	margin-bottom: 1%;
}
#ku .address ul {
	font-size:1.1em;
	margin-top:15px;
	margin-bottom: 20px;
	line-height: 2;
}
#ku .address span {
	font-size:1.5em;
	font-weight:700;
	margin:5px 0;
}
#ku .address img {
	width:100%;
}
#ku #third .text {
	width:90%;
	float:none;
	margin: 0 auto;
	font-size: 1.2em;
}
#ku #third .third_photo {
	width:25%;
	float:none;
	margin: 20px auto 20px auto;
}
#ku #third ul {
	width: 100%;
	clear:both;
	margin-left: 0;
}
#ku #third li {
	width: 24%;
	float:left;
	margin-right: 1%;
}
#ku #third ul li:last-child {
	width: 50%;	
	margin-right:0;
}

.page02 {
	position: relative;	
	padding-bottom: 2100px;
	width: 95%;
	margin: auto;
	padding-left: 10px;
}
div.colum_text p {
	font-size: 1.2em;
}
#se .left {
	width: 100%;
	margin: 20px 0;
	position: relative;
	top: 0;
	left: 0;
	float: none;
}
#se .right {
	width: 100%;
	margin-right: 0;
	position: relative;
	top: 0;
	right: 0;
	float: none;
	margin: 20px 0;
}

#se .left .column_first{
	width: 95%;
	margin: 20px auto;
}
#se .left .column_first p:nth-of-type(1){
	width: 100%;
	float: none;
}
#se .left .column_first .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .left .column_first .colum_text {
	width: 100%;
	float: none;
}

#se .left .column {
	width:95%;
	margin: 20px auto;
	position: absolute;
	top: 1020px;
}
#se .left .column p:nth-of-type(1){
	width: 100%;
	float: none;
}
#se .left .column .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .left .column .colum_text {
	width: 100%;
	float: none;
}

#se .left .column05 {
	width:95%;
	margin: 20px auto;
	position: absolute;
	top: 2020px;
}
#se .left .column05 p:nth-of-type(1){
	width: 100%;
	float: none;
}
#se .left .column05 .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .left .column05 .colum_text {
	width: 100%;
	float: none;
}

#se .right .column02 {
	width:95%;
	margin: 20px auto;
	position: absolute;
	top: 0px;
}
#se .right .column02 p:nth-of-type(1){
	width: 100%;
	float: none;
}
#se .right .column02 .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .right .column02 .colum_text {
	width: 100%;
	float: none;
}


#se .right .column04 {
	width:95%;
	margin: 20px auto;
	position: absolute;
	top: 1040px;
}
#se .right .column04 p:nth-of-type(1){
	width: 100%;
	float: none;
}
#se .right .column04 .colum_text p:nth-of-type(1){
	width: 40%;
	float: none;
}
#se .right .column04 .colum_text {
	width: 100%;
	float: none;
}








}



