@charset "utf-8";

/*reset*/
html, body, h1, h2, p, table{
margin: 0;
padding: 0;
line-height: 1.0;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
color: #EF8200;
text-shadow: 1px 0px 0px #fff,
	-1px 0px 0px #fff,
	0px 1px 0px #fff,
	0px -1px 0px #fff;
}
table{
list-style: none;
}
img{
vertical-align: bottom;
border: none;
}
a{
text-decoration: none;
color: inherit;
}

/*body*/
body{
background: url("../img/bg.jpg") no-repeat;
background-size: cover;
}

/*.container*/
.container{
padding: 30px 10px;
width: 72%;
margin: 0 auto;
}

/*header*/
header{
padding-bottom:20px;
}
h1{
font-size: 40px
}

/*main*/
main{
overflow: hidden;
position: relative;
}

/*.jimusho*/
.jimusho{
float: right;
width: 50%;
padding: 20px;
border-left: 3px solid #EF8200;
border-right: 3px solid #EF8200;
}
h2{
font-size: 28px;
margin-bottom: 20px;
}

/*table*/
table{
width: 100%;
border-collapse: collapse;
}
tr{
margin: 0;
line-height: 1.5;
border-bottom: 1px solid #EF8200;
}
tr:last-child{
border-bottom: none;
}
th,td{
padding: 12px 10px 10px;
}
th{
width: 100px;
text-align: left;
}
td{
font-weight: bold;
}

/*.tel*/
.tel{
width: 20px;
height: auto;
vertical-align: middle;
margin-left: 10px;
}

/*.toMap*/
.toMap{
padding: 0 5px;
border-radius: 5px;
background-image:-moz-linear-gradient(top, #fff 80%, #ccc);
background-image:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(0.5,#fff),color-stop(0.7,#f0f0f0),to(#ccc));
background:-ms-linear-gradient(top, #fff 70%, #ccc);
font-size: 14px;
text-shadow: none;
}

/*.eyeCatching*/
.eyeCatching{
position: absolute;
left: 0;
bottom: 0;
}

/*IE---------------------------------------------------------------------------------*/
@media all and (-ms-high-contrast:none){
.eyeCatching{
position: fixed;
}
footer{
clear: right;
}
}

/*responsive-------------------------------------------------------------------------*/

@media screen and (max-width:1439px){
.mansion{
display: block;
}
}

@media screen and (max-width:1080px){
.eyeCatching{
width: 300px;
height: auto;
}
.mansion{
display: inline;
}
}

@media screen and (max-width:1024px){
.container{
padding: 10px 10px;
}
header{
padding-bottom:10px;
border-bottom: 2px solid #EF8200;
}
h1{
font-size: 30px;
text-align: center;
}
h2{
margin-bottom: 10px;
padding: 16px 0 10px 5px;
font-size: 16px;
border-bottom: 1px solid #EF8200;
}
main{
overflow: visible;
}
.jimusho{
float: none;
width: 100%;
padding: 10px 0 0;
border: none;
}
th,td{
padding: 8px 5px 6px;
}
.mansion{
display: inline;
}
/*.tel*/
.tel{
width: 40px;
height: auto;
}

/*.eyeCatching*/
.eyeCatching{
position: static;
display: block;
margin: 10px auto;
}

footer{
text-align: center;
}
}

@media screen and (max-width:767px){
.container{
width: 100%;
}
.mansion{
display: block;
}
}



/*fadeIn-----------------------------------------------------------------------------*/
body {
animation: fadeIn 3s ease 0s 1 normal;
-webkit-animation: fadeIn 3s ease 0s 1 normal;
}
/*ease、linear、ease-out、ease-in-out */
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}