@charset "utf-8";

/* index */

html,body{
width:100%;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
font-size:14px;
line-height:1.5;
color:#000;
background-color:#FFF;
}

a:link{
color:#000;
text-decoration:none;
}

a:visited{
color:#000;
text-decoration:none;
}

a:hover{
color:#F00;
text-decoration:none;
}

a:active{
color:#000;
text-decoration:none;
}

.sp{
display:block;
}

.pc{
display:none;
}


@media screen and (min-width: 769px){

.sp{
display:none;
}

.pc{
display:block;
}

}


/* header */

#header{
text-align:center;
}

.header{
background-image:url(../img/header_bg1.jpg),url(../img/header_bg2.jpg);
background-position:top,bottom;
background-repeat:repeat-x,repeat-x;
}

h1{
padding:10px 0;
color:#FFF;
font-size:12px;
font-weight:bold;
text-align:center;
background-color:#F69;
}

h1 span{
display:block;
}

#logo{
margin:0;
padding:20px 0 100px 0;
text-align:center;
background-image:url(../img/tel.png);
background-size:200px auto;
background-position:center bottom;
background-repeat:no-repeat;
}

#logo img{
margin:0;
width:200px;
vertical-align:bottom;
}

@media screen and (min-width: 769px){

h1{
font-size:14px;
}

h1 span{
display:inline;
}

.header{
margin:0 auto;
padding:0;
width:991px;
text-align:left;
background-color:#FFF;
}

#logo{
margin:0;
padding:20px 40px;
width:calc(100% - 80px);
text-align:left;
background-image:url(../img/tel.png);
background-size:500px auto;
background-position:right bottom;
background-repeat:no-repeat;
}

#logo img{
width:400px;
}

}


/* body */

#body{
margin:0;
padding:0;
width:100%;
}

@media screen and (min-width: 769px){

#body{
margin:20px auto;
width:1100px;
text-align:center;
}

}


/* main */

#main{
margin:0 auto;
padding:0;
width:96%;
}

h2{
margin:20px 0;
font-size:16px;
text-align:center;
font-weight:bold;
}

#enter{
margin:20px auto;
width:343px;
}

#enter a{
display:block;
float:left;
margin:0 10px;
padding:10px;
width:108px;
color:#FFF;
text-align:center;
background-color:#F69;
border:1px solid #CCC;
}

#enter a:hover{
color:#FFF;
background-color:#D47;
}

#enter img{
float:left;
width:43px;
}

#link{
display:none;
}

@media screen and (min-width: 769px){

#main{
width:100%;
}

#link{
display:block;
margin:20px 0 0 0;
padding:0;
text-align:center;
line-height:1;
}

#link table{
border-collapse:collapse;
border-spacing:0;
}

#link table td{
vertical-align:top;
}

#link img{
margin:0;
border:0;
vertical-align:bottom;
}

}


/* footer */

#footer{
margin:20px 0 0 0;
padding:10px 0;
width:100%;
background-color:#000;
color:#FFF;
text-align:center;
}

#footer a{
color:#FFF;
}

@media screen and (min-width: 769px){



}