@charset "UTF-8"; 

footer{ width: 100%;background-color: #3d3d3d;padding-top: 3rem; position: relative; z-index: 30;}

#foot_cont{ width: 100%; max-width: 1400px; margin: auto; padding: 0 2em 1.5em;}
#foot_cont .foot_list{display: flex; gap: 2em 1em; justify-content: space-between;flex-wrap: wrap;}
#foot_cont .foot_list>*{font-size: var(--font-S);color: #fff;}
#foot_cont .foot_list>* .list_name{ border-bottom: 1px solid rgb(255 255 255 / 20%); padding:1em 0.5em;display: block;}
#foot_cont .foot_list>* a.list_name:after{content: ""; width: 0.75em;height: 0.75em; display: inline-block; margin-left: 1em; background-image: url(../img/arr_WHT.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; opacity: 0.5;}
#foot_cont .foot_list>* .toggle_contents{padding:1em 0.5em;}
#foot_cont .foot_list>* a{color: #fff;}
#foot_cont .foot_list>* .toggle_contents a{font-size:var(--font-SS); font-weight: 300; display: inline-block; padding: 0.25em 0;}
#foot_cont .foot_list>* .toggle_contents a:after{content: ""; width: 0.75em;height: 0.75em; display: inline-block; margin-left: 0.5em; background-image: url(../img/arr_WHT.svg); background-repeat: no-repeat; background-size: contain; background-position: center center; opacity: 0.5;}
#foot_cont .foot_list>*.foot_retsu02{width: 49%;} 
#foot_cont .foot_list>*.foot_retsu03{width: 32%;}
#foot_cont .foot_list>*.foot_retsu04{width: 23%;}
#foot_cont .foot_list>*.foot_retsu05{width: 19%;}
#foot_cont .foot_list>*.foot_retsu100per{width: 100%;}

#foot_cont .foot_last{display: flex;justify-content: center;border-top: 1px solid rgb(255 255 255 / 20%);margin-top:3em;padding-top:1.5em;}
#foot_cont .foot_last .foot_supp{display: flex;gap:1rem;}
#foot_cont .foot_last .foot_supp a{display: block;height:1.8em;}
#foot_cont .foot_last .foot_supp a img{height: 100%;}
#foot_cont .foot_pp{display: flex;align-items: center;justify-content: center;font-size: var(--font-SS);}
#foot_cont .foot_pp>*{font-weight:300;}
#foot_cont .foot_pp>* a{ color: #fff; font-size:90%;line-height:1;display: block; padding:0.2em;}
#foot_cont .foot_pp>* img{height:2.5em; width:auto;}
#foot_cont .foot_pp>*:nth-child(-n+3){border-right: 1px solid rgb(255 255 255 / 20%);}
#foot_cont .foot_pp>*:nth-child(-n+3) a{padding:0.5em 1.5em;}
#foot_cont .foot_pp>*:nth-child(3){margin-right: 1.5em;}

footer .foot_info{display: flex; background-color: #000; color:#cacaca;align-items: center; font-weight: 300;font-size:var(--font-SS); justify-content: space-between; padding: 1.5em 3em;}
footer .foot_info .foot_jati{display: flex;align-items: center;}
footer .foot_info .foot_jati img{width: 2em; margin-right: 1em;}

@media only screen and (max-width: 760px) { 
	
	footer{padding-top: 1rem;}
	
	#foot_cont{ padding-left: 3vw; padding-right: 3vw;}
	#foot_cont .foot_list{ gap: 0;}
	#foot_cont .foot_list>*{font-size: var(--font-M);}
	#foot_cont .foot_list>* .list_name{ padding: 1em 0.5em;}
	#foot_cont .foot_list>* div.list_name:after{width: 0.75em;height: 0.75em;margin-left: 0.5em; background-image: url(../img/arr_WHT.svg);opacity: 0.5; margin-top: 0.3em;}
	#foot_cont .foot_list>* a.list_name:after{}
	#foot_cont .foot_list>* .toggle_contents{ padding-bottom: 2.5em;padding-top: 1em;}
	#foot_cont .foot_list>* .toggle_contents [class*="col_"]{row-gap:0.25rem;}
	#foot_cont .foot_list>*{}
	#foot_cont .foot_list>* a{}
	#foot_cont .foot_list>* .toggle_contents a{font-size:var(--font-S); padding: 0.5em 0;}
	#foot_cont .foot_list>* .toggle_contents a:after{}
	#foot_cont .foot_list>*[class*="foot_retsu"]{width: 100%!important;}

	#foot_cont .foot_last{flex-direction: column;border-top-style: none;margin-top: 0;}
	#foot_cont .foot_last .foot_supp{justify-content: center;padding-top: 1rem;}
	#foot_cont .foot_last .foot_supp a{height: 2.4em;}
	#foot_cont .foot_last .foot_supp a img{}

	#foot_cont .foot_pp{flex-wrap: wrap;font-size: var(--font-S);border-top-style: none;margin-top:0;gap:1em 0;}
	#foot_cont .foot_pp>*{}
	#foot_cont .foot_pp>* a{font-size:100%;}
	#foot_cont .foot_pp>* img{height:3em;}
	#foot_cont .foot_pp>*:nth-child(-n+3){width:33%; border-right: 1px solid rgb(255 255 255 / 20%);}
	#foot_cont .foot_pp>*:nth-child(-n+3) a{text-align: center;padding: 0.5em;line-height: 1.4;}
	#foot_cont .foot_pp>*:nth-child(3){margin-right:0; border-right-style: none;}

	footer .foot_info{flex-direction:column;padding:2.5em 5vw;font-size: var(--font-S);text-align: center;}
	footer .foot_info .foot_jati{flex-direction: column;padding-bottom:1.5em;}
	footer .foot_info .foot_jati img{width: 3em;margin-right:0;margin-bottom:1.5em;}


}