@charset "UTF-8";

/* ====================================
 * 共通 フッター部問い合わせボタン及び追従バナー 
 * inquiryBanner.css
 * 20220307
==================================== */



/* ----------------------------------------------
           　共通　フッターバナー
---------------------------------------------- */
.area-footerBanner{
  font-size:16px;
  padding-top:60px;
  border-top:1px solid #dbdbd3;
}
.area-footerBanner .footer_banner{
  display:flex;
  justify-content:space-between;
}
.area-footerBanner .footer_banner > .bnr{
  box-sizing:border-box;
  width:calc(50% - 44px);
  font-family: Noto Sans CJK JP,sans-serif;
}
.area-footerBanner .footer_banner > .bnr a{
  text-decoration:none;
  color:#ffffff;
  display:block;
  opacity:1;
  transition:opacity 0.3s ease;
}
.area-footerBanner .footer_banner > .bnr a + p{
  margin-top:10px;
  font-size:87.5%;
  letter-spacing:0.05em;
  line-height:1.4;
}
.area-footerBanner .footer_banner > .bnr a:hover{
  opacity:0.7;
}
.area-footerBanner .footer_banner > .bnr a > div{
  display:flex;
  align-items:center;
}
.area-footerBanner .footer_banner .bnr .rightSide p{
  font-size:185%;
  letter-spacing:0.025em;
  line-height:1.25;
  text-align:center;
  color:#ffffff;
}
/* safariのみ */
_::-webkit-full-page-media, _:future, :root .area-footerBanner .footer_banner .bnr .rightSide p{letter-spacing:0;}
/* IEのみ */
_:-ms-input-placeholder, :root .area-footerBanner .footer_banner .bnr .rightSide p{letter-spacing:0;}
.area-footerBanner .footer_banner .bnr .rightSide .arrowBox{
  position:relative;
  padding:8px;
  font-size:112.5%;
  color:#333333;
  font-weight:600;
  text-align:center;
  background-color:#ffffff;
}
.area-footerBanner .footer_banner .bnr .rightSide .arrowBox::after{
  content:"";
  display:block;
  width:8px;
  height:13px;
  position:absolute;
  top:50%;
  right:10px;
  background:url(/tochikatsuyou/img/common/bnrIco_arrow01.png) no-repeat center center /contain;
  transform:translateY(-50%);
}
.area-footerBanner .footer_banner .bnr .bnrCatalog{
  box-sizing:border-box;
  height:210px;
  padding:40px 35px 38px 23px;
  border:solid 10px #f5d3b7;
  background-color:#ed6c00;
}
.area-footerBanner .footer_banner .bnr .bnrCatalog .icon img{
  width:144px;
}
.area-footerBanner .footer_banner .bnr .bnrCatalog .rightSide{
  padding-left:23px;
  width:calc(100% - 144px);
}
.area-footerBanner .footer_banner .bnr .bnrCatalog .rightSide p{
  margin-bottom:20px;
}
.area-footerBanner .footer_banner .bnr .bnrCatalog .rightSide .arrowBox{
  box-shadow:0 5px 0 0 #dd2d00;
}
.area-footerBanner .footer_banner .bnr .bnrInquiry{
  box-sizing:border-box;
  height:210px;
  padding:20px 35px 31px 33px;
  border:solid 10px #bfd8de;
  background-color:#00758e;
}
.area-footerBanner .footer_banner .bnr .bnrInquiry .icon{
  width:122px;
  padding-top:15px;
}
.area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide{
  padding-left:33px;
  width:calc(100% - 122px);
}
.area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide p{
  margin-bottom:10px;
}
/* 220912 お問い合わせ文言変更・調整 */
.area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide p > span{
  font-size:91%;
}
.area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide p > span > span{
  letter-spacing:-0.05em;
}
/* /220912 お問い合わせ文言変更・調整 */
.area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide .arrowBox{
  box-shadow:0 5px 0 0 #003650;
}
@media screen and (max-width:768px){
  .area-footerBanner{
    padding-top:50px;
  }
  .area-footerBanner .footer_banner{
    display:block;
  }
  .area-footerBanner .footer_banner > .bnr{
    box-sizing:border-box;
    margin:0 auto;
    width:100%;
    max-width:345px;
  }
  .area-footerBanner .footer_banner > .bnr a{
    transition:none;
  }
  .area-footerBanner .footer_banner > .bnr a + p{
    margin-top:8px;
    text-align:center;
    font-size:68.75%;
  }
  .area-footerBanner .footer_banner > .bnr a:hover{
    opacity:1;
  }
  .area-footerBanner .footer_banner > .bnr a > div{
    display:flex;
    align-items:center;
    justify-content:space-around;
  }
  .area-footerBanner .footer_banner .bnr .rightSide p{
    font-size:118.75%;
    /* font-size:125%; */
    letter-spacing:0.025em;
    line-height:1.25;
  }
  .area-footerBanner .footer_banner .bnr .rightSide .arrowBox{
    padding:5px;
    font-size:72.4%;
  }
  .area-footerBanner .footer_banner .bnr .rightSide .arrowBox::after{
    width:5px;
    height:7px;
    right:7px;
  }
  .area-footerBanner .footer_banner .bnr .bnrCatalog{
    padding:28px 17px 26px;
    margin-bottom:20px;
    height:auto;
    border:solid 6px #f5d3b7;
  }
  .area-footerBanner .footer_banner .bnr .bnrCatalog .icon{
    padding-top:3px;
    width:31%;
  }
  .area-footerBanner .footer_banner .bnr .bnrCatalog .rightSide{
    padding-left:15px;
    width:69%;
  }
  .area-footerBanner .footer_banner .bnr .bnrCatalog .rightSide p{
    margin-bottom:12px;
  }
  .area-footerBanner .footer_banner .bnr .bnrCatalog .rightSide .arrowBox{
    box-shadow:0 3px 0 0 #dd2d00;
  }
  .area-footerBanner .footer_banner .bnr .bnrInquiry{
    padding:15px 17px 19.5px ;
    height:auto;
    border:solid 6px #bfd8de;
  }
  .area-footerBanner .footer_banner .bnr .bnrInquiry .icon{
    width:31%;
    padding:17px 7px 0;
  }
  .area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide{
    padding-left:15px;
    width:69%;
  }
  .area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide p{
    margin-bottom:8px;
  }
  /* 220912 お問い合わせ文言変更・調整 */
  .area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide p > span{
    font-size:88%;
  }
  /* /220912 お問い合わせ文言変更・調整 */
  .area-footerBanner .footer_banner .bnr .bnrInquiry .rightSide .arrowBox{
    box-shadow:0 3px 0 0 #003650;
  }
}
@media screen and (max-width:360px){
  .area-footerBanner .footer_banner .bnr .rightSide p{font-size:112.5%;}
  .area-footerBanner .footer_banner .bnr .bnrCatalog{padding:28px 12px 26px;}
}
@media screen and (max-width:340px){
  .area-footerBanner .footer_banner .bnr .rightSide p{font-size:93.75%;}
  .area-footerBanner .footer_banner .bnr .rightSide .arrowBox{font-size:68.75%;}
}


/* ----------------------------------------------
           　共通　追従バナー
---------------------------------------------- */
#area-fixBtn{
  position:fixed;
  top:280px;
  right:0;
  z-index:2;
  overflow:hidden;
  opacity:1;
  transition: opacity 0.3s ease;
}
#area-fixBtn.off{
  opacity:0;
  pointer-events: none;
}
/* firefoxのみ */
@media screen and (max-width: 1200px) and (min-width: 769px){
  @-moz-document url-prefix() {#area-fixBtn,#area-fixBtn.off{display:none;}}
}
#area-fixBtn li{
  line-height:1;
}
#area-fixBtn a{
  display:inline-block;
  padding:0;
  line-height:1;
  opacity:1;
  transition:opacity 0.3s ease;
}
#area-fixBtn a:hover{
  opacity:0.7;
}
#area-fixBtn .btnCatalog{
  margin-bottom:2px;
}
@media screen and (max-width:768px){
  #area-fixBtn{
    display:flex;
    top:auto;
    bottom:0;
    width:100%;
  }
  /* firefoxのみ */
  @-moz-document url-prefix() {#area-fixBtn{display:flex;}}
  #area-fixBtn li{
    width:50%;
  }
  #area-fixBtn a{
    display:block;
    padding:1px 5px 4px;
    color:#ffffff;
    font-weight:400;
    font-size:100%;
    text-align:center;
    letter-spacing:0.15em;
    line-height:1.7;
    transition:none;
  }
  #area-fixBtn a:hover{
    opacity:1;
  }
  #area-fixBtn a img{
    margin-right:10px;
    height:18px;
    vertical-align:middle;
  }
  #area-fixBtn .btnCatalog{
    margin-bottom:0px;
  }
  #area-fixBtn .btnCatalog a{
    letter-spacing:0.15em;
    background-color:#ed6c00;
    border-top:2px solid #f5d3b7;
  }
  #area-fixBtn .btnInquiry a{
    letter-spacing:0.05em;
    background-color:#00758e;
    border-top:2px solid #bfd8de;
  }
  /* 共通テンプレート ページトップボタン位置調整 */
  .-shown .Footer__pageTopAnchor{
    bottom:45px;
  }
}