#footer_type2{background-color: #3f3f3f;color: #fff; position: relative; z-index: 2;}
#footer_type2 .copy{margin-top: 44px;}

#footer_type2 .footer_inner{padding: 70px 0 73px;line-height:1.6;color:#aeaeae;font-weight: 300;font-size: 16px;display: flex;align-items: flex-start;justify-content: space-between;flex-wrap: wrap;}
#footer_type2 .footer_inner .col_lft,
#footer_type2 .footer_inner .col_rgh{display:flex;align-items: center;}
#footer_type2 .footer_inner .col_lft .link{margin-left:120px; margin-top:8px; line-height:1;}
#footer_type2 .footer_inner .col_lft .link ul{display:flex;align-items: center;}
#footer_type2 .footer_inner .col_lft .link ul li{margin-right:20px;}
#footer_type2 .footer_inner .col_lft .link ul li a{color:#aeaeae}

#footer_type2 .col_rgh{margin-left: auto;text-align: right; justify-content:flex-end; align-items:center;}


.area_sns ul{align-items: center;justify-content: center;display: flex;}
.area_sns ul li{margin-left: 10px;}
.area_sns ul li a{display: flex;width: 30px;height: 30px;align-items: center;justify-content: center;opacity: 0.5;}
.area_sns ul li a:hover{opacity:1;}
.area_sns ul li:first-child{margin-left:0;}

#footer_type2 .col_rgh .copy{margin-top:25px; line-height:1; font-weight:200;}

#footer_type2 .familySite{margin-left:70px;}

#footer_type2 .footer_inner .col_lft .link ul li a.on,
#footer_type2 .footer_inner .col_lft .link ul li a:hover,
#footer_type2 a:hover{ color:#fff;}

@media screen and (max-width: 1180px) {
    #footer_type2 .footer_inner .col_lft,
    #footer_type2 .footer_inner .col_rgh{display:flex;flex-direction: column;align-items: flex-start;}
    #footer_type2 .footer_inner .col_lft .link{margin-left: 0;margin-top: 40px;line-height:1;}
    #footer_type2 .copy{margin-top: 44px; width:100%;}
    #footer_type2 .familySite{margin-left:0; margin-top:20px;}
    #footer_type2 .area_sns{width:100%;}
}


@media screen and (max-width: 840px) {

    #footer_type2 .footer_inner{padding: 12vw 0 25vw;font-size: 4vw; display: flex; flex-direction:column; }
    #footer_type2 .logo img{width:40vw}
    #footer_type2 .footer_inner .col_lft .link{margin-top: 10vw;}
    #footer_type2 .footer_inner .col_lft .link ul li{margin-right:4vw;}
    #footer_type2 .col_rgh{margin:15vw 0 0;text-align:left;display: flex;}
    #footer_type2  .area_sns ul{align-items: center;justify-content: flex-start;display: flex;}
    #footer_type2  .area_sns ul li{width:auto; height:4vw; margin-right:0vw;}
    #footer_type2  .area_sns ul li img{height:4vw;}
    #footer_type2 .familySite{margin-left:0; margin-top:13vw;}
    #footer_type2 .copy{margin-top: 10vw;word-break: keep-all;}
}




.box-select-ty1 {display:inline-block;position:relative;min-width:60px;height: 60px;text-align:left;cursor:pointer;background-color:#fff;}
.box-select-ty1 a {display:block; padding:0px 10px;  font-size:15px; line-height:24px; color:#666;}
.box-select-ty1 .selectVal {
  padding:8px 66px 8px 11px;
  border:1px solid #c2c2c2;
  background:url(../images/common/ico_box-select-ty1_arrow.gif) right center no-repeat;
}
.box-select-ty1 .selectVal a {vertical-align:middle;}
.box-select-ty1 .selectVal a:focus {color:#fff; background-color:#3399FF;}
.box-select-ty1 .selectMenu {
  display:none;
  position:absolute;
  left:0;
  z-index:100;
  width:100%;
  padding:12px 11px 11px 11px;
  border:1px solid #c2c2c2;
  background-color:#fff;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -o-box-sizing:border-box;
}
.box-select-ty1.up .selectMenu {bottom:39px; border-bottom:0px;}
.box-select-ty1.down .selectMenu {top:40px; border-top:0px;}
.box-select-ty1.on .selectMenu {display:inline-block; *display:inline; *zoom:1;}
.box-select-ty1 .selectMenu li a {background-color:transparent; color: #333;}
.box-select-ty1 .selectMenu li:hover a {background-color:#ddd;}
.box-select-ty1 .selectMenu li a:focus {background-color:#ddd;}

.box-select-ty1.footer {width: 200px; height:50px; background-color: #545b6c; display: inline-block;}
.box-select-ty1.footer  a {display:block;padding:2px 10px; font-size: 14px; }
.box-select-ty1.footer .selectVal {
  padding: 12px 66px 13px 11px;  background-color: #545b6c;
  background: none;
  border: 0;
}
.box-select-ty1.up.footer .selectMenu {overflow: auto; bottom: 50px;border-bottom:0px;border-radius: 0;overflow: hidden;border: 0;padding: 8px; background-color: #545b6c; border: 1px solid #4e535f ;}
.box-select-ty1.footer .selectVal >  a{color: #fff;}
.box-select-ty1.footer .selectVal a:focus {color:#fff; background-color:transparent;}
.box-select-ty1.footer .selectVal:after{ position: absolute; right: 20px;top: 18px; width: 11px;height: 6px; content:"\eb49"; font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none;
      line-height: 1; color: #fff;
     /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}


.box-select-ty1.footer {width: 240px; height:48px; background-color: transparent; display: inline-block; border:1px #686867 solid; border-radius:500px;}
.box-select-ty1.footer  a {display:block;padding:2px 10px; font-size: 16px;  color: #aeaeae;}
.box-select-ty1.footer .selectVal {
  padding: 9px 66px 13px 15px;
  background-color: #545b6c;
  background: none;
  border: 0;
}
.box-select-ty1.up.footer .selectMenu li a{color: #fff;}
.box-select-ty1.up.footer .selectMenu li:hover a{color: #333;}
.box-select-ty1.up.footer .selectMenu {height: 133px;bottom: 54px;border-bottom:0px;border-radius: 20px;overflow: auto;border: 0;padding: 8px;background-color: #071e54;border: 1px solid #0b2970;}
.box-select-ty1.footer .selectVal >  a{color: #aeaeae;}
.box-select-ty1.footer .selectVal a:focus {color:#fff; background-color:transparent;}
.box-select-ty1.footer .selectVal:after{
      position: absolute;
      right: 20px;
      top: 18px;
      width: 11px;
      height: 6px;
      content:"\eb49";
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      color: #aeaeae;
     /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}

.box-select-ty1.type1 {background-color: #fff;display: inline-block;border: 1px solid #cdd2dd;border-radius: 10px;min-width: 150px;}
.box-select-ty1.type1  a {display:block;padding:2px 10px; font-size: 14px; color: #333; }
.box-select-ty1.type1 .selectVal {
  padding: 17px 66px 16px 11px;
  background-color: #fff;
  background: none;
  border: 0;
}
.box-select-ty1.type1 .selectVal.sz2{padding: 6px 36px 4px 7px;}
.box-select-ty1.up.type1 .selectMenu {bottom: 50px;border-bottom:0px;border-radius: 0;overflow: hidden;border: 0;padding: 8px; background-color: #545b6c; border: 1px solid #4e535f ;}
.box-select-ty1.type1 .selectVal >  a{color: #1c1c1c;font-size: 18px;}
.box-select-ty1.type1 .selectVal a:focus {color:#333; background-color:transparent;}
.box-select-ty1.type1 .selectVal:after{
      position: absolute;
      right: 20px;
      top: 22px;
      /* width: 11px; */
      /* height: 6px; */
      content:"\e9bb";
      font-family: 'icomoon' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      color: #333;
     /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
}

@media screen and (max-width: 840px) {
  .box-select-ty1.type1 {background-color: #fff;display: inline-block;border: 1px solid #cdd2dd;border-radius: 10px;min-width: 150px;height: 13vw;}
.box-select-ty1.type1  a {display:block;padding:2px 10px; font-size: 14px; color: #333; }
.box-select-ty1.type1 .selectVal {
  padding: 3vw 12vw 3vw 4vw;
  background-color: #fff;
  background: none;
  border: 0;
}


  .box-select-ty1.type1 .selectVal:after{
      position: absolute;
      right: 5vw;
      top: 5vw;
}
  
  .box-select-ty1.footer{}
  .box-select-ty1.footer .selectVal:after{top: 16px;font-size: 15px;}
  .box-select-ty1.footer .selectVal {
      
  }

}