@charset "utf-8";
html{
    font-size: 62.5%;/* 16px × 62.5% = 10px*/
    scroll-behavior: smooth;
}
body{
    color: #333333;
    font-family:"Open Sans",'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
    font-size: 1.6rem;
    line-height: 1.75em;
}
img{
    max-width: 100%;
    height: auto;
}

/* ------------------
    共通
 *------------------ */
.about h2, .whatwedo h2, .getinvolved h2, .newsevents h2, .donation-account h2, .donation-toggle-container h2, .donation-content h2, .foundation-info h2, .foundation-member h2, .contact h2, .public h2, .privacy h2, .privacypolicy h2, .bs h2, .bs-column h2, .pressrelease h2 {
    font-size: 2.1rem;
    color: #222222;
    font-weight: bold;
    text-align: center;
}
.about h3, .whatwedo h3, .getinvolved h3, .newsevents h3, .donation-account h3, .donation-toggle-container h3, .donation-content h3, .foundation-info h3, .foundation-member h3, .contact h3, .public h3, .privacy h3, .privacypolicy h3, .bs h3, .bs-column h3 {
    font-size: 1.6rem;
    color: #222222;
    font-weight: bold;
    text-align: center;
}
.about p, .whatwedo p, .getinvolved p, .newsevents p, .donation-account p, .donation-toggle-container p, .donation-content p, .foundation-info p, .foundation-member p, .contact p, .public p, .privacy p, .privacypolicy p, .bs p, .bs-column p {
    font-size: 1.6rem;
    color: #222222;
    margin: 10px;
    line-height: 1.75;
}
.title-and-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
/* ------------------
    header
 *------------------ */
.header {
    position: fixed;
    top: 0;
    z-index: 100;
    height: 100px;
    background-color: #ffffff;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    padding: 1rem 2rem;
    width: 100%;
}
.header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items:center;
    width: 100%;
    padding: 0 3px;
}
.header-logo img {
    width: 90%;
    text-decoration: none;
}
.header-list {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1.5vw;
}
.header-list__item {
    list-style: none;
    text-decoration: none;
    margin-left: 14px;
}
.nav {
    position: fixed;
    top: 0;
    z-index: 20;
}
.nav-input {
    display: none;
}
.nav-bg {
    background-color: #222222;
    cursor: pointer;
    display: none;
    height: 100vh;
    left: 0;
    opacity: 0.4;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
}
.nav-button {
    display: none;
}
.nav-button__mark {
    background-color: #222222;
    display: block;
    height: 4px;
    transition: 0.3s;
    width: 40px; 
}
.nav-list a:hover {
    opacity: 0.8;
}

/* ------------------
    hero-image
*------------------ */
.hero-image{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    height: 60vh;
}
#video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hero-image__textarea {
    position: absolute;
    z-index: 1;
    color: #fff;
    text-align: center;
    width: 80%;
}
h1 {
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 0.1em;
}
.hero-image__d {
    font-size: 1.8rem;
    margin-top: 0;
    margin-bottom: 0.1rem;
    line-height: 10rem;
}

/* ------------------
    about
*------------------ */
#about {
    padding: 2rem 0;
    background-color: #ffffff;
}
.about {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
}
.about strong{
    font-weight: bold;
}
/* ------------------
    whatwedo
*------------------ */
#whatwedo {
    padding: 2rem 0;
    background-color: #f6f6f6;
}
.whatwedo {
    width: 85%;
    margin: 0 auto;
    text-align: center;
}
.whatwedo strong{
    font-weight: bold;
}
.whatwedo-dl {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: repeat(2, auto);
    width: 95%;
    margin: 1rem auto 0;
    justify-content: center;
    grid-row-gap: 1rem;
    column-gap: 1rem;
}
.whatwedo-dt {
    grid-row: auto;
    grid-column: auto;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 0.5rem 0 rem;
    font-weight: normal;
}
.whatwedo-dd {
    grid-row: auto;
    grid-column: auto;
    text-align: left;
    margin-bottom: 0.1rem;
    position: relative;
    padding: 0 2rem 0 2rem;
}
.whatwedo-dl a {
    text-decoration: none;
    color: blue;
}
.whatwedo-dl a:hover, a:focus {
    text-decoration: underline;
    cursor: pointer;
}
/* ------------------
    newsevents
*------------------ */
#newsevents {
    padding: 2rem 0;
    background-color: #ffffff;
}
.newsevents {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.newsevents-ul {
    list-style-type: none;
    width: 90%;
    display: flex;
    justify-content: center;
    margin: 2rem auto;
    padding-left: 0;
}
.newsevents-li {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    position: relative;
}
.newsevents-li::before {
    content: '•';
    font-size: 1.5rem;
    color: #000;
    margin-right: 1rem;
}
.newsevents-li span {
    font-weight: bold;
    padding-right: 1rem;
    position: relative;
}
.newsevents-li a {
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.social-media-ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    list-style: none;
    padding: 0;
    margin: 1rem auto 4rem auto;
    gap: 3rem;
}
.social-media-li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 345px;
    height: 350px;
    position: relative;
}
.fb-page iframe {
    width: 100%;
    height: 100%;
}
.fb-page {
    width: 100%;
    margin-bottom: 3rem;
}
.newsevents a {
    text-decoration: none;
    color: blue;
}
.newsevents a:hover, a:focus {
    text-decoration: underline;
    cursor: pointer;
}
/* ------------------
    pressrelease
 *------------------ */
#pressrelease {
    padding: 2rem 0;
    background-color: #ffffff;
    margin-top: 10rem;
}
.pressrelease {
    width: 85%;
    margin: 0 auto;
}
.pressrelease a {
    text-decoration: none;
    color: blue;
}

.pressrelease a:hover, a:focus {
    text-decoration: underline;
    cursor: pointer;
}
.pressrelease-dl {
    display: grid;
    grid-template-columns: 20% auto;
    grid-template-rows: repeat(5, auto);
    width: 90%;
    margin: 1rem auto 0;
    justify-content: center;
    grid-row-gap: 1rem;
    column-gap: 1rem;
}
.pressrelease-dt {
    grid-row: span 2;
    grid-column: 1 / 2;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 0.5rem 0 rem;
}
.pressrelease-dd {
    grid-row: span 2;
    grid-column: 2 / 5;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 2rem 0 2rem;
}
.pressdetail-day {
    text-align: left;
}
.pressdetail-orjp {
    text-align: right;
}
.pressrelease h3 {
    font-size: 2.1rem;
    color: #222222;
    font-weight: bold;
}
.pressrelease h4 {
    font-size: 1.6rem;
    color: #222222;
    margin: 10px;
    font-weight: bold;
}
.pressdetail-image {
    font-size: 1.6rem;
    color: #222222;
    font-weight: bold;
    align-items: center;
}
.pressrelease p {
    font-size: 1.6rem;
    color: #222222;
    margin: 10px;
    line-height: 1.75;
}
.pressdetail-dl {
    display: grid;
    grid-template-columns: 20% auto;
    grid-template-rows: repeat(5, auto);
    width: 90%;
    margin: 1rem auto 0;
    justify-content: center;
    grid-row-gap: 1rem;
    column-gap: 1rem;
}
.pressdetail-dt {
    grid-row: span 2;
    grid-column: 1 / 2;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 0.5rem 0 rem;
    font-weight: bold;
}
.pressdetail-dd {
    grid-row: span 2;
    grid-column: 2 / 5;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 2rem 0 2rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.pressdetail-ul {
    list-style-type: none;
    width: 90%;
    margin: 1.5rem auto 4rem;
    padding-left: 0;
}
.pressdetail-li {
    display: grid;
    grid-template-columns: 1rem 73% auto;
    grid-template-rows: auto;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
    position: relative;
}
.pressdetail-li::before {
    content: '•';
    font-size: 1.5rem;
    color: #000;
    grid-column: 1;
    margin-right: 1rem;
    align-self: center;
}
.pressdetail-li span {
    font-weight: bold;
    padding-right: 1rem;
    position: relative;
    grid-column: 2;
}
.pressdetail-li a {
    text-align: left;
    padding: 0 2rem;
    font-weight: bold;
}
.pressdetail-image {
    text-align: center;
    margin: 20px 0;
}

.pressdetail-image img {
    display: block;
    margin: auto;
    max-width: 100%;
    height: auto;
}
/* ------------------
    getinvolved
 *------------------ */
#getinvolved {
    padding: 2rem 0;
    background-color: #f6f6f6;
}
.getinvolved {
    width: 85%;
    margin: 0 auto;
    text-align: center;
}
.getinvolved-container {
    text-align: left;
    margin-bottom: 1rem;
}
.dot-list {
    list-style: none;
    padding: 0;
    margin-left: 1rem;
}
.dot-list li {
    margin-bottom: 1rem;
    padding-left: 1.5rem;
    position: relative;
}
.dot-list li::before {
    content: "・";
    position: absolute;
    left: 0;
}
.getinvolved a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30rem;
    height: 6rem;
    background-color: #222;
    margin: 2rem auto;
    font-size: 1.8rem;
    color: #ffffff;
    text-decoration: none;
}
.getinvolved a:hover {
    opacity: 0.8;
}
/* ------------------
    donation
 *------------------ */
#donation-account {
    background-color: #f6f6f6;
}
.donation-account {
    width: 85%;
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
}
.donation-dl {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: repeat(4, auto);
    width: fit-content;
    margin: 1rem auto 2rem;
    justify-content: center;
    column-gap: 1rem;
}
.donation-dt {
    grid-column: 1 / 2;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 0.5rem 0 rem;
}
.donation-dd {
    grid-column: 2 / 4;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 2rem 0 2rem;
}
.donation-toggle {
    white-space: nowrap;    
    padding: 0.1rem 0.1rem;
    font-size: 1.2rem;
    border: 1px solid #ccc;
    width: 4rem;
    height: 2.5rem;
    box-sizing: border-box;
    margin-left: 2rem;
}
.donation-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.donation-content p {
    margin-bottom: 0.1rem;
}
.donation-content ol {
    padding-left: 4rem;
    list-style-type: decimal;
    list-style-position: outside;
    margin: 0.1rem auto 0;
    justify-content: center;
    grid-row-gap: 0.1rem;
}
.donation-content li {
    margin-bottom: 0.2rem;
    grid-column: 1;
    position: relative;
    font-size: 1.6rem;
    color: #222222;
    text-align: left;
}
.donation-content li h3 {
    font-size: 1.6rem;
    margin-bottom: 0.1rem;
}
.donation-content li p {
    margin-top: 0.1rem;
}
/* ------------------
    foundation-info
 *------------------ */
#foundation-info {
    padding: 2rem 0;
    background-color: #ffffff;
}
.foundation-info {
    width: 85%;
    margin: 0 auto;
    text-align: center;
}
.foundation-info-dl {
    display: grid;
    grid-template-columns: 20% auto;
    grid-template-rows: repeat(5, auto);
    width: 90%;
    margin: 1rem auto 0;
    justify-content: center;
    grid-row-gap: 1rem;
    column-gap: 1rem;
}
.foundation-info-dt {
    grid-row: span 2;
    grid-column: 1 / 2;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 0.5rem 0 rem;
}
.foundation-info-dd {
    grid-row: span 2;
    grid-column: 2 / 5;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 2rem 0 2rem;
}
.foundation-member {
    width: 85%;
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
}
.foundation-member-dl {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: repeat(8, auto);
    width: fit-content;
    margin: 1rem auto 2rem;
    justify-content: center;
    column-gap: 1rem;
}
.foundation-member-dt {
    grid-column: 1 / 2;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 0.5rem 0 rem;
}
.foundation-member-dd {
    grid-column: 2 / 8;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 2rem 0 2rem;
}
/* ------------------
    contact
 *------------------ */
#contact {
    padding: 2rem 0;
    background-color: #f6f6f6;
}
.contact {
    width: 85%;
    margin: 0 auto;
    text-align: center;
}
#contact-form {
    width: 100%;
}
.contact-dl {
    display: grid;
    grid-template-columns: 30% auto;
    grid-template-rows: repeat(6, auto);
    grid-gap: 0.6rem;
    width: 67%;
    margin: 0 auto;
    padding: 1rem;
    border: none;
    box-sizing: border-box;
    justify-content: center;
}
.contact-dt {
    grid-column: 1;
    text-align: left;
    padding: 0 1rem;
    line-height: 1.5;
    margin-top: 1.5rem;
}
.contact-dd {
    grid-column: 2;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 1rem;
    margin-top: 1.5rem;
}
.contact-dd:not(:last-child)::after {
    content: "";
    display: block;
    border-bottom: 1px solid #ccc;
    margin-top: 1.5rem;
    margin-left: 1rem;
    width: calc(100% - 1rem);
}
.contact-dd label {
    display: block;
    margin-right: 0.6rem;
    margin-bottom: 0.4rem;
    flex: 0 0 100%;
}
.contact-dd input[type="text"],
.contact-dd input[type="email"],
.contact-dd textarea,
.contact-dd select {
    width: 100%;
    box-sizing: border-box;
    padding: 0.6rem 0.8rem;
    border: none;
    background-color: #ffffff;
}
.contact-dd input[type="checkbox"] {
    margin-right: 0.4rem;
    margin-bottom: 0.4rem;
    flex: 0 0 25%;
}
.contact-dd:nth-child(3) input[type="checkbox"],
.contact-dd:nth-child(4) input[type="checkbox"],
.contact-dd:nth-child(5) input[type="checkbox"],
.contact-dd:nth-child(6) input[type="checkbox"] {
    margin-left: 1%;
}
.contact-dd:nth-child(3) label,
.contact-dd:nth-child(4) label,
.contact-dd:nth-child(5) label,
.contact-dd:nth-child(6) label {
    margin-left: 1%;
}
.contact-dd:nth-child(7) input[type="checkbox"] {
    margin-left: 1%;
}
input[type="checkbox"] {
    vertical-align: middle;
    margin-top: -2px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
/* ------------------
    privacypolicy
*------------------ */
#privacypolicy {
    background-color: #f6f6f6;
}
.privacypolicy-container {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
.privacypolicy-toggle {
    white-space: nowrap;    
    padding: 0.1rem 0.1rem;
    font-size: 1.2rem;
    border: 1px solid #ccc;
    width: 4rem;
    height: 2.5rem;
    box-sizing: border-box;
    margin-left: 2rem;
}
.privacypolicy-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.privacypolicy-content p {
    margin-bottom: 0.1rem;
}
.privacypolicy-content ol {
    padding-left: 4rem;
    list-style-type: decimal;
    list-style-position: outside;
    margin: 0.1rem auto 0;
    justify-content: center;
    grid-row-gap: 0.1rem;
}
.privacypolicy-content li {
    margin-bottom: 0.2rem;
    grid-column: 1;
    position: relative;
    font-size: 1.6rem;
    color: #222222;
    text-align: left;
}
.privacypolicy-content li h3 {
    font-size: 1.6rem;
    margin-bottom: 0.1rem;
}
.privacypolicy-content li p {
    margin-top: 0.1rem;
}
.submit-btn {
    width: 30rem;
    height: 6rem;
    background-color: #222222;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    align-items: center;
    border: none;
    transition: background-color 0.3s ease-in-out;
    margin: 2rem auto 2rem;
}
.submit-btn:hover {
    background-color: #222222;
}
/* ------------------
    Public
 *------------------ */
#public {
    padding: 2rem 0;
    background-color: #ffffff;
}
.public {
    width: 85%;
    margin: 0 auto;
    text-align: center;
    padding: 1rem;
}
.public-dl {
    display: grid;
    grid-template-columns: max-content max-content;
    grid-template-rows: repeat(2, auto);
    width: fit-content;
    margin: 1rem auto 2rem;
    justify-content: center;
    column-gap: 1rem;
}
.public-dt {
    grid-column: 1 / 2;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 0.5rem 0 rem;
}
.public-dd {
    grid-column: 2 / 2;
    text-align: left;
    margin-top: 1rem;
    position: relative;
    padding: 0 2rem 0 2rem;
}
.public-dl a {
    text-decoration: none;
    color: blue;
}

.public-dl a:hover, a:focus {
    text-decoration: underline;
    cursor: pointer;
}
/* ------------------
    Public/BalanceSheet
 *------------------ */
#balance-sheet {
    padding-top: 60px;
}
.bs {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 5rem;
}
.bs-content {
    display: flex;
    justify-content: center;
}
#bs-2024 {
    background-color: #ffffff;
}
.bs-2024 {
    width: 100%;
    margin: 1rem;
}
.bs-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    margin-top: 1rem;
}
.bs-grid h4 {
    background-color: #222;
    color: #fff;
    height: 3.5rem;
}
.bs-assets {
    grid-column: 1;
    grid-row: span 2;
    margin-right: 2rem;
}
.bs-liabilities {
    grid-column: 2;
}
.bs-equity {
    grid-column: 2;
    grid-row: 2;
}
.bs-assets, .bs-liabilities, .bs-equity {
    width: 30rem;
    border: 1px solid #000;
    display: flex;
    flex-direction: column;
}
.bs-item:nth-child(odd) {
    background-color: #f0faff;
}
.bs-item .label {
    float: left;
    margin: 0.5rem 1.5rem;
}
.bs-item .value {
    float: right;
    margin: 0.5rem 1.5rem;
}
/* ------------------
    footer
 *------------------ */
#footer {
    padding: 5rem 0 2rem 0;
    background-color: #ffffff;
}
.footer {
    height: 10rem;
    background-color: #707070;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}
.footer p {
    margin: 0;
    font-size: 1.6rem;
    text-align: center;
}
.footer .copyright {
    font-size: 3rem;
    position: relative;
    top: 6px;
}
.privacy-link {
    color: #fff;
    text-decoration: none;
    margin-top: 0.5rem;
}
.privacy-link:hover {
    text-decoration: underline;
}
.btn-pagetop {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    display: block;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: #707070;
}
.icon-up {
    display: block;
    padding: 10px 0;
    color: #222222;
    font-size: 2.4rem;
}
.end-message {
    display: none;
}

.false-message {
    display: none;
}

@media screen and (max-width :1140px) {
    .header-wrapper{
        box-sizing: border-box;
        padding: 0 10px;
    }
}

@media screen and (max-width :640px){
    /* header */
    .nav-list {
        background-color: #eeeeee;
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        left: 0;
        padding: 2rem;
        position: absolute;
        transform: translateX(-100%);
        transition: 0.3s;
        top: 100%;
        width: 100%;
        z-index: 100;
    }
    #navigation:checked ~ .nav-list {
        transform: translateX(0%);
        transition: 0.3s;
    }
    .nav-button {
        align-items: center;
        appearance: none;
        background-color: transparent;
        border: none;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        gap: 10px;
        height: 60px;
        justify-content: center;
        width: 60px;
    }
    #navigation:checked
    ~ .nav-button
    .nav-button__mark:nth-of-type(1) {
        transform: translate(2px, 1px) rotate(45deg);
        transform-origin: -2%;
    }
    #navigation:checked
    ~ .nav-button
    .nav-button__mark:nth-of-type(2) {
        opacity: 0;
    }
    #navigation:checked
    ~ .nav-button
    .nav-button__mark:nth-of-type(3) {
        transform: translate(2px, 3px) rotate(-45deg);
        transform-origin: -2%;
    }
    .header-list {
        font-size: 1.5rem;
    }
    /* hero-image */
    .hero-image{
        margin: 0;
    }
    .hero-image__text{
        font-size: 2.4rem;
        white-space: nowrap;
    }
    /* about */
    .about{
        width: 95%;
        padding: 1rem;
        margin: 0 auto;
        text-align: center;
    }
    /* whatwedo */
    .whatwedo{
        width: 95%;
        padding: 1rem;
        margin: 0 auto;
        text-align: center;
    }
    /* newsevents */
    .newsevents {
        width: 95%;
        padding: 1rem;
        margin: 0 auto;
        text-align: center;
    }
    .newsevents ul {
        flex-direction: column;
        align-items: center;
    }
    .newsevents li {
        width: 100%;
        margin-bottom: 3rem;
    }
    /* getinvolved */
    .getinvolved{
        width: 95%;
        padding: 1rem;
        margin: 0 auto;
        text-align: center;
    }
    /* foundation-info */
    .foundation-info {
        width: 100%;
        text-align: center;
    }
    .foundation-info-dl {
        display: block;
    }
    .foundation-info-dt {
        display: block;
        margin-top: 1rem;
    }
    .foundation-info-dd {
        display: block;
        margin-top: 0;
        padding: 0 2rem 0 2rem;
    }
    /* contact */
    .contact {
        width: 100%;
        text-align: center;
    }
    .contact-dl {
        grid-template-columns: auto;
        grid-template-rows: repeat(12, auto);
        width: 100%;
        margin: 0 auto;
        padding: 1rem;
        border: none;
        box-sizing: border-box;
        justify-content: center;
    }
    .contact-dt {
        grid-row: auto;
        text-align: left;
        padding: 0 1rem;
        line-height: 1.5;
        margin-top: 1.5rem;
    }
    .contact-dd {
        grid-row: auto;
        text-align: left;
        align-items: center;
        padding: 0 1rem;
        margin-top: 1.5rem;
    }
    .contact-dd:not(:last-child)::after {
        content: "";
        display: block;
        border-bottom: 1px solid #ccc;
        margin-top: 1.5rem;
        margin-left: 1rem;
        width: calc(100% - 1rem);
    }
    .contact-dd label {
        display: block;
        margin-right: 0.6rem;
        margin-bottom: 0.4rem;
        flex: 0 0 100%;
    }
    .contact-dd input[type="text"],
    .contact-dd input[type="email"],
    .contact-dd textarea,
    .contact-dd select {
        width: 100%;
        box-sizing: border-box;
        padding: 0.6rem 0.8rem;
        border: none;
        background-color: #ffffff;
    }
    .contact-dd input[type="checkbox"] {
        margin-right: 0.4rem;
        margin-bottom: 0.4rem;
        flex: 0 0 25%;
    }
    .contact-dd:nth-child(3) input[type="checkbox"],
    .contact-dd:nth-child(4) input[type="checkbox"],
    .contact-dd:nth-child(5) input[type="checkbox"],
    .contact-dd:nth-child(6) input[type="checkbox"] {
        margin-left: 1%;
    }
    .contact-dd:nth-child(3) label,
    .contact-dd:nth-child(4) label,
    .contact-dd:nth-child(5) label,
    .contact-dd:nth-child(6) label {
        margin-left: 1%;
    }
    .contact-dd:nth-child(7) input[type="checkbox"] {
        margin-left: 1%;
    }    
    .btn-submit {
        width: 30rem;
        height: 6rem;
        background-color: #222222;
        color: #fff;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        margin: 2rem auto 2rem;
    }
    .btn-submit:hover {
        background-color: #222222;
    }
    /* privacypolicy */
    .privacypolicy-container {
        width: 95%;
        text-align: center;
    }
    /* balance sheet */
    .bs-grid {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: auto auto auto;
        grid-row-gap: 1rem;
    }
    .bs-assets {
        grid-column: 1;
        grid-row: 1;
        margin-right: 0;
    }
    .bs-liabilities {
        grid-column: 1;
        grid-row: 2;
    }
    .bs-equity {
        grid-column: 1;
        grid-row: 3;
    }    
    /* footer */
    .footer{
        padding: 20px 0;
    }
    .footer p {
        font-size: 3vw;
    }
    .btn-pagetop{
        display: none;
    }
    .copyrights{
        font-size: 0.8rem;
    }
}