footer {
  max-width: 1440px;
  padding: 0 20px;
  margin: 54px auto;
  box-sizing: border-box;
}

footer > .inner {
  margin: 0 auto;
  display: flex;
  gap: 60px;
}

footer .inner .foot .logo a{
  display: block;
	width: 159px;
	height: 31px;
  margin-top: 20px;
	background: url("../../images/logo_footer.svg") no-repeat center;
}

.addArea {
	margin-top: 20px;
	font-weight: 400;
	font-size: 13px;
	color: #586063;
	line-height: 21px;
	letter-spacing: -0.01em;
}

/* line 1307, scss/common.scss */
.addArea ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

/* line 1312, scss/common.scss */
.addArea ul li p strong {
	font-weight: 600;
}

/* line 1316, scss/common.scss */
.addArea ul li:not(:first-child) {
	position: relative;
	margin-left: 25px;
}

/* line 1319, scss/common.scss */
.addArea ul li:not(:first-child):before {
	content: '';
	position: absolute;
	left: -13px;
	top: 6px;
	width: 1px;
	height: 10px;
	background: #586063;
}

/* line 1330, scss/common.scss */
.addArea.type02 ul {
	display: inherit;
}

/* line 1333, scss/common.scss */
.addArea.type02 ul li p, .addArea.type02 ul li address {
	font-weight: 400;
	font-size: 12px;
	color: #fff;
	line-height: 20px;
	letter-spacing: -0.01em;
}

/* line 1338, scss/common.scss */
.addArea.type02 ul li:not(:first-child) {
	position: static;
	margin-left: 0;
}

/* line 1341, scss/common.scss */
.addArea.type02 ul li:not(:first-child):before {
	display: none;
}

.policyArea {
	margin-top: 16px;
}

.policyArea {
	margin-top: 16px;
}

/* line 1352, scss/common.scss */
.policyArea ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* line 1355, scss/common.scss */
.policyArea ul li a {
	font-weight: 500;
	font-size: 14px;
	color: #586063;
	line-height: 17px;
	letter-spacing: -0.01em;
}

/* line 1359, scss/common.scss */
.policyArea ul li a.strong {
	font-weight: 700;
}

/* line 1363, scss/common.scss */
.policyArea ul li:not(:first-child) {
	position: relative;
	margin-left: 25px;
}

/* line 1366, scss/common.scss */
.policyArea ul li:not(:first-child):before {
	content: '';
	position: absolute;
	left: -13px;
	top: 3px;
	width: 1px;
	height: 10px;
	background: #586063;
}

/* line 1373, scss/common.scss */
.policyArea ul:not(:first-child) {
	margin-top: 8px;
}

@media screen and (max-width: 998px) {
	footer {
		padding: 30px 20px;
	}

  footer > .inner {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
  } 
}

@media screen and (max-width: 441px) {
  footer > .inner {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
  } 

  .addArea {
    font-size: 12px;
  }

  .addArea ul li:not(:first-child) {
    position: relative;
    margin-left: 12px;
  }

  .addArea ul li:not(:first-child):before {

    left: -5px;
    top: 5px;

  }
  
  .policyArea ul li a {
    font-size: 12px;
  }


  .policyArea ul li:not(:first-child) {
    margin-left: 12px;
  }


  .policyArea ul li:not(:first-child):before {
    left: -7px;
    top: 4px;
  }
}