@charset "UTF-8";

/*==================================================================

PC

==================================================================*/
@media screen and (min-width:1024px){
.smp{
display:none;
}
.footer_area{
width:1000px;
margin:0 auto;
padding:50px 0;
color:#FFF;
}



/*==================================================================
GRANMOCCO_AREA
==================================================================*/
.granmocco_area{
width:50%;
margin:0;
padding:0;
float:left;
}
.granmocco_area h6{
font-size:14px;
letter-spacing:0.03em;
margin:0.5em auto 1.5em 0;
}
.granmocco_area h4{
width:24%;
margin:0 auto 0 0;
}
.granmocco_area h5{
font-size:15px;
letter-spacing:0.05em;
margin:0.5em auto 0.5em 0;
}
.granmocco_contact{
font-size:13px;
position:relative;
line-height:1.0em;
display:inline-block;
padding:0.3em 1.5em;
text-decoration:none;
color:#001644;
background-color:#FFF;
border-radius:15px;
}
.granmocco_area ol{
}
.granmocco_area ol li{
width:8%;
float:left;
margin:30px 10px 0 0;
}
.granmocco_area p{
font-size:11px;
letter-spacing:0.15em;
margin-top:7em;
}



/*==================================================================
SITEMAP_AREA
==================================================================*/
.sitemap_area{
width:50%;
margin:0;
padding:0;
float:left;
}
.sitemap_area ol{
width:50%;
margin:5em 0 auto auto;
}
.sitemap_area ol li{
width:50%;
float:left;
font-size:17px;
margin-bottom:00.2em;
text-align:left;
letter-spacing:0.15em;
font-weight:600;
}
.sitemap_area ol li a{
color:#FFF;
text-decoration:none;
}
}








/*==================================================================

TABLET

==================================================================*/
@media only screen and (min-width:768px) and (max-width:1023px){
.smp{
display:none;
}
.pc{
display:none;
}
.tablet{
display:block;
}
.footer_area{
width:98%;
margin:0 auto;
padding:50px 0;
color:#FFF;
}



/*==================================================================
GRANMOCCO_AREA
==================================================================*/
.granmocco_area{
width:50%;
margin:0 auto;
padding:0;
float:left;
}
.granmocco_area h6{
font-size:13px;
letter-spacing:0.03em;
margin:0.5em auto 1.5em 0;
}
.granmocco_area h4{
width:24%;
margin:0 auto 0 0;
}
.granmocco_area h5{
font-size:14px;
letter-spacing:0.05em;
margin:0.5em auto 0.8em 0;
}
.granmocco_contact{
font-size:12px;
position:relative;
line-height:1.0em;
display:inline-block;
padding:0.3em 1.5em;
text-decoration:none;
color:#001644;
background-color:#FFF;
border-radius:15px;
}
.granmocco_area ol{
}
.granmocco_area ol li{
width:10%;
float:left;
margin:30px 10px 0 0;
}
.granmocco_area p{
font-size:10px;
letter-spacing:0.15em;
margin-top:5em;
}



/*==================================================================
SITEMAP_AREA
==================================================================*/
.sitemap_area{
width:50%;
margin:0;
padding:0;
float:left;
}
.sitemap_area ol{
width:50%;
margin:5em 0 auto auto;
}
.sitemap_area ol li{
width:50%;
float:left;
font-size:14px;
margin-bottom:1.0em;
text-align:left;
letter-spacing:0.15em;
}
.sitemap_area ol li a{
color:#FFF;
text-decoration:none;
}








}








/*==================================================================

SMP

==================================================================*/
@media only screen and (min-width:320px) and (max-width:767px){
.pc{
display:none;
}
.footer_area{
width:98%;
margin:0 auto;
padding:30px 0;
color:#FFF;
}



/*==================================================================
GRANMOCCO_AREA
==================================================================*/
.granmocco_area{
width:80%;
margin:0 auto;
padding:0;
}
.granmocco_area h6{
font-size:12px;
letter-spacing:0.03em;
margin:0.5em auto 1.5em 0;
}
.granmocco_area h4{
width:50%;
margin:0 auto 0 0;
}
.granmocco_area h5{
font-size:13px;
letter-spacing:0.05em;
margin:0.5em auto 0.8em 0;
}
.granmocco_contact{
font-size:13px;
position:relative;
line-height:1.0em;
display:inline-block;
padding:0.3em 1.5em;
text-decoration:none;
color:#001644;
background-color:#FFF;
border-radius:15px;
}
.granmocco_area ol{
}
.granmocco_area ol li{
width:15%;
float:left;
margin:20px 10px 0 0;
}
.granmocco_area p{
font-size:10px;
letter-spacing:0.15em;
margin-top:2em;
}



/*==================================================================
SITEMAP_AREA
==================================================================*/
.sitemap_area{
display:none;
}








}