@charset "UTF-8";

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

PC

==================================================================*/
@media screen and (min-width:1024px) {
.shichifukujin{
width:1000px;
margin:0 auto;
padding:50px 0;
}
.shichifukujin img{
width:50%;
margin:0 25%;
}
footer{
font-family: 'Noto Serif JP', serif;
letter-spacing:0.05em;
font-weight:600;
}
.footer_bg{
width:100%;
margin:0 auto;
background-image:url("../../images/footer_bg.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.footer_area{
width:1000px;
margin:0 auto;
padding:50px 0 20px;
}
.footer_area div.eminence{
width:76%;
float:left;
margin-bottom:35px;
}
.footer_area div.sitemap{
width:24%;
float:left;
margin-bottom:35px;
padding-top:35px;
}
.footer_area h4{
width:30%;
height:auto;
}
.footer_area h5{
font-size:14px;
line-height:1.7em;
color:#FFF;
margin-top:1em;
word-spacing:0.5em;
}
.footer_area h6{
width:35%;
margin:0 auto;
}
.footer_area ol{
}
.footer_area ol li{
font-size:14px;
position:relative;
padding-left:2.5em;
line-height:2em;
/*float:left;
width:50%;*/
}
.footer_area ol li a:link{
color:#FFF;
text-decoration:none;
}
.footer_area ol li a:hover{
color:#FFF;
text-decoration:underline;
}
.footer_area ol li a:visited{
color:#FFF;
text-decoration:none;
}
.footer_area ol li::after{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
content:'';
width:24px;
height:2px;
background-color:#FFF;
}
footer p{
font-size:15px;
text-align:center;
letter-spacing:0.05em;
color:#C11823;
padding:1.5em 0;
}
.floating_smp{
display:none;
}
.flow-navi__wrapper{
display:none;
}
.floating{
position:fixed;
height:auto;
top:auto;
right:1%;
bottom:20%;
left:auto;
z-index:1000;
}
.floating ol{
}
.floating ol li{
width:100px;
margin:0 0 6px 0;
}








}










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

TABLET

==================================================================*/
@media only screen and (min-width:768px) and (max-width:1023px) {
.shichifukujin{
width:100%;
margin:0 auto;
padding:35px 0;
}
.shichifukujin img{
width:50%;
margin:0 25%;
}
footer{
font-family: 'Noto Serif JP', serif;
letter-spacing:0.05em;
font-weight:600;
}
.footer_bg{
width:100%;
margin:0 auto;
background-image:url("../../images/footer_bg.jpg");
background-repeat:no-repeat;
background-position:center bottom;
background-size:cover;
}
.footer_area{
width:98%;
margin:0 auto;
padding:35px 0 20px;
}
.footer_area div.eminence{
width:70%;
float:left;
margin-bottom:35px;
}
.footer_area div.sitemap{
width:30%;
float:left;
margin-bottom:35px;
padding-top:20px;
}
.footer_area h4{
width:36%;
height:auto;
}
.footer_area h5{
font-size:12px;
line-height:1.7em;
color:#FFF;
margin-top:1em;
word-spacing:0.5em;
}
.footer_area h6{
width:50%;
margin:0 auto;
}
.footer_area ol{
}
.footer_area ol li{
font-size:13px;
position:relative;
padding-left:2.5em;
line-height:2em;
/*float:left;
width:50%;*/
}
.footer_area ol li a:link{
color:#FFF;
text-decoration:none;
}
.footer_area ol li a:hover{
color:#FFF;
text-decoration:underline;
}
.footer_area ol li a:visited{
color:#FFF;
text-decoration:none;
}
.footer_area ol li::after{
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
content:'';
width:20px;
height:2px;
background-color:#FFF;
}
footer p{
font-size:14px;
text-align:center;
letter-spacing:0.05em;
color:#C11823;
padding:1em 0;
}
.floating_smp{
display:none;
}
.flow-navi__wrapper{
display:none;
}
.floating{
position:fixed;
height:auto;
top:auto;
right:1%;
bottom:25%;
left:auto;
z-index:1000;
}
.floating ol{
}
.floating ol li{
width:80px;
margin:0 0 10px 0;
}



}









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

SMP

==================================================================*/
@media only screen and (min-width:320px) and (max-width:767px) {
.shichifukujin{
width:100%;
margin:0 auto;
padding:15px 0 0;
}
.shichifukujin img{
width:70%;
margin:0 15%;
}
footer{
padding-bottom:80px;
}
.footer_bg{
display:none;
}
.footer_area{
display:none;
}
footer p{
font-family: 'Noto Serif JP', serif;
font-size:12px;
text-align:center;
letter-spacing:0.05em;
color:#C11823;
padding:1em 0;
}
.flow-navi__wrapper{
display:none;
}
.floating{
display:none;
}
.floating_smp{
position:fixed;
width:100%;
height:auto;
top:auto;
right:0;
bottom:0;
left:0;
z-index:9999;
background-color:#FFF;
}
.floating_smp ol{
}
.floating_smp ol li:first-child{
width:33%;
margin:0;
float:left;
}
.floating_smp ol li{
width:33%;
margin:0 0 0 0.5%;
float:left;
}



}