@charset "utf-8";


.sub5-pg3 .cont{padding:  12rem 0}
.sub5-pg3 .flex-list{display: flex;align-items: flex-start;}
.sub5-pg3 .flex-list > li{}
.sub5-pg3 .flex-list > li.imgBx{width: 35%}
.sub5-pg3 .flex-list > li.txtBx{width: 75%;padding-left: 8rem;}
.sub5-pg3 .flex-list .txt{font-size: 2rem;line-height: 37px;letter-spacing: -0.5px;margin-top: 2rem}

.sub5-pg3 .tel-bx{display: flex;align-items: flex-start;background-color: #FFF2EB;border: 1px solid #FF5F00;border-radius: 2rem;padding: 3.3rem 4.6rem;margin-top: 3.3rem}
.sub5-pg3 .tel-bx strong{font-size: var(--fontSize-31);line-height: 43px;margin-right: 6.8rem}
.sub5-pg3 .tel-bx p{font-size: var(--fontSize-19);line-height: 29px}
.sub5-pg3 .tel-bx .tel{margin-top: 1.1rem;}
.sub5-pg3 .tel-bx .tel .icon{margin-right: 1.5rem}
.sub5-pg3 .tel-bx .tel span{display: inline-block;font-size: 3.9rem;font-weight: bold;line-height: 46px;letter-spacing: -1.17px;}


@media all and (max-width:1400px) {
  .sub5-pg3 .flex-list > li.txtBx{padding-left: 4rem;}
  .sub5-pg3 .tel-bx{padding: 2rem}
  .sub5-pg3 .tel-bx strong{margin-right: 1.5rem;font-size: 3rem;width: 15rem;}
  .sub5-pg3 .tel-bx .tel span{font-size: 3rem;}
}
@media all and (max-width:960px) {
  .sub5-pg3 .flex-list .txt{line-height: 28px;font-size: 1.8rem;}
  .sub5-pg3 .tel-bx{flex-direction: column;align-items: flex-start;}
  .sub5-pg3 .tel-bx strong{width: 100%;margin-right: 0;padding-bottom: 1.5rem;}
  .sub5-pg3 .tel-bx strong br{display: none;}
}
@media all and (max-width:768px) {
  .sub5-pg3 .flex-list{flex-direction: column;align-items: flex-start;}
  .sub5-pg3 .flex-list > li.txtBx{padding-left: 0;}
  .sub5-pg3 .flex-list > li.txtBx,
  .sub5-pg3 .flex-list > li.imgBx{width: 100%;}
  .sub5-pg3 .flex-list > li.imgBx .box-img{width: 100%;height: 25rem;}
  .sub5-pg3 .flex-list > li.imgBx .box-img .img{width: 100%;height: 100%;object-position: 50% 44%;object-fit: cover;}
  .sub5-pg3 .tel-bx strong{font-size: 2.2rem;line-height: 28px;padding-bottom: 1rem;}
  .sub5-pg3 .tel-bx p{font-size: 1.8rem;line-height: 26px;}
  .sub5-pg3 .tel-bx .tel span{font-size: 2.4rem;line-height: 28px;}
  .sub5-pg3 .tel-bx .tel .icon{width: 3.2rem;margin-right: 1rem;}
}
@media all and (max-width:640px) {
  .sub5-pg3 .cont{padding: 8rem 0}
}
@media all and (max-width:360px) {
  .sub5-pg3 .flex-list > li.imgBx .box-img{height: 20rem;}
  .sub5-pg3 .flex-list .txt, .sub5-pg3 .tel-bx p{font-size: 1.6rem;line-height: 24px;}
  .sub5-pg3 .tel-bx .tel span{font-size: 2.3rem;}
}