@charset "utf-8";

@media (min-width: 501px) {
    /* 要素の余白をなくす・要素の幅と高さの計算方法を指定 */
    *,
    ::before
    ::after {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    /* リストの行頭アイコンを非表示 */
    ul,
    ol {
        list-style: none;
    }

    /* リンクの文字色と下線をなくす */
    .menu {
        color: inherit;
        text-decoration: none;
    }

    /* テキストのフォント・文字サイズ・色・行間・背景色などを指定 */
    .noto-sans-myanmar-medium {
        font-family: "Noto Sans Myanmar", sans-serif;
        font-weight: 500;
        font-style: normal;
    }
    .noto-sans-myanmar-bold {
        font-family: "Noto Sans Myanmar", sans-serif;
        font-weight: 700;
        font-style: normal;
    }

    @media (min-width: 501px) and (max-width: 1200px) {
        body {
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            font-family: "Noto Sans Myanmar", sans-serif;
            font-size: 16px;
            color: #707070;
            font-weight: 500;
            line-height: 35px;
            letter-spacing: 1.44px;
            word-wrap: break-word;
            background: var(--Background-White, #FFF);
            overflow-x: hidden;
        }
        h1 {
            font-family: "Noto Sans Myanmar", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 28px;
            color: #707070;
            line-height: 50px;
            letter-spacing: 8%;
            word-wrap: break-word;
            margin: 0;
        }
        h2 {
            font-family: "Noto Sans Myanmar", sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 28px;
            color: #707070;
            line-height: 50px;
            letter-spacing: 8%;
            word-wrap: break-word;
            margin: 0;
        }
        h3 {
            font-family: "Noto Sans Myanmar", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 20px;
            color: #707070;
            line-height: 40px;
            letter-spacing: 8%;
            word-wrap: break-word;
            margin: 0;
        }
        h4 {
            font-family: "Noto Sans Myanmar", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 18px;
            color: #707070;
            line-height: 30px;
            letter-spacing: 8%;
            word-wrap: break-word;
            margin: 0;
        }
    }
    @media (min-width: 1201px) {
        body {
            width: 100%;
            height: auto;
            margin: 0;
            padding: 0;
            font-family: "Noto Sans Myanmar", sans-serif;
            font-size: 18px;
            color: #707070;
            font-weight: 500;
            line-height: 35px;
            letter-spacing: 1.44px;
            word-wrap: break-word;
            background: var(--Background-White, #FFF);
        }
        h1 {
            font-family: "Noto Sans Myanmar", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 32px;
            color: #707070;
            line-height: 50px;
            letter-spacing: 8%;
            word-wrap: break-word;
            margin: 0;
        }
        h2 {
            font-family: "Noto Sans Myanmar", sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 32px;
            color: #707070;
            line-height: 50px;
            letter-spacing: 8%;
            word-wrap: break-word;
            margin: 0;
        }
        h3 {
            font-family: "Noto Sans Myanmar", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 24px;
            color: #707070;
            line-height: 40px;
            letter-spacing: 8%;
            word-wrap: break-word;
            margin: 0;
        }
        h4 {
            font-family: "Noto Sans Myanmar", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 18px;
            color: #707070;
            line-height: 30px;
            letter-spacing: 8%;
            word-wrap: break-word;
            margin: 0;
        }
    }
    
    /* img要素の最大幅を指定 */
    img {
        max-width: 100%;
    }
    
    /* ヘッダー */
    header {
        max-height: 146px;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        background: #FFFFFF;
        z-index: 3;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1); 
    }
    .header-inner {
        max-height: 146px;
        height: 100%;
        width: auto;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .site-menu ul {
        display: flex;
        height: 50px;
        padding: 0;
        margin: 0;
    }
    .site-menu li {
        align-items: center;
        display: flex;
    } 
    .site-menu ul li {
        margin-right: 32px;
    }
    .menu-border-01 {
        padding-left: 32px;
    }
    .menu-border-02 {
        border-left: 1px solid #05A1CF;
        padding-left: 32px;
    }
    
    /* 非表示（デスクトップ画面） */
    .toggle-menu-button {
        display: none;
    }
    input {
        display: none;
    }
    .menu-contact {
        display: none;
    }
    .shiire-photo-mobile {
        display: none;
    }
    .footer-contact-mobile {
        display: none;
    }
    .heading-h3-01-mobile {
        display: none;
    }
    .fresh-text-mobile {
        display: none;
    }
    .title-01-mobile {
        display: none;
    }
    .fish-example-mobile {
        display: none;
    }
    .order-03-text-mobile {
        display: none;
    }
    .order-02-contact-mobile {
        display: none;
    }
    .fish-variety-photo-mobile {
        display: none;
    }
    .processing-variety-photo-mobile {
        display: none;
    }
    .processing-list-mobile {
        display: none;
    }
    .cooking-example-mobile {
        display: none;
    }
    .title-02-mobile-01 {
        display: none;
    }
    .title-02-mobile-02 {
        display: none;
    }
    .heading-h4-02-mobile {
        display: none;
    }
    .heading-h4-04-mobile {
        display: none;
    }
    .other-fish-list-mobile{
        display: none;
    }
    .contact-type-mobile {
        display: none;
    }
    .other-fish-02-text-mobile {
        display: none;
    }
    .photo-10-text-mobile {
        display: none;
    }
    .contents-half-02 {
        display: none;
    }
    .fish-text-mobile {
        display: none;
    }
    .banner-text-mobile {
        display: none;
    }
    
    /* コンテンツ */
    html {
        scroll-behavior: smooth;
        min-height: 200vh; /* 後ほど削除 */
        scroll-padding-top: 171px;
    }
    main {
        width: 100%;
        height: auto;
        margin-top: 196px;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    p {
        margin: 0;
        text-align: justify;
    }
    .main-logo {
        display: block;
        max-width: 192.14px;
        min-width: 150px;
        width: 100%;
        height: auto;
    }
    .page-top {
        width: 90px;
        height: 90px;
        position: fixed;
        right: 100px;
        bottom: 50px;
        display: flex;
        justify-content: center;
        align-items: end;
        transition: opacity 0.3s;
        z-index: 2;
    }
    .main-contact {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 50px;
    }
    .main-contact-bottom {
        max-width: 440px;
        width: 100%;
        height: auto;
        display: inline-block;
        border-bottom: #00A2CF 2px solid;
        text-align: center;
    }
    .main-contact-number {
        color: #00A2CF;
        text-decoration: none;
    }
    .main-visual {
        max-width: 1500.53px;
        min-width: 320px;
        width: 100%;
        height: auto;
        margin-top: 24px;
        margin-right: 80.46px;
        display: flex;
        justify-content: space-between;
        gap: 35px;
    }
    .main-visual-left {
        max-height: 600px;
        min-height: 200px;
        width: 100%;
    }
    .main-visual-center {
        max-height: 600px;
        min-height: 200px;
        width: 100%;
        margin-top: 100px;
    }
    .main-visual-right {
        max-height: 600px;
        min-height: 200px;
        width: 100%;
    }
    .fresh {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
        margin-top: 100px;
    }
    .heading {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
    }
    .title-01 {
        margin: 0;
        text-align: center;
        margin-bottom: 8px;
    }
    .title-01-PC {
        margin: 0;
        text-align: center;
        margin-bottom: 8px;
    }
    .title-02 {
        margin: 0;
        text-align: center;
    }
    .wave {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
    }
    .fresh-text {
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
    }
    .photo-01 {
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        margin-top: -175px;
    }
    .fresh-shiire {
        margin-top: 100px;
        max-width: 1220px; 
        min-width: 351px;
        width: 100%;
        height: auto;
    }
    .shiire-photo {
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;
    }
    .shiire-text {
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        margin: 64px auto;
    }
    .heading-center-h3 {
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 16px;
    }
    .shiire-text-02 {
        max-width: 620px; 
        width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        text-align: justify;
    }
    .fish {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
        margin-top: 200px;
    }
    .fish-text-01 {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        margin-right: auto;
        margin-left: auto;
    }
    .text {
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
    }
    .fish-text-PC {
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
    }
    .fish-text-02 {
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        display: flex;
        align-items: flex-end;
        margin-top: 64px;
        margin-left: auto;
    }
    .fish-example {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 67.5px;
    }        
    .example-01 {
        aspect-ratio: 1/1;
        max-width: 295px;
        min-width: 55px;
        width: 100%;
        height: auto;
        border-radius: 50%;
        background: #C0DC96;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0;
    }
    .example-02 {
        aspect-ratio: 1/1;
        max-width: 295px;
        min-width: 55px;
        width: 100%;
        height: auto;
        border-radius: 50%;
        background: #FFC775;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0;
    }
    .example-03 {
        aspect-ratio: 1/1;
        max-width: 295px;
        min-width: 55px;
        width: 100%;
        height: auto;
        border-radius: 50%;
        background: #66C1FF;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0;
    }
    .example-04 {
        margin-left: 24px;
    }
    .main-02 {
        width: 100%;
        height: auto;
        background: #dbf0ff;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: -121.94px;
        padding-bottom: 200px;
    }
    .fish-01 {
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1220px; 
        width: 100%;
        height: auto;
    }
    .fish-order-01 {
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;
    }
    .photo-02 {
        max-width: 364px;
        min-width: 75px;
        width: 100%;
        height: auto;
    }
    .photo-03 {
        max-width: 364px;
        min-width: 75px;
        width: 100%;
        height: auto;
        z-index: 1;
    }
    .fish-02 {
        max-width: 1220px; 
        min-width: 351px;
        width: 100%;
        height: auto;
    }
    .fish-order-02 {
        margin-top: 321.94px;
        max-width: 1220px; 
        min-width: 351px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;
    }
    .order-02-photo {
        aspect-ratio: 3/2;
        max-width: 680px; 
        width: 100%;
        height: auto;
    }
    .order-02-right {
        max-width: 476px; 
        width: 100%;
        height: auto;
        display:flex;
        flex-flow: column;
        gap: 64px;
    }
    .order-02-text {
        max-width: 476px; 
        width: 100%;
        height: auto;
        background: #05A1CF;
        border-radius: 40px;
        text-align: center;
        padding: 24px 0;
        color: #FFFFFF;
    }
    .heading-h3-02 {
        padding: 0 24px;
        margin: 0 auto;
        color: #FFFFFF;
        width: fit-content;
    }
    .order-02-contact {
        padding: 0 24px;
        margin: 0 auto;
        margin-top: 8px;
        width: fit-content;
    }
    .fish-order-03 {
        margin-top: 100px;
        max-width: 1220px; 
        min-width: 351px;
        width: 100%;
        height: auto;
    }
    .order-03-01-top {
        max-width: 1220px; 
        min-width: 351px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;
        align-items: center;
    }
    .order-03-01-bottom {
        max-width: 1220px; 
        min-width: 351px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;
        align-items: center;
        margin-top: 100px;
    }
    .order-03-02 {
        max-width: 515.85px; 
        width: 100%;
        height: auto;
        display: flex;
        align-items: end;
    }
    .order-03-03 {
        display: flex;
        align-items: center;
    }
    .order-03-icon {
        max-width: 160px;
        width: 100%;
        height: auto;
        margin-right: 48px;
    }
    .order-03-text {
        max-width: 307.85px;
        width: 100%;
        height: auto;
    }
    .line-01 {
        max-width: 125px;
        width: 100%;
        height: auto;
        margin-left: -50px;
    }
    .heading-h3-01 {
        max-width: 1220px;
        min-width: 351px;
        margin-top: auto;
        margin-bottom: 16px;
    }
    .fresh-text-PC {
        max-width: 1220px;
        min-width: 351px;
    }
    .order-03-cut {
        margin-top: 8px;
    }
    .fish-03 {
        margin-top: 100px;
        max-width: 1420px;
        min-width: 401px;
        padding-top: 100px;
        padding-bottom: 100px;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 20px;
    }
    .fish-variety {
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .fish-variety-photo {
        margin-top: 64px;
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;
    }
    .photo-04 {
        max-width: 364px;
        width: 100%;
        height: auto;
        margin-bottom: 24px;
    }
    .processing {
        margin-top: 100px;
        max-width: 1220px;
        min-width: 351px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 100px;
        padding-bottom: 100px;
        width: 100%;
        height: auto;
        background: #FFF7BA;
        border-radius: 20px;
    }
    .processing-variety {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .processing-variety-01 {
        text-align: center;
    }
    .processing-variety-photo-01 {
        margin-top: 64px;
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 67.5px;
    }
    .processing-variety-photo-02 {
        margin-top: 64px;
        max-width: 655px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 67.5px;
    }
    .photo-05 {
        max-width: 295px;
        width: 100%;
        height: auto;
        margin-bottom: 24px;
    }
    .photo-06 {
        max-width: 295px;
        width: 100%;
        height: auto;
        margin-bottom: 24px;
    }
    .heading-h4-01 {
        margin: 0;
        text-align: left;
    }
    .heading-h4-02 {
        margin: 0;
        text-align: center;
        margin-top: 64px;
        border-bottom: #707070 1px solid;
    }
    .processing-variety-02 {
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        max-width: 820px;
        width: 100%;
        height: auto;
    }
    .processing-list {
        max-width: 820px;
        min-width: 251px;
        width: 100%;
        height: auto;
    }
    .processing-row {
        display: flex;
        justify-content: space-between;
        gap: 64px;
    }
    .processing-type {
        max-width: 378px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        margin-top: 64px;
    }
    .processing-type-01 {
        display: flex;
        align-items: center;
    }
    .processing-type-02 {
        display: flex;
        align-items: end;
    }
    .processing-icon {
        max-width: 95px;
        width: 100%;
        height: auto;
        margin-right: 24px;
    }
    .line-02 {
        max-width: 70px;
        width: 100%;
        height: auto;
    }
    .cooking-example {
        margin-top: 100px;
        padding-top: 50px;
        padding-bottom: 50px;
        max-width: 1020px;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 20px;
    }
    .cooking-example-photo {
        max-width: 654px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
    }
    .cooking-example-text {
        text-align: center;
    }
    .flavored-fish {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
        margin-top: 100px;
        padding-top: 100px;
        padding-bottom: 100px;
        background: #FFFFFF;
        border-radius: 20px;
    }
    .heading-h4-03 {
        margin: 0;
        text-align: left;
        color: #E4805A;
    }
    .flavored-fish-photo {
        max-width: 820px;
        min-width: 251px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;  
    }
    .photo-07 {
        max-width: 377.57px;
        width: 100%;
        height: auto;
    }
    .flavored-fish-list {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 50px;
        padding-bottom: 50px;
        background: #F4F4F7;
        border-radius: 20px;
    }
    .flavored-fish-type {
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
        max-width: 420px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
    }
    .heading-h4-04 {
        margin: 0;
        max-width: 820px;
        min-width: 251px;
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: #707070 1px solid;
    }
    .other-fish-01 {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
        margin-top: 100px;
        padding-top: 100px;
        padding-bottom: 200px;
        background: #FFFFFF;
        border-radius: 20px;
    }
    .other-fish-list {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
        gap: 64px;
    }
    .other-fish-type {
        max-width: 478px;
        width: 100%;
        height: auto;
        display: flex;
    }
    .other-fish-text {
        margin-left: 32px;
    }
    .other-fish-line-height {
        line-height: 30px;
    }
    .photo-08 {
        aspect-ratio: 3/2;
        max-width: 269px;
        width: 100%;
        height: auto;
    }
    .other-fish-02 {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        margin-top: -100px;
        display: flex;
        align-items: end;
    }
    .photo-09 {
        aspect-ratio: 3/2;
        max-width: 463px;
        width: 100%;
        height: auto;
        margin-right: 64px;
    }
    .contact {
        margin-top: 200px;
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
    }
    .contact-type {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 55px;
    }
    .contact-heading {
        text-align: center;
        color: #707070;
    }
    .contact-number  {
        flex-direction: column;
        align-items: center;
        color: #00A2CF;
        border-bottom: #00A2CF 2px solid;
        padding: 0 50px;
        text-decoration: none;
    }
    .TEL .FAX {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    .fax-paper {
        border-radius: 100px;
        display: block;
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        padding: 24px;
        box-sizing: border-box;
        background: #00A2CF;
        color: #FFFFFF;
        font-size: 32px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 2.56px;
        text-decoration: none;
        text-align: center;
        margin-top: 64px;
    }
    .ishii-shouten {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
        padding-top: 200px;
        padding-bottom: 200px;
    }
    .ishii-shouten-text {
        max-width: 1220px;
        min-width: 351px;
        width: 100%;
        height: auto;
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 64px;
    }
    .photo-10 {
        aspect-ratio: 3/2;
        max-width: 740px;
        width: 100%;
        height: auto;
    }
    .photo-10-text {
        max-width: 410px;
        width: 100%;
        height: auto;
    }    
    .company-profile {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
        margin-top: 100px;
    }
    .line-03 {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
        border-bottom: #707070 1px solid;
    }
    .line-04 {
        max-width: 1420px;
        min-width: 401px;
        width: 100%;
        height: auto;
    }
    .profile-contents {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        padding-top: 24px;
        padding-bottom: 24px;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: space-between;
    }
    .heading-h4-05 {
        max-width: 200px;
        width: 100%;
        height: auto;
    }
    .contents-all {
        max-width: 820px;
        min-width: 251px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
    }
    .contents-half-01 {
        max-width: 360px;
        width: 100%;
        height: auto;
    }
    .contents-half-bottom {
        max-width: 360px;
        width: 100%;
        height: auto;
        padding-top: 24px;
    }
    .company-map {
        margin-top: 100px;
        aspect-ratio: 16/9;
        max-width: 1420px;
        width: 100%;
        height: auto;
        border: 0;
    }
    .banner {
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        max-width: 1020px;
        width: 100%;
        height: auto;
        display: grid;
        row-gap: 32px;
    }
    .banner-text {
        max-width: 1020px;
        width: 100%;
        height: auto;
        text-align: center;
    }
        
    
    /* フッター */
    .footer {
        width: 100%;
        height: auto;
        color: #FFFFFF;
        background-color: #00A2CF;
        padding-top: 100px;
        padding-bottom: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-contact {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
        gap: 55px;
    }
    .footer-contact-heading {
        text-align: center;
        color: #FFFFFF;
    }
    .footer-contact-number  {
        flex-direction: column;
        align-items: center;
        color: #FFFFFF;
        border-bottom: #FFFFFF 2px solid;
        padding: 0 50px;
        text-decoration: none;
    }
    .footer-TEL .footer-FAX {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    .footer-fax-paper {
        max-width: 1020px;
        min-width: 301px;
        width: 100%;
        height: auto;
        margin-top: 64px;
    }
    .footer-fax-paper-button {
        border-radius: 100px;
        display: block;
        padding: 24px;
        box-sizing: border-box;
        background: #FFFFFF;
        color: #707070;
        font-size: 32px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 2.56px;
        text-decoration: none;
        text-align: center;
    }
    .copyright {
        font-size: 18px;
        margin-top: 100px;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: 1.44px;
        word-wrap: break-word;
    }
}

/* モバイル版 */
@media (max-width: 500px) {

    /* 要素の余白をなくす・要素の幅と高さの計算方法を指定 */
    *,
    ::before
    ::after {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
    }

    /* リストの行頭アイコンを非表示 */
    ul,
    ol {
        list-style: none;
    }

    /* リンクの文字色と下線をなくす */
    .menu {
        color: inherit;
        text-decoration: none;
    }

    /* テキストのフォント・文字サイズ・色・行間・背景色などを指定 */
    .noto-sans-myanmar-medium {
        font-family: "Noto Sans Myanmar", sans-serif;
        font-weight: 500;
        font-style: normal;
    }
    .noto-sans-myanmar-bold {
        font-family: "Noto Sans Myanmar", sans-serif;
        font-weight: 700;
        font-style: normal;
    }
    body {
        width: 100%;
        height: auto;
        font-family: "Noto Sans Myanmar", sans-serif;
        font-size: 14px;
        color: #707070;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 1.44px;
        word-wrap: break-word;
        background: var(--Background-White, #FFF);
    }
    h1 {
        font-family: "Noto Sans Myanmar", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 20px;
        color: #707070;
        line-height: 40px;
        letter-spacing: 8%;
        word-wrap: break-word;
        margin: 0;
    }
    h2 {
        font-family: "Noto Sans Myanmar", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 20px;
        color: #707070;
        line-height: 40px;
        letter-spacing: 8%;
        word-wrap: break-word;
        margin: 0;
    }
    h3 {
        font-family: "Noto Sans Myanmar", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 18px;
        color: #707070;
        line-height: 40px;
        letter-spacing: 8%;
        word-wrap: break-word;
        margin: 0;
    }
    h4 {
        font-family: "Noto Sans Myanmar", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size: 16px;
        color: #707070;
        line-height: 20px;
        letter-spacing: 8%;
        word-wrap: break-word;
        margin: 0;
    }

    /* img要素の最大幅を指定 */
    img {
        max-width: 100%;
    }

    /* ヘッダー */
    .toggle-menu-button {
        width: 55px; /* 50px */
        height: 55px; /* 50px */
        position: fixed;
        top: 0px;
        right: 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 90;
        background-color: #00A2CF;
        border: none; /* デフォルトのスタイル指定を解除 */
        border-radius: 0; /* デフォルトのスタイル指定を解除 */
        outline: none; /* デフォルトのスタイル指定を解除 */
    }
    .toggle-menu-button span,
    .toggle-menu-button span:before,
    .toggle-menu-button span:after {
        content: '';
        display: block;
        height: 3px;
        width: 25px;
        border-radius: 3px;
        background-color: #ffffff;
        position: absolute;
    }
    .toggle-menu-button span:before {
        bottom: 8px;
    }
    .toggle-menu-button span:after {
        top: 8px;
    }
    #menu-btn-check:checked ~ .toggle-menu-button span {
        background-color: rgba(255, 255, 255, 0); /*メニューオープン時は真ん中の線を透明にする*/
    }
    #menu-btn-check:checked ~ .toggle-menu-button span::before {
        bottom: 0;
        transform: rotate(45deg);
    }
    #menu-btn-check:checked ~ .toggle-menu-button span::after {
        top: 0;
        transform: rotate(-45deg);
    }
    #menu-btn-check {
        display: none;
    }
    .header-site-menu {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 100%;
        z-index: 80;
        background-color: #00A2CF;
        transition: all 0.5s;
        text-align: center;
    }
    .header-site-menu ul {
        padding: 75px 50px;
    }
    .header-site-menu ul li {
        list-style: none;
    }
    .header-site-menu ul li a {
        display: block;
        width: 100%;
        font-size: 18px;
        box-sizing: border-box;
        color:#ffffff;
        text-decoration: none;
        padding: 12px 0;
        position: relative;
    }
    #menu-btn-check:checked ~ .header-site-menu {
        left: 0; /*メニューを画面内へ*/
    }
    .menu-contact {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .menu-contact-number {
        display: inline-block;
        max-width: 293px;
        width: 100%;
        height: auto;
        text-align: center;
        color: #FFFFFF;
        border-bottom: #FFFFFF 2px solid;
        text-decoration: none;
        margin-bottom: 24px;
    }

    /* 非表示（モバイル画面） */
    .main-contact-number {
        display: none;
    }
    .shiire-photo {
        display: none;
    }
    .footer-contact {
        display: none;
    }
    .fresh-text-PC {
        display: none;
    }
    .title-01-PC {
        display: none;
    }
    .fish-example {
        display: none;
    }
    .example-01 {
        display: none;
    }
    .example-02 {
        display: none;
    }
    .example-03 {
        display: none;
    }
    .fish-01 {
        display: none;
    }
    .order-02-contact {
        display: none;
    }
    .order-03-text-PC {
        display: none;
    }
    .fish-text-02 {
        display: none;
    }
    .fish-variety-photo {
        display: none;
    }
    .processing-variety-photo-01 {
        display: none;
    }
    .processing-variety-photo-02 {
        display: none;
    }
    .processing-list {
        display: none;
    }
    .cooking-example {
        display: none;
    }
    .title-02 {
        display: none;
    }
    .heading-h4-02 {
        display: none;
    }
    .heading-h4-04 {
        display: none;
    }
    .other-fish-list {
        display: none;
    }
    .contact-type {
        display: none;
    }
    .other-fish-02-text {
        display: none;
    }
    .photo-10-text {
        display: none;
    }
    .contents-half-01 {
        display: none;
    }
    .fish-text-PC {
        display: none;
    }
    .banner-text {
        display: none;
    }
    
    /* コンテンツ */
    html {
        scroll-behavior: smooth;
        scroll-padding-top: 25px;
    }
    main {
        max-width: 750px;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    p {
        margin: 0;
    }
    .page-top {
        width: 55px;
        height: 55px;
        position: fixed;
        right: 25px;
        bottom: 25px;
        display: flex;
        justify-content: center;
        align-items: end;
        transition: opacity 0.3s;
        z-index: 85;
    }
    .main-visual {
        max-width: 343px;
        width: 100%;
        height: auto;
        display: flex;
        gap: 10px;
        margin-right: 15.69px;
        margin-top: 25px;
    }
    .main-visual-center {
        margin-top: 25px;
    }
    .fresh {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 64px;
    }
    .heading {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .title-01 {
        margin: 0;
        text-align: center;
    }
    .title-01-mobile {
        margin: 0;
        text-align: center;
    }
    .wave {
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    .fresh-text {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
    }
    .fresh-text-mobile {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        text-align: justify;
    }
    .photo-01 {
        width: 293px;
        margin-top: 32px;
    }
    .fresh-shiire {
        margin-top: 32px;
        max-width: 293px; 
        width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
    }
    .shiire-text {
        max-width: 293px; 
        width: 100%;
        height: auto;
    }
    .heading-center-h3 {
        width: fit-content;
        margin-bottom: 16px;
    }
    .shiire-text-02 {
        max-width: 293px; 
        width: 100%;
        height: auto;
        text-align: justify;
    }
    .photo-02 {
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    @keyframes infinity-scroll-left {
        from {
            transform: translateX(0);
        }
        to {
            transform: translateX(-100%);
        }
    }
    .shiire-photo-mobile {
        margin-top: 16px;
        max-width: 293px;
        width: 100%;
        height: auto;
        display: flex;
        overflow: hidden;
    }
    .shiire-slide {
        display: flex;
        list-style: none;
        padding: 0;
        margin: 0;
    }
    .shiire-slide-left {
        animation: infinity-scroll-left 45s infinite linear 0.5s both;
    }
    .photo-02 {
        width: calc(1200vw / 12);
        padding-right: 24px;
    }
    .photo-02>img {
        width: 100%;
    }
    .fish {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 64px;
    }
    .fish-text-01 {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 16px;
        margin-right: auto;
        margin-left: auto;
    }
    .fish-example-mobile {
        position: relative;
        z-index: 70;
    }
    .fish-example-type {
        margin-top: 32px;
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    .example-mobile {
        margin-top: -75px;
        max-width: 293px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: flex-end;
    }
    .example-01-mobile {
        aspect-ratio: 1/1;
        max-width: 130px;
        width: 100%;
        height: auto;
        border-radius: 50%;
        background: rgba(192, 220, 150, 0.9);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0;
    }
    .example-02-mobile {
        aspect-ratio: 1/1;
        max-width: 130px;
        width: 100%;
        height: auto;
        border-radius: 50%;
        background: rgba(255, 199, 117, 0.9);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0;
    }
    .example-03-mobile {
        aspect-ratio: 1/1;
        max-width: 130px;
        width: 100%;
        height: auto;
        border-radius: 50%;
        background: rgba(102, 193, 255, 0.9);
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        margin: 0;
    }
    .photo-03-mobile {
        max-width: 268px;
        width: 100%;
        height: auto;
    }
    .example-mobile-etc {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 32px;
        text-align: right;
    }
    .text {
        width: fit-content;
        margin-right: auto;
        margin-left: auto;
    }
    .fish-text-mobile {
        text-align: justify;
    }
    .main-02 {
        max-width: 750px;
        width: 100%;
        height: auto;
        background: #dbf0ff;
        align-items: center;
        margin-top: -151px;
        padding-top: 151px;
        padding-bottom: 64px;
    }
    .fish-01 {
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        max-width: 243px; 
        width: 100%;
        height: auto;
    }
    .fish-order-01 {
        max-width: 243px;
        width: 100%;
        height: auto;
    }
    .fish-02 {
        max-width: 293px; 
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .fish-order-02 {
        margin-top: 64px;
        max-width: 293px; 
        width: 100%;
        height: auto;
    }
    .order-02-photo {
        max-width: 293px; 
        width: 100%;
        height: auto;
    }
    .order-02-right {
        margin-top: 16px;
        max-width: 293px; 
        width: 100%;
        height: auto;
    }
    .order-02-text {
        max-width: 293px; 
        width: 100%;
        height: auto;
        background: #05A1CF;
        border-radius: 10px;
        text-align: center;
        margin-top: 16px;
        color: #FFFFFF;
        padding: 24px 0;
    }
    .heading-h3-02 {
        width: fit-content;
        margin: 0;
        color: #FFFFFF;
        margin-left: auto;
        margin-right: auto;
    }
    .order-02-contact-mobile {
        max-width: 243px; 
        width: 100%;
        height: auto;
        margin-top: 16px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    .fish-order-03 {
        margin-top: 64px;
        max-width: 293px; 
        width: 100%;
        height: auto;
    }
    .order-03-01-top {
        max-width: 243px; 
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .order-03-01-bottom {
        max-width: 243px; 
        width: 100%;
        height: auto;
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
    }
    .order-03-02 {
        max-width: 243px; 
        width: 100%;
        height: auto;
        position: relative;
        margin-bottom: 88px;
    }
    .order-03-03 {
        text-align: center;
    }
    .order-03-icon {
        max-width: 193px;
        width: 100%;
        height: auto;
    }
    .order-03-text {
        max-width: 193px;
        width: 100%;
        height: auto;
        text-align: left;
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
    }
    .line-01 {
        max-width: 125px;
        width: 100%;
        height: auto;
        position: absolute;
        bottom: -24px;
        right: 0;
    }
    .heading-h3-01 {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: auto;
        margin-bottom: 16px;
        margin-left: auto;
        margin-right: auto;
    }
    .order-03-cut {
        margin-top: 8px;
    }
    .fish-03 {
        margin-top: 64px;
        max-width: 343px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;
        padding-bottom: 25px;
        background: #FFFFFF;
        border-radius: 10px;
    }
    .fish-variety {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .fish-variety-photo-mobile {
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    .fish-variety-type {
        margin-top: 24px;
    }
    .photo-04 {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-bottom: 16px;
    }
    .processing {
        margin-top: 64px;
        max-width: 293px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;
        padding-bottom: 25px;
        width: 100%;
        height: auto;
        background: #FFF7BA;
        border-radius: 10px;
    }
    .processing-variety {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .processing-variety-01 {
        max-width: 243px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .title-02-mobile-01 {
        text-align: center;
    }
    .title-02-mobile-02 {
        text-align: center;
    }
    .processing-variety-type {
        max-width: 243px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 32px;
    }
    .processing-variety-photo-mobile {
        margin-top: 24px;
    }
    .photo-05 {
        max-width: 243px;
        width: 100%;
        height: auto;
        margin-bottom: 16px;
    }
    .photo-06 {
        max-width: 193px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        margin-top: 32px;
    }
    .heading-h4-01 {
        margin: 0;
        text-align: left;
    }
    .heading-h4-02 {
        margin: 0;
        text-align: center;
        margin-top: 64px;
        border-bottom: #707070 1px solid;
    }
    .processing-variety-02 {
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
        max-width: 243px;
        width: 100%;
        height: auto;
    }
    .processing-list {
        max-width: 243px;
        width: 100%;
        height: auto;
    }
    .processing-type {
        max-width: 243px;
        width: 100%;
        height: 60px;
        display: flex;
        justify-content: space-between;
        margin-top: 16px;
    }
    .processing-type-01 {
        display: flex;
        align-items: center;
    }
    .processing-type-02 {
        display: flex;
        align-items: end;
    }
    .processing-icon {
        max-width: 64px;
        width: 100%;
        height: auto;
        margin-right: 24px;
    }
    .processing-list-mobile {
        margin-top: 24px;
    }
    .line-02 {
        max-width: 25px;
        width: 100%;
        height: auto;
    }
    .heading-h4-02-mobile {
        margin: 0;
        text-align: center;
        margin-top: 64px;
        border-bottom: #707070 1px solid;
    }
    .cooking-example-mobile {
        margin-top: 64px;
        padding-top: 25px;
        padding-bottom: 25px;
        max-width: 243px;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
    .cooking-example-text-mobile {
        max-width: 193px;
        width: 100%;
        height: auto;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    .flavored-fish {
        max-width: 343px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        padding-top: 25px;
        padding-bottom: 25px;
        background: #FFFFFF;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .flavored-fish-photo {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .photo-07 {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 24px;
    }
    .flavored-fish-list {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 25px;
        padding-bottom: 25px;
        background: #F4F4F7;
        border-radius: 10px;
    }
    .flavored-fish-type {
        margin-top: 16px;
        margin-left: auto;
        margin-right: auto;
        max-width: 193px;
        width: 100%;
        height: auto;
    }
    .heading-h4-03 {
        margin-bottom: 8px;
        text-align: left;
        color: #E4805A;
    }
    .flavored-fish-type-bottom {
        margin-top: 16px;
    }
    .heading-h4-04-mobile {
        margin: 0;
        max-width: 293px;
        width: 100%;
        height: auto;
        text-align: center;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        border-bottom: #707070 1px solid;
    }
    .other-fish-01 {
        max-width: 343px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        padding-top: 25px;
        padding-bottom: 25px;
        background: #FFFFFF;
        border-radius: 10px;
        margin-left: auto;
        margin-right: auto;
    }
    .other-fish-list-mobile {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 24px;
        margin-left: auto;
        margin-right: auto;
    }
    .other-fish-type {
        margin-top: 32px;
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    .photo-08 {
        aspect-ratio: 3/2;
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    .other-fish-text {
        margin-top: 16px;
    }
    .other-fish-row {
        max-width: 293px;
        width: 100%;
        height: auto;
        display: flex;
        justify-content: space-between;
    }
    .other-fish-02 {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
    }
    .other-fish-text-width {
        max-width: 134px;
        width: 100%;
        height: auto;
    }
    .other-fish-text-etc {
        text-align: right;
    }
    .photo-09 {
        aspect-ratio: 3/2;
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-right: 0px;
        margin-bottom: 16px;
    }
    .contact {
        margin-top: 64px;
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }
    .contact-type-mobile {
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    .contact-heading {
        text-align: center;
        color: #707070;
    }
    .contact-number  {
        text-align: center;
        color: #00A2CF;
        border-bottom: #00A2CF 2px solid;
        text-decoration: none;
    }
    .FAX {
        margin-top: 32px;
    }
    .fax-paper {
        border-radius: 100px;
        display: block;
        max-width: 293px;
        width: 100%;
        height: auto;
        padding: 25px 0;
        box-sizing: border-box;
        background: #00A2CF;
        color: #FFFFFF;
        font-size: 24px;
        font-weight: 700;
        line-height: 50px;
        letter-spacing: 8%;
        text-decoration: none;
        text-align: center;
        margin-top: 32px;
    }
    .ishii-shouten {
        max-width: 500px;
        width: 100%;
        height: auto;
        padding-top: 64px;
        padding-bottom: 64px;
    }
    .ishii-shouten-text {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
    }
    .photo-10 {
        aspect-ratio: 3/2;
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    .photo-10-text-mobile {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 32px;
    }    
    .company-profile {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
    }
    .line-03 {
        max-width: 293px;
        width: 100%;
        height: auto;
        border-bottom: #707070 1px solid;
    }
    .profile-contents {
        max-width: 243px;
        width: 100%;
        height: auto;
        padding-top: 16px;
        padding-bottom: 16px;
        margin-left: auto;
        margin-right: auto;
    }
    .heading-h4-05 {
        max-width: 243px;
        width: 100%;
        height: auto;
        margin-bottom: 8px;
    }
    .contents-all {
        max-width: 243px;
        width: 100%;
        height: auto;
    }
    .contents-half-02 {
        max-width: 243px;
        width: 100%;
        height: auto;
    }
    .contents-half-02-contents {
        max-width: 243px;
        width: 100%;
        height: auto;
        margin-top: 24px;
    }
    .company-map {
        margin-top: 64px;
        aspect-ratio: 3/2;
        max-width: 293px;
        width: 100%;
        height: auto;
        border: 0;
    }
    .link-white {
        text-decoration: none;
        color: #FFFFFF;
    }
    .link-blue {
        text-decoration: none;
        color: #00A2CF;
    }
    .banner {
        margin-top: 100px;
        margin-left: auto;
        margin-right: auto;
        max-width: 293px;
        width: 100%;
        height: auto;
        display: grid;
        row-gap: 24px;
    }
    .banner-text-mobile {
        max-width: 293px;
        width: 100%;
        height: auto;
        text-align: center;
    }

    /* ロゴのサイズを指定できるようにする */
    .main-logo {
        margin-top: 25px;
        display: block;
        max-width: 100px;
        width: 100%;
        height: auto;
    }

    /* フッター */
    .footer {
        max-width: 500px;
        width: 100%;
        height: auto;
        color: #FFFFFF;
        background-color: #00A2CF;
        padding-top: 100px;
        padding-bottom: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .footer-contact-mobile {
        max-width: 293px;
        width: 100%;
        height: auto;
    }
    .footer-mobile-heading {
        text-align: center;
        color: #FFFFFF;
    }
    .footer-mobile-number  {
        flex-direction: column;
        color: #FFFFFF;
        border-bottom: #FFFFFF 2px solid;
        text-align: center;
    }
    .footer-mobile-TEL {
        flex-direction: column;
        align-items: center;
    }
    .footer-mobile-FAX {
        margin-top: 32px;
        flex-direction: column;
        align-items: center;
    }
    .footer-fax-paper {
        max-width: 293px;
        width: 100%;
        height: auto;
        margin-top: 64px;
        text-decoration: none;
    }
    .footer-fax-paper-button {
        border-radius: 81px;
        display: block;
        padding: 24px 0;
        box-sizing: border-box;
        background: #FFFFFF;
        color: #707070;
        font-size: 24px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: 2.56px;
        text-decoration: none;
        text-align: center;
    }
    .copyright {
        font-size: 18px;
        margin-top: 64px;
        font-weight: 500;
        line-height: 35px;
        letter-spacing: 1.44px;
        word-wrap: break-word;
    }
}