@charset "utf-8";
/* CSS Document */
#main{
	width:880px;
	margin:0 auto;
	padding:10px;
}

#cont1{
	width:880px;
	margin:0 auto;
	padding-bottom:0;
}

#info_main1{
	width:880px;
	height:239px;
	background-image:url(../img/etc/contact_back1.png);
	margin-top:10px;
	margin-bottom:10px;
	position:relative;
	}

#info_main_txt1{
	position:absolute;
	top:30px;
	left:30px;
	width:820px;
	height:179px;
	font-size:1.3em;
	line-height:1.2;
}

#foot_tel{
	margin-bottom:15px;}

#info_main2{
    width: 880px;
    height: 1177px;
    background-image: url(../img/etc/contact_back2.png);
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative;
	}

#info_main_txt2{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 820px;
    height: 1120px;
    font-size: 1.3em;
    line-height: 1.3;
}

#info_main_txt2 a{
	color:#000;}

#info_main_txt2 a:hover{
	color:#333;}
	
.maru-m{
	font-size: 50%;
	vertical-align: 0.3em;}

@media screen and (max-width:960px) {
#main{
	width:100%;
	margin:0 auto;
	padding: 0;
	}

#info_main1,#info_main2{
	width:95%;
	height:auto;
	margin:0.5em auto;
	padding-top:0.5em;
	padding-bottom:1em;
	position:relative;
    background-image: none;
	font-size:1em;
  border: solid 1px #3C8B3C;
	}

#info_main1::before,#info_main1::after,
#info_main2::before,#info_main2::after {
  position: absolute;
  content: "";
  display: block;
  background-color: #fff;
}

#info_main1::before,#info_main2::before {
  top: -1px;
  bottom: -1px;
  left: 1em;
  right: 1em;
}

#info_main1::after,#info_main2::after {
  top: 1em;
  bottom: 1em;
  left: -1px;
  right: -1px;
}

#info_main1 div,#info_main2 div {
  position: relative;
  z-index: 1;
}

#info_main_txt1,#info_main_txt2{
	position:static;
	top:0;
	left:0;
	width:95%;
	font-size:1.2em;
	line-height:1.5;
	margin:0 auto;
	height:100%;
	}

@media screen and (max-width:520px) {
#info_main_txt1{
	font-size:1em;
	line-height:1.5;
	}
#info_main_txt2{
	font-size:1em;
	line-height:1.5;
	}
}