@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New&display=swap');

@font-face {
  font-family: "April Gothic One";
  src: url("../fonts/AprilGothicOne-R.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html {
    font-family: "Noto Sans JP", serif;
    font-style: normal;
    margin: 0;
    padding: 0;
}
* {
    box-sizing: border-box;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
body {
    width: 100%;
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
    transition: all 1ms ease 0s;
    background-color: #F4F4F4;
    color: #333;
    font-family: "Noto Sans JP", serif;
    font-style: normal;
}
/* section {
    position: relative;
    z-index: 1 !important;
} */
*, :before, ::after {
    background-repeat: no-repeat;
    box-sizing: inherit;
}
div {
    margin: 0px;
    padding: 0px;
}
ul {
    list-style-type: none;
}
ol {
    margin-left: 40px;
}
a {
    text-decoration: none;
    color: inherit;
}
img {
    width: 100%;
    vertical-align: top;
}

/* SCROLL */
.scroll {
    opacity: 0;
    transition: all 0.1s ease;
}
.scroll[data-type="up"] {
    transform: translate3d(0, 100px, 0);
    transition: all 1s ease;
}
.scroll[data-type="up"].active {
    transform: translate3d(0, 0, 0);
    opacity: 1;
}

/* OVERFLOW */
/* .overflow {
    overflow-x: hidden;
} */
::selection {
    background-color: #052e44;
    color: #fefefe;
}

/* LAYOUT */
.section, .w-1040, .w-1100, .w-1200, .w-1220, .w-1400, .w-1410, .w-1520 {
    margin: 0 auto;
}

.section {
    max-width: 1920px;
}

.w-1040 {
    width: 1040px;
}
.w-1100 {
    width: 1100px;
}   
.w-1200 {
    width: 1200px;
}
.w-1220 {
    width: 1220px;
}
.w-1400 {
    width: 1400px;
}
.w-1410 {
    width: 1410px;
}
.w-1520 {
    width: 1520px;
}

/* DISPLAY */
.display {
    display: flex;
    align-items: center;
}
.df {
    display: flex;
}
.ai-e {
    align-items: end;
}
.m-0a {
    margin: 0 auto;
}
.jc-c {
    justify-content: center;
}
.jc-sa {
    justify-content: space-around;
}
.jc-sb {
    justify-content: space-between;
}
.jc-e {
    justify-content: end;
}
.jc-s {
    justify-content: start;
}
.fd-col {
    flex-direction: column;
}
.ta-c {
    text-align: center;
}
.ta-s {
    text-align: start;
}
.ta-e {
    text-align: end;
}
.reverse {
    flex-direction: row-reverse;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}

/* FONTS */
.zen {
    font-family: "April Gothic One", sans-serif;
}
.blue {
    color: #0000ff;
}
.light {
    color: #fff;
}

.f-16, .f-16m, .f-16b, .f-16bl {
    font-size: 16px;
}
.f-24m, .f-24b, .f-24bl {
    font-size: clamp(18px, 1.25vw, 24px);
}
.f-32bl {
    font-size: clamp(20px, 1.67vw, 32px);
}
.f-35 {
    font-size: clamp(22px, 1.7vw, 35px);
}
.f-65b, .f-65bl {
    font-size: clamp(32px, 3.33vw, 65px);
}

.f-16, .f-35 {
    font-weight: 400;
}
.f-16m, .f-24m {
    font-weight: 500;
}
.f-16b, .f-24b, .f-65b {
    font-weight: 700;
}
.f-16bl, .f-24bl, .f-32bl, .f-65bl {
    font-weight: 900;
}

/* LETTER SPACING */
.ls-5 {
    letter-spacing: 0.05em;
}

/* --------------------------------------------------- PAGE PROPERTIES --------------------------------------------------- */

.logo {
    max-width: 215px;
    height: auto;
    object-fit: cover;
}

.logo__link {
    font-family: "April Gothic One", sans-serif;
    font-size: 36px;
    color: #0000FF;
    font-weight: 400;
    letter-spacing: 3.6px;
}

header {
    position: fixed;
    top: 0;
    z-index: 9999999;
    width: 100%;
    background-color: #F4F4F4;
}
.header__content {
    padding: 10px 50px;
    border-bottom: 0.5px solid #0077B6;
}
.header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../assets/common/mv-1.png);
    background-size: 100% auto;
    background-position: top;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: -1; 
}
.header.scrolled::before {
    opacity: 1; 
}
.nav__layout {
    gap: 80px;
}
.nav__layout li {
    width: fit-content;
}

.nav__layout a p {
    color: #333;
}

.nav__layout a i {
    font-size: 22px;
    color: #0000FF;
}

.nav__layout .nav05 {
    gap: 30px;
}
.nav-contact {
    padding: 20px 60px;
    background-color: #0000FF;
    border-radius: 50px;
}

.nav__layout .nav-contact  a p {
    color: #fff;
}

/* OPACITY FILTERS */
.logo, .nav__layout li, .nav-contact a,
.index-sec01__cat-link, .news__link, .footer__socials a,
.checkbox-label a,
.f-nav__layout1 li, .f-nav__layout2 li, .f-nav__layout3 li,
.sitemap__link {
    transition: filter 0.3s ease, opacity 0.3s ease;
}
.logo:hover, .nav__layout li:hover, .nav-contact a:hover,
.index-sec01__cat-link:hover, .news__link:hover, .footer__socials a:hover,
.checkbox-label a:hover,
.f-nav__layout1 li:hover, .f-nav__layout2 li:hover, .f-nav__layout3 li:hover,
.sitemap__link:hover {
    filter: brightness(1);
    opacity: 0.7;
}

/* --------------------------------------------------- MV PROPERTIES --------------------------------------------------- */

.mv__content img {
    height: 100vh;
    object-fit: cover;
}
.mv__desc {
    gap: 27px;
    top: 425px;
    left: 120px;
    /* bottom: 135px; */
}
.mv__desc h5 {
    max-width: 650px;
}

.mv__desc h1 {
    font-family: "April Gothic One", sans-serif;
    font-weight: 400;
    font-size: 48px;
    color: #033082;
    letter-spacing: 9.6px;
}

.mv-sp__title {
    padding-top: 100px;
}

/* --------------------------------------------------- SECTION PROPERTIES --------------------------------------------------- */

.br {
    border-radius: 20px;
}
.br-blue {
    border: 1px solid #0077B6;
}

/* BUTTONS */
.arrow {
    max-width: 24px;
    max-height: 24px;
    object-fit: cover;
}
.btn-cat {
    gap: 50px;
    width: fit-content;
}

.btn-more, .btn-phone, .btn-contact, .btn-list, 
.btn-save, .btn-edit, .btn-submit, .btn-index {
    gap: 20px;
    border: 1px solid #0000FF;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    transition: box-shadow 0.3s ease, transform 0.3s;
}

.index-sec04 .btn-more {
    background-color: #fff;
}
.btn-phone, .btn-contact {
    background-color: #fff;
}

.btn-more, .btn-list {
    height: 43px; 
}
.btn-more {
    width: 214px;
}
.btn-phone, .btn-contact {
    width: 221px;
    height: 45px;
}
.btn-list {
    width: 218px;
}
.btn-save, .btn-edit, .btn-submit, .btn-index {
    width: 252px;
    height: 48px;
    font-family: "Noto Sans JP", serif;
    background-color: #fff;
}

.btn-more img {
    max-width: 20px;
    max-height: 20px;
}
/* .btn-list img, .btn-save img, .btn-edit img, .btn-submit img, .btn-index img {
    max-width: 18px;
    max-height: 18px;
} */
.btn-list img, .btn-arrow-next, .btn-arrow-prev {
    max-width: 18px;
    max-height: 18px;
}
.btn-arrow-next {
    content: url(../assets/common/arrow-next.png);
}
.btn-arrow-prev {
    content: url(../assets/common/arrow-back.png);
}

.btn-phone i, .btn-contact i {
    color: #0000FF;
}

.btn-more:hover, .btn-phone:hover, .btn-contact:hover, .btn-list:hover,
.btn-save:hover, .btn-edit:hover, .btn-submit:hover, .btn-index:hover {
    box-shadow: none;
    transform: translateY(3px);
}

/* DESC */
.sec__desc {
    max-width: 700px;
    /* padding: 0 50px; */
}
.indent {
    width: 25px;
    height: 8px;
    background-color: #0077B6;
}
.sec__desc-head, .sec__desc {
    gap: 20px;
}

.sec__desc-head h5 {
    font-size: 24px;
}

.footer__wrapper {
    gap: 50px;
}

.sec-title h1 {
    font-family: "April Gothic One", sans-serif;
    line-height: 2;
}

footer .sec-title h1, footer .sec-title h6 {
    font-family: "Zen Kaku Gothic New", sans-serif;
    
}

/* CONTACT SECTION */
.contact__content {
    padding: 50px 0;
    border-radius: 50px;
    background-image: url(../slice/common/contact-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    gap: 10px;
}
.contact__layout .sec-title {
    padding: 20px 50px;
}
.contact__desc {
    max-width: 870px;
}
.contact__btn {
    gap: 30px;
}

/* FOOTER SECTION */
footer {
    padding: 50px 0;
    background-image: url(../slice/common/footer.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.footer__logo .logo__link {
    padding: 25px 50px;
    color: #FFF;
    font-size: 40px;
}
.footer__logo, .footer__socials {
    gap: 30px;
}
.footer__socials i {
    color: #0000FF;
    font-size: clamp(18px, 1.25vw, 24px);
}

.footer__nav nav {
    gap: 80px;
}
.f-nav__layout1 {
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.copyright {
    font-size: 14px;
    color: #0000FF;
    text-align: center;
}

/* --------------------------------------------------- INDEX PROPERTIES --------------------------------------------------- */

/* SEC01 */

.index-sec01 {
    margin-top: 100px;
}
.index-sec01__content {
    padding: 100px 0;
}
.index-sec01__layout {
    
}

.index-sec01__layout .sec-title,
.index-sec01__desc {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.index-sec01__desc {
    background-color: #fff;
    border-radius: 30px;
}

.index-sec01__cat {
    display: flex;
    align-items: center;
    gap: 100px;
    margin-top: 100px;
}

.index-sec01__cat .sec-title {
    max-width: unset;
    margin: unset;
    width: 20%;
}
.info-block_content {
    padding: 30px;
}

.info-block_head {
    padding: 30px 60px;
    display: flex;
    border-bottom: 1px solid #FFFF00;
}

.date, .new {
    width: 50%;
    color: #0000FF;
}

.new {
    text-align: center;
}

.info-block_content a {
    color: #BF0000;
    text-decoration: underline;
}
.index-sec01__list {
    gap: 30px;
    flex-wrap: wrap;
    width: 80%;
}

.blog-card {
    position: relative;;
    display: flex;
    align-items: center;
    gap: 30px;
    border-bottom: 1px solid #0000FF;
    padding-bottom: 20px;
}



.blog-card_img img {
    max-width: 300px;
    object-fit: cover;
}

.circle-arrow {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
}

.index-sec01-feature {
    object-fit: cover;
}
.index-sec01__list li:nth-of-type(1) .index-sec01-feature {
    max-width: 520px;
    max-height: 350px;
}
.index-sec01__list li:nth-of-type(2) .index-sec01-feature {
    max-width: 850px;
    max-height: 350px;
}
.index-sec01__list li:nth-of-type(3) .index-sec01-feature {
    max-width: 1400px;
    max-height: 400px;
}

.index-sec01__cat-btn {
    left: 40px;
    top: 265px;
}

.index-sec01__btn {
    padding-top: 20px;
}

/* SLIDER */
.index__slider {
    width: 100%;
}
.index-slider .slick-slide {
    width: 300px !important;
    margin-right: 25px !important;
}
.index-slider .slick-slide img {
    max-width: 300px;
    max-height: 400px;
    border-radius: 20px;
    border: 1px solid #FFFF00;
    object-fit: cover;
}
.index-slider .slick-slide:nth-child(odd) {
    margin-bottom: 67px;
}
.index-slider .slick-slide:nth-child(even) {
    margin-top: 67px;
}

/* SEC03 */
.index-sec03__content {
    padding: 100px 0;
}
.index-sec03__layout {
    padding-top: 30px;
    display: flex;
    align-items: center;
    gap: 60px;
}

.index-sec03__cal iframe{
    width: 900px;
    
}
    .index-sec03__cat {
        width: 40%;
    }
.index-sec03-feature {
    max-width: 100%;
    max-height: 500px;
    object-fit: cover;
}
.index-sec03__desc {
    gap: 10px;
    text-align: left;
}

.index-sec03__desc .sec-title h1 {
    font-size: 42px;
}

/* SEC04 */
.index-sec04__content {
    margin-right: 50px;
}
.index-sec04__layout {
    
    max-width: 1520px;
    margin: 0 auto;
    padding: 0 60px;
    gap: 30px;
   
}
.index-sec04__desc {
    
}

.index-sec04__desc h3 {
    margin-bottom: 30px;
}

.index-plan {
    margin-top: 100px;
}

.index-plan .index-sec04__content{
    background-image: url(../slice/top/bg01.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 172px 0;
    border-radius: 0px 100px 100px 0px;
    
}

/* GALLERY */

.gallery-list {
    gap: 30px;
}

.gallery-txt {
    margin-top: 30px;
}
/* SEC05 */

.access-section .index-sec05__wrapper {
   margin-left: 50px;
   background-image: url(../slice/top/bg02.png);
   background-repeat: no-repeat;
   background-size: 100% 100%;
}

.access-section .btn-more {
    background-color: #fff;
}
.index-sec05__content {
    padding: 50px 0;
    max-width: 1870px;
    width: 100%;
    border-radius: 100px 0px 0px 100px;
    gap: 50px;
    background-image: url(../assets/top/bg02.png);
    background-size: 100% auto;
    background-position: center;
    background-repeat: repeat;
}

/* SEC06 */
.index-sec06 {
    margin-top: 100px;
}
.index-sec06__layout {
    gap: 100px;
}
.index-sec06__btn {
    padding-top: 50px;
}
.index-sec06__content {
    padding-bottom: 100px;
}

summary {
    list-style: none;
}

.questions-txt {
    display: flex;
    position: relative;
    gap: 60px;
    padding: 40px 30px;
    background: rgba(255, 255, 0, 0.10);
    
}

.faq {
    border-bottom: 1px solid #FFFF00;
}

.faq:open {
    border-bottom: none;
}

.questions-txt::after {
    position: absolute;
    right: 30px;
    font-family: 'FontAwesome';
    content: '\f107';
    color: #0000FF;
}
.answers-txt {
    display: flex;
    align-items: center;
    gap: 60px;
    padding: 40px 60px 30px 60px;
}

/* --------------------------------------------------- BUSINESS PROPERTIES --------------------------------------------------- */

.business-sec__wrapper {
    padding-bottom: 200px;
    border-bottom: 1px solid #0077B6;
}

/* SEC01 */
.business-sec01__content {
    padding-top: 100px;
}
.business-sec01__layout {
    gap: 100px;
}
.business-img01 {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
}
.business-sec01__desc {
    gap: 20px;
}

/* IMAGE LAYOUT */
.business-img-top, .business-img-bot {
    max-width: 450px;
    object-fit: cover;
}
.business-img-top {
    max-height: 675px;
}
.business-img-bot {
    max-height: 290px;
}

.business__img-l, .business__img-r {
    max-width: 800px;
    max-height: 900px;
    z-index: -1;
}
.business__img-l, .business__img-r .business-img-bot {
    left: 0;
}
.business__img-r, .business__img-l .business-img-bot {
    right: 0;
}

.business__img-l .business-img-bot, .business__img-r .business-img-bot {
    bottom: 0;
    z-index: 1;
}
.business__img-l .business-img-top {
    margin: 0 350px 225px 0;
}
.business__img-r .business-img-top {
    margin: 0 0 225px 350px;
}

/* DESC */
.business__desc {
    height: 800px;
}
.business__desc .sec__desc {
    padding: 0 50px;
}

/* SEC02 & SEC04*/
.business-sec02__content, .business-sec04__content {
    padding: 100px 0;
}
.business-sec02__layout, .business-sec04__layout {
   padding-right: 140px;
}

/* SEC03 */
.business-sec03__layout {
    padding-left: 140px;
}

/* --------------------------------------------------- SERVICES PROPERTIES --------------------------------------------------- */

/* MAIN */
.services-main__content {
    padding: 100px 0;
}
.services-main__wrapper {
    gap: 50px;
    padding: 0 90px;
}
.services__main__layout, .services__details {
    gap: 30px;
}
.services-main__desc {
    max-width: 690px;
    width: 100%;
    gap: 20px;
}
.services-img01 {
    max-width: 1014px;
    max-height: 490px;
    object-fit: cover;
    border-radius: 20px 0px 0px 20px;
}

/* LIST */

.plan__details .sec__desc p {
    text-align: center;
}

.plan__layout {
    gap: 100px;
}

.red-btn {
    margin: 30px 0;
    margin-bottom: 0;
}

.red-btn a {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #BF0000;
    color: #ffff;
    border-radius: 20px;
    padding: 10px 20px;
    line-height: 30px;
}

.red-btn a i {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding: 4px 6px 3px 6px;
    border: 2px solid #fff;
    border-radius: 50px;
    font-size: 12px;
}

.plan__card-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px;
    max-width: 1200px;
}

.plan-card {
    max-width: 510px;
    width: 100%;
}

.plan-card_title {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 1.2px;
}

.plan-card:last-child {
    grid-column: span 2;
    justify-self: center;
    width: fit-content;
}

.plan-card_head {
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid #0000FF;
}

.plan-card_head p {
    height: 30px;
    padding: 0 5px;
}

.green {
    color: #1AC097;
    border: 1px solid #1AC097;
    white-space: nowrap;
}

.red {
    color: #BF0000;
    border: 1px solid #BF0000;
    white-space: nowrap;
}

.plan-card {
    padding: 0 20px;
    background-color: #fff;
}

.plan-card_details {
    margin: 30px 0;
}

.red-txt {
    color: #BF0000;
}

.plan-card_desc {
    gap: 5px;
}


.plan-card_desc .list-txt {
    list-style: disc;
    list-style-position: outside;
    padding-left: 20px;
    margin: 0;
}
.plan-right_desc {
    max-width: 700px;
    width: 100%;
}

.plan-card_content {
    margin-bottom: 60px;
}

.plan-sec02 {
    margin-top: 100px;
}

.plan__layout02 {
    gap: 100px;
}

.plan__row-right, .plan__row-left {
    
    width: 100%;
}

.plan__row-right .row-container {
    gap: 100px;
    margin-left: 50px;
    padding: 50px 0;
    background-image: url(../slice/plan/bg01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.plan__row-left .row-container {
    gap: 100px;
    margin-right: 50px;
    padding: 50px 0;
    background-image: url(../slice/plan/bg02.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.desc_row {
    padding: 20px 0;
    border-top: 1px solid #0000FF;
}
.desc_table .desc_row:nth-child(1) {
    margin-top: 20px;
} 
.desc_last  {
    border-bottom: 1px solid #0000FF;
    margin-bottom: 20px;
}

.bold {
    margin-top: 20px;
    font-size: 24px;
}

.col1 {
    max-width: 390px;
    width: 100%;
}

.col2 span{
    font-weight: 700;
    line-height: 30px;
}

.plan-sec03 {
    margin-top: 100px;
}

.plan__layout03 {
    gap: 60px;
    max-width: 1400px;
    margin: 0 auto;
}


.blue-head {
    margin-bottom: 30px;
    color: #0000FF;
    font-size: 32px;
    font-weight: 500;
    letter-spacing: 6.4px;
    line-height: 1;
}

.plan__layout03-txt ul li{
    list-style: disc;
}

.plan__layout03-txt ol li{
    list-style: none;
}

.plan__layout03-txt ol {
    margin-left: 0;
}

.plan__layout03-txt ul {
    padding-left: 20px;
}

.plan__layout03-txt h3 {
    margin-bottom: 60px;
}

.plan-blog {
    margin: 100px 0;
}

.plan-blog_content {
    max-width: 1200px;
    margin: 0 auto;
}

.plan-blog__list {
    margin-top: 100px;
    margin-bottom: 50px;
    gap: 30px;
}
/* --------------------------------------------------- COMPANY PROPERTIES --------------------------------------------------- */

/* MAIN */
.company-main__content {
    padding: 100px;
}
.company-main__layout, .company-info__content {
    gap: 100px;
}
.company-img-main {
    max-width: 500px;
    height: auto;
}

.company-img-main02 {
    max-width: 400px;
}

.about-link {
    display: block;
    font-size: 24px;
    text-align: center;
    color: #0000FF;
    margin: 0 20px;
    text-decoration: underline;
}



/* INFO */
.company-info__content {
    width: 1230px;
    padding-bottom: 100px;
}
.company-info__content table {
    border-collapse: separate; 
    border-spacing: 0; 
}
.company-info__content table tr th, .company-info__content table tr td {
    padding: 30px 0;
}
.company-info__content table tr th {
    width: 400px;
    border-top: 1px solid #0000FF;
}
.company-info__content table tr th p {
    margin-left: 55px;
}

.last-row th, 
.last-row td
{
    border-bottom: 1px solid #0000FF;
}
.company-info__content table tr td {
    width: 760px;
    border-top: 1px solid #0000FF;
}
.company-info__content table tr td p {
    margin: 0 55px;
}
.company-info__content table tr.last-tr th {
    border-bottom: 1px solid #0077B6;
}
.company-info__content table tr.last-tr td {
    border-bottom: 1px solid rgba(144, 224, 239, 0.80);
}

/* --------------------------------------------------- ACCESS PROPERTIES --------------------------------------------------- */

.access__content {
    padding: 100px 0;
    max-width: 1200px;
}
.access__layout {
    gap: 50px;
}
.access__info {
    width: 100%;
    padding: 0 65px;
    gap: 50px;
}

.access__info-wrapper {
    gap: 30px;
    
}

.access__info-loc {
    gap: 100px;
    margin-top: 100px;
}

.loc-steps {
    gap: 20px;
    margin-left: 0;
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid #0000FF;
    border-bottom: 1px solid #0000FF;
}
.loc-steps li{
  list-style: none;
  display: flex;
  align-items: center;
  gap: 20px;
}

.loc-steps li span {
    padding: 5px 10px;
    background-color: #F5F5DC;
    border-radius: 50px;
}


.loc-details h3 {
    margin-bottom: 30px;
}

.loc-details {
    max-width: 400px;
    width: 100%;
}

.stations {
    gap: 30px;
    margin-top: 100px;
}

.stations-img p {
    margin-top: 20px;
}

.station-img {
    height: auto;
    max-width: 450px;
}
.polygon {
    width: 40px;
    display: block;
    margin: auto 0;
}

.stations-img {
    width: 45%;
}

.stations-img {
    
}
.access-img01 {
    max-width: 350px;
}

.access__map {
    width: 100%;
}

.access__map iframe {
    width: 100%;
    height: 700px;
}
.access__info table {
    width: 520px;
    border-collapse: separate; 
    border-spacing: 0; 
}
.access__info table tr {
    margin-bottom: 30px;
}
.access__info table tr:last-child {
    margin-bottom: 0;
}
.access__info table tr th {
    width: 150px;
}
.access__info table tr td{
    width: 370px;
}

/* --------------------------------------------------- NEWS PROPERTIES --------------------------------------------------- */

.news__content {
    padding: 100px 0;
}
.news__content .news__layout {
    padding-bottom: 100px
}

/* LIST */
.news__layout, .news__item-content, .news__item-details {
    gap: 30px;
}
.news__item-details {
    justify-content: space-between;
    width: 100%;
}
.news__item-content {
    padding-bottom: 20px;
    border-bottom: 1px solid #0077B6;
}
.news__item-img img {
    max-width: 300px;
    max-height: 200px;
    object-fit: cover;
    border-radius: 20px;
}
.news__item-desc {
    gap: 10px;
    max-width: 810px;
    width: 100%;
}
.arrow-news {
    width: 30px;
    height: 30px;
}

/* PAGINATION */
.pagination {
    /* margin: 20px auto; */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
}
.page-numbers {
    display: inline-block;
    margin: 0 30px;
    text-decoration: none;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0; 
    cursor: pointer;
    color: #0000ff;
    transition: background-color 0.3s;
    font-size: clamp(12px, 0.83vw, 16px);
    font-family: "Noto Sans JP", serif;
}
.page-numbers:hover, .page-numbers.current {
    background-color: #0000ff;
    color: #fff;
}

/* GALLERY */

.gallery {
    margin-bottom: 60px;
}

.gallery .sec__desc-head {
    margin: 60px 0;
}

.gallery__content {
    max-width: 1400px;
    margin: 0 auto;
}

.gallery__layout {
    flex-wrap: wrap;
    gap: 25px 30px;
    margin: 30px 0 60px 0;
}

.gallery__item {
    width: 31%;
}

/* DETAIL */
.news-det__head {
    gap: 10px;
}
.news-det__content {
    padding-bottom: 20px;
    border-bottom: 1px solid #0077B6;
}
.news-det__content img {
    
    border-radius: 20px;
    object-fit: cover;
    height: auto;
    margin: 30px 0;
}
.news-det__btn {
    padding-top: 100px;
}


/* FAQ */

.faq-sec {
    margin-bottom: 100px;
}

.faq__content {
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 60px;
}

/* --------------------------------------------------- FORM & 404 PROPERTIES --------------------------------------------------- */

.form__content, .page404__content {
    padding: 100px 0;
}
/* .form__layout-btn1, .form__layout-btn2 {
    padding-top: 100px;
} */
.form__layout-btn1 {
    padding-top: 100px;
}
.form__layout-btn2 {
    gap: 100px;
}

/* FORM */
.form__note {
    padding-bottom: 30px;
}
.form__information {
    width: 100%;
    border-top: 1px solid rgba(144, 224, 239, 0.80);
    padding: 30px 0;
    font-size: clamp(12px, 0.83vw, 16px);
}
.form__head {
    width: 312px;
}
.form__important {
    margin-right: 30px;
    padding: 8px 10px;
    background-color: #BF0000;
    color: #fff;
    height: fit-content;
}
input[type="text"], input[type="email"], .textarea {
    padding: 10px;
    font-size: clamp(12px, 0.83vw, 16px);
    font-family: "Noto Sans JP", serif;
    border: 1px solid #0077B6;
}
input[type="text"], input[type="email"], .radio-container, .checkbox-container {
    width: 400px;
}
.textarea {
    width: 700px;
    height: 130px;
    padding: 10px;
    resize: none;
    overflow-y: auto;
}
input::placeholder, textarea::placeholder {
    color: #333;
}
.radio-container {
    gap: 20px;
}
input[type="radio"] { 
    margin-right: 10px;
}
.last {
    border-bottom: 1px solid rgba(144, 224, 239, 0.80);
}
.checkbox-container, .checkbox-label div {
    gap: 10px;
}
.checkbox-label div {
    color: #BF0000;
    text-decoration: underline;
}

/* FINISH */
.notif__message {
    padding: 60px 0 100px 0;
}

/* --------------------------------------------------- SITEMAP PROPERTIES --------------------------------------------------- */

.sitemap__content {
    padding: 100px 0;
}
.sitemap__layout, .sitemap__link {
    gap: 30px;
}
.sitemap__link {
    max-width: 340px;
}

/* --------------------------------------------------- POLICY PROPERTIES --------------------------------------------------- */

.policy__content {
    padding: 100px 0;
}
.policy__list {
    padding-top: 30px;
    gap: 30px;
}
.policy__title {
    padding-bottom: 10px;
}

/* ----------------------------------------------- BURGER MENU PROPERTIES ------------------------------------------------ */

.burger-menu {
    display: none;
    cursor: pointer;
    justify-content: space-between;
    padding: 5px;
}
.burger-icon {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    width: 30px;
    height: 20px;
    justify-content: space-between;
    position: relative;
    align-items: center;
}
.bar {
    width: 25px;
    height: 4px;
    background-color: #09173D;
    transition: transform 0.4s ease-in-out;
}
.bar-01.active {
    transform-origin: 0% 0%;
    transform: rotate(45deg);
}
.bar-02.active {
    transform: scaleY(0);
}
.bar-03.active {
    transform-origin: 0% 100%;
    transform: rotate(-45deg);
}
.show-nav .burger-menu .bar-01 {
    transform: rotate(45deg);
}
.show-nav .burger-menu .bar-02 {
    transform: scaleY(0);
}
.show-nav .burger-menu .bar-03 {
    transform: rotate(-45deg);
}

.footer__nav-sp {
    display: none;
}

/* ----------------------------------------------- RESPONSIVE PROPERTIES ------------------------------------------------ */

/* LARGE SCREEN */
@media screen and (max-width: 1600px) {

    .logo {
        width: 15vw;
    }

    .plan-blog_content {
        width: 90%;
    }

    /* LAYOUT */
    .w-1400, .w-1410, .w-1220, .w-1200, .w-1100 {
        width: 90%;
    }

    /* BUTTONS */
    .btn-more {
        max-width: 214px;
        width: 23vw;
    }
    .btn-save, .btn-edit, .btn-submit, .btn-index {
        max-width: 252px;
        width: 25vw;
    }

    /* CONTACT SECTION */
    .contact__layout {
        width: 90%;
        margin: 0 auto;
        gap: 40px;
    }
    .contact__layout .sec-title {
        padding: 20px 0;
    }

    /* --------------------------------------------------- MV PROPERTIES --------------------------------------------------- */

    

    /* --------------------------------------------------- INDEX PROPERTIES --------------------------------------------------- */

    /* SEC01 */
    .index-sec01__list li:nth-of-type(1) .index-sec01-feature {
        width: 34vw;
    }
    .index-sec01__list li:nth-of-type(2) .index-sec01-feature {
        width: 52vw;
        height: 100%;
        object-fit: cover;
    }

    /* SEC03 */

     .index-sec03__cal {
        width: 65%;
    }

    .index-sec03__desc iframe {
        width: 100%;
    }

    .index-sec03__cat {
        width: 35%;
    }

    /* SEC04 */
    .index-sec04__layout {
        padding: 15vh 5vw 15vh 10vw; 
    }

    /* SEC06 */
    .index-sec06__layout {
        flex-wrap: wrap;
        width: 90%;
    }

    /* --------------------------------------------------- BUSINESS PROPERTIES --------------------------------------------------- */

    .business__desc {
        width: 45vw;
    }

    /* SEC02 & SEC04 */
    .business-sec02__layout, .business-sec04__layout {
        padding-right: 5vw;
    }

    /* SEC03 */
    .business-sec03__layout {
        padding-left: 5vw;
    }

    /* --------------------------------------------------- ACCESS PROPERTIES --------------------------------------------------- */
    
    .access__map {
       
    }

    /* --------------------------------------------------- SERVICES PROPERTIES --------------------------------------------------- */

    .services__main__layout, .services__details {
        gap: 5vw;
    }
    .service-l {
        margin-right: 0;
    }
    .service-r {
        margin-left: 0;
    }

    .services-main__desc {
        width: 45%;
    }

    .services-img01 {
        width: 55%;
    }

    /* MAIN */
    .services-main__wrapper {
        width: auto;
    }
    .services__main__layout {
        width: auto;
        margin: 0;
    }
    .services-img01 {
        width: 45vw;
    }

    /* DETAILS */
    .services__details {
        padding: 50px 5vw;
        max-width: 1300px;
        width: 85%;
    }
    .services-img-cat {
        width: 35vw;
    }
    .services-img-cat .sec__desc {
        padding: 0;
    } 

    .col1, .col2 {
        width: 50%;
        max-width: unset;
    }

    .plan__row-right .row-container,
    .plan__row-left .row-container
     {
        padding: 50px;
    }

    

    .desc_row {
        gap: 20px;
    }

    /* --------------------------------------------------- COMPANY PROPERTIES --------------------------------------------------- */

    .company-img-main {
        width: 32vw;
    }
    .company-info__content {
        max-width: 1230px;
        width: 90%;
    }
    .company-info__content table tr th p {
        margin-left: 2vw;
    }
    .company-info__content table tr td p {
        margin: 0 2vw;
    }
    .company-info__content table tr th {
        max-width: 400px;
        width: 27vw;
    }
    .company-info__content table tr td {
        max-width: 760px;
        width: 52vw;
    }

    .plan__content03 {
        padding: 0 50px;
    }

    .gallery__content {
        width: 90%;
    }

    .gallery__item-img img {
        height: auto;
    }

    /* --------------------------------------------------- NEWS PROPERTIES --------------------------------------------------- */

    /* PAGINATION */
    .page-numbers {
        margin: 0 3vw;
    }

    /* --------------------------------------------------- FORM PROPERTIES --------------------------------------------------- */

    .form__layout {
        width: 90%;
    }

    /* FORM */
    .textarea {
        max-width: 700px;
        width: 45vw;
    }

    /* FINISH & 404 */
    .notif__layout {
        width: 90%;
        margin: 0 auto;
    }

    /* --------------------------------------------------- SITEMAP PROPERTIES --------------------------------------------------- */

    .sitemap__link {
        width: 90%;
    }
}

/* SEMI-LARGE SCREEN */
@media screen and (max-width: 1200px) {

    /*HEADER*/
    .header__nav {
        display: flex;  
        align-items: center; 
    }

    /*NAV & F-NAV*/  
    .nav__layout {
        display: none;  
        flex-direction: column;  
        width: 100%;  
        position: fixed;  
        padding-bottom: 30px;  
        top: 0;  
        right: 0;  
        background-image: url(../assets/common/mv-1.png);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);  
        z-index: 998;  
    }  
    .nav__layout li {
        margin: 0;  
    }
    .burger-menu {
        position: relative;  
        padding: 0;  
        display: inline-block;    
        z-index: 999;     
    }
    .nav__layout.show-nav {
        display: flex;     
        padding: 90px 0 100vh 0;    
        height: 100%;
        gap: 40px;
        /* overflow-y: scroll;
        scrollbar-width: none; */
        text-align: center;
        background-color: #ffff;
    }

    /* INDX SEC03 */

    .index-sec03__layout {
        flex-direction: column-reverse;
    }

    .index-sec03__cal {
        width: 100%;
    }

    .index-sec03__cat {
        width: 100%;
    }

    /* INDX SEC04 */

    .index-sec04__layout {
        padding: 0 60px;
    }

    .index-sec04__content {
        margin: 0;
    }

}

/* MEDIUM SCREEN */
@media screen and (max-width: 1025px) {

    /* --------------------------------------------------- INDEX PROPERTIES --------------------------------------------------- */

    /* SEC01 */
    .index-sec01__cat-btn {
        top: 31vh;
    }

    /* SEC04 */
    .index-sec04__desc {
        width: 60vw;
    }

    /* --------------------------------------------------- BUSINESS PROPERTIES --------------------------------------------------- */

    .business__desc {
        width: 40vw;
        max-height: 800px;
        height: 95vh;
    }

    /* IMAGES */
    .business__img-l .business-img-top {
        margin: 0 25vw 30vh 0;
    }
    .business__img-r .business-img-top {
        margin: 0 0 20vw 30vh;
    }
    .business-img-top, .business-img-bot {
        width: 35vw;
    }

    /* --------------------------------------------------- ACCESS PROPERTIES --------------------------------------------------- */

    .access__map {
        width: 100%;
        max-height: 700px;
        height: 100%;
    }
    .access__layout {
        flex-direction: column;
    }
    .access__info div {
        justify-content: center;
    }
    .access__info table {
        max-width: 520px;
        width: 100%;
    }
    .access__info table tr th {
        max-width: 150px;
        width: 15vw;
    }
    .access__info table tr td {
        max-width: 370px;
        width: 40vw;
    }

/* --------------------------------------------------- SERVICE PROPERTIES --------------------------------------------------- */

    .services-main__wrapper {
        padding: 0 50px;
    }

    .gallery__item {
        width: 46%;
    }
    .gallery__layout {
        justify-content: center;
    }

}

/* TABLET SCREEN */
@media (max-width: 790px) {

    .header__content {
        padding: 10px 4vw;
    }

    /* --------------------------------------------------- MV PROPERTIES --------------------------------------------------- */

    .mv__desc {
        max-width: 90%;
        margin: 40px auto;
        left: 45px;
    }

    .mv__desc h1 {
        font-size: 36px;
    }


    .sec-title h1 {
        font-size: 42px
    }

    .sec-title h6 {
        font-size: 24px;
    }

    




    /* --------------------------------------------------- INDEX PROPERTIES --------------------------------------------------- */

    /* SEC01 */
    .index-sec01__list {
        flex-direction: column;
        width: 100%;
    }
    .index-sec01__list li:nth-of-type(1) .index-sec01-feature,
    .index-sec01__list li:nth-of-type(2) .index-sec01-feature,
    .index-sec01__list li:nth-of-type(3) .index-sec01-feature {
        width: 100%;
        max-width: 100%;
        height: 30vh;
        object-fit: cover;
    }
    .index-sec01__cat-btn {
        top: 20vh;
    }

    .index-sec01__cat {
        flex-direction: column;
    }

    .index-sec01__cat .sec-title {
        width: auto;
    }

    .index-sec03__layout {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .gallery-list {
        flex-direction: column;
        align-items: center;
    }

    .gallery-card {
        width: 65%;
    }

    .questions-txt p {
        padding-right: 30px;
    }

    /* --------------------------------------------------- BUSINESS PROPERTIES --------------------------------------------------- */

    .business-sec__wrapper {
        padding-bottom: 100px;
    }

    /* DESC */
    .business__desc {
        width: 100%;
        height: auto;
    }
    .business__desc.sec__desc {
        padding: 0;
    }

    /* IMAGES */
    .business__img-l, .business__img-r .business-img-bot,
    .business__img-r, .business__img-l .business-img-bot {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }
    .business__img-l .business-img-top,
    .business__img-r .business-img-top {
        margin: 0;
    }
    .business__img-l .business-img-bot,
    .business__img-r .business-img-bot {
        position: relative;
    }

    .business-sec02__layout, 
    .business-sec03__layout,
    .business-sec04__layout {
        justify-content: center;
        align-items: center;
        gap: 40px;
    }

    /* SEC02 & SEC04 */
    .business-sec02__layout, .business-sec04__layout {
        padding-right: 0;
    }

    .index-sec04__content {
        background-size: cover;
    }

    /* SEC03 */
    .business-sec03__layout {
        padding-left: 0;
    }

    /* --------------------------------------------------- ACCESS PROPERTIES --------------------------------------------------- */

    .company-main__layout {
        flex-direction: column;
        gap: 50px;
    }

    .company-main__content {
        padding: 50px;
    }

    .company-img-main {
        max-width: unset;
        width: 100%;
    }

    .sec__desc {
        max-width: unset;
        width: auto;
    }

    .access__info {
        padding: 0;
    }

    .access__info-loc {
        gap: 50px;
        
    }
    .loc-details {
        width: 30%;
    }

    .access-img01 {
        width: 60%;
    }

    /* --------------------------------------------------- SERVICE PROPERTIES --------------------------------------------------- */

    .services__main__layout {
        flex-direction: column;
    }

    .services-main__desc {
        width: auto;
    }


    .services-img01 {
        width: 100%;
    }

    .plan__content {
        padding: 0 50px;
    }

    .google-cal iframe {
        width: 100%;
    }

    .google-cal {
        width: 100%;
    }

    .plan__layout .service__cat {
        width: 100%;
    }

    .plan__card-list {
        gap: 50px;
        display: flex;
        flex-direction: column;
    }

    .plan-card {
        max-width: unset;
    }

    .plan__row-right .row-container, 
    .plan__row-left .row-container  {
        flex-direction: column;
    }

    

    /* --------------------------------------------------- FORM PROPERTIES --------------------------------------------------- */

    /* FORM */
    .form__head {
        max-width: 312px;
        width: 35vw;
    }
    .textarea {
        width: 400px;
    }
    .form__layout-btn2 {
        gap: 10vw;
        flex-wrap: wrap;
    }

    .contact__layout {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .footer__layout {
        flex-direction: column;
    }

    .footer__nav {
        display: none;
    }

    .footer__nav-sp {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 30px;
    }

    .footer__nav-sp a {
        color: #0077B6;
        
    }

    .footer__nav-sp a:nth-child(1) {
        border-right: 1px solid #0077B6;
        padding-right: 30px;
        margin-right: 30px;
    }

    .contact__btn {
        flex-wrap: wrap ;
    }

    .questions-txt {
        gap: 20px;
    }
}

/* MOBILE */
@media screen and (max-width: 490px) {

    .logo {
        width: 25vw;
    }

    .index-sec03__desc .sec-title h1 {
        font-size: 26px;
    }

    .sec-title h1 {
        font-size: 26px;
    }

    .sec-title h6 {
        font-size: 18px;
    }

/* SPACING */

.index-sec01 
{
    margin-top: 0;
}

.index-sec01__cat {
    gap: 50px;
}


.index-sec03__content,
.index-sec05__wrapper {
    padding: 50px 0;
}

.index-plan {
    margin-top: 50px;
}
 

.news__content {
    padding: 50px 0;
}

.news-det__btn {
    padding-top: 50px;
}

    .mv__content img {
    height: 80vh;
    object-fit: cover;
    }

    .mv__desc h1 {
        font-size: 8vw;
    }

    .mv__desc {
        top: 40%;
    }

    /* BUTTONS */
    .btn-more {
        width: 45vw;
    }
    .btn-save, .btn-edit, .btn-submit, .btn-index {
        width: 50vw;
    }

    /* CONTACT SECTION */
    .contact__content, .contact__layout {
        gap: 0;
    }
    .contact__layout {
        flex-direction: column;
    }
    .contact__desc {
        text-align: center;
    }
    .contact__btn {
        flex-direction: column;
        margin: 0 auto;
    }

    /* FOOTER SECTION */
    .footer__layout {
        flex-direction: column;
        gap: 40px;
    }
    .footer__nav nav {
        gap: 0;
    }
    .f-nav__layout2 {
        flex-direction: row;
    }
    .f-nav01, .f-nav02, .f-nav03, .f-nav04, .f-nav05, .f-nav06, .f-nav07 {
        display: none;
    }
    .f-nav08, .f-nav09 {
        text-align: center;
    }

    /* --------------------------------------------------- INDEX PROPERTIES --------------------------------------------------- */

    /* SLIDER */
    .index-slider .slick-slide,
    .index-slider .slick-slide img {
        width: 52vw !important;
    }

    /* SEC03 */
    .index-sec03__layout {
        grid-template-columns: repeat(1, 1fr);
    }
    .index-sec03__cat {
        width: 80%;
        margin: 0 auto;
    }

    /* SEC04 */
    .index-sec04__content {
        margin-right: 5vw;
    }
    .index-sec04__desc {
        width: 70vw;
    }

    /* SEC05 */
    .index-sec05__wrapper {
        padding: 50px 0 50px 0;
    }

    .access-section .index-sec05__wrapper {
        margin: 0;
        background-size: cover;
    }
    .blog-card_img {
        width: 100%;
    }

    .gallery-card {
        width: 100%;
    }

    .gallery-card img {
        height: auto;
    }

    .index-sec06__layout {
        gap: 50px;
    }

    /* --------------------------------------------------- BUSINESS PROPERTIES --------------------------------------------------- */

    .business-sec02__layout, .business-sec04__layout {
        flex-direction: column;
    }
    .business-sec03__layout {
        flex-direction: column-reverse;
    }

    /* IMAGES */
    .business__img-l .business-img-top, .business__img-r .business-img-top,
    .business-img-bot {
        margin: 0 auto;
    }
    .business-img-top, .business-img-bot {
        width: 80%;
    }

    /* --------------------------------------------------- SERVICES PROPERTIES --------------------------------------------------- */

    /* MAIN */
    .services__main__layout {
        flex-direction: column-reverse;
        margin: 0 auto;
    }
    .services-img01 {
        width: 100%;
        border-radius: 20px;
    }

    .services-main__content {
        padding-top: 20px;
    }

    /* DETAILS */
    .services-img-cat {
        width: 70%;
    }
    .services__details {
        flex-direction: column;
    }

    .plan__row-right .row-container {
        margin-left: 0;
        background-size: cover;
        background-position: center;
    }

    .plan__row-left .row-container {
        margin-right: 0;
        background-size: cover;
    }

    .desc_row {
        flex-direction: column;
    }

    .col1, .col2 {
        width: 100%;
    }

    .plan-card_details {
        flex-direction: column-reverse;
        gap: 20px;
    }

    .plan-card_title {
        font-size: 18px;
    }

    /* --------------------------------------------------- COMPANY PROPERTIES --------------------------------------------------- */

    /* MAIN */
    .company-main__layout {
        flex-direction: column;
    }
    .company-main__content {
        padding: 50px 0;
        width: 90%;
        margin: 0 auto;
    }
    .company-img-main {
        width: 70%;
    }

    .company-info__content table tr {
        flex-direction: column;
    }   

    .company-info__content table tr th {
        max-width: unset;
        width: 100%;
    }

    .company-info__content table tr td {
        max-width: unset;
        width: 100%;
        border-top: none;
    }

    .company-info__content table tr th, .company-info__content table tr td {
        padding: 15px 0;
    }

    .company-info__content {
        padding-bottom: 50px;
        gap: 50px;
    }

    .access__info-loc {
        flex-direction: column;
        margin-top: 0;
    }

    .loc-details {
        width: auto;
    }

    .access-img01 {
        width: 100%;
    }
    .stations {
        flex-direction: column;
        align-items: center;
    }

    .stations-img {
        width: 100%;
    }

    .polygon {
        transform: rotate(90deg);
    }

    .access__map iframe {
        height: revert-layer;
    }

    .plan__row-right .row-container


    /* --------------------------------------------------- ACCESS PROPERTIES --------------------------------------------------- */

    .access__info table tr th {
        width: 25vw;
    }
    .access__info table tr td {
        width: 60vw;
    }

    /* --------------------------------------------------- NEWS PROPERTIES --------------------------------------------------- */

    /* LIST */
    .news__item-content {
        flex-direction: column;
    }

    .gallery__item {
        width: 100%;
    }

    .blog-card {
        flex-direction: column;
       
    }

    .blog-card_img img {
        max-width: unset;
        width: 100%;
        
    }

    .blog-desc {
        width: 100%;
    }

    .circle-arrow{
        bottom: 30px;
    }

    /* --------------------------------------------------- FORM PROPERTIES --------------------------------------------------- */

    /* FORM */
    .form__information {
        flex-direction: column;
        gap: 20px;
    }
    input[type="text"], input[type="email"], .radio-container, .checkbox-container, .textarea {
        width: 90%
    }
    .form__head {
        max-width: 308px;
        width: 50vw;
    }
    .form__important {
        margin-right: 0;
        padding: 1vw 10px;
    }

    .footer__logo .logo__link {
        font-size: 26px;
        padding: 15px 25px;
    }

    .answers-txt {
        flex-direction: column;
        gap: 10px;
        padding: 15px 20px 30px 20px;
    }

    .about-link {
        font-size: 18px;
    }
}