@charset "utf-8";

.site_footer {
    font-size: 1.5rem;
}

    .site_footer .okigaruni {
        text-align: center;
        margin: 0 auto;
    }
    
        .site_footer .okigaruni .title {
            
        }
        
        .site_footer .okigaruni .text {
            
        }
        
    .site_footer .footer_contact {
        background: #f6edea;
    }
    
        .site_footer .footer_contact .btns {
            
        }
        
    .site_footer .footer_info {
        background: #fef9f5; 
    }
    
        .site_footer .footer_info .info_l dl {
            
        }
        
            .site_footer .footer_info .info_l dl dt {
                width: 100px;
                color: #a17477;
            }
            
            .site_footer .footer_info .info_l dl dd {
                
            }
        
        .site_footer .footer_info .info_l .banner {
            margin: 20px 10px;
        }
            
    
    .site_footer .footer_menu {
        color: #ffffff;
        font-size: 1.3rem;
        font-weight: 300;
        background: #9b6b61;
    }
    
        .site_footer .footer_menu a:link { color: #ffffff; text-decoration: none; }
        .site_footer .footer_menu a:visited { color: #ffffff; text-decoration: none; }
        .site_footer .footer_menu a:hover { color: #ffffff; text-decoration: underline; }
    
        .site_footer .footer_menu .footer_nav {
            display: flex;
            justify-content: center;
            padding: 35px 20px 0 20px;
            list-style: none;
        }
        
            .site_footer .footer_menu .footer_nav li {
                padding: 0 10px 0 10px;
                line-height: 1.0;
            }
                
                .site_footer .footer_menu .footer_nav li + li {
                    border-left: solid 1px #ffffff;
                }
    
        .site_footer .footer_menu .license {
            text-align: center;
            padding: 30px 20px 35px 20px;
        }
        
    
/* ---- Mobile 〜767px ---- */
@media screen and (max-width: 767px) {

    .site_footer {
        margin: 35px 0 0 0;
    }
    
    
    .site_footer .okigaruni {
        
    }
    
        .site_footer .okigaruni .title {
            margin: 0 auto 20px auto;
        }
        
    .site_footer .footer_contact {
        padding: 30px 30px 20px 30px;
    }
    
        .site_footer .footer_contact .btns {
            text-align: center;
        }
        
            .site_footer .footer_contact .btns .btn {
               margin: 0 auto 10px auto;
            }
    
    
    
    .banner_area {
        margin: 30px 0;
    }
        
        .banner_area .inner {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
    
        .banner_area .banner {
            text-align: center;
            margin: 20px 10px;
        }
    
    
    
    .site_footer .footer_info {
        font-size: 1.4rem;
        padding: 40px 0 30px 0;
    }
    
        .site_footer .footer_info .logo {
            text-align: center;
            margin: 0 auto 30px auto;
        }
        
            .site_footer .footer_info .logo img {
                max-width: 55%;
            }

        
        .site_footer .footer_info .info_l dl {
            padding: 0 20px;
            margin: 0 0 20px 0;
        }
                
            .site_footer .footer_info .info_l dl dt {
                
            }
            
            .site_footer .footer_info .info_l dl dd {
                margin: 5px 0 0 0;
                padding-left: 1.0em;
            }
            
        .site_footer .footer_info .info_l .time {
            padding: 0 10px;
            margin: 0 0 20px 0;
        }
            
            .site_footer .footer_info .info_l .link {
                text-align: center;
                margin: 30px 0 40px 0;
            }
            
            
            
            .site_footer .footer_info .info_wrap .info_r {
                
            }
            
                .site_footer .footer_info .info_wrap .map {
                    padding: 0 0;
                }
                
                    .site_footer .footer_info .info_wrap .map iframe {
                        width: 100%;
                    }
                
                .site_footer .footer_info .info_wrap .add {
                    margin: 15px 0 20px 0;
                    padding: 0 20px;
                }
                
                .site_footer .footer_info .info_l .banner {
                    margin: 0 auto 30px auto;
                    text-align: center;
                    max-width: 70%;
                }
    
    .footer_contact_banner {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
		padding: 10px 0 10px 0;
		position: fixed;
		bottom: 0px;
		left: 0px;
		z-index: 300;
		background-color: rgba(100,100,100,0.4);
	}
	
		.footer_contact_banner img {	
			max-width: 95%;
		}

} /* ---- Mobile 〜767px ---- */


/* ---- Tablet/PC 768px〜 ---- */
@media screen and (min-width: 768px) {

    .site_footer {
        margin: 30px 0 0 0;
    }
    
    
    .site_footer .okigaruni {
        
    }
    
        .site_footer .okigaruni .title {
            margin: 0 0 20px 0;
        }
        
    .site_footer .footer_contact {
        padding: 40px 40px;
    }
    
        .site_footer .footer_contact .btns {
            display: flex;
            justify-content: center;
        }
        
            .site_footer .footer_contact .btns .btn {
                margin: 0 10px;
            }
        
    
    
    
    .banner_area {
        max-width: 800px;
        margin: 30px auto 30px auto;
    }
    
        .banner_area .inner {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
        }
        
        .banner_area .banner {
            margin: 30px 10px;
        }
    
    
    
    .site_footer .footer_info {
        
    }
    
        .site_footer .footer_info .inner {
            max-width: 1080px;
            margin: 0 auto;
            padding: 50px 20px;
        }
    
        .site_footer .footer_info .logo {
            text-align: center;
            margin: 0 auto 40px auto;
        }
        
            .site_footer .footer_info .logo img {
                max-width: 300px;
            }
    
        .site_footer .footer_info .info_wrap {
            display: flex;
        }
        
            .site_footer .footer_info .info_wrap .info_l {
                width: 55%;
            }
            
                .site_footer .footer_info .info_l dl {
                    margin: 0 0 30px 0;
                    padding: 0 10px 0 10px;
                    display: flex;
                }
                
                    .site_footer .footer_info .info_l dl dt {
                        
                    }
                    
                    .site_footer .footer_info .info_l dl dd {
                        
                    }
                    
                    .site_footer .footer_info .info_l .time {
                        margin: 0 0 30px 0;
                        padding: 0 10px 0 10px;
                    }
                    
                    .site_footer .footer_info .info_l .link {
                        margin: 0 0 30px 0;
                        padding: 0 10px 0 10px;
                    }
            
            
            
            .site_footer .footer_info .info_wrap .info_r {
                width: 45%;
            }
            
                .site_footer .footer_info .info_wrap .map {
                    padding: 0 10px;
                }
                
                .site_footer .footer_info .info_wrap .add {
                    margin: 15px 0 20px 0;
                    padding: 0 10px 0 10px;
                }
                
    .footer_contact_banner {
		display: none;
	}
	
} /* ---- Tablet/PC 768px〜 ---- */
