@charset "UTF-8";

/*============================
	  フッター用　flexbox
=============================*/

.f-flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.f-flex-inline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.f-flex-row {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.f-flex-row-rev {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.f-flex-col {
  -webkit-box-orient: stheimkpiloartie;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: col;
  flex-direction: col;
}

.f-flex-col-rev {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: col-reverse;
  flex-direction: col-reverse;
}

.f-flex-nowrap {
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
}

.f-flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.f-flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.f-flex-justify-start {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.f-flex-justify-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.f-flex-justify-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.f-flex-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.f-flex-justify-around {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.f-flex-justify-space-evenly {
  -ms-flex-pack: distribute;
  justify-content: space-evenly;
}

.f-flex-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.f-flex-align-end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.f-flex-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.f-flex-align-baseline {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.f-flex-align-stretch {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}


/*============================
	 SPOBY 共通フッター
=============================*/

/*フッターの背景色*/
.footer {
  padding: 65px 0 30px;
  background-image: var(--bg-webkit-gradient-darkBlue);
  color: var(--color-text-white);
}

.f-container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}


/* Actrust-Zeroロゴ */
.footer .f-logo {
  margin-bottom: 50px;
  max-width: 230px;
}

/*会社名・住所*/
.footer .f-address{
	font-style: normal;
	font-size: 15px;
	font-weight: 600;
	line-height: var(--lh-md);
}


/*ダウンロードアイコン*/
.footer .app-links .app-list .app-icon{
	padding-right: 10px;
}
.footer .app-links .app-list .app-icon:last-of-type{
	padding-right: 0px;
}

.footer .app-links .app-list .app-icon img{
	max-width: 150px;
}


/*詳細情報*/
.footer .company {
  padding-top: 40px;
}

/*「ライセンス」「プライバシーポリシー」「情報セキュリティ方針」*/
.footer .company .f-legal-links ul{
	padding: 0;
}

.footer .company .f-legal-links ul li{
	padding-right: 20px;
}

.footer .company .f-legal-links ul li a{
	color: var(--color-text-white);
	font-size: 12px;
	text-decoration: underline;
	font-weight: 600;
}

/* ismsアイコン */
.footer .company .isms-icon{
	display: inline-block;
	margin: 0;
}

.footer .company .isms-icon img{
	width: 70px;
}


/*「コピーライト」*/
.footer .copylight {
  width: 100%;
  max-width: 400px;
  text-align: right;
}

.footer .copylight{
  font-size: 12px;
  font-weight: 600;
}



@media screen and (max-width: 1000px) {
	
	
/*フッターの背景色*/
.footer {
  padding: 30px 0 30px;
}
	
/* Actrust-Zeroロゴ */
.footer .f-logo {
  margin: 0 auto;
	text-align: center;
	max-width: 180px;
}
	
/*会社住所・ダウンロードアイコン*/
.footer .f-info-applist {
  flex-direction: column;
  margin: 20px 0;
}
	
/*会社名・住所*/
.footer .f-address{
  text-align: center;
	padding-bottom: 20px;
	font-size: 16px;
}
	
/*ダウンロードアイコン*/
.footer .app-links .app-list{
	padding: 0;
}
	
/*詳細情報*/
.footer .company {
  flex-direction: column;
  padding-top: 0;
}
	
/*「ライセンス」「プライバシーポリシー」「情報セキュリティ方針」*/
.footer .company .f-legal-links ul li{
	padding-right: 10px;
}
	

.footer .legal-info{
	flex-direction: column;
}
	
/* ismsアイコン */
.footer .company .isms-icon{
	padding: 20px 0;
}

.footer .company .isms-icon img{
	width: 65px;
}
	
	
/*「コピーライト」*/
.footer .copylight {
  width: 100%;
  max-width: 400px;
  text-align: center;
}
	
.footer .copylight{
  font-size: 10px;
}

}