@charset "utf-8";

/* common */

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

#wrap{
margin:0 auto 0;
padding:0;
width:1000px;
box-shadow:0px 0px 10px;
}

.sp{
display:none;
}

.pc{
display:block;
}

}


/* header */

#header{
background-image:url(../img/header_bg.jpg);
background-size:cover;
background-position:top;
}

h1{
padding:30px 0;
}

h1 img{
width:150px;
vertical-align:bottom;
}

#menu_icon{
display:block;
position:fixed;
top:0;
right:10px;
margin:0;
padding:10px;
color:#FFF;
text-align:center;
background-color:#F09;
}

#menu_icon .fa{
display:block;
font-size:36px;
}

#nav{
display:none;
}

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

#header{
margin:0 auto 0;
padding:0;
width:100%;
}

h1{
margin:0 auto 0;
padding:100px 0;
width:1000px;
}

h1 img{
width:400px;
}

#menu_icon{
display:none;
}

#nav{
display:block;
margin:0;
padding:0;
width:100%;
height:41px;
background-color:#F09;
}

#nav ul{
margin:0 auto 0;
padding:0;
width:990px;
}

#nav ul li{
float:left;
margin:0;
padding:0;
text-align:center;
}

#nav ul li a{
display:block;
margin:0;
padding:10px 0;
width:165px;
color:#FFF;
}

}


/* body */

#body{
margin:0;
padding:0 0 20px 0;
width:100%;
background-color:#FFF;
}

ul,ol{
list-style:none;
}

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

#body{
margin:0 auto;
padding:20px;
width:951px;
}

ul#breadcrumb{
margin:0;
padding:0;
width:100%;
text-align:left;
list-style:none;
}

ul#breadcrumb li{
float:left;
margin:0;
padding:0 5px 0 0;
}

ul#breadcrumb li a{
margin:0 5px 0 0;
}

}


/* main */

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

h2{
margin:20px 0;
padding:10px;
background-image:url(../img/h2_bg.png);
}

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

}


/* aside */

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

}


/* footer */

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

#footer a{
color:#FFF;
}

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

}


/* side_menu */

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

}