@charset "UTF-8";
@media screen and (min-width: 768px), print { .tel_area { border: 2px solid #e74200; }
  .tel_area .tel_ttl { position: relative; width: 100%; height: 128px; display: flex; justify-content: center; align-items: center; font-size: 32px; line-height: 48px; font-weight: bold; background-color: #e74200; color: #fff; }
  .tel_area .tel_ttl .imgposi { position: absolute; bottom: 0; left: 3%; }
  .tel_area .office_box { display: flex; justify-content: space-between; margin-left: 40px; margin-right: 40px; margin-top: 40px; margin-bottom: 30px; }
  .tel_area .office_box .office { background-color: #fdece5; font-weight: bold; text-align: center; padding-top: 1.5em; padding-bottom: 1.5em; }
  .tel_area .tel_time { font-size: 32px; font-weight: 500; text-align: center; margin-bottom: 40px; }
  .btn a { width: 100%; max-width: 540px; font-size: 20px; }
  .ttl_form { margin-top: 80px; text-align: center; font-size: 36px; line-height: 1.5; font-weight: bold; color: #e74200; margin-bottom: 40px; padding-top: 0.5em; } }
@media screen and (min-width: 768px) and (min-width: 1184px) { .office_box .office { width: calc( (100% - 64px) / 3 ); }
  .office_box .office .of_t01 { font-size: 28px; line-height: 28px; }
  .office_box .office .of_t02 { margin-top: 0.5em; font-size: 32px; line-height: 36px; } }
@media screen and (min-width: 768px) and (max-width: 1183px) { /* PC以下 */
  .office_box .office { width: calc( (100% - 32px) / 3 ); }
  .office_box .office .of_t01 { font-size: 24px; line-height: 24px; }
  .office_box .office .of_t02 { margin-top: 0.5em; font-size: 24px; line-height: 24px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { /* タブレット以下 */ }
@media screen and (max-width: 767px) { .tel_area { border: 1px solid #e74200; }
  .tel_area .tel_ttl { position: relative; width: 100%; height: 64px; display: flex; justify-content: center; align-items: center; font-size: 16px; line-height: 24px; background-color: #e74200; color: #fff; }
  .tel_area .tel_ttl .imgposi { position: absolute; bottom: 0; left: 6px; width: 54px; height: 70px; }
  .tel_area .office_box { display: flex; flex-direction: column; margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom: 15px; }
  .tel_area .office_box .office { background-color: #fdece5; font-weight: bold; text-align: center; padding-top: 0.75em; padding-bottom: 0.75em; }
  .tel_area .office_box .office .of_t01 { font-size: 18px; line-height: 18px; }
  .tel_area .office_box .office .of_t02 { margin-top: 0.25em; font-size: 22px; line-height: 22px; }
  .tel_area .office_box .office:nth-child(n+2) { margin-top: 0.5em; }
  .tel_area .tel_time { font-size: 16px; font-weight: 500; text-align: center; margin-bottom: 20px; }
  .btn a { width: 100%; padding-top: 1rem; padding-bottom: 1rem; padding-left: 2rem; padding-right: 2rem; height: 78px; border-radius: 39px; max-width: 360px; font-size: 16px; }
  .ttl_form { margin-top: 40px; text-align: center; font-size: 20px; line-height: 1.5; font-weight: bold; color: #e74200; margin-bottom: 20px; padding-top: 0.5em; } }