/* ---------------------------------------------------
	footer - リニューアル後
------------------------------------------------------ */
#footer.re{background: color-mix(in srgb, #9AB5B9 50%, #FFF);max-width: 100%;position: relative;color: #000;padding:calc(100vw*(135 / 1366)) 0 calc(100vw*(88 / 1366));font-family:"kozuka gothic pr6n","Noto Sans JP",sans-serif;box-sizing: border-box;}
#footer.re *{box-sizing: border-box;}
#footer.re .pt-btn{position: absolute;width: calc(100vw*(100 / 1366));height: calc(100vw*(100 / 1366));right: calc(100vw*(116 / 1366));top: calc(100vw*(-50 / 1366));display: block;}
#footer.re .pt-btn img{width: 100%;}
#footer.re .wrap{display: flex;justify-content: center;column-gap: calc(100vw*(200 / 1366));}

#footer.re .wrap .left{}
#footer.re .wrap .left .flogo{width: calc(100vw*(300 / 1366));margin-bottom: calc(100vw*(48 / 1366));display: block;}
#footer.re .wrap .left .flogo img{width: 100%;max-width: 100%;}
#footer.re .wrap .left .copy{font-size: calc(100vw*(12 / 1366));font-weight: 400;font-style: normal;}

#footer.re .wrap .right{margin-top: calc(100vw*(27 / 1366));}
#footer.re .wrap .right .info{font-size: calc(100vw*(14 / 1366));line-height: 1.68;font-weight: 400;}
#footer.re .wrap .right .links{display: flex;align-items: center;margin-top:calc(100vw*(15 / 1366));}
#footer.re .wrap .right .links .contact{font-weight: 500;background: #000;color: #fff;border-radius: calc(100vw*(10 / 1366));width: calc(100vw*(220 / 1366));height: calc(100vw*(40 / 1366));;margin-right: calc(100vw*(20 / 1366));font-size: calc(100vw*(18 / 1366));text-align: center;display: flex;justify-content: center;align-items: center;}
#footer.re .wrap .right .links .sns{display: flex;column-gap:calc(100vw*(15 / 1366));}
#footer.re .wrap .right .links .sns .item{display: block;width: calc(100vw*(40 / 1366));height: calc(100vw*(40 / 1366));}
#footer.re .wrap .right .links .sns .item img{width: 100%;}

@media screen and (max-width: 767px) {
    #footer.re{padding:calc(100vw*(55 / 375)) calc(100vw*(10 / 375)) calc(100vw*(28 / 375));}
    #footer.re .pt-btn{width: calc(100vw*(60 / 375));height: calc(100vw*(60 / 375));right: calc(100vw*(25 / 375));top: calc(100vw*(-25 / 375));}
    #footer.re .copy{font-size: calc(100vw*(12 / 375)); text-align: center; margin-top: calc(100vw*(35 / 375));}
    #footer.re .wrap{display: block;}

    #footer.re .wrap .left{}
    #footer.re .wrap .left .flogo{width: calc(100vw*(200 / 375));margin-left: auto;margin-right: auto;margin-bottom: calc(100vw*(30 / 375))}
   
    #footer.re .wrap .right{margin-top: calc(100vw*(27 / 375)); text-align: center;}
    #footer.re .wrap .right .info{font-size: calc(100vw*(14 / 375)); text-align: left; display: inline-block;}
    #footer.re .wrap .right .links{margin-top:calc(100vw*(15 / 375));max-width: 75%;margin-left: auto;margin-right: auto;}
    #footer.re .wrap .right .links .contact{border-radius: calc(100vw*(10 / 375));width: calc(100vw*(220 / 375));height: calc(100vw*(40 / 375));margin-right: calc(100vw*(20 / 375));font-size: calc(100vw*(16 / 375));}
    #footer.re .wrap .right .links .sns{column-gap:calc(100vw*(10 / 375));}
    #footer.re .wrap .right .links .sns .item{width: calc(100vw*(30 / 375));height: calc(100vw*(30 / 375));}
}

@media screen and (max-width: 767px), (max-width: 896px) and (orientation: landscape) {
    #footer.re .wrap{display: block;}

    #footer.re .wrap .left{}
}

@media screen and (max-width: 767px) and (orientation: landscape) {
  #footer.re{padding:calc(100vw*(55 / 667)) calc(100vw*(10 / 667)) calc(100vw*(28 / 667));}
  #footer.re .pt-btn{width: calc(100vw*(80 / 667));height: calc(100vw*(80 / 667)); right: calc(100vw*(40 / 677)); top: calc(100vw*(-40 / 677));}
  #footer.re .copy{font-size: calc(100vw*(12 / 667)); margin-top: calc(100vw*(35 / 667));}
  
  #footer.re .wrap .left .flogo{width: calc(100vw*(300 / 667));margin-left: auto;margin-right: auto;margin-bottom: calc(100vw*(30 / 667))}
  
  #footer.re .wrap .right{margin-top: calc(100vw*(27 / 667));}
  #footer.re .wrap .right .info{font-size: calc(100vw*(14 / 667));}
  #footer.re .wrap .right .links{margin-top:calc(100vw*(15 / 667)); justify-content: center;}
  #footer.re .wrap .right .links .contact{border-radius: calc(100vw*(10 / 667));width: calc(100vw*(220 / 667));height: calc(100vw*(40 / 667));;margin-right: calc(100vw*(20 / 667));font-size: calc(100vw*(18 / 667));}
  #footer.re .wrap .right .links .sns{column-gap:calc(100vw*(15 / 667));}
  #footer.re .wrap .right .links .sns .item{width: calc(100vw*(40 / 667));height: calc(100vw*(40 / 667));}
}