@charset "utf-8";

.area_select1{display: inline-block;position: relative;}
.area_select1 .w2{min-width: 280px;}
.area_select1:after{
    font-family: 'bootstrap-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    right: 11px;
    top: calc(50%);
    content: "\F229";
    margin-top: -5px;
    font-size: 13px;
    color: #222;

}
.area_select1 > select {
    min-width: 225px;
    height: 45px;
    padding: 4px 0 4px 20px;
    border: 1px solid #d6dce3;
    font-size: 17px;
    line-height: 1.4;
    color: #222;
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -o-appearance:none;
    font-weight: 400;
    cursor: pointer;
    border-radius: 10px;
    background-color: #fff;
  }
.area_select1 > select::-ms-expand {display:none;}
.area_select1:hover > select,
.area_select1 > select:focus {border:1px solid #000;}

@media screen and (max-width: 840px){
  .area_select1{display: inline-block;position: relative;}
  .area_select1 .w2{min-width: 280px;}
  .area_select1:after{
       right: 2vw;
       margin-top: -2.2vw;
       font-size: 5vw;
       color: #000000;
  }
  .area_select1 > select {
      min-width: 23vw;
      height: 10vw;
      padding: 1vw 2vw 1vw 3vw;
      font-size: 4vw;
      line-height: 1.5;
      border-radius: 1.5vw;
    }
}


#footer{background-color: #0f0f0f;color: #bbbbbb; padding:70px 0 90px;  position: relative; z-index: 2;}
#footer a{color: #bbbbbb;}
#footer a.point,
#footer a:hover{color:#3ba3e7;}
#footer > .inner{max-width: 1400px;margin-left: auto;margin-right: auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
#footer .area_lft,
#footer .area_rgh{ position: relative;  }
#footer .logo{position: absolute; left: 0; top: 0;}


#footer .select,
#footer .wrap_sns{ margin-left: auto; width: 290px; display: flex;justify-content: flex-end;}

#footer .select.mobile{display: none;}
#footer .wrap_sns a{ margin-left: 17px;  font-size: 0; width: 40px; height: 40px; border-radius: 50%; background-color: #373737; display: inline-flex; align-items: center; justify-content: center;}
#footer .wrap_sns a:hover{opacity: 0.7;}
#footer .wrap_policy{max-width: calc(100% - 490px);min-width: calc(100% - 490px);padding-left:200px;margin-top:0;overflow:hidden;position: relative;}


#footer .select{ display:block; text-align:right; margin-top:20px; }
#footer .info{margin-top: -1px; padding-left:270px;margin-top:0; font-size:15px; line-height: 1.5; }
#footer .info > p{ margin-bottom: 7px; }
#footer .info > p > b{}
#footer .info .copy{text-transform: uppercase; margin-top: 34px;}

#footer .select .area_select1 > select{ border: 0; background-color: transparent; border-radius: 0; padding: 4px 0; color: #fff; border-bottom: 1px solid #fff; }
#footer .select .area_select1:after{ color: #fff; right: 5px; }



@media screen and (max-width: 1400px){
  #footer > .inner{margin-left: 40px;margin-right: 40px;display: flex;flex-direction: column;}
  #footer .area_rgh{text-align:right;display: flex;flex-direction: column;align-items: flex-end;}
}

@media screen and (max-width: 1180px){
  #footer{ padding: 60px 0; }
}


@media screen and (max-width: 840px){
  #footer .select{display: none;}
  #footer .select.mobile{display: block;}
  #footer{float:left;width:100%; padding: 13vw 0; }
  #footer a{color: #bbb;}
  #footer > .inner{margin-left: 10vw;margin-right: 10vw;}

  #footer .logo{min-width:40vw;margin-top: 0;position: relative;}
  #footer .logo img{width:35vw;}
  #footer .wrap_policy.mobile{margin-top: 3vw;}
  #footer .wrap_sns{ margin-top: 5vw;  margin-left: auto; min-width: auto;}
  #footer .wrap_sns a{ margin-left: 2vw; font-size: 0; width: 11vw; height: 11vw;}
  #footer .wrap_sns img{width: 3.1vw;}

  #footer .inquiry.mobile{width: 100%;margin-top: 6vw;}
  #footer .inquiry .t{font-size: 3.5vw; }
  #footer .inquiry .tel{ font-size: 5vw; }

  #footer .select{width: 100%;text-align: left;margin-top: 3vw;position: relative;}
  #footer .select .area_select1{width: 85.7vw;}
  #footer .select .area_select1 select{ min-width: 100%; }
  #footer .wrap_policy ul{margin-left:-6vw;}
  #footer .wrap_policy ul > li{padding-left: 3vw;margin-left: 3vw;position: relative;margin-top: 2vw;}
  #footer .wrap_policy ul > li:after{position:absolute; left:0; top:calc(50% - 2.6vw); width:1px; height:4vw; background:#d6dce3; content:"";}
  #footer .wrap_policy ul > li a{font-weight: 600;line-height: 1;font-size: 3.4vw;}

  #footer .info{margin-top: 4vw;display:flex;flex-wrap: wrap;padding-left: 0;font-size: 3.6vw;}
  #footer .info > p{font-size:3.6vw;margin-bottom:2vw;margin-right: 0;display:flex;}
  #footer .info > p{}
 }