@charset "utf-8";

/*
+++++++++++++++++++++++++++++++

footer-top-banner

+++++++++++++++++++++++++++++++
*/

.footer-top-banner-back{
    background:url("../../../../img/top/back03sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding:50px 0;
    color:#fff;
}

@media screen and (min-width: 992px),
print {
    .footer-top-banner-back{
background:url("../../../../img/top/back03.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding:120px 30px;
}
}

.footer-top-banner{
width:90%;
    margin:auto;
}

@media screen and (min-width: 992px),
print {
    .footer-top-banner{

max-width: 600px;
        margin:auto;
}
}

.footer-top-banner-t01{
    font-size:21px;
    margin-bottom:10px;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .footer-top-banner-t01{
    font-size:28px;
    margin-bottom: 20px;
}
}

.footer-top-banner-t02{
    font-size:20px;
    margin-bottom: 20px;
    text-align: center;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .footer-top-banner-t02{
    font-size:28px;
    margin-bottom: 20px;
}
}

.footer-top-banner-btn01{
    margin-bottom:20px;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .footer-top-banner-btn01{
    margin-bottom:70px;
}
}

.footer-top-banner-btn02{
    background: #fff;
    border-radius:50px;
    text-align: center;
    color:#000;
    padding:20px 0;
    font-size:18px;
    font-weight: bold;
}


@media screen and (min-width:768px),
print {
    .footer-top-banner-btn02{
    margin:auto;
        width:300px;
}
}

@media screen and (min-width:992px),
print {
    .footer-top-banner-btn02{
    margin:auto;
        width:400px;
}
}




@media screen and (min-width: 992px),
print {
    
}


/*
+++++++++++++++++++++++++++++++

footer-top-line

+++++++++++++++++++++++++++++++
*/

.footer-top-line{
    position:fixed;
  bottom:0;
    left: 0;
  right: 0;
        width:100%;
  z-index:999;
    background: #FFFFFF;
}

@media screen and (min-width: 992px),
print {
    .footer-top-line{
display: none;
}
}

.footer-top-line ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:20px 80px;
    
}

.footer-top-line li:first-child{
    font-size:20px;
    color:#c1272d;
    font-weight: bold;
    
}



/*
+++++++++++++++++++++++++++++++

footer-con01

+++++++++++++++++++++++++++++++
*/

#footer{
    padding:50px 15px 120px;
    background: #000;
    color:#fff;
}

@media screen and (min-width: 992px),
print {
    #footer{
    padding:120px 50px;
}
}

.footer-con01{
    padding:0 15px;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
   .footer-con01{
    padding:0 35px;
        max-width:1500px;
        margin:0 auto 100px;
        display: flex;
}
}

.footer-con01-left{
    
}

@media screen and (min-width: 992px),
print {
    .footer-con01-left{
    width:30%;
        margin-right:100px;
}
}

.footer-catch{
    font-size:12px;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px),
print {
    .footer-catch{
    font-size:13px;
    margin-bottom: 15px;
}
}

.footer-logo{
    width:150px;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px),
print {
    .footer-logo{
    width:200px;
}
}

.footer-t01{
    margin-bottom: 5px;
}

.footer-t02{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
    color:#fff;
}

.footer-t02-left{
    width:20px;
    margin-right:7px;
    padding-top:5px;
}

@media screen and (min-width: 992px),
print {
    .footer-t02-left{
    padding-top:10px;
}
}


.footer-t02-right{
    font-size:26px;
}

@media screen and (min-width: 992px),
print {
    .footer-t02-right{
    font-size:30px;
}

}

.footer-egyo{
    font-size:17px;
    position: relative;
    margin-bottom:5px;
}

.footer-egyo::before{
    content: '';
    background:#4D4D4D;
    height:1px;
    width:60px;
    position:absolute;
    top:12px;
    left:80px;
    
}

.footer-yasumi{
    font-size:17px;
    position: relative;
    margin-bottom:5px;
}

.footer-yasumi::before{
    content: '';
    background:#4D4D4D;
    height:1px;
    width:60px;
    position:absolute;
    top:12px;
    left:60px;
    
}

.footer-egyo02{
    font-size:11px;
    margin-bottom: 10px;
}

@media screen and (min-width: 992px),
print {
    .footer-egyo02{
    font-size:12px;
        margin-bottom: 16px;
}
}

.footer-yasumi02{
    font-size:11px;
    margin-bottom: 10px;
    
}

.footer-yasumi02 ul{
    display: flex;
    flex-wrap: wrap;
}

.footer-yasumi02 li{
    margin-bottom:5px;
}

.footer-con01-center{
    display: none;
}

@media screen and (min-width: 992px),
print {
    .footer-con01-center{
    display:block;
        width:16%;
        margin-right: 100px;

}
}

.footer-t05{
    font-size:18px;
    font-weight: bold;
    margin-bottom:20px;
}

.footer-nav li{

}

#footer-nav-link{
    color:#fff;
    display: flex;
    justify-content: space-between;
}

.footer-nav-name{
    width:80%;
    font-size:12px;
}

.footer-nav-yaji{
    padding-top:4px;
    width:4%;
}

.footer-con01-right{
    display: none;
}

@media screen and (min-width: 992px),
print {
    .footer-con01-right{
    display:block;
        width:16%;
}
}

.copi{
    text-align: center;
    font-size:11px;
}


/*
+++++++++++++++++++++++++++++++

.footer-btn

+++++++++++++++++++++++++++++++
*/

.footer-btn{
    position:fixed;
  bottom:0;
    left: 0;
  right: 0;
        width:100%;
  z-index:999;
    padding:0 7px 3px;
}

@media screen and (min-width: 992px),
print {
    .footer-btn{
    display: none;
}
}



.footer-btn ul{
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap:7px;
}




/*
++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

+++++++++++++++++++++++++++++++++++++++++
*/