@charset "utf-8";
/*-----------------------------------------------
 *  フッター footer.css
 -----------------------------------------------*/


/*-----------------------------------------------
 *  フッター
 -----------------------------------------------*/
footer {background: #333333;
	margin: 0 auto;
}
footer a:hover {text-decoration: underline;}

.footer-wall {
	background-color: #333333;
	max-width: 1100px;
	padding: 20px 20px 0;
	margin: auto;
	color: white;
}
.footer-inner {
max-width: 1100px;

/*    line-height: 1;*/
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;	margin: auto;
margin-left: 10px;
}
.footer-content {
     padding-top: 30px;
}
.footer-left {
    margin: 0 auto;
    padding-left: 10px;
}
    

.copyright {
	text-align: right;
	color: white;
	max-width: 1100px;
    margin: auto;
}


.copyright small {font-size: .9em;}

.copyright-inner {
	padding: 15px 0;
	line-height: 1;
	background-color: #333333;
}

.hr_f {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #ffffff;   /* 線色 */
   height: 1px;         /* 高さ(※古いIE用) */
t
}

@media screen and (min-width: 600px){

	.footer-inner {
		max-width: 1100px;
		margin: 0 auto;
	    padding: 30px 20px;
    }
    .footer-left {
        width: 42%;
        max-width: 315px;
        float: left;
        padding-left: 10px;
    }
    .footer-right {
        width: 56%;
        float: right;
    }

    .footer-left p,
    .footer-right li a {font-size: .9em!important;}
    
	nav.footerNav {
	    display: flex;
  	    justify-content: space-between;

	}
	nav.footerNav li {
        position: relative;
		text-align: left!important;
	}

    nav.footerNav li::after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 6px;
        height: 6px;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    nav.footerNav .n2::after {
        display: block;
        content: '';
        position: absolute;
        top: .5em;
        left: -1em;
        width: 6px;
        height: 6px;
        border-right: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
margin-left: 18px;
    }


}


.f-copy{
   float: right;
	line-height: 1.5em;
    padding: 0 0 20px;
}













	nav.footerNav2 {
	    display: flex;
  	        justify-content: space-around;



	}
	nav.footerNav2 li {
        position: relative;
		text-align: left!important;

padding-left: 3em;
text-indent: -3em;
line-height: 2em;


	}

    nav.footerNav2 li::after {
        display: block;
        content: '';
        position: absolute;
        top: .8em;
        left: -1em;
        width: 6px;
        height: 6px;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    nav.footerNav2 .n2::after {
        display: block;
        content: '';
        position: absolute;
        top: .8em;
        left: -1em;
        width: 6px;
        height: 6px;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
	margin-left: 18px;
    }


nav.footerNav2 a:hover {text-decoration: underline;}



    nav.footerNav2 .n3::after {
        display: block;
        content: '';
        position: absolute;
        top: .8em;
        left: -1em;
        width: 6px;
        height: 6px;
        border-right: 1px solid #333333;
        border-bottom: 1px solid #333333;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
	margin-left: 36px;
    }



@media screen and (max-width: 920px){
nav.footerNav2{
	display: flex;
    justify-content: space-around;
    flex-direction: column;
}
}


@media screen and (max-width: 1023px){
footer {background: #333333;
	margin: 0 auto;
margin-bottom: 50px;
}
}