@charset "utf-8";

/*recet css*/
html,body,h1,h2,h3,h4,p,ul,li,dl,dt,dd,nav,p,aside {
  margin:0;
  padding:0;
  line-height:1.0;
  font-family:"Hiragino Kaku Gothic ProN",
  Meityo,
  sans-serif;
}

ul {list-style:none;}

a {text-decoration:none;
  color:inherit;}

img {
    border:none;
    vertical-align:bottom;}

.br-sp{display: none;}
.br-pc{display: block;}

.linkcolor{color:#EA5504}
/*
.linkcolor{color:#F18900;}小見出しの色
.linkcolor{color:#E85298}ロゴの色*/

body {
  font-size:16px;    
}

/*footer*/
.footer {
  height: 320px;
  margin-top:40px;
  padding:20px 2%;
  background-color:#BDD400;
}

.f-main li{
 font-size:100%; 
  float:left;
  line-height: 35px;
  padding-right:25px;
}

.f-main li a{
 display:block;   
}


.footertitle {
  font-size:120%; 
  font-weight: 600;
  line-height:15px;
}


.sub li{
 float:none;
}

.supplement a{
  line-height:32px;  
}

.adress {
  width:320px;
  float:right;
  line-height: 130%;
}

.adress-name {
  font-size:140%;
  font-weight: 600;
  line-height: 160%;
}

 @media screen and (max-width:767px) {
  /*モバイル用*/

.br-sp{display: block;}
.br-pc{display: none;}    


/*footer*/
.footer {
  width:100%;
  height: 200vh;
  margin-top:40px;
  padding:10% 8%;
  background-color:#BDD400;
}

.f-main ul {
  margin-bottom:20px;     
     }
     
.f-main li{
  width:100%;
  font-size:100%; 
  float:none;
  line-height: 35px;
  padding-right:25px;
}

.f-main li a{
 display:block;   
}


.footertitle {
  font-size:120%; 
  font-weight: 600;
  line-height:15px;
}

.sub li{
 float:none;
}

.supplement a{
  line-height:32px;  
}

.adress {
  width:100%;
  margin-top:20px;
  float:right;
  line-height: 130%;
}

.adress-name {
  font-size:120%;
  font-weight: 600;
  line-height: 160%;
}  
    
     

}