body {
  font-family: 'Noto Sans JP', sans-serif; }

p {
  line-height: 1.75em; }

img {
  width: 100%; }

.inner {
  margin: 0 auto;
  max-width: 1160px;
  width: 96%; }
  @media screen and (max-width: 768px) {
    .inner {
      max-width: 89.33%;
      width: 100%; } }

.inner2 {
  margin: 0 auto;
  max-width: 960px;
  width: 96%; }
  @media screen and (max-width: 768px) {
    .inner2 {
      max-width: 89.33%;
      width: 100%; } }

.sp {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp {
      display: block; } }

@media screen and (max-width: 768px) {
  .pc {
    display: none !important; } }

.cmn__wrp article > *:nth-last-child(1) {
  padding-bottom: 0 !important; }

.mgBPC55 {
  margin-bottom: 55px; }

@media screen and (max-width: 768px) {
  .mgBSP60 {
    margin-bottom: 7.8125vw; } }

.ttl {
  text-align: center; }
  .ttl h1 {
    font-family: 'Noto Serif JP', serif;
    font-weight: 500;
    color: #C27358;
    font-size: 40px;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 768px) {
      .ttl h1 {
        font-size: 6.7708333333vw; } }
  .ttl h2 {
    line-height: 1;
    text-align: left;
    font-weight: 700;
    font-size: 24px; }
    @media screen and (max-width: 768px) {
      .ttl h2 {
        font-size: 3.90625vw; } }
    .ttl h2 span {
      display: block;
      font-weight: 500;
      font-size: 16px;
      margin-top: 10px; }
      @media screen and (max-width: 768px) {
        .ttl h2 span {
          font-size: 2.34375vw; } }
      @media screen and (max-width: 768px) {
        .ttl h2 span {
          margin-top: 1.3020833333vw; } }

/* CSS Document */
.inner > .ttl {
  padding-top: 120px; }
  .inner > .ttl h1 {
    line-height: 1.6; }
  @media screen and (max-width: 768px) {
    .inner > .ttl {
      padding-top: 13.02083vw; } }

.calltxt {
  font-size: 16px;
  text-align: center;
  margin: 50px 0 80px; }
  @media screen and (max-width: 768px) {
    .calltxt {
      font-size: 3.6458333333vw; } }
  @media screen and (max-width: 768px) {
    .calltxt {
      text-align: left;
      margin: 7.8125vw 0 13.0208333333vw; } }

.callcenter_wrap {
  max-width: 720px;
  margin: 0 auto; }
  .callcenter_wrap .callcenter_wrap_box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap; }
    .callcenter_wrap .callcenter_wrap_box:not(:last-child) {
      margin-bottom: 80px; }
      @media screen and (max-width: 768px) {
        .callcenter_wrap .callcenter_wrap_box:not(:last-child) {
          margin-bottom: 9.1145833333vw;
          padding-bottom: 7.1614583333vw;
          border-bottom: 2px solid #E7E7E7; } }
    .callcenter_wrap .callcenter_wrap_box picture {
      width: 41.6666%; }
      @media screen and (max-width: 768px) {
        .callcenter_wrap .callcenter_wrap_box picture {
          width: 29.3333%; } }
    .callcenter_wrap .callcenter_wrap_box .txt {
      width: 52.7777%; }
      @media screen and (max-width: 768px) {
        .callcenter_wrap .callcenter_wrap_box .txt {
          width: 65.3333%; } }
      .callcenter_wrap .callcenter_wrap_box .txt .tag {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 30px; }
        @media screen and (max-width: 768px) {
          .callcenter_wrap .callcenter_wrap_box .txt .tag {
            margin-bottom: 3.90625vw; } }
        .callcenter_wrap .callcenter_wrap_box .txt .tag .brown {
          background: #D7A476; }
        .callcenter_wrap .callcenter_wrap_box .txt .tag .gray {
          background: #909090; }
        .callcenter_wrap .callcenter_wrap_box .txt .tag .orange {
          background: #FF8470; }
        .callcenter_wrap .callcenter_wrap_box .txt .tag span {
          font-size: 16px;
          color: #fff;
          display: inline-block;
          padding: 8px 15px; }
          @media screen and (max-width: 768px) {
            .callcenter_wrap .callcenter_wrap_box .txt .tag span {
              font-size: 2.34375vw; } }
          @media screen and (max-width: 768px) {
            .callcenter_wrap .callcenter_wrap_box .txt .tag span {
              padding: 1.3020833333vw 1.953125vw; } }
          .callcenter_wrap .callcenter_wrap_box .txt .tag span:first-child {
            margin-right: 10px; }
            @media screen and (max-width: 768px) {
              .callcenter_wrap .callcenter_wrap_box .txt .tag span:first-child {
                margin-right: 1.3020833333vw; } }
      .callcenter_wrap .callcenter_wrap_box .txt .ttl {
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          .callcenter_wrap .callcenter_wrap_box .txt .ttl {
            margin-bottom: 3.2552083333vw; } }
      .callcenter_wrap .callcenter_wrap_box .txt .tel {
        margin-bottom: 25px; }
        @media screen and (max-width: 768px) {
          .callcenter_wrap .callcenter_wrap_box .txt .tel {
            margin-bottom: 3.90625vw; } }
        .callcenter_wrap .callcenter_wrap_box .txt .tel a {
          transition: 0.8s;
          line-height: 1;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          font-weight: 600;
          font-family: sofia-pro, sans-serif;
          font-size: 40px; }
          @media screen and (max-width: 768px) {
            .callcenter_wrap .callcenter_wrap_box .txt .tel a {
              font-size: 6.1197916667vw; } }
          @media screen and (max-width: 768px) {
            .callcenter_wrap .callcenter_wrap_box .txt .tel a {
              align-items: center; } }
          .callcenter_wrap .callcenter_wrap_box .txt .tel a:hover {
            opacity: 0.8; }
          .callcenter_wrap .callcenter_wrap_box .txt .tel a svg {
            width: 40px;
            margin-top: 7px; }
            @media screen and (max-width: 768px) {
              .callcenter_wrap .callcenter_wrap_box .txt .tel a svg {
                width: 6.5104166667vw;
                margin-top: 0.9114583333vw;
                margin-right: 0.9765625vw; } }
      .callcenter_wrap .callcenter_wrap_box .txt .btn a {
        color: #C27358;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 16px;
        font-weight: 700; }
        @media screen and (max-width: 768px) {
          .callcenter_wrap .callcenter_wrap_box .txt .btn a {
            font-size: 3.125vw; } }
        .callcenter_wrap .callcenter_wrap_box .txt .btn a svg {
          width: 8px;
          margin-left: 10px; }
          @media screen and (max-width: 768px) {
            .callcenter_wrap .callcenter_wrap_box .txt .btn a svg {
              width: 1.3020833333vw;
              margin-left: 1.3020833333vw; } }

.contact_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-top: 80px; }
  @media screen and (max-width: 768px) {
    .contact_wrap {
      display: block;
      margin-top: 13.0208333333vw; } }
  .contact_wrap.aic {
    align-items: center; }
  @media screen and (max-width: 768px) {
    .contact_wrap .flxL {
      margin-bottom: 6.9010416667vw; } }
  .contact_wrap .flxL h3 {
    font-size: 15px;
    margin-bottom: 20px; }
    @media screen and (max-width: 768px) {
      .contact_wrap .flxL h3 {
        font-size: 3.6458333333vw; } }
    @media screen and (max-width: 768px) {
      .contact_wrap .flxL h3 {
        text-align: center;
        margin-bottom: 5.2083333333vw; } }
  .contact_wrap .flxL p {
    font-size: 15px;
    margin-top: 6px; }
    @media screen and (max-width: 768px) {
      .contact_wrap .flxL p {
        font-size: 3.6458333333vw; } }
    @media screen and (max-width: 768px) {
      .contact_wrap .flxL p {
        text-align: center;
        margin-top: 4.1666666667vw; } }
  .contact_wrap .flxL a {
    transition: 0.8s;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-weight: 600;
    font-family: sofia-pro, sans-serif;
    font-size: 32px; }
    @media screen and (max-width: 768px) {
      .contact_wrap .flxL a {
        font-size: 7.421875vw; } }
    @media screen and (max-width: 768px) {
      .contact_wrap .flxL a {
        justify-content: center; } }
    .contact_wrap .flxL a:hover {
      opacity: 0.8; }
    .contact_wrap .flxL a svg {
      margin-right: 11px;
      width: 35px;
      height: 35px; }
      @media screen and (max-width: 768px) {
        .contact_wrap .flxL a svg {
          margin-right: 1.4322916667vw;
          width: 8.3333333333vw;
          height: 7.1614583333vw; } }
    .contact_wrap .flxL a.mgB20 {
      margin-bottom: 20px; }
      @media screen and (max-width: 768px) {
        .contact_wrap .flxL a.mgB20 {
          margin-bottom: 4.5572916667vw; } }
  .contact_wrap .flxR a {
    transition: 0.8s;
    line-height: 1;
    color: #fff;
    background: #FF8470;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: -0.01em;
    font-size: 20px;
    position: relative;
    border-radius: 100px;
    width: 500px;
    height: 70px; }
    @media screen and (max-width: 768px) {
      .contact_wrap .flxR a {
        font-size: 3.90625vw; } }
    @media screen and (max-width: 768px) {
      .contact_wrap .flxR a {
        border-radius: 13.0208333333vw;
        width: 100%;
        height: 11.71875vw; } }
    .contact_wrap .flxR a svg {
      margin-top: 1px;
      width: 9px;
      height: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 30px; }
      @media screen and (max-width: 768px) {
        .contact_wrap .flxR a svg {
          margin-top: 0.2604166667vw;
          width: 1.6927083333vw;
          right: 3.90625vw; } }
    .contact_wrap .flxR a:hover {
      opacity: 0.8; }

.cmn_caution__wrap.is_callcenter {
  padding-bottom: 80px; }

@media screen and (max-width: 768px) {
  .cmn_caution__wrap.is_callcenter {
    padding-bottom: 13.0208333333vw; } }

/*# sourceMappingURL=callcenter.css.map */