@charset "utf-8";
footer {
  display: block;
  margin-top: 60px;
  background-color: #F7F7F7;
}
footer .area {
  margin-left: auto;
  margin-right: auto;
}
footer .white2 {
  background-color: #FFFFFF;
}
footer .white2 .area {
  width: 94%;
  max-width: 824px;
  margin-left: auto;
  margin-right: auto;
}
footer .white2 .area #privacy {
  padding-top: 40px;
}
footer .white2 .area #privacy ul li + li {
  margin-top: 1em;
}
footer .white {
  background-color: #FFFFFF;
  padding-bottom: 30px;
  font-size: 1rem;
}
footer .white .area {
  width: 94%;
  max-width: 824px;
  margin-left: auto;
  margin-right: auto;
}
footer .white .table .cell + .cell {
  margin-top: 22px;
}
footer .white .table .cell span {
  display: block;
}
/***********************************************/
@media only screen and (min-width: 1012px) {
  footer .white2 .area .table {
    display: table;
    width: 100%;
  }
  footer .white2 .area .table .cell {
    display: table-cell;
    width: 50%;
  }
  footer .white2 .area #privacy {
    padding-top: 0px;
  }
  footer .white2 .area #privacy ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 3em;
  }
  footer .white2 .area #privacy ul li {
    width: auto;
  }
  footer .white2 .area #privacy ul li + li {
    margin-top: 0px;
  }
  footer .white {
    padding-top: 20px;
  }
  footer .white .area .table {
    display: table;
    width: 100%;
  }
  footer .white .area .table .cell {
    display: table-cell;
    width: 50%;
  }
  footer .white .area .table .cell + .cell {
    text-align: right;
  }
  footer .white .table .cell span {
    display: inline-block;
  }
  footer .white .table .cell span + span {
    margin-left: 1em;
  }
  footer .area #language {
    padding-top: 16px;
    padding-bottom: 0px;
  }
  footer .area #language ul {
    max-width: 824px;
    margin-left: auto;
    margin-right: 0;
  }
  footer .area #language ul li {
    text-align: right;
  }
}
/*2023****************************************/
footer .block {
  width: 100%;
}
footer dl dt {
  display: block;
  float: none;
}
footer dl dt:after {
  display: none;
  float: none;
}
footer a[href^="http"], footer a[href^="https"], .youtube a {
  background-size: 0 auto !important;
}
.youtube a img {
  height: 12.8px;
  width: auto;
  display: inline;
  vertical-align: middle;
}
footer dl.footer_dl dt {
  margin-top: 1px;
}
footer dl.footer_dl dd {
  display: none;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;
}
footer dl.footer_dl dt > *, footer dl.footer_dl dd a {
  width: 100%;
  padding-left: 3%;
  padding-right: calc(3% + 10px + 3%);
  position: relative;
  display: flex;
  flex-wrap: wrap;
  height: 50px;
  align-items: center;
}
footer dl.footer_dl dt > *:after, footer dl.footer_dl dd a:after {
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  border-left: 1px none #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px none #FFFFFF;
  border-top: 1px solid #FFFFFF;
  position: absolute;
  right: 3%;
  top: 50%;
  margin-top: -2.5px;
  transform: rotate(45deg);
}
footer dl.footer_dl dt.sub > *:after, footer dl.footer_dl dd a:after {
  border-left: 1px none #424242;
  border-right: 1px solid #424242;
  border-bottom: 1px none #424242;
  border-top: 1px solid #424242;
}
footer dl.footer_dl dt > div:before, footer dl.footer_dl dt > div:after {
  width: 10px;
  height: 1px;
  display: block;
  position: absolute;
  margin-top: 0px;
  right: 3%;
  top: 50%;
  background-color: #FFFFFF;
  content: "";
  transform: rotate(0deg);
  border-style: none;
}
footer dl.footer_dl dt > div:before {
  transform: rotate(90deg);
  transition: 0.3s all;
}
footer dl.footer_dl dt > * {
  background-color: #424242;
  color: #FFFFFF;
}
footer dl.footer_dl dt.sub > * {
  background-color: rgba(66, 66, 66, 0.00);
  color: #424242;
}
/***********************************************/
@media only screen and (min-width: 1012px) {
  .youtube a img {
    height: 12px;
  }
  footer .block {
    width: auto;
  }
  footer dl.footer_dl dt > *, footer dl.footer_dl dd a {
    height: auto;
    padding-left: 0px;
    padding-right: 0px;
    color: #424242;
    background-color: rgba(66, 66, 66, 0.00);
  }
  footer dl.footer_dl *:before, footer dl.footer_dl *:after {
    display: none !important;
  }
  footer dl.footer_dl {
    max-width: 824px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 10%;
  }
  footer dl.footer_dl .block.full {
    width: 100%;
  }
  footer dl.footer_dl dt:nth-of-type(n+2) {
    margin-top: 40px;
  }
  footer dl.footer_dl dt.sub:nth-of-type(n+3) {
    margin-top: 5px;
  }
  footer dl.footer_dl dt > * {
    color: #033884 !important;
  }
  footer dl.footer_dl dd {
    display: block;
    font-size: 1rem;
    margin-top: 16px;
  }
  footer dl.footer_dl dd ul li:nth-of-type(n+2) {
    margin-top: 5px;
  }
}