
@media all and (max-width:1300px) {
  .comp-show ul li p {
    min-height: 55px;
  }
  .comp-show ul li h2 a {
    font-size: 2.66vw;
}
.main-desc {
  font-size: 34px;
}
}

@media all and (max-width:1200px) {
  .main-desc {
    font-size: 34px;
  }
  .main-tit {
    font-size: 16px;
  }
  .main-business ul {
    gap: 40px;
  }
  .main-business ul li a{
    padding: 40px;
  }
  .main-info ul li a {
    gap: 30px;
    flex-direction: column;
    justify-content: center;
    padding: 50px 0;
    font-size: 20px;
    height: 100%;
  }
  .main-info ul li a p {
    order: 2;
    text-align: center;
  }
  .main-info ul li a img {
    order: 1;
  }
  /* 20250717 */
  .comp-show ul {
    grid-template-columns: 1fr;
  }
  .comp-show ul li .visual-dim {
    display: none;
  }
  .comp-show ul li .img-wrap {
    clip-path: inset(0 100% 0 0);
  }
  .comp-show ul li {
    padding: 4.17vw;
    gap: 0;
  }
  .comp-show ul li h2 img {
    max-width: 5vw;
    max-height: 5vw;
  }
  .comp-show ul li p {
    min-height: none;
  }

.main-company__visual {
  background-image: url("/image/main/main_company_bg_mm.jpg");
  background-position: top;
}
}

@media all and (max-width:1024px) {
  .main-mv__desc > p {
    align-self: center;
  }
  .main-mv {
    height: auto;
    background-image: url(/image/main/main_mv_m.jpg);
  }
  .main-mv__desc {
    padding-top: 150px;
    padding-bottom: 300px;
  }
  .main-mv__desc div span{
    margin-top: 26px;
  }
  .main-business ul{
    grid-template-columns: 1fr;
  }
  .main-news ul {
    flex-direction: column;
  }
  .main-business ul li:last-child {
    margin-top: 0;
  }
  .comp-show ul li h2 a {
    font-size: 30px;
  }
  .comp-show ul li p{
    font-size: 18px;
  }
}

@media all and (max-width:720px) {
  .order04{
    order: 4;
  }
  .main-mv__desc {
    padding-top: 33.33vw;
    padding-bottom: 51.81vw;
    gap: 5.56vw;
  }
  .main-mv__desc p {
    font-size: 10vw;
  }
  .main-mv__desc div span {
    margin-top: 6.94vw;
    font-size: 3.06vw;
  }
  .main-contact {
    width: 24.58vw;
    height: 24.58vw;
    bottom: 11.11vw;
  }
  .main-contact img {
    width: 11.67vw;
  }
  .main-scroll{
    font-size: 2.36vw;
    gap: 2.36vw;
  }
  .main-scroll > div {
    height: 8.61vw;
  }
  .main-tit {
    font-size: 3.33vw;
    margin-bottom: 3.06vw;
  }
  .main-desc {
    font-size: 6.11vw;
  }
  .main-company__visual {
    background-image: url(/image/main/main_company_bg_m.jpg);
  }
  .comp-show strong {
    font-size: 7.22vw;
  }
  .comp-show p {
    font-size: 5.56vw;
  }
  .main-company .common-btn {
    margin-top: 5.56vw;
    width: 27.64vw;
  }
  .main-business {
    padding: 19.44vw 0;
  }
  .main-business ul,
  .main-business ul li:first-child{
    margin-top: 0;
  }
  .main-business__tit {
    margin-bottom: 6.94vw;
  }
  .main-business ul {
    gap: 30px;
  }
  .main-business ul li {
    height: 98.61vw;
  }
  .main-business ul li a {
    padding: 6.94vw;
  }
  .main-business ul li h3{
    font-size: 5.56vw;
    gap: 1.39vw;
  }
  .main-business ul li p{
    margin-top: 2.78vw;
    font-size: 3.33vw;
  }
  .main-business ul li h3 img {
    width: 5vw;
  }
  .main-service {
    padding: 27.78vw 0;
    background-image: url('/image/main/main_service_bg_m.jpg');
  }
  .main-service ul {
    margin-top: 6.94vw;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.78vw 4.17vw;
  }
  .main-service ul li a {
    padding: 2.5vw 0;
  }
  .main-service ul li a img{
    height: 15.56vw;
  }
  .main-news {
    padding: 13.06vw 0 19.44vw;
  }
  .main-news .mo-btn {
    display: flex;
    margin: 6.94vw auto 0; 
    width: 30vw;
  }
  .main-news ul {
    gap: 6.94vw;
    margin-top: 6.94vw;
  }
  .main-news ul li figure {
    padding-top: 0;
    height: 59.86vw;
    margin-bottom: 4.17vw;
  }
  .main-news ul li p {
    margin-top: 2.22vw;
    font-size: 3.33vw;
  }
  .main-news ul li b {
    font-size: 3.89vw;
  }
  .main-info ul li a {
    gap: 2.78vw;
    font-size: 4.17vw;
    padding: 6.39vw 0;
  }
  .main-info ul li a img {
    width: 10vw;
  }
  .comp-show ul {
    grid-template-columns: 1fr;
  }
  .comp-show ul li .visual-dim {
    display: none;
  }
  .comp-show ul li .img-wrap {
    clip-path: inset(0 100% 0 0);
  }
  .comp-show ul li {
    padding: 4.17vw;
    gap: 0;
  }
  .comp-show ul li h2 a {
    font-size: 5.56vw;
  }
  .comp-show ul li p {
    font-size: 3.33vw;
  }
  .comp-show ul li h2 img {
    max-width: 5vw;
    max-height: 5vw;
  }
  .main-business::after {
    width: 153.33vw;
    height: 153.33vw;
    bottom: -32.22vw;
    right: -70vw;
  }
}

@media all and (max-width:640px) {}