/*------------------clear---------------------------*/

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
margin: 0;
padding: 0;
border: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
img{vertical-align:bottom;}
article, header, footer, aside, figure, figcaption, nav, section { 
display:block;
}
li{list-style-type: none;}
body {
font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
font-weight:bold;
font-weight:700;
}
ol, ul {
list-style: none;
list-style-type: none;
}

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

.cf:after {
content: "";
clear: both;
display: block;
}

 


/*------------------header---------------------------*/


#acMenu:hover{
cursor:pointer;
}

.inner{
position:absolute;
display: none;
text-align:left;
background:#333;
}

.inner li{
display:block;	
line-height:1;
padding:0 1em;
}

.inner li:nth-of-type(1){
padding-top:1em;	
}
.inner li a{
padding:0 0 1em 1em;
}



#wrap{
backgrou nd:url(../img/j2.jpg);	
}
#top_image{
positi on: fixed;
z-index:-1;
position:relative;
}

#top_image img{
width:100%;
height:auto;
}

header{
padding-top:8px;
margin-top:-50px;
background:url(../img/j1.png) repeat-x;
}
header div{
background:url(../img/j2.jpg);
}

header nav{
border-top:2px solid #000;	
padding-top:5px;
margin-top:10px;
z-index:999;
position: relative;	
}

h1{
padding:0.5em 0;
font-size:14px;	
text-align:center;
}

h1 img{
width:17px;
height:auto;
margin:0 1em;
vertical-align:middle;	
}
h1 br{
display:none;	
}
@media screen and (max-width: 640px) {
h1 br{
display:inline;	
}
h1 img{
display:none;
}
}

#manage{
font-size:10px;	
margin:-27px 2em 0 0;
text-align:right;
}
@media screen and (max-width: 750px) {
#manage{
display:none;
}
h1{
padding:0.5em 0 0;
}
}

header nav ul{
text-align:center;
background:#000;
padding:0;
}
header nav li{
display:inline-block;	
margin-right:2em;
}

header nav li:nth-last-of-type(1) {
margin:0;
}

header nav li a{	
color:#fff;
display:inline-block;
padding:1.5em 0;
}

header nav li a:hover{
color:#bbb;
}

header nav li img{
width:15px;
height:auto;
margin:0 5px 0 0;	
vertical-align:middle;
}


/* Fixed */
#top-nav.fixed {
position: fixed;
top:0;	
width:100%;
border-top:none;	
margin-top:0;
padding-top:0;	
z-index:9999;
}
	
header nav.fixed li a{
padding:0.5em 0;
}

@media screen and (max-width: 640px) {
#top-nav.fixed {
display:none;	
}
header nav ul{
padding:0.7em 0;	
}
header nav li{
font-size:90%;
display:block;	
margin:0;
}
header nav li a{
padding:0.3em 0;
}
	
.inner{
width:100%;	
}	
.inner li{
padding:0.2em 0 0.2em 1em;
width:100%;	
}
}
	
	
/*------------------main---------------------------*/

.sp,
.spt{
display:none;	
}
#main{
background:url(../img/j2.jpg);
text-align:center;
}

section#right_box{
width:66%;
float:right;
text-align:left;
padding-bottom:2em;
}

section#left_box{
width:30%;
float:left;
text-align:left;
padding-bottom:2em;
}

#pan{
text-align:left;
padding:0.5em 0 2em;	
font-size:90%;
}

section#left_box h3{
background:#000;
color:#fff;	
font-size:90%;
padding:0.5em 1.5em;
margin-bottom:0.7em;
}

section#left_box h3 img{
width:26px;
height:auto;	
padding:3px 0.5em 0 0;
vertical-align:top;
}

section#left_box h3+ul{
border-bottom:2px solid #000;	
padding-bottom:0.5em;
margin-bottom:0.5em;
}

section#left_box h3+ul img{
display:inline-block;
margin:0 0.5em 0 0;	
}

section#left_box h3+ul li{
margin:0 0 0.3em 0.3em;
font-size:90%;
}

.list_photo{
display:inline ;
width:26%;
max-width:100px;
height:auto;
margin-right:2%;
}
#jigyosyo_list li{
width:100%;
border-bottom:1px dotted #000;
padding-bottom:1em;
margin-bottom:0.7em;
}

#jigyosyo_list div{
display:inline-block;
width:69%;
font-size:75%;
}

#jigyosyo_list div img{
width:25px;
height:auto;
}

#jigyosyo_list div span{
font-size:150%;
}

li#fukushinkai{
border:none;
padding-top:0.5em;
text-align:center;
}
li#fukushinkai span{
font-size:120%;
}
#fukushinkai img{
width:100%;
height:auto;
padding-bottom:0.5em;
}

@media screen and (max-width: 640px) {
.pc,
.pct{
display:none;	
}
.sp{
display:inline;	
}
.spt{
display:block;	
}
#main{
font-size:90%;	
}

#pan{
display:none;
}

section#right_box{
display:block;
width:100%;
float:none;
padding-bottom:1em;
}

section#left_box{
display:block;
width:100%;
float:none;
padding-bottom:1em;
}

section#left_box h3+ul li{
display:inline-block;
margin:0 0 0.3em 0.3em;
font-size:100%;
}

.list_photo{
display:inline ;
width:20%;
height:auto;
margin-right:2%;
}

#jigyosyo_list div{
width:69%;
font-size:85%;
}

}


/*------------------footer---------------------------*/

footer{
font-size:90%;	
background:url(../img/j4.png) repeat-x top;
padding-top:15px;
}

footer dl{
margin:0 0 1em 5%;
}

footer dt{
background:#000;
color:#fff;	
display:inline-block;
padding:0.3em 1.5em;
margin:1em 0;
}

footer dd ul{
display:inline-table;
vertical-align:top;
margin-right:1.5em;
}
footer dd ul:nth-last-of-type(1) {
margin-right:0;	
}

footer nav{
margin:0 0 1em 5%;	
}
footer nav li{
display:inline-block;	
}
footer nav li a{
display:inline-block;	
padding:1em 0;	
}

footer p{
color:#fff;
background:#009ee7;
text-align:center;	
font-size:12px;
padding:2em 0;
}

@media screen and (max-width: 640px) {
footer dl{
width:90%;
margin:1em auto;
}
footer dt{
margin:0 0 1em;
}
footer dd ul{
display:block;
font-size:90%;
}
footer dl li{
list-style-type: disc;
margin-left:1em;
padding-bottom:1em;
}

footer nav{
width:90%;
margin:1em auto;
}
footer nav ul{
border-top:1px dotted #000;
padding-top:0.5em;
}
footer nav li {
display:block;
}
footer nav li a{
padding:0.3em 0;	
}
footer nav span{
display:none;	
}
footer p{
font-size:10px;
font-weight:500;
}
}

.full-w-sp {
    float: none;
    clear: both;
    width: 100%;
  }