@charset "utf-8";

/* ページ基本設定 */
/* ============================================ */
#business-pc-wrap p {
  line-height:1.5;
}

#business-pc-wrap .c-headline__h2 {
  margin-bottom: 40px;
}

#business-pc-wrap .c-section {
  padding: 40px 0;
}

@media screen and (max-width: 767px){
  #business-pc-wrap .c-section {
    padding: 30px 0;
  }
  #business-pc-wrap .c-headline__h2 {
    margin-bottom: 30px;
  }
}



/* ページ装飾 */
/* ============================================ */
.p-business-pc__inner {
  max-width: 1440px;
  padding: 0;
  padding-right: 20px;
  padding-left: 20px;
}

@media screen and (min-width: 768px), print {
  .p-business-pc__inner {
    margin: 0 auto;
  }
}

@media (min-width: 769px) {
  .p-business-pc__inner {
    padding-left: calc( 20px + 130 * (100vw - 769px) / 671);
  }
}

@media (min-width: 1440px) {
  .p-business-pc__inner {
    padding-left: 150px;
  }
}

@media (min-width: 769px) {
  .p-business-pc__inner {
    padding-right: calc( 20px + 130 * (100vw - 769px) / 671);
  }
}

@media (min-width: 1440px) {
  .p-business-pc__inner {
    padding-right: 150px;
  }
}

@media screen and (max-width: 767px) {
  .p-business-pc__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    /*margin: 0 auto 25px;*/
    padding: 0 15px;
  }
}

/* 個別ブロック装飾
============================================ */
/*-------------------------------------
　共通
---------------------------------------*/
.c-headline__h2{
  text-align:center;
}

/*-------------------------------------
　導入事例
---------------------------------------*/
.p-business-pc__case .swiper-slide{
  width: calc((100% - 30px * 3) / 4);
  height: auto;
}
.p-business-pc__case .swiper-slide a{
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
}

.p-business-pc__use__info{
  margin-bottom:40px;
  text-align:center;
}
@media screen and (max-width: 767px) {
  .p-business-pc__use__info{
    text-align:left;
  }
}
/*-------------------------------------
　おすすめ一般事務向けPC・おすすめクリエイター向けPC追加
---------------------------------------*/
#business-pc-wrap .c-section.biz-top{
  padding-top:60px;
}
@media screen and (max-width: 767px){
  #business-pc-wrap .c-section.biz-top {
    padding-top:40px;
  }
}

.p-desk-pc__reccomend {
    background-color: #ecf8fd
}

.p-desk-pc__reccomend__title h2 {
    color: #004da1;
    font-size: 28px;
    font-style: italic;
    font-weight: 700;
    letter-spacing: 1.68px;
    text-align: center
}

@media screen and (min-width: 768px),print {
    .p-desk-pc__reccomend {
        padding-top:90px;
        padding-bottom: 90px
    }

    .p-desk-pc__reccomend__inr {
        width: 100%;
        max-width: 1140px;
        margin: 0 auto
    }

    .p-desk-pc__reccomend__title {
        margin-bottom: 50px
    }

    .p-gaming-pc-sub__reccomend__card__text--price .main_price {
        color: #e43344;
        font-size: 20.5px;
        font-weight: 700;
        letter-spacing: .82px;
        line-height: 1.17;
        text-align: left
    }
}

@media screen and (max-width: 767px) {
    .p-desk-pc__reccomend {
        padding-top:40px;
        padding-bottom: 45px
    }

    .p-desk-pc__reccomend__inr {
        padding: 0 15px;
        width: 100%
    }

    .p-desk-pc__reccomend__title {
        margin-bottom: 20px
    }

    .p-desk-pc__reccomend__title h2 {
        font-size: 20px;
        letter-spacing: 1.2px
    }
}

/*おすすめ一般事務向け・おすすめクリエイター向けPC追加*/

.h3_text {
  text-align: center;
  margin: 2.0rem;
}
.h3_text span {
  margin-top: 50px;
  padding: 0.5rem 1.5rem;
  font-size: 24px;
  text-align: center;
  color: #fff;
  font-style: italic;
  font-weight: bold;
  background-color: #004da1;
  border-radius: 50px;
}
.p-gaming-pc-sub__reccomend__list h4 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 16px;
  font-style: italic;
  font-weight: bold;
}
.p-gaming-pc-sub__reccomend__list h4 span {
  color: #484848;
  padding: 0 2.0rem;
  letter-spacing: 0.1rem;
}
.p-desk-pc__reccomend__bnr img {
  width: 100%;
}
.p-desk-pc__reccomend__bnr a:hover {
  opacity: 0.8;
}
.biz-top .p-desk-pc__reccomend__title h2 {
  color: #484848;
}
.biz-top h4 span img {
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: sub;
}
@media screen and (max-width: 1140px) {
  .p-gaming-pc-sub__reccomend__list.usecase ul {
    gap: 16px;
  }
  .p-gaming-pc-sub__reccomend__list.usecase ul li {
      width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .p-gaming-pc-sub__reccomend__list.usecase ul div {
      width: 100%;
  }
  .p-gaming-pc-sub__reccomend__list h4 {
    margin-top: 24px;
  }
  .h3_text span {
    font-size: 16px;
  }
}

@media screen and (min-width: 768px) {
  .p-gaming-pc-sub__reccomend__card__img {
    text-align:center;
  }
  .p-gaming-pc-sub__reccomend__card__img img {
    width:70%;
    margin:auto;
  }
}
/*-------------------------------------
　20250114追記
　高負荷クリエイティブ
---------------------------------------*/
.p-desk-pc__reccomend__link{
  width:100%;
  display:flex;
  justify-content: flex-end;
  margin-top:40px;
}
.p-desk-pc__reccomend__link .c-button--primary-white{
  width:50%;
  height:auto;
  padding:15px 0;
}
@media screen and (max-width: 767px) {
  .p-desk-pc__reccomend__link .c-button--primary-white{
    width:100%;
    padding:10px 0;
    text-align:left;
  }
}

/* ---------------------
翌日出荷バナー 
----------------------*/
.bnr-special-delivery {
  max-width: 1140px;
  margin: 60px auto 0;
  text-align: center;
}

.bnr-special-deliver a img {
  width: 100%　!important;
}

/*-------------------------------------
　raytrek・DosparaPlus
---------------------------------------*/

  /*国内生産・国内サポート　raytrek*/
  .p-business-pc__raytrek {
    background-image: linear-gradient(135deg, #0a3190 0%, #0a3190 100%);
    background-size: 100% 80%;
    background-repeat: no-repeat;
    color: #fff;
  }
  #business-pc-wrap .p-business-pc__raytrek .c-section,
  #business-pc-wrap .p-business-pc__dosparaplus .c-section {
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .p-business-pc__raytrek__kv {
    display: flex;
    gap: 44px;
    margin-bottom: 70px;
  }
  .p-business-pc__raytrek__kv h2 {
    text-align: center;
  }
  .p-business-pc__raytrek__kv h2 span {
    display: block;
    border: 1px #fff solid;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 0.12em;
  }
  .p-business-pc__raytrek__kv h2 p {
    font-size: clamp(20px,3vw,48px);
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  .p-business-pc__raytrek__kv__text__sub {
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
  }
  .p-business-pc__raytrek__kv__text__sub span {
    display: block;
    font-size: 16px;
  }
  .p-business-pc__raytrek__points {
    display: flex;
    align-items: baseline;
    background-image: linear-gradient(135deg, #0078c4 0%, #004da1 100%);
  }
  .p-business-pc__raytrek__points li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(100% / 4);
    padding: 10px 30px;
    margin: 30px 0;
    text-align: center;
  }
  .p-business-pc__raytrek__points li:not(:last-of-type) {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
  }
  .p-business-pc__raytrek__points li p {
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.06em;
    margin-top: 10px;
  }
  .p-business-pc__raytrek__points__imgbox {
    width: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-business-pc__raytrek__points__imgbox img {
    width: 100%;
    max-width: none;
    height: auto;
  }

  /*ドスパラプラス*/
  .p-business-pc__dosparaplus {
    background-image: linear-gradient(135deg, #d9f1fb 0%, #d9f1fb 100%);
    background-size: 100% 80%;
    background-repeat: no-repeat;
    color: #fff;
  }
  .p-business-pc__dosparaplus__contents {
    font-size: 18px;
    color: #484848;
    text-align: center;
  }
  .p-business-pc__dosparaplus__text {
    margin: 30px 0 20px;
    letter-spacing: 0.1em;
  }
  .p-business-pc__dosparaplus__contact {
    margin-bottom: 70px;
  }
  .p-business-pc__dosparaplus__contact__title {
    padding: 20px 0 16px;
  }
  .p-business-pc__dosparaplus__contact__title span {
    padding: 10px;
    color: #e60012;
    border: 2px solid #e60012;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  .p-business-pc__dosparaplus .p-business-pc__raytrek__points{
    background-image: linear-gradient(135deg, #014fa2 0%, #014fa2 100%);
    color: #fff;
  }
  .p-business-pc__dosparaplus__contact__detail {
    margin-top: 16px;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
  .p-business-pc__dosparaplus__contact__title a:hover span {
    background-color: #e60012;
    color: #fff;
  }
  .u-pc-hide {
    display: none;
  }
  .u-pc--hide {
    display: none;
  }


  @media screen and (max-width: 1140px) {
    /*国内生産・国内サポート　raytrek*/
    .p-business-pc__raytrek__kv {
      flex-direction: column;
    }
    .p-business-pc__raytrek__kv__text {
      width: 100%;
      max-width: 550px;
      text-align: center;
      margin: 0 auto;
    }
    .p-business-pc__raytrek__kv h2 p {
      font-size: clamp(20px,10vw,48px);
      font-style: italic;
      font-weight: bold;
      letter-spacing: 0.05em;
    }
    .p-business-pc__raytrek__kv__img {
      text-align: center;
    }
  }
  @media screen and (max-width: 1000px) {
    /*国内生産・国内サポート　raytrek*/
    .p-business-pc__raytrek__points {
      display: grid;
      grid-template-columns: repeat(2,1fr);
    }
    .p-business-pc__raytrek__points li {
      width: 100%;
      border-right: 0px solid #fff !important;
      margin: 0;
      padding: 30px;
    }
    .p-business-pc__raytrek__points li:nth-of-type(-n+2),
    .p-business-pc__raytrek__points li:nth-of-type(3) {
     position: relative;
    }
    .p-business-pc__raytrek__points li:nth-of-type(-n+2):before {
      content: "";
      position: absolute;
      bottom: 0;
      right: auto;
      left: auto;
      width: calc(100% - 60px);
      height: 1px;
      background-color: rgba(255, 255, 255, 0.25);
    }
    .p-business-pc__raytrek__points li:nth-of-type(odd)::after {
      content: "";
      position: absolute;
      top: auto;
      bottom: auto;
      right: 0;
      width: 1px;
      height: calc(100% - 60px);
      background-color: rgba(255, 255, 255, 0.25);
    }
  }
  @media screen and (max-width: 767px) {
    /*国内生産・国内サポート　raytrek*/
    .p-business-pc__raytrek__kv h2 span {
      font-size: 20px;
      line-height: 1.5;
      letter-spacing: 0.12em;
    }
    .p-business-pc__raytrek__kv h2 p {
      font-size: 30px;
    }
    .p-business-pc__raytrek__kv h2 img,
    .p-business-pc__raytrek__kv__img img {
      width: 90%;
    }
    .p-business-pc__raytrek__kv__text__sub {
      font-size: 16px;
    }
    .p-business-pc__raytrek__kv__text__sub span {
      font-size: 14px;
    }
    .p-business-pc__raytrek__points__imgbox {
      width: 72px;
    }
    .p-business-pc__raytrek__points li {
      padding: 16px;
    }
    .p-business-pc__raytrek__points li p {
      font-size: 12px;
    }
    .p-business-pc__raytrek__points li:nth-of-type(-n+2):before {
        width: calc(100% - 32px);
    }
    .p-business-pc__raytrek__points li:nth-of-type(odd)::after {
      height: calc(100% - 32px);
    }
    /*ドスパラプラス*/
    .p-business-pc__dosparaplus__contents {
      font-size: 16px;
      width:90%;
      margin:auto;
    }
    .u-pc-hide {
      display: block;
    }
    .p-business-pc__dosparaplus__imgbox img{
      margin:auto;
      width:60%;
    }
  }
  @media screen and (max-width: 500px) {
   /*ドスパラプラス*/
    .p-business-pc__dosparaplus__contact__title span {
      display: block;
    }
    .p-business-pc__dosparaplus__contact__title {
      padding: 0;
      margin: 20px 0 16px;
    }
    .u-sp--hide {
      display: none;
    }
    .u-pc--hide {
      display: block;
    }
  }

/*-------------------------------------
　20250114追記
　DosparaPlus
---------------------------------------*/
@media (min-width: 1440px) {
  .p-business-pc__inner {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.p-business-pc__dosparaplus__point-block{
  width: 90%;
  margin: -30px auto 0 auto;
}
.p-business-pc__raytrek__points li {
  margin: 10px 0;
}
#business-pc-wrap .p-business-pc__raytrek .c-section,
#business-pc-wrap .p-business-pc__dosparaplus .c-section {
  padding-top: 40px;
}


/*-------------------------------------
　20250114追記
　キービジュアル
---------------------------------------*/
.p-business-pc__hero {
  margin-bottom:40px;
  padding:60px 0;
  background:#004da1;
}
.p-business-pc__hero_inner div{
  width:50%;
}
.p-business-pc__hero h1{
  font-size:clamp(24px, 0.955rem + 2.73vw, 48px);
  color:#fff;
  font-weight:900;
  width:100%;
}
.p-business-pc__hero_inner{
  margin:auto;
  width:90%;
  max-width:1140px;
  display:flex;
  align-items: center;
}
.p-business-pc__hero_txt{
  text-align:left;
}
.p-business-pc__hero p{
  font-size:clamp(16px, 0.818rem + 0.91vw, 24px);
  color:#fff;
}
.p-business-pc__hero img{
  width:100%;
}
@media screen and (max-width: 767px) {
  .p-business-pc__hero {
    margin-bottom:20px;
    padding:20px 0;
  }
  .p-business-pc__hero_inner{
    display:block;
  }
  .p-business-pc__hero_inner div{
    width:100%;
  }
  .p-business-pc__hero_img{
    margin:auto;
    padding-top:20px;
    text-align:center;
  }
  .p-business-pc__hero img{
    margin:auto;
    width:80%;
  }
}

/*-------------------------------------
　20250114追記
　製品ラインアップ
---------------------------------------*/
.p-business-pc__lineup{
  margin:auto;
  width:90%;
  max-width:1140px;
}
.p-business-pc__lineup img{
  width:100%;
}
.p-business-pc__lineup-title{
  width:100%;
  text-align:center;
}
.p-business-pc__lineup-link{
  margin-top:40px;
  width:100%;
  display:flex;
  justify-content: space-between;
}
.p-business-pc__lineup-link .btn-lineup{
  border:1px solid #004da1;
}
.p-business-pc__lineup-link .btn-lineup,
.p-business-pc__lineup-link .anc-lineup{
  width:31.5%;
}
.p-business-pc__lineup-link .btn-lineup_inner{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.p-business-pc__lineup-link .btn-lineup_inner.c-button--primary-white{
  width:100%;
  border:none;
  padding:10px;
  height:auto;
}
.p-business-pc__lineup-link .btn-lineup_inner .lineup-txt_title{
  font-size:clamp(16px, 0.955rem + 0.23vw, 18px);
  color:#484848;
  font-weight:700;
}
.p-business-pc__lineup-link .btn-lineup_inner .lineup-img{
  width:25%;
}
.p-business-pc__lineup-link .btn-lineup_inner .lineup-txt{
  width:70%;
}
.p-business-pc__lineup-link .btn-lineup_inner .lineup-txt_postscript{
  font-size:clamp(12px, 0.705rem + 0.23vw, 14px);
  color:#484848;
}
@media screen and (max-width: 767px) {
  .p-business-pc__lineup-link{
    margin-top:20px;
    display:block;
  }
  .p-business-pc__lineup-link .btn-lineup{
    width:100%;
    margin-top:5px;
  }
}

/*-------------------------------------
　20250114追記
　ビジネスPCを選ぶ
---------------------------------------*/
:root{
  --grid-gap-x: 0.5rem;
}
.p-business-pc__select{
  margin:0 auto;
  width:100%;
  text-align:center;
}
#business-pc-wrap .c-section.p-business-pc__select{
  padding-bottom:0;
}
  
#select-desktop.p-business-pc__select-from{
  background: #004da1;
}
#select-note.p-business-pc__select-from{
  background: #4472c4;
}
#select-ws.p-business-pc__select-from{
  background: #8faadc;
}

.p-business-pc__select-from{
  padding: 20px 0 40px 0;
}
.p-business-pc__select-from h2{
  display: flex;
  margin: 20px 0;
  font-weight: 700;
  font-size:clamp(16px, 0.909rem + 0.45vw, 20px);
}
.p-business-pc__select-from h2 span{
  display: inline-block;
  padding:10px;
  border:2px solid #fff;
}
.p-business-pc__select-from h3{
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
  
#select-desktop.p-business-pc__select-from h2,
#select-desktop.p-business-pc__select-from h3,
#select-note.p-business-pc__select-from h2,
#select-note.p-business-pc__select-from h3{
  color: #fff;
}
#select-ws.p-business-pc__select-from h2,
#select-ws.p-business-pc__select-from h3{
  color: #001e60;
}
.p-business-pc__select-from .select-from-postscript{
  font-size:12px;
  color:#484848;
}
.p-business-pc__select-from h3 .select-from-postscript{
  color:#fff;
  font-weight:400;
}
  
.p-business-pc__select-from .grid-container+.grid-container{
    margin-top: 1.5rem;
}
.p-business-pc__select-from .cell{
    margin-top: 0.5rem;
    flex-wrap:wrap;
}
.p-business-pc__select-from .c-button--primary-white{
  width: 100%;
  color: #001e60;
  font-size: 20px;
}
.p-business-pc__select-from .c-button--primary-white::before {
  background-color: #b2e3f7;
  opacity: 1;
}
.p-business-pc__select-from .c-button--primary-white::after{
  border-color: #a3a3a3;
}
.p-business-pc__select-from .icon-in-c-button__wrapper{
  position: relative;
}
.p-business-pc__select-from .icon-in-c-button{
  background: #00a2e6;
  color: #fff;
  font-size: 10px;
  padding: 0.25em 0.5em;
  border-radius: 0 0 0.25em 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.p-business-pc__select-from .c-button--primary-white-pickup{
  gap:0.5em;
  background: #e5f6fc;
}
.p-business-pc__select-from .strong-sp{
  font-weight: 400;
}
.p-business-pc__select-from details{
  position: relative;
}
.p-business-pc__select-from details summary::-webkit-details-marker {
  display: none;
}
.p-business-pc__select-from details summary.c-button--primary-white{
  cursor: pointer;
  gap:0.5em;
}
.p-business-pc__select-from details summary.c-button--primary-white::after{
  transform: rotate(45deg);
  transition: 0.3s all;
}
.p-business-pc__select-from details ul{
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 2;
  width: 100%;
  box-shadow: 0 0 15px 0 rgba(0,0,0,0.4);
  transition: all 0.3s;
  opacity: 0;
}
.p-business-pc__select-from details[open] ul{
  opacity: 1;
}
.p-business-pc__select-from details[open] summary.c-button--primary-white{
  background: #ececec;
}
.p-business-pc__select-from details[open] summary.c-button--primary-white::after{
  transform: rotate(-135deg);
}
.p-business-pc__select-from details[open] ul li .c-button--primary-white{
  border: none;
  border-radius: 0;
}
.p-business-pc__select-from details[open] ul li:nth-child(even) .c-button--primary-white{
  background: #f6f6f6;
}

@media screen and (min-width:1441px){
  .p-business-pc__select-from .c-button--primary-white .grid-font-small{
    margin-left:-0.3em;
    font-size: 16px;
    letter-spacing:-0.05em;
  }
}
@media screen and (max-width:767px){
  :root{
    --grid-gap-fluid: 0.4rem;
  }
  .p-business-pc__select{
    margin-top:0;
  }
  .p-business-pc__select-from{
    padding: 30px 15px;
  }
  .p-business-pc__select-from h2{
    margin: -15px -15px 16px -15px;
    padding: 8px 15px;
    justify-content:center;
  }
  .p-business-pc__select-from h3{
    margin: 0 0 8px 0;
    font-size: 12px;
    font-weight: 400;
  }
  .p-business-pc__select-from .grid-container+.grid-container{
    margin-top: 0.3rem;
  }
  .p-business-pc__select-from .cell{
    margin-top: 0.4rem;
  }
  .p-business-pc__select-from .c-button--primary-white{
    height: auto;
    padding: 11px;
    font-size: 10px;
    border-color: #ececec;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
    line-height: 1;
    align-items: baseline;
    gap: 2px;
    white-space: nowrap;
  }
  .p-business-pc__select-from .c-button--primary-white::after{
    display: none;
  }
  .p-business-pc__select-from .icon-in-c-button{
    padding: 0.14em 0.5em;
    border-radius: 0.25em 0;
    font-size: 9px;
    top: -3px;
    left: -3px;
  }
  .p-business-pc__select-from .strong-sp{
    font-weight: 700;
    font-size: 18px;
  }
  .p-business-pc__select-from .c-button--primary-white-spec{
    padding: 6px 11px;
    align-items: center;
  }
  .p-business-pc__select-from .c-button--primary-white-pickup{
    padding: 8px 11px;
    font-size: 12px;
    align-items: center;
    background: #fff;
  }
  .p-business-pc__select-from .c-button--primary-white-pickup svg{
    height: 18px;
  }
  .p-business-pc__select-from details ul{
    top: 45px;
  }
  .p-business-pc__select-from details summary.c-button--primary-white{
    flex-direction: column;
  }
  .p-business-pc__select-from details summary.c-button--primary-white::after{
    display: block;
    right: 15px;
  }
  .p-business-pc__select-from details summary.c-button--primary-white strong{
    font-size: 16px;
  }
  .p-business-pc__select-from details[open] ul li .c-button--primary-white{
    font-size: 14px;
    justify-content: flex-start;
    padding: 11px 36px 11px 11px;
  }
  .p-business-pc__select-from details[open] ul li .c-button--primary-white::after{
    display: block;
    right: 15px;
  }
}

/*-------------------------------------
　20250114追記
　その他キャンペーン
---------------------------------------*/
#business-pc-wrap .c-section.p-business-pc__campaign{
    text-align:center;
}

/*-------------------------------------
　20250114追記
　法人向け店舗窓口紹介・法人向け総合カタログダウンロード
---------------------------------------*/
#corporation-download.p-business-pc__corporation{
  background:#ecf8fd;
}
.p-business-pc__corporation{
  margin:auto;
  text-align:center;
}
.p-business-pc__corporation__link{
  margin:40px auto 0 auto;
  width:50%;
}
.p-business-pc__corporation__link .c-button--primary-white{
  width:100%;
}
@media screen and (max-width:767px){
  .p-business-pc__corporation{
    width:100%;
    padding-left:20px !important;
    padding-right:20px !important;
    text-align:center;
  }
  .p-business-pc__corporation-title{
    text-align:center;
  }
  .p-business-pc__corporation__link{
    width:100%;
  }
}
/*-------------------------------------
　20250114追記
　メディア掲載・導入事例
---------------------------------------*/
.p-business-pc__media{
  width:100%;
  background:#ececec;
}
.p-business-pc__media__title,
.p-business-pc__case__title{
  text-align:center;
}
/*-----------------
　20250114追記
　メディア掲載インクルード
-------------------*/
.cont-media-img img{
  width:100%;
  height:auto;
}
.cont-media {
  padding-block: 60px;
  background: #ececec;
}
.cont-media-ttl {
  text-align: center;
}
.cont-media .ttl-catch {
  margin-bottom: 10px;
}
.cont-media h2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 30px;
}
.cont-media-box {
  background: #fff;
  padding: 30px;
  box-shadow: 2px 2px 4px #ececec;
}
.cont-media-wrap {
  display: flex;
  gap: 30px;
  margin-top: 20px;
}
.cont-media-wrap:first-of-type {
  margin-block: 10px 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
.cont-media-img {
  width: min(30%, 210px);
}
.cont-media-txt {
  width: calc((100% - 30px) - min(30%, 210px));
}
.cont-media-txt h3 {
  font-size: 18px;
  font-weight: bold;
}
.cont-media-txt h3 img {
  width: min(30%, 200px);
}
.cont-media-txt p {
  margin-top: 30px;
  font-size: 17px;
}
.cont-media-txt p span {
  font-weight: bold;
}
.cont-media-txt .icon-double-quotes {
  position: relative;
  padding-inline: 60px;
  font-size: 16px;
}
.icon-double-quotes::before, .icon-double-quotes::after {
  content: "";
  width: 30px;
  height: 24px;
  background-image: url("../../../business/generation-AI/img/icon-double-quotes.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: absolute;
}
.icon-double-quotes::before {
  top: 0;
  left: 0;
}
.icon-double-quotes::after {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}
.cont-media-kome {
  margin-top: 30px;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .cont-media h2 {
    font-size: 5vw;
    margin-bottom: 20px;
  }
  .cont-media-box {
    padding: 20px;
  }
  .cont-media-wrap {
    display: block;
  }
  .cont-media-wrap:first-of-type {
    margin-block: 0 20px;
    padding-bottom: 20px;
  }
  .cont-media-img {
    width: 100%;
    display: flex;
    gap: 15px;
    align-items: center;
  }
  .cont-media-img img {
    width: 30%
  }
  .cont-media-img h3 {
    font-size: 3.8vw;
    font-weight: bold;
  }
  .cont-media-img h3 img {
    width: 60%;
  }
  .cont-media-txt {
    width: 100%;
  }
  .cont-media-txt p {
    margin-top: 20px;
    font-size: 3.6vw;
  }
  .cont-media-txt .icon-double-quotes {
    padding-inline: 8vw;
    font-size: 3.4vw;
  }
  .icon-double-quotes::before, .icon-double-quotes::after {
    content: "";
    width: 6vw;
    height: 5vw;
  }
  .cont-media-kome {
    margin-top: 20px;
    font-size: 3.2vw;
    word-break: break-all;
  }
}