@charset "UTF-8";

/*共通 s*/
footer {
  font-size: 13px;
  font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.8;
}
footer .footerMiddle a {color:#207ea8;}
footer .link_list {
  display: flex;
  flex-wrap:  wrap;
}
footer .link_list li:nth-child(odd) {width: 65%;}
footer .footerMiddle_bkg {background-color: #f9f9f9;}
footer .contentList dl {
  display: flex;
  flex-wrap: wrap;
}
footer .contentList dt,
footer .contentList dd {width: 100%;}
footer .contentList .company_detail dt {width: 8em;}
footer .contentList .company_detail dd {width: calc(100% - 8em);}
footer .company_list .office dt {font-weight: bold;}
footer .privately_logo,
footer .ssl_logo {
  background-color: #fff;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
  display: flex;
  flex-direction:  row;
  flex-wrap:  wrap;
  justify-content: center;
  align-items: center;
}
footer .privately_logo p,
footer .ssl_logo p {
  box-sizing: border-box;
  color: #666;
  text-align: justify;
}
footer .footer_bottom {
  background-color: #666;
  color: #fff;
  width: 100%;
}
/*共通 e*/
/*PC用 s*/
@media(min-width:769px){
  .forSP {display: none;}
  footer {margin: 80px 0 0;}
  footer .bold {
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 5px;
  }
  footer .footerMiddle a:hover {color:#207ea8;}
  footer .footerMiddle {
    color: #666;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 auto;
    padding: 25px 0;
    max-width: 1000px;
  }
  footer .contentList dd ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  footer .contentList:not(:last-child) {margin-bottom: 25px;}
  footer .contentList_group {
    max-width: calc(100% / 3 - 15px);
  }
  footer .privacy.contentList dl {flex-direction: column;}
  footer .privacy.contentList dt,
  footer .privacy.contentList dd {width: 100%;}
  footer .privacy.contentList dd {margin-bottom: 7px;}
  footer .privately_logo,
  footer .ssl_logo {padding: 5px;}
  footer .privately_logo img {width: 65px;}
  footer .ssl_logo img {width: 30px;}
  footer .privately_logo p {
    padding-left: 10px;
    width: 72%;
  }
  footer .ssl_logo p {padding-left: 15px;}
  footer .website_list {flex-direction: column;}
  footer .website_list dt {font-weight: bold;}
  footer .website_list dt,
  footer .website_list dd {width: 100%;}
  footer .company_list .office:not(:last-child) {margin-bottom: 7px;}
  footer .website_list li {
    width: calc(50% - 4px);
  }
  footer .website_list a {
    background: #fff;
    border: solid 1px #e5e5e5;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 45px;
  }
  footer .website_list li img {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    max-width: stretch;
    height: auto;
  }
  footer .website_list li.website__epilogi img {
    padding: 10px 20%;
  }
  footer .company_list dt {font-weight: bold;}
  footer .footer_bottom {padding: 20px 0;}
  footer .copyright {text-align: center;}
}
/*PC用 e*/
/*スマホ用 s*/
@media(max-width:768px){
  .forPC {display: none;}
  footer {margin-top: 10%;}
  footer .bold {
    font-size: 120%;
    font-weight: bold;
  }
  footer .acMenu + ul,
  footer .acMenu + dl {display: none;}
  footer .acMenu:after {
    color: #207ea8;
    content: "▲";
    display: inline-block;
    float: right;
    transform: rotate(90deg);
  }
  footer .acMenu:after {transition: transform 0.2s linear;}
  footer .acMenu.active:after {
    transform: rotate(180deg);
    transition: transform 0.2s linear;
  }
  footer .contentList_group {
    border-top: solid 1px #ddd;
    padding: 4vw 5vw;
  }
  footer .privacy.contentList dd {margin-bottom: 2vw;}
  footer .contentList_group:last-child {border-bottom: solid 1px #ddd;}
  footer .contentList:not(:last-child) {margin-bottom: 5%;}
  footer .contentList .privately_logo,
  footer .contentList .ssl_logo {
    margin-bottom: 3%;
    padding: 2%;
  }
  footer .company_list .office:not(:last-child) {margin: 2vw 0;}
  footer .privately_logo img,
  footer .ssl_logo img { width: auto;}
  footer .privately_logo img { height: 15vw;}
  footer .ssl_logo img { height: 8vw;}
  footer .privately_logo p,
  footer .ssl_logo p {width: 80%;}
  footer .privately_logo p {padding-left: 3%;}
  footer .ssl_logo p {padding-left: 7%;}
  footer .website_list dt {font-weight: bold;}
  footer .contentList dd ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  footer .website_list li {
    width: calc(50% - 4px);
  }
  footer .website_list a {
    background: #fff;
    border: solid 1px #e5e5e5;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 45px;
  }
  footer .website_list li img {
    width: 80%;
    max-width: 150px;
    height: auto;
  }
  footer .website_list li.website__epilogi img {
    width: 60%;
  }
  footer .footer_bottom {
    font-size: 2.5vw;
    padding: 5% 0;
    text-align: center;
  }
}
/*スマホ用 e*/