@media screen and (min-width: 737px) {
    .sp_only {
      display: unset;
    }
    .about-business-item {
      padding: 2.5rem 2rem 2rem
    }
    .about-business-item::before {
      height: 158px;
      top: -76px;
      width: 158px
    }
    .about-business-item>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 1.03125rem
    }
    .about-business-item>.list {
      margin-top: -.375rem;
      margin-bottom: 2.125rem
    }
    .about-business-item>.list>.item {
      font-size: 1.1875rem
    }
    .about-strength-point {
      margin: -1.25rem -1.25rem
    }
    .about-strength-point>.text {
      margin: 1.25rem 1.25rem;
      width: calc(50% - 2.5rem)
    }
    .about-strength-point>.image {
      margin: 1.25rem 1.25rem;
      width: calc(50% - 2.5rem)
    }
    .about-strength-content {
      margin: -2rem -1.25rem
    }
    .about-strength-content>.item {
      margin: 2rem 1.25rem;
      width: calc(50% - 2.5rem)
    }
    .about-quality {
      margin: 0 -3rem;
      padding: 3rem 3rem 3.5rem
    }
    .about-quality::before {
      height: 9.43375rem;
      top: -0.5rem;
      left: -1rem;
      width: 14.625rem
    }
    .about-quality>.site-heading-simple.-factor2 {
      margin-top: -.46875rem;
      margin-bottom: 1.53125rem
    }
    .about-quality>.site-text-point {
      margin-top: -.5625rem;
      margin-bottom: 2.4375rem
    }
    .about-business>.site-heading-simple {
      margin-top: -.58125rem;
      margin-bottom: 2.41875rem
    }
    .about-business>.content {
      margin: -1.25rem -1.25rem
    }
    .about-business>.content>.item {
      margin: calc(2.5rem * 0.5 + 48px) 1.25rem 1.25rem;
      width: calc(50% - 2.5rem)
    }
    .about-strength>.site-heading-simple.-factor3 {
      margin-top: -.58125rem;
      margin-bottom: 1.41875rem
    }
    .about-strength>.site-text-point {
      margin-top: -.5625rem;
      margin-bottom: 3.1875rem
    }
    .about-strength>.point {
      margin-bottom: 2.75rem
    }
    .about-strength>.content {
      margin-bottom: 4.5rem
    }
    .about-content-item>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 1.03125rem
    }
    .site-chapter.-about {
      background-image: url(../../images/about/image-business.jpg);
      background-size: cover
    }
    .site-chapter.-about>.site-bread-crumb>.inner::after {
      content: none
    }

    .company-outline-image {
      margin-top: -4.5rem;
      margin-bottom: 5rem
    }
    .company-group-item {
      padding: 3rem 3.5rem 3.5rem
    }
    .company-group-item>.name {
      height: 36px
    }
    .company-outline>.site-text-point {
      margin-top: -.68281rem;
      margin-bottom: 4.31719rem
    }
    .company-outline>.site-list-standard {
      margin-bottom: 4rem
    }
    .company-access {
      margin: -1.25rem -1.25rem
    }
    .company-access>.text {
      margin: 1.25rem 1.25rem;
      width: calc(41.66667% - 2.5rem)
    }
    .company-access>.text {
      padding-bottom: 2.625rem
    }
    .company-access>.text>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 1.53125rem
    }
    .company-access>.text>.site-text-primary {
      margin-top: -.375rem;
      margin-bottom: 1.125rem
    }
    .company-access>.map {
      margin: 1.25rem 1.25rem;
      width: calc(58.33333% - 2.5rem)
    }
    .company-access>.map {
      -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
      order: 0
    }
    .company-access>.map>iframe {
      height: 310px
    }
    .company-group-layout {
      padding-top: 2rem
    }
    .company-group-layout>.site-heading-simple.-factor3 {
      margin-top: -.58125rem;
      margin-bottom: 4.16875rem
    }
    .company-group-layout>.site-text-point {
      margin-top: -.68281rem;
      margin-bottom: 4.06719rem
    }
    .company-group-layout>.image {
      margin-bottom: 5rem
    }
    .company-group-layout>.site-heading-simple.-factor2 {
      margin-top: -.46875rem;
      margin-bottom: 2.03125rem
    }
    .company-group {
      margin: -1.25rem -1.25rem
    }
    .company-group>.item {
      margin: 1.25rem 1.25rem;
      width: calc(50% - 2.5rem)
    }
    .contact-attention {
      margin: 1.5rem auto;
      max-width: 632px;
      padding: 2.5rem;
      text-align: center
    }
    .contact-use>.type-item {
      width: calc(50% - 1rem)
    }
    .contact-use>.type-item>input {
      max-width: 168px
    }
    .contact-layout {
      margin-right: auto;
      margin-left: auto;
      max-width: 55rem;
      padding-right: 2.5rem;
      padding-left: 2.5rem
    }
    .contact-buttons>.site-button-primary {
      margin: 0 1.25rem
    }
    .contact-thanks-layout>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 2.28125rem
    }
    .faq-list>.content {
      margin-bottom: 1.5rem
    }
    .faq-list>.content:last-child {
      margin-bottom: 0
    }
    .faq-list>.content>.title {
      padding: 1.5rem
    }
    .faq-list>.content>.title::before {
      font-size: 1.5625rem;
      height: 2.5rem;
      width: 2.5rem
    }
    .faq-list>.content>.title>.text {
      padding-top: 0.3rem
    }
    .faq-list>.content>.description>.site-text-primary {
      padding: 0 1.5rem 1.5rem
    }
    .faq-list>.content>.description>.site-text-primary::before {
      font-size: 1.5625rem;
      height: 2.5rem;
      width: 2.5rem
    }
    .faq-layout>.site-text-primary {
      margin-top: -.375rem;
      margin-bottom: 2.125rem
    }
    .faq-layout>.site-text-primary:last-of-type {
      margin-top: -.375rem;
      margin-bottom: 3.125rem
    }
    .faq-layout>.list {
      margin: -1.25rem -.625rem
    }
    .faq-layout>.list>.item {
      margin: 1.25rem .625rem;
      width: calc(33.33333% - 1.25rem)
    }
    .faq-content>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 1.03125rem
    }
    .home-hero {
      height: 420px;
      margin-bottom: 4rem
    }
    .home-hero-text {
      border-radius: 5px;
      padding: 2.5rem;
      top: 50%;
      bottom: auto;
      left: 2.5rem;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%)
    }
    .home-hero-text>.title {
      margin-top: -.29063rem;
      margin-bottom: 1.70937rem;
      font-size: 1.9375rem;
      letter-spacing: 0.15em
    }
    .home-hero-text>.lead {
      margin-top: 0rem;
      margin-bottom: 0rem;
      font-size: 0.9375rem;
      letter-spacing: 0.3em
    }
    .home-hero-image {
      border-radius: 5px 0 0 5px;
      height: 420px;
      top: 0;
      width: calc(100% - 285px)
    }
    .home-hero-image.-image01 {
      background-image: url(../../images/home/hero01.jpg)
    }
    .home-hero-image.-image02 {
      background-image: url(../../images/home/hero02.jpg)
    }
    .home-hero-image.-image03 {
      background-image: url(../../images/home/hero03.jpg)
    }
    .home-hero-image.-image04 {
      background-image: url(../../images/home/hero04.jpg)
    }
    .home-hero-image.-image05 {
      background-image: url(../../images/home/hero05.jpg)
    }
    .home-business-item {
      padding: 2.5rem 2rem 2rem
    }
    .home-business-item::before {
      height: 158px;
      top: -76px;
      width: 158px
    }
    .home-business-item>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 1.03125rem
    }
    .home-business-item>.list {
      margin-top: -.375rem;
      margin-bottom: 2.125rem
    }
    .home-ingredient-item {
      -ms-flex-wrap: nowrap;
      flex-wrap: nowrap
    }
    .home-ingredient-item>.image {
      border-radius: 5px;
      margin: 0;
      width: 96px
    }
    .home-ingredient-item>.text {
      font-size: 1.25rem;
      font-weight: 700;
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      padding-left: 1.5rem;
      text-align: left;
      width: auto
    }
    .home-news-item>.item {
      padding: 2rem 0
    }
    .home-news-item>.item>.title {
      margin-top: -.3125rem;
      margin-bottom: -.3125rem;
      -webkit-transition-property: color;
      transition-property: color;
      -webkit-transition-duration: .3s;
      transition-duration: .3s;
      -webkit-transition-timing-function: ease;
      transition-timing-function: ease;
      -webkit-transition-delay: 0s;
      transition-delay: 0s;
      font-size: 1.25rem
    }
    .home-news-item>.item>.date {
      margin-top: 0rem;
      margin-bottom: 1rem;
      font-size: 1rem
    }
    .home-news-item:hover>.item>.title {
      color: #00aeeb
    }
    .home-original>.content {
      margin: -1.25rem -1.25rem
    }
    .home-original>.content>.text {
      margin: 1.25rem 1.25rem;
      width: calc(41.66667% - 2.5rem)
    }
    .home-original>.content>.text>.site-heading-simple {
      margin-top: -.58125rem;
      margin-bottom: 1.41875rem
    }
    .home-original>.content>.image {
      margin: 1.25rem 1.25rem;
      width: calc(41.66667% - 2.5rem)
    }
    .home-business>.site-heading-simple {
      margin-top: -.58125rem;
      margin-bottom: 2.91875rem
    }
    .home-business>.content {
      margin: -1.25rem -1.25rem
    }
    .home-business>.content>.item {
      margin: calc(2.5rem * 0.5 + 48px) 1.25rem 1.25rem;
      width: calc(50% - 2.5rem)
    }
    .home-case>.site-heading-simple {
      margin-top: -.58125rem;
      margin-bottom: 1.91875rem
    }
    .home-ingredient>.site-heading-simple.-factor3 {
      margin-top: -.58125rem;
      margin-bottom: 1.91875rem
    }
    .home-ingredient>.content>.site-heading-simple.-factor2 {
      margin-top: -.46875rem;
      margin-bottom: 1.53125rem
    }
    .home-ingredient>.content>.list {
      margin: -.625rem -1.25rem
    }
    .home-ingredient>.content>.list>.item {
      margin: .625rem 1.25rem;
      width: calc(33.33333% - 2.5rem)
    }
    .home-news>.title {
      margin-top: -.29063rem;
      margin-bottom: 2.20937rem
    }
    .home-news>.content {
      margin-bottom: 3.5rem
    }
    .ingredient-list {
      margin: -1.25rem -1.25rem
    }
    .ingredient-list>.list {
      margin: 1.25rem 1.25rem;
      width: calc(50% - 2.5rem)
    }
    .ingredient-list>.list>.item {
      font-size: 1.5625rem;
      padding: 1.25rem
    }
    .ingredient-list>.list>.item>.text {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center
    }
    .ingredient-list>.list>.item>.text::before {
      height: 4.5rem;
      width: 4.5rem
    }
    .ingredient-layout>.site-heading-simple {
      margin-top: -.58125rem;
      margin-bottom: 3.41875rem
    }
    .ingredient-layout>.content {
      margin-bottom: 4rem;
      padding-bottom: 4rem
    }
    .ingredient-layout>.content:last-child {
      margin-bottom: 0;
      padding-bottom: 0
    }
    .ingredient-content {
      margin: -1.25rem -1.25rem
    }
    .ingredient-content>.text {
      margin: 1.25rem 1.25rem;
      width: calc(58.33333% - 2.5rem)
    }
    .ingredient-content>.text>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 1.03125rem
    }
    .ingredient-content>.text>.site-text-primary {
      margin-top: -.375rem;
      margin-bottom: 1.125rem;
      line-height: 1.75
    }
    .ingredient-content>.text>.ingredient-content-list {
      margin-bottom: 1.5rem
    }
    .ingredient-content>.text>.button {
      margin-bottom: 1.5rem
    }
    .ingredient-content>.text>.button:last-child {
      margin-bottom: 0
    }
    .ingredient-content>.image {
      margin: 1.25rem 1.25rem;
      width: calc(41.66667% - 2.5rem)
    }
    .oem-intro-block {
      padding: 2rem
    }
    .oem-intro-block>.content>.text>.site-heading-simple {
      margin-top: -.375rem;
      margin-bottom: .625rem
    }
    .oem-intro-block>.content>.text {
      margin-left: 1.5625rem
    }
    .oem-intro-block>.content>.image {
      height: 6.375rem;
      width: 6.375rem
    }
    .oem-schedule::before {
      top: 1.25rem;
      height: calc(100% - 2.5rem);
      left: 2.5rem
    }
    .oem-schedule>.item {
      margin-bottom: 2.5rem
    }
    .oem-schedule>.item>.title {
      font-size: 1.5625rem;
      margin-bottom: 1rem;
      padding: 1.25rem
    }
    .oem-schedule>.item>.title::before {
      font-size: 1.5625rem;
      height: 2.5rem;
      width: 2.5rem
    }
    .oem-schedule>.item>.text {
      padding-left: 4.75rem;
      padding-right: 3rem
    }
    .oem-schedule>.item.-delivery>.title {
      font-size: 1.9375rem
    }
    .oem-intro {
      border-bottom: 0;
      margin: 0 -3rem;
      padding: 3rem
    }
    .oem-intro>.item>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 1.03125rem
    }
    .oem-intro-list {
      margin: -1.25rem -1.25rem
    }
    .oem-intro-list>.item {
      margin: 1.25rem 1.25rem;
      width: calc(50% - 2.5rem)
    }
    .oem-case>.site-heading-simple.-factor3 {
      margin-top: -.58125rem;
      margin-bottom: 1.91875rem
    }
    .oem-case>.block:first-of-type {
      margin-bottom: 3.5rem;
      padding-bottom: 3.5rem
    }
    .oem-case>.block>.site-heading-simple.-factor2 {
      margin-top: -.46875rem;
      margin-bottom: 2.03125rem;
      font-weight: 900;
      text-align: left
    }
    .oem-case-content {
        width: 49.9%;
        margin-bottom: 2rem;
    }
    .oem-case-content>.text>.site-heading-simple {
      margin-top: -.46875rem;
      margin-bottom: 1.03125rem
    }
    .oem-case-content>.text>.site-text-primary {
      margin-top: -.375rem;
      margin-bottom: 1.625rem
    }
    .oem-schedule-layout>.site-heading-simple {
      margin-top: -.58125rem;
      margin-bottom: 1.41875rem
    }
    .oem-schedule-layout>.site-text-point {
      margin-top: -.42188rem;
      margin-bottom: 2.57812rem
    }
    .oem-case-content {
      margin-top: unset;
      margin-bottom: 10px;
    }

    .site-chapter>.site-text-primary {
      font-size: 1rem;
    }

    .mainimgArea {
      width: 100%;
      height: 0;
      padding-top: 40.2%;
      background-image: url(../../images/oem/pc_mainimg.jpg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
      position: relative;
    }

    .mainimgArea h1{
      position: absolute;
      top: 0;
      left: 3vw;
      writing-mode: vertical-lr;
      text-orientation: upright;
      background-color: #fff;
      padding: 3.5vw 2.5vw;
      border-radius: 0 0 3px 3px;
    }

    .mainimgArea .site-heading-simple.-factor4 {
      font-size: 2.1vw;
      line-height: unset;
    }

    .oemServiceTextArea {
      margin-bottom: 4vw;
    }
    
    .oemServiceLead {
      font-size: max(1.2vw,15px);
      line-height: 2;
      letter-spacing: .16em;
      margin-bottom: 1vw;
    }

    .oemServiceLeadAnnotation {
      font-size: min(1.3vw,14px);
      margin: 0 auto;
      padding: 5px 40px 7px;
      line-height: 1;
      letter-spacing: .13em;
    }

    .oemServiceDetailBox {
      margin: 0 auto;
      padding: 4vw 0;
      border-radius: 10px;
    }
    
    .oemServiceDetailBox:first-of-type {
      margin-bottom: 1.5vw;
    } 

    .oemServiceDetail {
      justify-content: space-between;
      display: flex;
      align-items: center;
    }

    .oemServiceDetailExplanation {
      width: 65%;
      border-left: 2px solid #b0aeae;
      padding: 0 4vw 0 5vw;
    }

    .oemServiceDetailTitle { 
      width: 35%;
      font-size: 1.8vw;
      font-weight: 900;
      letter-spacing: .15em;
      padding: 0 4vw;
      margin-bottom: 0;
    }

    .oemServiceDetailTitleIcon01 {
      background-size: 6.5vw;
      background-position-y: 4vw;
      height: 7.6vw;
    }
  
    .oemServiceDetailTitleIcon02 {
      background-size: 6.5vw;
      background-position-y: 4vw;
      height: 9.3vw;
    }

    .aboutoemServiceDetailExplanation {
      font-size: max(1vw,14px);
      text-align: left;
      line-height: 1.5;
      border: unset;
      padding-bottom: unset;
      margin-bottom: 40px;
    }

    .oemServiceDetailExplanation div {
      display: flex;
    }

    .oemServiceDetailExplanation div dt {
      font-size: min(1.5vw,19px);
      margin-bottom: 25px;
    }

    .oemServiceDetailExplanation div dd {
      font-size: 15px;
    }

    .oemServiceDetailExplanation div dl:first-of-type {
      margin-right: 4vw;
      margin-bottom: 0;
    }
    
    .oemServiceArea {
      padding-bottom: 6vw;
    }

    .oemCasestudyArea {
      padding: 6vw 0 4vw;
    }

    .oemCasestudyArea h3 {
      font-size: 35px;
      letter-spacing: .15em;
      margin-bottom: 20px;
    }

    .oemCasestudyBox h4 {
      font-size: 23px;
      letter-spacing: .17em;
      margin-right: 80px;
      margin-top: unset;
    } 

    .oemCasestudyBox h4::before,
    .oemCasestudyBox02 h4::before {
      width: 156px;
      transform: scale(0.4);
    }

    .oemCasestudycards {
      display: flex;
      padding: 6vw 6vw 5vw;
      border-radius: 10px;
      flex-wrap: wrap;
    }

    .oemCasestudycards02 {
      display: flex;
      padding: 6vw 6vw 5vw;
      border-radius: 10px;
      flex-wrap: wrap;
    }

    .oemCasestudycard {
      width: 43%;
      text-align: left;
      margin-bottom: unset;
    }

    .oemCasestudycard:first-of-type {
      margin-bottom: unset;
    }

    .oemCasestudyBox h5 {
      font-size: min(1.8vw,23px);
      margin: 1.3vw 0 1.1vw 12px;
    }
  
    .oemCasestudycard h5::before,
    .oemCasestudycard02 h5::before {
      height: 90%;
      width: 7px;
      top: 0.15vw;
      left: -12px
    }

    .oemCasestudycard p {
      font-size: 14px;
      margin-bottom: 1.3vw;
    }

    .oemCasestudycard02 {
      width: 30%;
      margin-bottom: 4vw;
    }

    .oemCasestudyBox .oemCasestudycard02 h5 {
      font-size: min(1.6vw,20px);
    }
    
    .oemCasestudycard02Detail01 dd {
      font-size: 14px;
      margin-bottom: 6px;
      line-height: 1.5;
    }

    .oemCasestudycard02Detail01 {
      margin-bottom: 20px;
    }

    .oemCasestudycard02Detail02 {
      padding: 20px;
    }

    .oemCasestudycard02Detail02 li {
      line-height: 1.5;
    }

    .oemCasestudycard02:nth-of-type(n+3) {
      margin-bottom: 0;
    }
  
  }

  @media screen and (min-width: 1025px) {
    .oem-schedule>.item>.title>.text.-penpen01::before {
      content: "";
      display: block;
      height: 127px;
      width: 113px;
      background: url(../../images/oem/image-penpen01.png);
      background-size: cover;
      position: absolute;
      top: -136px;
      right: 18px
    }
    .oem-schedule>.item>.title>.text.-penpen02::before {
      content: "";
      display: block;
      height: 151px;
      width: 180px;
      background: url(../../images/oem/image-penpen02.png);
      background-size: cover;
      position: absolute;
      top: -150px;
      right: 18px
    }
    .oem-schedule>.item>.title>.text.-penpen03::before {
      content: "";
      display: block;
      height: 183px;
      width: 151px;
      background: url(../../images/oem/image-penpen03.png);
      background-size: cover;
      position: absolute;
      top: -174px;
      right: -6px
    }
  }