@charset "UTF-8";
/* ========================================
  @media screen and (min-width: 768px), print
======================================== */
@media screen and (min-width: 768px),print {

/* fv
-------------------------------------*/
.fv {
    max-width: 1920px;
    margin-inline: auto;
    width: 100%;
    margin-top: 1.25rem;
    margin-bottom: 12.5rem;
}
.fv img {
    width: 100%;
    height: auto;
}

/* common
-------------------------------------*/
#company .sec .en-ttl {
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0.9rem;
    color: #908672;
}
#company .sec h2 {
    font-size: 24px;
    line-height: 1.7083333333;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 6.25rem;
}

/* company
-------------------------------------*/
.company {
    padding: 0 0 11.5rem;
}
.company-table {
    width: min(95%, 1400px);
    margin-inline: auto;
    background: #F7F7F5;
    padding: 5.5rem 9.25rem 7.5rem;
}
.company-table tr {
    border-bottom: 1px dotted #A2A2A2;
    display: block;
}
.company-table th, .company-table td {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
    font-weight: 500;
    padding: 1.45rem 0rem;
}
.company-table th {
    width: 14.7rem;
    text-align: left;
}
.company-table td {
    font-weight: 400;
}

/* access
-------------------------------------*/
.access {
    padding-bottom: 11.25rem;
}
.access .inner {
    width: min(95%, 1400px);
    margin-inline: auto;
}
.access .address {
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0.05em;
}
.access .map {
    margin-bottom: 1.25rem;
}
.access .map iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
}

/* bnr-box
-------------------------------------*/
#company .bnr-box {
    padding-bottom: 11rem;
}
#company .bnr-box h2 {
    margin-bottom: 4.9rem;
}
#company .bnr-box .item{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(97 / 1920 * 100vw);
    width: min(95%, 980px);
    margin-inline: auto;
}
#company .bnr-box .item img {
    width: 100%;
    height: auto;
}
#company .link-frame {
    padding: 0 0 17.8rem;
}
#company .link-frame h2 {
    margin-bottom: 4.4rem;
}
#company .btn-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(100 / 1920 * 100vw);
    margin-inline: auto;
    width: min(95%, 1280px);
}
#company .btn-list li span {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1875;
    letter-spacing: 0;
    display: block;
    color: #9A9A9A;
    text-align: right;
    padding: 1.25rem 0 0;
}
#company .btn-list .btn {
    border-bottom: 1px solid #1C1C1C;
    padding: 0 0 0.75rem;
    position: relative;
    font-size: clamp(1.25rem, 1.083rem + 0.35vw, 1.5rem);
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    width: 100%;
}
#company .btn-list .btn::after {
    content: "→";
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    font-size: clamp(0.875rem, 0.708rem + 0.35vw, 1.125rem);
    color: #333333;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    transition: all 0.2s ease;
}
#company .btn-list .btn:hover::after {
    right: -0.3125rem;
}
#company .btn-list a {
    text-decoration: none;
}
 

}

/* ========================================
@media screen and (max-width: 767px) 
======================================== */
@media screen and (max-width: 767px) {
#company .main-ttl-wrap {
    padding: 35vw 0 16.8vw;
}
/* common
-------------------------------------*/
#company .sec .en-ttl {
    font-size:3.865vw;
    line-height: 1.1875;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-align: center;
    margin-bottom: 1.5vw;
    color: #908672;
}
#company .sec h2 {
    font-size:4.831vw;
    line-height: 1.75;
    letter-spacing: 0.05em;
    font-weight: 500;
    text-align: center;
    margin-bottom: 6vw;
}


/* company
-------------------------------------*/
.company {
    padding: 20vw 0 15vw;
}
.company-table {
    width: 94.205vw;
    margin-inline: auto;
    padding: 1vw 0 1vw;
}
.company-table tr {
    display: block;
}
.company-table th{
    font-size:3.865vw;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 500;
    padding: 1vw 0rem;
}
.company-table th {
    background: #F7F7F5;
    display: block;
    width: 100%;
    text-align: left;
    padding: 5.8vw 5.4vw;
}
.company-table td {
    font-weight: 400;
    font-size:3.382vw;
    line-height: 2.2857;
    letter-spacing: 0.05em;
    padding: 2.8vw 5.2vw 5.4vw;
}
.company-table tr:nth-child(8) td {
    line-height: 2.45;
}
.company-table td .small {
    font-size:3.14vw;
    margin: -2vw 0 -8.25vw;
    display: block;
    line-height: 2.05;
}


/* access
-------------------------------------*/
.access {
    padding-bottom: 27vw;
}
.access .inner {
    width: 94.205vw;
    margin-inline: auto;
}
.access .address {
    font-size:3.382vw;
    font-weight: 500;
    line-height: 2.285714;
    letter-spacing: 0.05em;
}
.access .map {
    margin-bottom: 2vw;
}
.access .map iframe {
    aspect-ratio: 16 / 9;
    width: 100%;
    height: 64vw;
}


/* bnr-box
-------------------------------------*/
#company .bnr-box {
    padding-bottom: 28.4vw;
}
#company .bnr-box h2 {

margin-bottom: 11.2vw;
}
#company .bnr-box .item{
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 5vw;
    width: 89.375vw;
    margin-inline: auto;
}
#company .bnr-box .item img {
    width: 100%;
    height: auto;
}
#company .link-frame {
    padding: 0 0 24vw;
}
#company .link-frame h2 {
    margin-bottom: 12.8vw;
}
#company .btn-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 8.3vw;
    width: 78.1vw;
    margin-inline: auto;
 }
 #company .btn-list li span {
    font-size:2.898vw;
    font-weight: 400;
    line-height: 1.25;
    letter-spacing: 0;
    display: block;
    color: #9A9A9A;
    text-align: right;
    padding: 2.5vw 0 0 0;
    margin: 0 0.8vw 0 0;
 }
 #company .btn-list .btn {
    border-bottom: 0.2vw solid #1C1C1C;
    padding: 0 0 3.2vw;
    position: relative;
    font-size:4.831vw;
    font-weight: 500;
    line-height: 2;
    letter-spacing: 0.05em;
    width: 77.58vw;
    margin: 0;
 }
 #company .btn-list .btn::after {
    content: "→";
    position: absolute;
    right: 0;
    top: 45%;
    transform: translateY(-50%);
    font-size: 3.831vw;
    color: #333333;
    font-weight: 400;
    font-family: "Lato", sans-serif;
    transition: all 0.2s ease;
 }
 #company .btn-list .btn:hover::after {right: -1vw;}
 #company .btn-list a {
    text-decoration: none;
 }

}