/* Company Style */

.company-menu-list{
    display: grid;
    row-gap: calc(60 / var(--vw) * var(--base));
}

.company-menu-list-column a {
    display: grid;
    grid-template-columns: calc(220 / var(--vw) * var(--base)) 1fr;
    grid-template-rows: max-content max-content;
    align-content: center;
    row-gap: calc(16 / var(--vw) * var(--base));
    box-sizing: border-box;
    position: relative;
    border: 1px solid var(--bk);
    border-radius: calc(10 / var(--vw) * var(--base));
    height: calc(338 / var(--vw) * var(--base));
    font-size: calc(16 / var(--vw) * var(--base));
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1;
}

.company-menu-list-column a .alata-regular {
    font-size: calc(49 / var(--vw) * var(--base));
    letter-spacing: 0.13em;
    line-height: calc(55/49);
}

.company-menu-list-column a.link-to-sustainability .alata-regular{
    letter-spacing: 0.11em;
}

.link-to-corporate-data:before,
.link-to-network:before,
.link-to-sustainability:before,
.link-to-public-notice:before{
    content: "";
    grid-row: span 2;
    justify-self: center;
    height: 100%;
    transition: 0.6s ease;
}

.link-to-corporate-data:before {
    width: calc(136 / var(--vw) * var(--base));   
    background: url("../img/company/icon-corporate-data.svg") no-repeat center/contain;
}

.link-to-corporate-data:hover:before {
    background: url("../img/company/icon-corporate-data-on.svg") no-repeat center/contain;
}

.link-to-network:before {
    width: calc(160 / var(--vw) * var(--base));
    background: url("../img/company/icon-network.svg") no-repeat center/contain;
}

.link-to-network:hover:before {
    background: url("../img/company/icon-network-on.svg") no-repeat center/contain;
}

.link-to-sustainability:before {
    width: calc(145 / var(--vw) * var(--base));
    background: url("../img/company/icon-sustainability.svg") no-repeat center/contain;
}

.link-to-sustainability:hover:before {
    background: url("../img/company/icon-sustainability-on.svg") no-repeat center/contain;
}

.link-to-public-notice:before {
    width: calc(138 / var(--vw) * var(--base));
    background: url("../img/company/icon-electronic-public-notice.svg") no-repeat center/contain;
}

.link-to-public-notice:hover:before {
    background: url("../img/company/icon-electronic-public-notice-on.svg") no-repeat center/contain;
}

@media (max-width: 768px) {
    .company-menu-list-column .link-to-page:after{
        position: absolute;
        bottom: calc(25 / var(--vw) * var(--base));
        right: calc(28 / var(--vw) * var(--base));
        background: url("../img/arrow-bk.svg") no-repeat center/contain;
        width: calc(71 / var(--vw) * var(--base));
        height: calc(71 / var(--vw) * var(--base));
    }

}

@media (min-width: 769px) {
    #company-menu{
        margin-block-end: calc(130 / var(--vw) * var(--base));
    }
    #company-menu .page-section-inner {
        padding-block-start: calc(70 / var(--vw) * var(--base));
    }
    .company-menu-list-column a {
        grid-template-columns: calc((220 / 680) * 100%) 1fr;
    }

    .company-menu-list-column a .alata-regular {
        font-size: min(49px, (49/1620)*100vw);
    }

    .company-menu-list-column a:hover {
        opacity: 1;
        border-color: var(--lg);
        color: var(--lg);
        text-decoration: none;
    }
    .company-menu-list-column a:hover .link-to-page:after {
        border-color: var(--gr);
        background-image: url("../img/arrow-on.svg");
    }

    .link-to-tech:hover:before {
        background: url("../img/top/icon-tech-on.svg") no-repeat center/contain;
    }

    .link-to-product:hover:before {
        background: url("../img/top/icon-product-on.svg") no-repeat center/contain;
    }
}

#company-menu1 {
    margin-block-start: calc(130 / var(--vw) * var(--base));
    margin-block-end: calc(30 / var(--vw) * var(--base));
}

#company-menu1 .page-section-inner {
    padding-block-start: 0;
    padding-block-end: calc(80 / var(--vw) * var(--base));
}

#company-menu1 .page-section-inner a {
    display: block;
    align-content: top;
    box-sizing: border-box;
    position: relative;
    aspect-ratio: 684/342;
    background: url("../img/company/company1-sp.jpg") no-repeat center/cover;
    padding-block: calc(29 / var(--vw) * var(--base));
    padding-inline: calc(17 / var(--vw) * var(--base));
    color: #fff;
    line-height: calc(33/20);
}

#company-menu1 .page-section-inner a:hover{
    text-decoration: none;
}

#company-menu1 .top-headline {
    margin-block-end: calc(28 / var(--vw) * var(--base));
}

.company-menu1-link {
    position: absolute;
    bottom: calc(34 / var(--vw) * var(--base));
    right: calc(23 / var(--vw) * var(--base));
}

.company-menu1-link .link-to-list:after {
    background: url("../img/arrow-wh.svg") no-repeat center/contain;
    border: 1px solid #fff;
}

#company-menu2 .page-section-inner {
    padding-block: calc(80 / var(--vw) * var(--base));
}

#company-menu2 .top-headline {
    position: relative;
    z-index: 1;
    margin-block-end: 0;
}

#company-menu2 p {
    margin-block-start: calc(30 / var(--vw) * var(--base));
    margin-block-end: 0;
    font-weight: 500;
}

.company-menu2-image {
    position: relative;
    z-index: 0;
    width: calc(484 / var(--vw) * var(--base));
    margin-block-start: calc(-72 / var(--vw) * var(--base));
    margin-block-end: calc(76 / var(--vw) * var(--base));
    margin-inline-start: auto;
}

.company-menu2-link{
    margin-block-start: calc(45 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    #company-menu1{
        margin-block-start: calc(82 / var(--vw) * var(--base));
        margin-block-end: 0;
    }

    #company-menu1 .page-section-inner{
        padding-block-start: 0;
        padding-block-end: calc(70 / var(--vw) * var(--base));
    }

    #company-menu1 .page-section-inner a{
        display: block;
        align-content: center;
        box-sizing: border-box;
        position: relative;
        aspect-ratio: 1420/388;
        background: url("../img/company/company1-pc.jpg") no-repeat center/cover;
        padding-block: calc(20 / var(--vw) * var(--base));
        padding-inline: calc(48 / var(--vw) * var(--base));
        color: #fff;
    }

    #company-menu1 .top-headline {
        margin-block-end: calc(38 / var(--vw) * var(--base));
    }

    .company-menu1-link{
        position: absolute;
        bottom: calc(13 / var(--vw) * var(--base));
        right: calc(25 / var(--vw) * var(--base));
        font-size: calc(20 / var(--vw) * var(--base));
    }

    .company-menu1-link .link-to-list:after {
        background: url("../img/arrow-wh.svg") no-repeat center/contain;
        border: 1px solid #fff;
    }

    #company-menu2 .page-section-inner {
        padding-block: calc(70 / var(--vw) * var(--base));
    }

    #company-menu2 .grid-2column-pc{
        grid-template-columns: 1fr max-content;
    }

    #company-menu2 .page-headline {
        margin-block-end: calc(70 / var(--vw) * var(--base));
    }

    #company-menu2 p{
        margin-block-start: calc(30 / var(--vw) * var(--base));
        margin-block-end: 0;
        font-weight: 500;
    }

    .company-menu2-image{
        width: calc(567 / var(--vw) * var(--base));
        margin-block: 0;
    }
}

/* Corporate Style */

.corporate-table{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.corporate-table th,
.corporate-table td{
    padding-block: 0.35em;
    border-bottom: 1px solid #cccccc;
}

.corporate-table th{
    font-size: calc(23 / var(--vw) * var(--base));
    font-weight: 600;
    letter-spacing: 0.22em;
    text-align: left;
    line-height: calc(36/23);
    vertical-align: top;
}

.corporate-table td{
    width: calc(494/682*100%);
    font-size: calc(23 / var(--vw) * var(--base));
    font-weight: 400;
    line-height: calc(36/23);
}

.corporate-table li:not(:last-child){
    margin-bottom: 0.8em;
}

.corporate-map{
    width: 100%;
    height: auto;
    aspect-ratio: 494/338;
    margin-block-start: calc(16 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    .corporate-table{
        border-top: 1px solid #cccccc;
        width: 100%;
        margin-inline: auto;
    }

    .corporate-table th,
    .corporate-table td {
        padding-block: 0.6em;
    }

    .corporate-table th {
        padding-inline-start: calc(50 / var(--vw) * var(--base));
        font-size: calc(16 / var(--vw) * var(--base));
        font-weight: 500;
        letter-spacing: 0.1em;
    }

    .corporate-table td {
        width: calc(980/1320*100%);
        font-size: calc(16 / var(--vw) * var(--base));
    }

        .corporate-table li{
            letter-spacing: 0.07em;
        }

    .corporate-table li:not(:last-child) {
        margin-bottom: 0;
    }

    .corporate-map {
        width: calc(772 / var(--vw) * var(--base));
        height: auto;
        aspect-ratio: 772/528;
        margin-block-start: calc(16 / var(--vw) * var(--base));
    }
}

.member-headline{
    margin-block-start: calc(25 / var(--vw) * var(--base));
    margin-block-end: calc(25 / var(--vw) * var(--base));
    color: var(--gr);
    font-size: calc(28 / var(--vw) * var(--base));
    line-height: 1;
}

.corporate-table:has(+ .member-headline){
    margin-block-end: calc(65 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    .member-headline {
        padding-inline-start: calc(50 / var(--vw) * var(--base));
        font-size: calc(20 / var(--vw) * var(--base));
    }

    .corporate-table:has(+ .member-headline) {
        margin-block-end: calc(50 / var(--vw) * var(--base));
    }
}

#chart {
    background: var(--bg);
}

.chart-image{
    text-align: center;
}

.corporate-table:has(+ .history-image){
    margin-block-end: calc(80 / var(--vw) * var(--base));
}

.history-image{
    margin-block: 0;
}

.history-image img{
    width: 100%;
    max-width: inherit;
}

.history-image figcaption{
    margin-block-start: calc(20 / var(--vw) * var(--base));
    font-size: calc(18 / var(--vw) * var(--base));
    line-height: calc(32/18);
    text-align: right;
}

.history-image figcaption a{
    display: inline-block;
    text-decoration: underline;
}

.history-image figcaption a:nth-of-type(1){
    margin-block-start: 1.0em;
}

@media (max-width: 768px) {
    #history .corporate-table,
    #history .corporate-table tbody,
    #history .corporate-table tr,
    #history .corporate-table th,
    #history .corporate-table td {
        display: block;
    }

    #history .corporate-table tr:not(:last-child) {
        margin-block-end: calc(55 / var(--vw) * var(--base));
    }

    #history .corporate-table th {
        padding-block-start: 0;
        font-size: calc(28 / var(--vw) * var(--base));
    }

    #history .corporate-table td {
        border-bottom: none;
        width: 100%;
        padding-block-end: 0;
    }
}

@media (min-width: 769px) {
    .corporate-table:has(+ .history-image) {
        margin-block-end: calc(30 / var(--vw) * var(--base));
    }

    .history-image{
        width: calc(800 / var(--vw) * var(--base));
        margin-inline-start:auto;
        margin-inline-end: calc(230/1420*100%);
    }

    .history-image figcaption {
        margin-block-start: calc(4 / var(--vw) * var(--base));
        padding-inline-end: calc(10 / var(--vw) * var(--base));
        font-size: calc(14 / var(--vw) * var(--base));
        line-height: calc(25/14);
    }
}

#group {
    background: var(--bg);
    line-height: 1;
}

#group + .page-btn .page-btn-inner{
    border-top: none;
}

.group-list-headline{
    margin-block: calc(40 / var(--vw) * var(--base));
    color: var(--gr);
    font-size: calc(28 / var(--vw) * var(--base));
}

@media (max-width: 768px) {
    #group .page-section-padding-inline:has(+ .page-low-headline) {
        margin-bottom: calc(120 / var(--vw) * var(--base));
    }

    #group .corporate-table,
    #group .corporate-table tbody,
    #group .corporate-table tr,
    #group .corporate-table th,
    #group .corporate-table td{
        display: block;
    }

    #group .corporate-table tr:not(:last-child){
        margin-block-end: calc(55 / var(--vw) * var(--base));
    }

    #group .corporate-table th{
        padding-block-start: 0;
        padding-block-end: 0.8em;
        font-size: calc(28 / var(--vw) * var(--base));
    }

    #group .corporate-table td{
        padding-block-start: 0.8em;
        border-bottom: none;
        width: 100%;
        padding-block-end: 0;
    }

    .group-list:not(:first-child) {
        margin-block-start: calc(70 / var(--vw) * var(--base));
    }

    .group-list:not(:last-child) {
        margin-block-end: calc(70 / var(--vw) * var(--base));
    }

    .group-list-column a,
    .group-list-column span{
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: calc(106 / var(--vw) * var(--base));
        border-top: 1px solid #cccccc;
    }

    .group-list-column:last-child a,
    .group-list-column:last-child span {
        border-bottom: 1px solid #cccccc;
    }
}

@media (min-width: 769px) {
    #group .page-section-padding-inline:has(+ .page-low-headline) {
        margin-bottom: calc(160 / var(--vw) * var(--base));
    }

    #group .corporate-table th {
        vertical-align: middle;
    }

    #group .corporate-table td {
        width: calc(800 / 1320 * 100%);
    }

    #group .corporate-table th a {
        justify-content: space-between;
        width: calc(270 / var(--vw) * var(--base));
    }

    .group-list{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-auto-rows: max-content;
        column-gap: calc(120 / var(--vw) * var(--base));
        row-gap: calc(56 / var(--vw) * var(--base));
        align-items: center;
        border-bottom: 1px solid #cccccc;
        width: 100%;
        margin-inline: auto;
        padding-block-end: calc(80 / var(--vw) * var(--base));
    }

    .group-list:not(:last-child) {
        margin-block-end: calc(80 / var(--vw) * var(--base));
    }

    .group-list-headline{
        margin-block-start: 0;
        margin-block-end: calc(32 / var(--vw) * var(--base));
        font-size: calc(20 / var(--vw) * var(--base));
    }

    .group-list-column a,
    .group-list-column span {
        justify-content: space-between;
        width: 100%;
        font-size: calc(16 / var(--vw) * var(--base));
        font-weight: 500;
        letter-spacing: 0.1em;
    }
}

/* Message Style */

@media (min-width: 1600px) {
    #message .h-lead{
        white-space: nowrap;
    }
}

@media (min-width: 769px) {
    #message .grid-2column-pc{
        display: grid;
        grid-template-columns: 1fr calc(450 / 1240 * 100%);
        column-gap: calc(86 / 1240 * 100%);
    }

    #message p{
        font-size: calc(18 / var(--vw) * var(--base));
    }

    .message-image{
        margin-block-start: 0;
        margin-block-end: 0;
    }
}

@media (min-width: 1600px) {
    #message .grid-2column-pc {
        display: grid;
        grid-template-columns: calc(822 / 1420 * 100%) calc(472 / 1420 * 100%);
        column-gap: calc(126 / 1420 * 100%);
    }
}

#philosophy {
    background: var(--bg);
}

@media (min-width: 769px) {
    #philosophy .grid-2column-pc {
        display: grid;
        grid-template-columns: 1fr calc(410 / 1240 * 100%);
        column-gap: calc(86 / 1240 * 100%);
    }

    #philosophy p{
        font-size: calc(18 / var(--vw) * var(--base));
    }
    
    #philosophy .btn-list,
    #compliance .btn-list{
        margin-block-start: 0;
    }
}

@media (min-width: 1600px) {
    #philosophy .grid-2column-pc {
        display: grid;
        grid-template-columns: calc(822 / 1420 * 100%) calc(472 / 1420 * 100%);
        column-gap: calc(126 / 1420 * 100%);
    }
}

@media (min-width: 769px) {
    #compliance .grid-2column-pc {
        display: grid;
        grid-template-columns: 1fr calc(440 / 1240 * 100%);
        column-gap: calc(86 / 1240 * 100%);
    }

    #compliance p{
        font-size: calc(18 / var(--vw) * var(--base));
    }
}

@media (min-width: 1600px) {
    #compliance .grid-2column-pc {
        display: grid;
        grid-template-columns: calc(822 / 1420 * 100%) calc(472 / 1420 * 100%);
        column-gap: calc(126 / 1420 * 100%);
    }
}

/* Sustainability Style */

.sustainability-list-column{
    position: relative;
}

.sustainability-list-column:not(:last-child) {
    margin-block-end: calc(35 / var(--vw) * var(--base));
}

.sustainability-image{
    position: absolute;
    top: calc(62 / var(--vw) * var(--base));
    left: 0;
    transform: translateY(-50%);
}

#sustainability-polisy .page-low-headline+p{
    margin-block-end: calc(137 / var(--vw) * var(--base));
}

.sustainability-list-column:nth-of-type(1) .sustainability-image {
    width: calc(94 / var(--vw) * var(--base));
}

.sustainability-list-column:nth-of-type(2) .sustainability-image {
    width: calc(110 / var(--vw) * var(--base));
}

.sustainability-list-column:nth-of-type(3) .sustainability-image {
    width: calc(98 / var(--vw) * var(--base));
}

.sustainability-list-column:nth-of-type(4) .sustainability-image {
    width: calc(86 / var(--vw) * var(--base));
    left: calc(15 / var(--vw) * var(--base));
}

.sustainability-list-column:nth-of-type(5) .sustainability-image {
    width: calc(90 / var(--vw) * var(--base));
    left: calc(18 / var(--vw) * var(--base));
}

.sustainability-list-title{
    align-content: center;
    height: calc(64 / var(--vw) * var(--base));
    padding-block: calc(30 / var(--vw) * var(--base));
    padding-inline-start: calc(143 / var(--vw) * var(--base));
    font-size: calc(32 / var(--vw) * var(--base));
    font-weight: 600;
    letter-spacing: 0.34em;
    border-bottom: 1px solid var(--bk);
}

#sustainability-report{
    background-color: var(--bg);
}

.sustainability-report-tab{
    margin-block-start: calc(54 / var(--vw) * var(--base));
}

.sustainability-report-tab:not(.current){
    display: none;
}

.sustainability-report-title{
    margin-block-end: calc(32 / var(--vw) * var(--base));
    font-size: calc(25 / var(--vw) * var(--base));
    font-weight: 700;
}

.sustainability-report-text a{
    text-decoration: underline;
}

.sustainability-report-text dl dt:not(:first-child){
    margin-block-start: 1.0em;
}

.sustainability-report-text dl dd{
    margin-inline: 0;
}

.sustainability-report-text .sustainability-report-memo:not(:last-child){
    margin-block-end: 1.0em;
}

.sustainability-report-image{
    width: calc(515 / var(--vw) * var(--base));
    margin-block-start: calc(74 / var(--vw) * var(--base));
    margin-inline: auto;
}

.environmental-policy-image{
    width: 100%;
    margin-inline: auto;
}

.environmental-policy-image:not(:last-child){
    margin-block-end: calc(150 / var(--vw) * var(--base));
}

@media (min-width: 769px) {

    #sustainability-polisy .page-section-padding-inline {
        line-height: calc(31/18);
    }

    .sustainability-list{
        margin-block-start: calc(50 / var(--vw) * var(--base));
    }

    .sustainability-list-column:not(:last-child) {
        margin-block-end: 0;
    }

    .sustainability-list-column:last-child{
        border-bottom: 1px solid var(--bk);
    }

    .sustainability-list-column{
        grid-template-columns: calc(256 / var(--vw) * var(--base)) 1fr;
        align-items: center;
        padding-block: calc(49 / var(--vw) * var(--base));
        border-top: 1px solid var(--bk);
    }

    .sustainability-image {
        position: relative;
        top: 0;
        left: 0;
        transform: translateY(0%);
        margin-block-end: 0;
        margin-inline: auto;
    }

    .sustainability-list-title {
        align-content: center;
        height: inherit;
        margin-block-end: calc(10 / var(--vw) * var(--base));
        padding-block: 0;
        padding-inline-start: 0;
        font-size: calc(20 / var(--vw) * var(--base));
        font-weight: 700;
        letter-spacing: 0.1em;
        border-bottom: none;
    }

    .sustainability-list-title + p{
        margin-block-start: 0;
    }

    #sustainability-report .c-tab-list {
        grid-template-columns: repeat(6, 1fr);
    }

    .sustainability-report-tab {
        margin-block-start: calc(73 / var(--vw) * var(--base));
    }

    .sustainability-report-tab:not(.current) {
        display: none;
    }

    .sustainability-report-title {
        margin-block-end: calc(22 / var(--vw) * var(--base));
        font-size: calc(20 / var(--vw) * var(--base));
        font-weight: 700;
    }

    .sustainability-report-text{
        grid-column: 2/3;
        grid-row: 1/2;
        line-height: calc(35/16);
    }

    .sustainability-report-text a {
        text-decoration: underline;
    }

    .sustainability-report-text dl dt:not(:first-child) {
        margin-block-start: 1.0em;
    }

    .sustainability-report-text dl dd {
        margin-inline: 0;
    }

    .sustainability-report-image {
        grid-column: 1/2;
        grid-row: 1/2;
        width: calc(469 / var(--vw) * var(--base));
        margin-block-start: 0;
        margin-inline: auto;
    }

    .environmental-policy-image {
        width: 100%;
        margin-inline: auto;
    }

    .environmental-policy-image:not(:last-child) {
        margin-block-end: calc(120 / var(--vw) * var(--base));
    }
}

/* Networl Style */

.office-area:not(.current),
.products-area:not(.current){
    display: none;
}

#network-office{
    position: relative;
    z-index: 2;
}

#network-gozai{
    position: relative;
    z-index: 1;
} 

@media (max-width: 768px) {
    .netowork-table,
    .netowork-table thead,
    .netowork-table tbody,
    .netowork-table tr,
    .netowork-table th,
    .netowork-table td{
        display: block;
    }
    
    .netowork-table{
        width: 100%;
        margin-block-start: calc(65 / var(--vw) * var(--base));
    }
    
    .netowork-table thead{
        margin-block-end: calc(70 / var(--vw) * var(--base));
    }

    .netowork-table thead th {
        align-content: center;
        border-bottom: 1px solid var(--bk);
        padding-block-end: calc(40 / var(--vw) * var(--base));
        font-size: calc(23 / var(--vw) * var(--base));
        font-weight: 500;
        text-align: left;
        line-height: 1;
    }

    .netowork-table tbody tr:not(:last-child) {
        margin-block-end: calc(25 / var(--vw) * var(--base));
    }

    .netowork-table tbody th {
        align-content: center;
        border-bottom: 1px solid var(--border);
        padding-block-end: calc(25 / var(--vw) * var(--base));
        font-size: calc(28 / var(--vw) * var(--base));
        font-weight: 500;
        text-align: left;
        line-height: 1;
    }

    .netowork-table thead th b,
    .netowork-table tbody th b {
        margin-inline-end: calc(48 / var(--vw) * var(--base));
        font-size: calc(28 / var(--vw) * var(--base));
    }

    .netowork-table tbody td {
        padding-block: calc(25 / var(--vw) * var(--base));
        line-height: calc(37/23);
    }

    .netowork-table a{
        font-size: calc(23 / var(--vw) * var(--base));
        text-decoration: underline;
    }

    .netowork-table .link-to-page {
        font-weight: 500;
    }

    .page-low-headline-link{
        display: flex;
        column-gap: calc(48 / var(--vw) * var(--base));
        align-items: center;
        margin-block-start: calc(65 / var(--vw) * var(--base));
    }

    .page-low-headline-link b{
        font-size: calc(28 / var(--vw) * var(--base));
    }

    .page-low-headline-link a{
        font-size: calc(23 / var(--vw) * var(--base));
        font-weight: 500;
    }
}

@media (min-width: 769px) {
    .netowork-table {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        margin-block-start: calc(54 / var(--vw) * var(--base));
    }

    .netowork-table th {
        width: calc(520 / 1320 * 100%);
        font-size: calc(20 / var(--vw) * var(--base));
        font-weight: 500;
        text-align: left;
    }

    .netowork-table thead th {
        padding-block: calc(48 / var(--vw) * var(--base));
        border-bottom: 1px solid var(--bk);
        font-size: calc(25 / var(--vw) * var(--base));
        line-height: 1;
    }

    .netowork-table th b {
        margin-inline-end: calc(48 / var(--vw) * var(--base));
    }

    .netowork-table th,
    .netowork-table td {
        padding-block: calc(56 / var(--vw) * var(--base));
        border-bottom: 1px solid var(--border);
        line-height: calc(29/16);
        vertical-align: middle;
    }

    .netowork-table a {
        font-size: calc(16 / var(--vw) * var(--base));
        text-decoration: underline;
    }

    .netowork-table .link-to-page {
        font-weight: 500;
    }

    .page-low-headline-link {
        display: flex;
        column-gap: calc(48 / var(--vw) * var(--base));
        align-items: center;
        margin-block-start: calc(10 / var(--vw) * var(--base));
    }

    .page-low-headline-link b {
        font-size: calc(20 / var(--vw) * var(--base));
    }

    .page-low-headline-link a {
        font-size: calc(16 / var(--vw) * var(--base));
        font-weight: 500;
    }
}

/* Notice Style */

.public-notice-list{
    margin-block: calc(70 / var(--vw) * var(--base));
}

.public-notice-list-item{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    border-bottom: 1px solid var(--border);
    padding-block-end: calc(30 / var(--vw) * var(--base));
}

.public-notice-list-item:not(:last-child){
    margin-block-end: calc(74 / var(--vw) * var(--base));
}

.public-notice-list-item span{
    font-size: calc(25 / var(--vw) * var(--base));
    font-weight: 600;
}

.public-notice-list-item span date{
    display: block;
    font-size: calc(23 / var(--vw) * var(--base));
}

.public-notice-list-item a{
    font-weight: 500;
    white-space: nowrap;
}

.public-notice-addition{
    line-height: calc(31/16);
}

.public-notice-addition b{
    display: inline-block;
    margin-block-end: 0.5em;
}

@media (min-width: 769px) {
    .public-notice-list-item{
        border-bottom: none;
        max-width: calc(745 / 1140 * 100%);
        padding-block-end: 0;
    }

    .public-notice-list-item:not(:last-child) {
        margin-block-end: calc(18 / var(--vw) * var(--base));
    }

    .public-notice-list-item span {
        font-size: inherit;
        font-weight: 500;
    }

    .public-notice-list-item span date {
        display: inline;
        font-size: inherit;
    }
}

/* IR Style */

.corporate-data-headline {
    margin-block-start: 0;
    margin-block-end: calc(80 / var(--vw) * var(--base));
    color: var(--gr);
    font-size: calc(28 / var(--vw) * var(--base));
    line-height: calc(46 / 28);
    letter-spacing: 0.15em;
    text-align: center;
}

#data1,
#data2,
#data3,
#data4{
    aspect-ratio: 1/1;
    margin-inline: auto;
}

.apexcharts-svg {
    overflow: visible;
}

/*
.apexcharts-yaxis-title {
    transform: translateX(4.5%);
}

.apexcharts-xaxis-title {
    transform: translate(18%, -3.2%);
}
*/

#data2 .apexcharts-datalabels .apexcharts-text tspan:first-child {
    font-weight: 400;
}

#medium-term .page-section-inner{
    padding-block-start: 0;
}

#medium-term .page-low-headline{
    margin-block-end: 0;
}

#medium-term .page-low-headline + p{
    margin-block-start: calc(30 / var(--vw) * var(--base));
}

@media (min-width: 769px) {
    #data1,
    #data2,
    #data3,
    #data4{
        height: calc(560 / var(--vw) * var(--base));
        aspect-ratio: auto;
    }
/*
    .apexcharts-yaxis-title {
        transform: translate(4.2%, -23%);
    }

    .apexcharts-xaxis-title {
        transform: translate(18%, -2.2%);
    }
*/
    #medium-term .page-low-headline+p {
        font-size: calc(18 / var(--vw) * var(--base));
    }
}

@media (min-width: 1441px) {
    #data1,
    #data2,
    #data3,
    #data4 {
        width: max-content;
        aspect-ratio: auto;
    }
}