/* ========== レスポンシブ ========== */
@media (max-width: 1200px) {
    
    
    
    
    
    .page-visual {
        left: 60px;
        bottom: 50px;
    }
    
    .page-visual .jp h2 {
        font-size: 40px;
    }
    
    .page-visual .en h3 {
        font-size: 20px;
    }
    
}




@media (max-width: 768px) {
    .page-visual-ttl {
        height: 300px;
    }
    
    .page-visual {
        left: 30px;
        bottom: 40px;
        max-width: calc(100% - 60px);
    }
    
    .page-visual .jp h2 {
        font-size: 32px;
    }
    
    .page-visual .en h3 {
        font-size: 18px;
        letter-spacing: 2px;
    }
    
    .wrapbox,
    .wrapbox2,
    .wrapbox3,
    .wrapbox4,
    .wrapbox5 {
        flex-direction: column;
        gap: 30px;
    }
    
    .box_line1 p {
        font-size: 20px;
    }
    
    #contact {
        padding: 40px 20px;
    }
    
    .center .wcfontsize6 {
        font-size: 20px;
    }
    
    .sp {
        display: inline;
    }
    
    .table th,
    .table td {
        padding: 10px !important;
        font-size: 13px !important;
    }
    
    .atena-original-content .wrap_t1 { 
        flex-direction: column !important; 
        gap: 30px !important; 
    }
    
    .atena-original-content .wrap_t2 { 
        grid-template-columns: 1fr !important; 
    }
    
    .atena-original-content #top4 ul.wrap_t4 {
        flex-direction: column !important;
    }
    
    .atena-original-content .wrap_t5 { 
        flex-direction: column !important; 
    }
      /* ATENAロゴのサイズ調整 */
	
    .news-scroll-container {
        max-width: 100%;
        margin: 20px 10px;
        border-radius: 15px;
    }
    
    .news-scroll-list {
        max-height: 400px;
        padding: 20px;
    }
    
    .news-card {
        padding: 25px;
        border-radius: 15px;
    }
    
    .news-card-title {
        font-size: 18px;
    }
    
    .balloon1-right::after,
    .balloon1-right::before,
    .balloon1-left::after,
    .balloon1-left::before {
        display: none;
    }
    
    .content8 .wrapbox,
    .wrapbox5,
    .block4_2 {
        flex-direction: column;
        gap: 20px;
    }
    
    .block4 {
        min-height: auto;
    }
    
    .content8 .wrap7,
    .content8 .wrap3 {
        flex: none;
        width: 100%;
    }
    
    .col1 img {
        width: 100%;
    }
    
    .wrapar1 {
        height: 80px !important;
        background-size: 60px 30px !important;
    }
    
    .col2 {
        margin-bottom: 40px !important;
        padding-bottom: 30px !important;
    }
    
    .content2 .col2 img[width="90"][height="90"] {
        width: 75px !important;
        height: 75px !important;
        max-width: 75px !important;
        max-height: 75px !important;
    }
    
    .content2 .col2 img[width="400"][height="70"] {
        width: 300px !important;
        height: 52px !important;
        max-width: 300px !important;
        max-height: 52px !important;
    }
    
    .content2 .col2 img[width="66"][height="70"] {
        width: 55px !important;
        height: 58px !important;
        max-width: 55px !important;
        max-height: 58px !important;
    }
    
    .atena-custom-footer {
        padding: 50px 0 25px 0;
        margin-top: 60px;
    }
    
    .footer-content {
        flex-direction: column;
        align-items: center;
        gap: 40px;
        margin-bottom: 35px;
    }
    
    .footer-info {
        text-align: center;
    }
    
    .footer-logos {
        flex-direction: column;
        gap: 25px;
        align-items: center;
    }
    
    .footer-group-companies {
        align-items: center;
        margin-left: 0;
    }
    
    .footer-logo {
        width: 180px;
        height: 120px;
    }
    
    .footer-group-logo .footer-logo {
        width: 120px;
        height: 75px;
    }
    
    .footer-company-name {
        font-size: 24px;
    }
    
    .footer-address {
        font-size: 14px;
    }
    
    .footer-contact {
        font-size: 13px;
    }
    
}


@media (max-width: 480px) {
    .page-visual-ttl {
        height: 250px;
    }
    
    .page-visual {
        left: 20px;
        bottom: 30px;
    }
    
    .page-visual .jp h2 {
        font-size: 28px;
    }
    
    .page-visual .en h3 {
        font-size: 16px;
    }
    
    .table th,
    .table td {
        padding: 8px !important;
        font-size: 12px !important;
    }
    
	
    
    .news-scroll-list {
        padding: 15px;
    }
    
    .news-card {
        padding: 20px;
    }
    
    .news-card-title {
        font-size: 16px;
    }
    
    .wrapar1 {
        height: 60px !important;
        background-size: 50px 25px !important;
    }
    
    .h5_2 h5 {
        font-size: 14px !important;
        padding: 6px 15px !important;
    }
    
    .content2 .col2 img[width="400"][height="70"] {
        width: 250px !important;
        height: 44px !important;
        max-width: 250px !important;
        max-height: 44px !important;
    }
    
    .footer-logos {
        gap: 20px;
    }
    
    .footer-logo {
        width: 160px;
        height: 105px;
    }
    
    .footer-group-logo .footer-logo {
        width: 100px;
        height: 65px;
    }
    
    .footer-group-title {
        font-size: 11px;
    }
    
    .footer-company-name {
        font-size: 22px;
    }
    
    .footer-address {
        font-size: 13px;
    }
    
    .footer-contact {
        font-size: 12px;
    }
}

/* アンカーリンクのスクロール位置調整 */
#page03, #page04, #page05 {
    scroll-margin-top: 200px;
}

.h4 h4[id] {
    scroll-margin-top: 180px;
}