@media screen and (min-width: 768px), print {
    header .title h1 {
      font-size: 0;
      text-align: center;
    }
    header .title h1 .initial {
      display: inline-block;
      width: 66px;
      height: 73px;
      background-repeat: no-repeat;
      background-position: left top;
    }
    header .title h1 .other {
      display: inline-block;
      width: 748px;
      height: 73px;
      background-repeat: no-repeat;
      background-position: left top;
    }
    header .title h1+p {
      font-size: 32px;
      font-weight: bold;
      line-height: 1.0;
      text-align: center;
      margin-top: 26px;
    }

    article section {
      padding: 100px 120px;
    }

    article section#service .title h2 {
      width: 298px;
      height: 50px;
      background: url("../image/pc/fee-structure/service_title.png") no-repeat left top;
      margin: 0 auto;
    }
    article section#service .content {
      margin-top: 22px;
    }
    article section#service .content .title {
      font-size: 25px;
      font-weight: bold;
      line-height: 1.0;
      text-align: center;
    }
    article section#service .content .line {
      margin-top: 20px;
      margin-bottom: 70px;
    }
    article section#service .content .btn {
      text-align: center;
    }
    article section#service .content .btn a {
      position: relative;
      display: inline-block;
      width: 330px;
      height: 70px;
      background-color: #000;
      font-size: 16px;
      font-weight: bold;
      line-height: 70px;
      color: #fff;
      text-align: center;
      text-decoration: none;
    }
    article section#service .content .btn a:before {
      content: '';
      position: absolute;
      right: 21px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 20px;
      height: 20px;
      box-sizing: border-box;
      border: 1px solid #fff;
      border-radius: 10px;
    }
    article section#service .content .btn a:after {
      content: '';
      position: absolute;
      right: 29px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 4px;
      height: 4px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      transform: rotate(45deg);
    }

    header .title h1 .initial {
      width: 14px;
      height: 45px;
      background-image: url("../image/pc/interview/interview_title_1.png");
    }
    header .title h1 .other {
      width: 376px;
      height: 45px;
      background-image: url("../image/pc/interview/interview_title_2.png");
      background-position: left center;
    }
    article section#interview {
      padding: 100px 0 180px;
    }
    article section#interview .interview_inner {
      width: 940px;
      margin: 0 auto;
    }
    article section#interview .interview_lead h2 {
      font-size: 40px;
      font-weight: bold;
      line-height: 70px;
    }
    article section#interview .interview_guest {
      margin-top: 40px;
      font-size: 22px;
      font-weight: bold;
      line-height: 34px;
    }
    article section#interview .interview_guest span {
      text-decoration: underline;
    }
    article section#interview .interview_business {
      margin-top: 8px;
      font-size: 18px;
      font-weight: bold;
      line-height: 30px;
      color: #808080;
    }
    article section#interview .interview_image {
      margin: 44px 0 0;
    }
    article section#interview .interview_image img {
      display: block;
      width: 100%;
      height: auto;
    }
    article section#interview .image_caption {
      margin-top: 12px;
      font-size: 14px;
      line-height: 24px;
    }
    article section#interview .interview_profile {
      margin-top: 80px;
      padding: 40px 34px 50px;
      background-color: #f0eeee;
    }
    article section#interview .interview_profile .interview_logo {
      display: block;
      margin: 0 auto 40px;
      width: 252px;
    }
    article section#interview .interview_profile img {
      display: block;
      width: 100%;
      height: auto;
    }
    article section#interview .interview_profile p {
      font-size: 16px;
      font-weight: bold;
      line-height: 34px;
      color: #808080;
    }
    article section#interview .company_name {
      text-decoration: underline;
    }
    article section#interview .interview_profile h3 {
      margin: 50px 0 18px;
      font-size: 20px;
      font-weight: bold;
      line-height: 30px;
      text-align: center;
    }
    article section#interview .interview_chapter {
      margin-top: 100px;
    }
    article section#interview .interview_chapter > h3 {
      padding-bottom: 14px;
      border-bottom: 2px solid #ff3b50;
      font-size: 30px;
      font-weight: normal;
      line-height: 46px;
    }
    article section#interview .chapter_label {
      margin-top: 10px;
      font-size: 18px;
      line-height: 28px;
      color: #ff3b50;
    }
    article section#interview .interview_qa {
      margin-top: 60px;
    }
    article section#interview .interview_qa h4 {
      position: relative;
      padding-left: 20px;
      font-size: 20px;
      font-weight: bold;
      line-height: 30px;
    }
    article section#interview .interview_qa h4:before {
      content: '';
      position: absolute;
      top: 14px;
      left: 0;
      width: 10px;
      height: 3px;
      background-color: #ff3b50;
    }
    article section#interview .interview_qa p {
      margin-top: 28px;
      font-size: 16px;
      line-height: 34px;
    }
    article section#interview strong {
      font-weight: bold;
    }
    article section#interview .interview_pair {
      display: grid;
      grid-template-columns: 450px 570px;
      gap: 76px;
      align-items: start;
      margin-top: 44px;
    }
    article section#interview .interview_pair .interview_qa {
      margin-top: 0;
    }
    article section#interview .interview_pair > img {
      display: block;
      width: 570px;
      height: 430px;
      object-fit: cover;
    }
    article section#interview .interview_pair.photo_left {
      grid-template-columns: 570px 450px;
      margin-left: -156px;
    }
    article section#interview .interview_pair.photo_left > img {
      grid-column: 1;
      grid-row: 1;
    }
    article section#interview .interview_pair.photo_left .interview_qa {
      grid-column: 2;
      grid-row: 1;
    }
    article section#interview .interview_closing {
      margin-top: 60px;
    }
    article section#interview span {
      position: static;
      display: inline;
      width: auto;
      height: auto;
      clip: auto;
      overflow: visible;
    }
    article section#interview .interview_logo img.pc {
      display: block;
    }
    article section#interview .interview_logo img.sp {
      display: none;
    }
}

@media screen and (max-width: 767px), print {

    header .title h1 {
      width: 204.5px;
      height: 55.5px;
      font-size: 0;
      text-align: center;
      position: relative;
      margin: 0 auto;
    }
    header .title h1 .initial {
      display: inline-block;
      width: 204.5px;
      height: 25px;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: auto 100%;
    }
    header .title h1 .other {
      position: absolute;
      top: 0;
      left: 0;
      display: inline-block;
      width: 204.5px;
      height: 55.5px;
      background-repeat: no-repeat;
      background-position: left top;
      background-size: 100% auto;
    }
    header .title h1+p {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.0;
      text-align: center;
      margin-top: 13px;
    }

    article {
      padding-top: 0;
    }
    article section {
      position: relative;
      padding: 35px 0 50px;
    }

    article section#service .title h2 {
      width: 151px;
      height: 25px;
      background: url("../image/sp/fee-structure/service_title.png") no-repeat center center;
      background-size: cover;
      margin: 0 auto;
    }
    article section#service .content {
      margin-top: 7px;
    }
    article section#service .content .title {
      font-size: 18px;
      font-weight: bold;
      line-height: 23px;
      text-align: center;
    }
    article section#service .content .line {
      margin-top: 20px;
      margin-bottom: 35px;
    }
    article section#service .content .btn {
      text-align: center;
    }
    article section#service .content .btn a {
      position: relative;
      display: inline-block;
      width: 270px;
      height: 50px;
      background-color: #000;
      font-size: 14px;
      font-weight: bold;
      line-height: 50px;
      color: #fff;
      text-align: center;
      text-decoration: none;
    }
    article section#service .content .btn a:before {
      content: '';
      position: absolute;
      right: 19px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 18px;
      height: 18px;
      box-sizing: border-box;
      border: 1px solid #fff;
      border-radius: 10px;
    }
    article section#service .content .btn a:after {
      content: '';
      position: absolute;
      right: 26px;
      top: 0;
      bottom: 0;
      margin: auto;
      width: 4px;
      height: 4px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      transform: rotate(45deg);
    }

    header .title h1 {
      width: 162.5px;
      height: 18.5px;
    }
    header .title h1 .initial {
      position: absolute;
      top: 0;
      left: 0;
      width: 6px;
      height: 18.5px;
      background-image: url("../image/sp/interview/interview_title_1.png");
      background-size: contain;
    }
    header .title h1 .other {
      position: absolute;
      top: 0;
      left: 6px;
      width: 156.5px;
      height: 18.5px;
      background-image: url("../image/sp/interview/interview_title_2.png");
      background-position: left center;
      background-size: contain;
    }
    article section#interview {
      padding: 30px 0 50px;
    }
    article section#interview .interview_inner {
      padding: 0 10px;
    }
    article section#interview .interview_lead h2 {
      font-size: 16px;
      font-weight: bold;
      line-height: 26px;
    }
    article section#interview .interview_guest {
      margin-top: 22px;
      font-size: 14px;
      font-weight: bold;
      line-height: 24px;
    }
    article section#interview .interview_guest span {
      text-decoration: underline;
    }
    article section#interview .interview_business {
      margin-top: 8px;
      font-size: 14px;
      font-weight: normal;
      line-height: 22px;
      color: #808080;
    }
    article section#interview .interview_image {
      margin: 22px 0 0;
    }
    article section#interview .interview_image img {
      display: block;
      width: 100%;
      height: auto;
    }
    article section#interview .image_caption {
      margin-top: 8px;
      font-size: 14px;
      line-height: 22px;
    }
    article section#interview .interview_profile {
      margin: 40px -10px 0;
      padding: 30px 20px;
      background-color: #f0eeee;
    }
    article section#interview .interview_profile .interview_logo {
      display: block;
      width: 215.5px;
      max-width: 100%;
      margin: 0 0 26px auto;
    }
    article section#interview .interview_profile img {
      display: block;
      width: 100%;
      height: auto;
    }
    article section#interview .interview_profile p {
      font-size: 14px;
      font-weight: bold;
      line-height: 26px;
      color: #808080;
    }
    article section#interview .company_name {
      text-decoration: underline;
    }
    article section#interview .interview_profile h3 {
      margin: 30px 0 16px;
      font-size: 16px;
      font-weight: bold;
      line-height: 26px;
    }
    article section#interview .interview_chapter {
      margin-top: 50px;
    }
    article section#interview .interview_chapter > h3 {
      padding-bottom: 10px;
      border-bottom: 1px solid #ff3b50;
      font-size: 20px;
      font-weight: normal;
      line-height: 32px;
    }
    article section#interview .chapter_label {
      margin-top: 8px;
      font-size: 14px;
      line-height: 24px;
      color: #ff3b50;
    }
    article section#interview .interview_qa {
      margin-top: 32px;
    }
    article section#interview .interview_qa h4 {
      position: relative;
      padding-left: 15px;
      font-size: 15px;
      font-weight: bold;
      line-height: 22px;
    }
    article section#interview .interview_qa h4:before {
      content: '';
      position: absolute;
      top: 11px;
      left: 0;
      width: 10px;
      height: 2px;
      background-color: #ff3b50;
    }
    article section#interview .interview_qa p {
      margin-top: 18px;
      font-size: 14px;
      line-height: 26px;
    }
    article section#interview strong {
      font-weight: bold;
    }
    article section#interview .interview_pair {
      display: flex;
      flex-direction: column;
      gap: 26px;
      margin-top: 26px;
    }
    article section#interview .interview_pair .interview_qa {
      margin-top: 0;
    }
    article section#interview .interview_pair > img {
      order: -1;
      display: block;
      width: 240px;
      max-width: 100%;
      height: auto;
    }
    article section#interview .interview_closing {
      margin-top: 32px;
    }
    article section#interview span {
      position: static;
      display: inline;
      width: auto;
      height: auto;
      clip: auto;
      overflow: visible;
    }
    article section#interview .interview_logo img.pc {
      display: none;
    }
    article section#interview .interview_logo img.sp {
      display: block;
    }
}