@media (max-width:1350px) {
  .applications-section04 .content-wrap .content {
    width: 100%;
  }
}

@media (max-width: 1024px) {
  .history-section .content-wrap .content>ul li p {
    font-size: 20px;
  }

  .history-section .content-wrap .content>ul li span {
    font-size: 20px;
  }

  .button a {
    width: max-content;
  }
}

@media (max-width: 900px) {
  .button {
    width: auto;
  }

  .button a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80px;
  }

  .sub-banner {
    height: 150px;
    margin: 60px 0;
  }

  .sub-banner h3 {
    font-size: 25px;
  }

  .sub-title {
    margin-bottom: 40px;
  }

  .sub-title h3 {
    font-size: 20px;
    line-height: 20px;
  }

  .company-section01 {
    width: 100%;
    margin-bottom: 40px;
  }

  .company-section01 .content-wrap {
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 24px;
  }

  .company-section01 .content-wrap .left img {
    width: 100%;
  }

  .company-section01 .content-wrap .right {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }

  .company-section01 .content-wrap .right .content h3 {
    font-size: 30px;
    line-height: 25px;
    margin-bottom: 20px;
  }

  .company-section01 .content-wrap .right .content p {
    font-size: 18px;
    line-height: 20px;
  }

  .company-section02 {
    width: 100%;
    margin-bottom: 40px;
  }

  .company-section02 h4 {
    padding-top: 60px;
    font-size: 30px;
  }

  .company-section02 .content-wrap {
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    grid-template-columns: unset;
    gap: 48px;
    padding: 0;
  }

  .company-section02 .content-wrap .content img {
    width: 60%;
    margin: auto;
    margin-bottom: 20px;
    display: block;
  }

  .company-section02 .content-wrap .content h3 {
    font-size: 30px;
    line-height: 1.1;
    margin-bottom: 20px;
  }

  .company-section02 .content-wrap .content p {
    font-size: 18px;
    line-height: 20px;
  }

  .members-section01 {
    margin-bottom: 40px;
    display: none;
  }

  .members-section01 .content-wrap {
    width: 80%;
    margin: auto;
  }

  .members-section01 .content-wrap img {
    display: block;
  }

  .members-section02 {
    margin-bottom: 40px;
  }

  .members-section02 .content-wrap {
    width: 80%;
    margin: auto;
    display: flex;
    align-items: center;
    gap: 48px;
    flex-direction: column;
  }

  .members-section02 .content-wrap .left {
    width: 100%;
  }

  .members-section02 .content-wrap .left img {
    display: block;
  }

  .members-section02 .content-wrap .right p {
    font-size: 14px;
    line-height: 20px;
  }

  .members-section02 .content-wrap .right p span {
    font-size: 24px;
    line-height: 25px;
  }

  .news-section01 {
    margin-bottom: 40px;
  }

  .news-section01 .content-wrap {
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px 24px;
  }

  .news-section01 .content-wrap .content a span {
    display: none;
  }

  .news-section01 .content-wrap .content a::after {
    display: none;
  }

  .news-section01 .content-wrap .content h3 {
    font-size: 15px;
    line-height: 25px;
  }

  .news-section01 .content-wrap .content p:nth-child(3) {
    display: none;
  }

  .location-section01 {
    margin-bottom: 40px;
  }

  .location-section01 .content-wrap {
    width: 80%;
    margin: auto;
  }

  .location-section01 .content-wrap iframe {
    width: 100%;
    height: 300px;
    margin-bottom: 48px;
  }

  .location-section01 .content-wrap .content {
    display: flex;
    align-items: flex-start;
    margin-bottom: 24px;
    flex-direction: column;
  }

  .location-section01 .content-wrap .content svg {
    margin-right: 0px;
    margin-bottom: 10px;
  }

  .location-section01 .content-wrap .content p {
    font-size: 14px;
    line-height: 20px;
  }

  .location-section01 .content-wrap .content a {
    font-size: 14px;
    line-height: 20px;
  }

  .fundamentals-section01 .content-wrap {
    flex-direction: column;
    padding: 0 5.2%;
    margin: auto;
    width: 100%;
  }

  .fundamentals-section01 .content-wrap .content {
    margin-bottom: 40px;
    width: 100%;
  }

  .fundamentals-section01 .content-wrap .content.mr {
    width: 100%;
  }

  .fundamentals-section01 .content-wrap .content h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .fundamentals-section01 .content-wrap .content p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 24px;
  }

  .fundamentals-section01 .content-wrap .content img {
    width: 100%;
  }

  .applications-section01 {
    margin-bottom: 40px;
  }

  .applications-section01 .content-wrap {
    width: 100%;
    padding: 0 20px;
    margin: auto;
  }

  .applications-section01 .content-wrap>h3 {
    font-size: 30px;
    margin-bottom: 24px;
  }

  .applications-section01 .content-wrap .content-box {
    display: flex;
    gap: 24px;
    flex-direction: column;
  }

  .applications-section01 .content-wrap .content-box .content {
    width: 100% !important;
    padding: 30px;
  }

  .applications-section01 .content-wrap .content-box .content>h3 {
    font-size: 30px;
    margin-bottom: 16px;
  }

  .applications-section01 .content-wrap .content-box .content>p {
    font-size: 12px;
    line-height: 20px;
  }

  .applications-section02 {
    width: 100%;
    padding: 0 20px;
    margin: auto;
    margin-bottom: 40px;
  }

  .applications-section02>h3 {
    font-size: 30px;
    margin-bottom: 24px;
  }

  .applications-section02>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

  .applications-section03 {
    width: 100%;
    padding: 0 20px;
    margin: auto;
    margin-bottom: 40px;
  }

  .applications-section03>h3 {
    font-size: 30px;
    margin-bottom: 24px;
  }

  .applications-section03>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

  .applications-section04 {
    width: 100%;
    padding: 0 20px;
    margin: auto;
    margin-bottom: 40px;
  }

  .applications-section04>h3 {
    font-size: 30px;
    margin-bottom: 24px;
  }

  .applications-section04 .icon-card {
    gap: 20px 30px;
  }

  .applications-section04 .icon-card>li {
    padding: 20px;
    width: calc(50% - 15px);
  }

  .applications-section04 .icon-card dt {
    font-size: 24px;
  }

  .applications-section04 .icon-card .num-list li {
    font-size: 18px;
    margin-left: 15px;
  }

  .application .competitiveness-section01 {
    width: 80%;
    margin: auto;
    margin-bottom: 40px;
  }

  .competitiveness-section01>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .competitiveness-section01>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

  .competitiveness-section02 {
    width: 80%;
    margin: auto;
    margin-bottom: 40px;
  }

  .competitiveness-section02>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .competitiveness-section02>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

  .competitiveness-section03,
  .competitiveness-section04,
  .competitiveness-section05 {
    width: 100%;
    margin: auto;
    margin-bottom: 40px;
  }

  .competitiveness-section03>h3,
  .competitiveness-section04>h3,
  .competitiveness-section05>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .competitiveness-section03>img {
    margin-bottom: 16px;
    width: 100%;
  }

  .competitiveness-section03>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
  }

  .competitiveness-section05 .table-wrap {
    font-size: 14px;
  }

  .competitiveness-section04 .column-box {
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }

  .competitiveness-section04 .column-box .tit {
    font-size: 12px;
    line-height: 1.2;
  }

  .scanners-section01 {
    margin-bottom: 40px;
  }

  .scanners-section01 .content-wrap {
    margin: auto;
  }

  .scanners-section01 .content-wrap .top>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .scanners-section01 .content-wrap .top>p {
    font-size: 16px;
    line-height: 20px;
  }

  .scanners-section01 .content-wrap .bottom>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .scanners-section01 .content-wrap .bottom .content-top {
    width: 100%;
    display: flex;
    gap: 24px;
    margin-bottom: 24px;
    flex-direction: column;
  }

  .scanners-section01 .content-wrap .bottom .content-top .content {
    width: 100%;
  }

  .scanners-section01 .content-wrap .bottom .content-top .content .img-box {
    gap: 24px;
  }

  .scanners-section01 .content-wrap .bottom .content-top .content .img-box img {
    width: 45%;
  }

  .scanners-section01 .content-wrap .bottom .content-top .content>p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .scanners-section01 .content-wrap .bottom .content-top .content>a {
    font-size: 14px;
  }

  .scanners-section01 .content-wrap .bottom .content-bottom .table-wrap {
    overflow: scroll;
    margin-top: 40px;
  }

  .scanners-section01 .content-wrap .bottom .content-bottom .table-wrap h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th {
    font-size: 14px;
    padding: 6px 10px;
  }

  .scanners-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td {
    font-size: 14px;
    padding: 6px 10px;
  }

  .drivers-section01 {
    margin-bottom: 40px;
  }

  .drivers-section01 .content-wrap {
    width: 80%;
    margin: auto;
  }

  .drivers-section01 .content-wrap .top>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 24px;
  }

  .drivers-section01 .content-wrap .top>p {
    font-size: 16px;
    line-height: 20px;
  }

  .drivers-section01 .content-wrap .bottom .content-top {
    display: flex;
    flex-direction: unset;
    margin-bottom: 40px;
  }

  .drivers-section01 .content-wrap .bottom .content-top .left {
    margin-right: 0px;
    position: relative;
    left: -270px;
  }

  .drivers-section01 .content-wrap .bottom .content-top .right {
    justify-content: unset;
  }

  .drivers-section01 .content-wrap .bottom .content-top .right h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 24px;
  }

  .drivers-section01 .content-wrap .bottom .content-top .right p {
    font-size: 16px;
    line-height: 20px;
    white-space: unset;
  }

  .drivers-section01 .content-wrap .bottom .content-bottom .content {
    grid-template-columns: 1fr;
  }

  .drivers-section01 .content-wrap .bottom .content-bottom .content .img-box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 24px;
  }

  .drivers-section01 .content-wrap .bottom .content-bottom .content p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 16px;
  }

  .drivers-section01 .content-wrap .bottom .content-bottom .content a {
    width: unset;
    font-size: 14px;
  }

  .drivers-section01 .content-wrap .bottom .content-bottom .table-wrap {
    overflow: scroll;
    margin-top: 40px;
  }

  .drivers-section01 .content-wrap .bottom .content-bottom .table-wrap h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table thead tr th {
    font-size: 14px;
    padding: 6px 10px;
  }

  .drivers-section01 .content-wrap .bottom .content-bottom .table-wrap table tbody tr td {
    font-size: 14px;
    padding: 6px 10px;
  }

  .drivers-section02 .content-wrap {
    width: 80%;
  }

  .drivers-section02 .content-wrap .video-wrap {
    flex-direction: column;
  }

  .drivers-section02 .content-wrap .video-wrap .video {
    width: 100%;
    min-width: 0;
  }

  .customer-section01 {
    margin-bottom: 40px;
  }

  .customer-section01 .content-wrap {
    width: 80%;
    margin: auto;
  }

  .customer-section01 .content-wrap .top {
    margin-bottom: 48px;
  }

  .customer-section01 .content-wrap .top>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 24px;
  }

  .customer-section01 .content-wrap .top>p {
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #4D4D4D;
  }

  .customer-section01 .content-wrap .bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .customer-section01 .content-wrap .bottom .left {
    width: 100%;
  }

  .customer-section01 .content-wrap .bottom .right {
    width: 100%;
  }

  .customer-section01 .content-wrap .bottom .right h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 24px;
  }

  .customer-section01 .content-wrap .bottom .right p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px;
  }

  .customer-section01 .content-wrap .bottom .right a {
    padding: 10px;
    width: unset;
    font-size: 14px;
  }

  .customer-section01 .content-wrap .table-wrap {
    overflow: scroll;
    margin-top: 40px;
  }

  .customer-section01 .content-wrap .table-wrap h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .customer-section01 .content-wrap .table-wrap table thead tr th {
    font-size: 14px;
    padding: 6px 10px;
  }

  .customer-section01 .content-wrap .table-wrap table tbody tr td {
    font-size: 14px;
    padding: 6px 10px;
  }

  .reliability-section01 {
    margin-bottom: 40px;
  }

  .reliability-section01 .content-wrap {
    width: 80%;
    margin: auto;
  }

  .reliability-section01 .content-wrap .top {
    margin-bottom: 48px;
  }

  .reliability-section01 .content-wrap .top>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 24px;
  }

  .reliability-section01 .content-wrap .top>p {
    font-size: 16px;
    line-height: 20px;
  }

  .reliability-section01 .content-wrap .bottom {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .reliability-section01 .content-wrap .bottom .content .title-wrap {
    display: flex;
    align-items: center;
    justify-content: unset;
    margin-bottom: 24px;
  }

  .reliability-section01 .content-wrap .bottom .content .title-wrap h3 {
    font-size: 18px;
    line-height: 20px;
    margin-right: 0;
    white-space: unset;
  }

  .reliability-section01 .content-wrap .bottom .content .title-wrap span {
    display: none;
  }

  .reliability-section01 .content-wrap .bottom .content ul li h3 {
    font-size: 24px;
    line-height: 1.1;
  }

  .reliability-section01 .content-wrap .bottom .content ul li p {
    font-size: 16px;
    line-height: 20px;
  }

  .reliability-section01 .content-wrap .table-wrap {
    overflow: scroll;
    margin-top: 40px;
  }

  .reliability-section01 .content-wrap .table-wrap h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 16px;
  }

  .reliability-section01 .content-wrap .bottom .content {
    width: 100%;
  }

  .reliability-section01 .content-wrap .table-wrap table thead tr th {
    font-size: 14px;
    padding: 6px 10px;
  }

  .reliability-section01 .content-wrap .table-wrap table tbody tr td {
    font-size: 14px;
    padding: 6px 10px;
  }

  .reliability-section01 .content-wrap .bottom .content .video-wrap01 {
    width: 100%;
  }

  .recruit-section01 {
    width: 80%;
    margin: auto;
    margin-bottom: 40px;
  }

  .recruit-section01>p {
    margin-bottom: 48px;
  }

  .recruit-section01 .content-wrap {
    width: 100%;
    margin: unset;
  }

  .recruit-section01 .content-wrap>h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 24px;
  }

  .recruit-section01 .content-wrap .content-box {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .recruit-section01 .content-wrap .content-box .content {
    padding: 20px;
  }

  .recruit-section01 .content-wrap .content-box .content h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 10px;
  }

  .recruit-section01 .content-wrap .content-box .content>p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 10px;
  }

  .recruit-section01 .content-wrap .content-box .content .btn-wrap p {
    font-size: 14px;
    line-height: 20px;
  }

  .recruit-section01 .content-wrap .content-box .content .btn-wrap a {
    font-size: 14px;
    line-height: 20px;
  }

  .recruit-detail-section01 {
    margin-bottom: 40px;
  }

  .recruit-detail-section01 .content-wrap {
    width: 80%;
    margin: auto;
  }

  .recruit-detail-section01 .content-wrap .content h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 24px;
  }

  .recruit-detail-section01 .content-wrap .content p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px;
  }

  .recruit-detail-section01 .content-wrap .content ul {
    margin-bottom: 24px;
  }

  .recruit-detail-section01 .content-wrap .content ul li {
    font-size: 16px;
    line-height: 20px;
  }

  .recruit-detail-section01 .content-wrap .content a {
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    width: unset;
    margin-bottom: 40px;
  }

  .contact-section01 {
    width: 80%;
    margin: auto;
    margin-bottom: 40px;
  }

  .contact-section01>h3 {
    font-size: 24px;
    line-height: 1.1;
    margin-bottom: 24px;
  }

  .contact-section01>p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 48px;
  }

  .contact-section01 .content-wrap {
    width: 100%;
    margin: auto;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
  }

  .contact-section01 dl {
    margin: 30px 0;
    flex-wrap: wrap;
  }

  .contact-section01 dt {
    margin-bottom: 10px;
  }

  .contact-section01 dd {
    width: 100%;
    font-size: 16px;
  }


  .history-section {
    width: 100%;
    padding: 0 20px;
  }

  .history-section .content-wrap .content>ul li {
    gap: 30px;
  }

  .history-section .content-wrap .content>ul li p {
    min-width: 70px;
    font-size: 18px;
    white-space: nowrap;
  }

  .history-section .content-wrap .content>ul li span {
    font-size: 14px;
    line-height: 22px;
  }

  .news-section01 .content-wrap.content-wrap2 {
    width: 100%;
    display: unset;
    grid-template-columns: unset;
    gap: unset;
  }

  .news-section01 .content-wrap.content-wrap2 .contents {
    width: 80%;
    margin: 0 auto;
  }

  .gallery-section01 {
    width: 80%;
  }

  .gallery-section01 .content-wrap .news_contents {
    grid-template-columns: 1fr 1fr;
  }

  .img_box {
    flex-wrap: wrap;
    gap: 30px;
  }

  .img_box .box {
    width: 46%;
  }

  .modal-wrap .modal .modal-close {
    right: 0;
    top: -30px;
    width: 20px;
  }
}

@media (max-width: 500px) {
  .company-section01 .content-wrap {
    padding: 0 20px;
  }

  .img_box {
    justify-content: center;
    gap: 20px;
  }

  .txt-wrap {
    margin: 30px 0;
  }

  .button {
    flex-direction: column;
  }

  .button a {
    width: 100%;
  }

  .gallery-section01 .content-wrap .news_contents {
    grid-template-columns: 1fr;
  }

  .applications-section04 .icon-card li {
    width: 100%;
  }

  .scanners-section01 .content-wrap .img_box .box {
    width: 100%;
  }
}