@media (max-width: 1880px) {
    .visual_left .home-banner-desc{
        font-size:1.3vw;
    }
}

@media (min-width: 1200px) {

/*
    body {
        padding-top: 35px;
    }
*/

    .hide-desktop {
        display: none !important;
    }

    .page-breadcrumb {
        transform: translateY(15px);
    }

    .introduction-detail-box h2:has(> strong){
        margin-left: 130px;
        margin-right: 130px;
    }

    .introduction-detail-box p{
        margin-left: 130px;
        margin-right: 130px;
    }
}

@media (max-width: 1300px) {
    .footer-bottom-content {
        width: 80%;
    }
}

@media (max-width: 1200px) {
    img.pricepage-content-top-img,
    .service-item-content-left img,
    .concierge-image img,
    .why-choose-box-2-item img  {
        width: 100%;
    }

    body {
        padding-top: 60px;
    }

    .hide-mobile {
        display: none;
    }

    .site-header {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 90000;
        width: 100%;
        border-radius: 0;
        height: 60px;
        padding: 0 var(--gap14);
    }

    .navigation .navigation-list {
        background-color: var(--primary);
        color: #fff;
        position: absolute;
        width: 100vw;
        top: 60px;
        left: 0;
        flex-direction: column;
        gap: var(--gap24);
        padding: var(--gap24) 0;
        display: none;
    }
    .page-breadcrumb  {
        font-size: 30px;
        padding: 43px 0px 14px 20px !important;
        transform: translateY(0px) !important;
    }

    .navigation .navigation-list.open {
        display: flex;
    }

    .navigation-item {
        text-align: left;
        width: 100%;
    }

    .navigation-link {
        width: 100%;
        text-align: left;
        justify-content: flex-start;
        color: #fff;
        padding-left: var(--gap24);
        padding-right: var(--gap24);
    }

    .hotline-icon {
        color: #fff;
        border: 2px solid #fff;
        width: calc(100% - 48px);
        margin: 0 auto;
        border-radius: 7px;
        justify-content: center;
        grid-template-columns: 32px auto;
        padding: 12px;
    }

    .contact-button {
        width: calc(100% - 24px);
    }

    .contact-button .footer-content-contact {
        height: 64px;
        color: var(--primary);
    }

    .contact-button .footer-content-contact:hover {
        color: var(--primary);
    }

    .hotline-icon small,
    .hotline-icon span {
        color: #fff;
    }

    .hotline-icon img {
        filter: brightness(0) invert(1);
    }

    .inquiry-link {
        font-size: 13px;
    }

    .footer-wrapper,
    .footer-bottom-content,
    .footer-content-action,
    .footer-logo {
        grid-template-columns: repeat(1, 1fr);
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .footer-wrapper{
        padding: 40px 19px 52px 19px;
    }

    .footer-bottom-content{
        grid-gap: 33px;
    }

    .footer-logo picture {
        display: block;
        width: max-content;
        margin: 0 auto;
    }

    .footer-content-action{
        padding: 0 18px;
    }

    .footer-content-desc{
        text-align: left;
        font-weight: 500;
    }

    .hide-desktop{
        font-size: 14px;
        font-weight: 700;
    }

    .footer-logo span {
        display: block;
        padding: 15px 0 0;
        font-size: 13px;
    }

    .footer-content-action > * {
        height: 66px;
    }

    .footer-content-title {
        padding: 0px 20px;
        font-size: 22px;
        line-height: 31.86px;
    }

    .footer-menu-top {
        width: 100%;
        padding: var(--gap24) 38px 0px 38px;
    }

    .footer-menu-top,
    .footer-menu-list {
        flex-direction: column;
    }

    .footer-menu-item-logo{
        margin-left: auto;
        margin-right: auto;
    }

    .footer-route-link-wrapper{
        margin-bottom: 15px;
        border-bottom: 1px solid #C8C8C8
    }

    .footer-menu-list {
        gap: 28px;
        width: 100%;
        margin-bottom: var(--gap16);
        border-bottom: 1px solid #c8c8c8;
        padding-bottom: 45px;
    }

    .footer-menu-content p {
        margin: 0px;
    }

    .footer-menu-content{
        display: flex;
        flex-direction: column;
        gap: 12px;
        border-bottom: 1px solid #c8c8c8;
        padding-bottom: 35px;
    }

    .footer-menu-item + .footer-menu-item {
        width: 100%;
    }

    .footer-menu-item a {
        font-size: 16px;
    }

    .footer-copyright{
        margin: 0 38px;
        padding: 10px 0 20px 0px;
    }

    .footer-content-hotline small{
        text-align: center;
    }

    .footer-menu-item + .footer-menu-item {
        margin-left: 0px;
    }

    .navigation-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding: 6px;
        background-color: transparent;
        user-select: none;
        width: 44px;
        margin-left: 17px;
    }

    .navigation-icon span {
        width: 26px;
        height: 2px;
        border-radius: 2px;
        background-color: var(--primary-dk);
        display: block;
        margin: 4px 0;
        transition: all 250ms ease-in-out;
    }

    .navigation-icon span:nth-of-type(2) {
        position: absolute;
    }

    .navigation-icon.open span:last-child,
    .navigation-icon.open span:first-child {
        opacity: 0;
        position: absolute;
    }

    .navigation-icon.open span:nth-of-type(2) {
        transform: rotate(-45deg);
    }

    .navigation-icon.open span:nth-of-type(3) {
        transform: rotate(45deg);
        position: absolute;
    }

    .footer-banner {
        border: none;
        padding-top: var(--gap10);
    }

    /* Home */
    .partner-companies {
        margin-top: 22px;
    }

    /* .medal, */
    .partner-companies img {
        display: none;
    }

    .partner-companies-content > div:nth-child(2) span:nth-child(1) {
        display: block;
    }

    .companies-item-bottom {
        padding: 32px;
        line-height: 26px;
    }

    .why-choose {
        padding-bottom: 58px;
    }

    .home-banner-image-logo {
        margin: 8% 0;
    }

    .banner-top-right-item {

        margin: 0 auto;
    }

    .home-banner-action-item {
        font-size: var(--gap16);
        padding: var(--gap18);
    }

    .banner-top-right {
        height: 100vw;
        margin: var(--gap24) 0 0;
        grid-gap: var(--gap24);
    }

    .banner-top-right-item:first-child {
        border-top-right-radius: 80px;
    }

    .banner-top-right-item:nth-child(2) {
        border-top-left-radius: 80px;
    }

    .home-content {
        padding-left: var(--gap16);
        padding-right: var(--gap16);
        grid-gap: var(--gap24);
    }

    .why-choose-content-item,
    .confidence-box,
    .contactus-action,
    .contactus,
    .following-item-footer-action,
    .following-box,
    .introduction-box,
    .partner-companies,
    .why-choose-box-2 {
        width: 100%;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: var(--gap24);
    }

    .why-choose-content-item-header,
    .following-item-footer {
        grid-column-start: span 1;
    }

    .contactus-img {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .confidence-box-item:nth-child(1),
    .confidence-box-item:nth-child(2) {
        border-right: none;
        border-bottom: 1px solid #c8c8c8;
    }

    .confidence-box-item:nth-child(1)::before,
    .confidence-box-item:nth-child(2)::before,
    .confidence-box-item:nth-child(3)::before {
        left: 8%;
    }

    .why-choose-box-2-item {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
    }

    .partner-companies-content,
    .why-choose-title,
    .confidence-title,
    .why-choose-title-2,
    .contactus-title,
    .introduction-header {
        font-size: 22px;
        text-align: center;
    }

    .companies-item-bottom,
    .following-title,
    .following-item-sub-title,
    .companies-item-top {
        font-size: 18px;
        min-height: 1px;
    }

    .why-choose-content-item,
    .following-item,
    .why-choose {
        padding-left: var(--gap16);
        padding-right: var(--gap16);
        grid-gap: 0;
    }

    .why-choose-content-item-left,
    .why-choose-content-item-right {
        font-size: var(--fontSize);
        padding: var(--gap16) var(--gap10);
    }

    .why-choose-content-item-right {
        border-top: none;
    }

    .why-choose-content-item-right-header {
        font-weight: 500;
    }
    .home-txt-top,
    .home-banner-desc {
        font-size: 15px;
    }
    .why-choose-content-item-right-header,
    .why-choose-content-item-right-desc {
        font-size: 18px !important;
    }

    .why-choose-content-item-left {
        padding: var(--gap16) 0;
        border-bottom: none;
    }

    .why-choose-content-item-header,
    .why-choose-box-2-item {
        margin: 0;
        text-align: left;
    }

    .why-choose-content-item-header {
        margin-bottom: 8px;
    }

    .why-choose-content-item-left-box {
        align-items: center;
        gap: 9px;
        margin-top: 13px;
    }

    .why-choose-content-item-left::after {
        top: auto;
        bottom: -13px;
        right: 0;
        left: calc(50% - 10px);
        transform: rotate(90deg);
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 20px solid var(--primary);
    }

    .why-choose-content-item-left-header {
        font-size: var(--fontSize);
    }

    .why-choose-content-item-left-box span,
    .why-choose-box-2-item-desc {
        font-size: var(--gap14);
    }

    .confidence-box-item {
        height: calc(100vw - 32px);
        padding: 30px;
    }

    .confidence-box-item::before {
        top: 0;
        left: var(--gap14);
    }

    .why-choose-box-2-item-title {
        font-size: var(--gap20);
        margin: var(--gap10) 0;
    }

    .following-item::after {
        content: "";
        height: 1px;
        width: 80%;
        display: block;
        margin: var(--gap24) auto 0;
        background-color: #c8c8c8;
    }

    /* about */
    .page-breadcrumb small {
        font-size: var(--gap14);
        font-weight: 700;
    }

    .about-aside {
        flex-direction: column;
        border-right: none;
        width: 100%;
    }

    .about-sub-title {
        margin-top: 34px;
    }

    .about-aside > div {
        width: 100%;
        height: 1px;
        align-self: center;
        display: block;
        transform: translateY(30px);
    }

    .content-table {
        padding: 0 38px;
    }

    .about-box-header {
        font-size: 18px;
        line-height: 26.06px;
    }

    .about-box-header img {
        width: 35px;
        height: 35px;
    }

    .about-box-list {
        padding: 0 19px;
        gap: 8px;
    }

    .about-why-choose-item-content {
        transform: translateY(0);
    }

    .aboutpage .why-choose-content {
        margin-bottom: 0;
    }

    .about-box-item > small {
        width: 58px;
    }

    .about-box-item > small > img {
        width: 35px;
        object-fit: contain;
    }

    .about-box-item > span {
        margin-top: 9px;
    }

    .content-table a,
    .content-table span {
        font-size: var(--gap16);
        line-height: 23.17px;
    }

    .aboutpage-content {
        flex-direction: column;
        gap: 60px;
        padding: 0;
    }

    .about-title {
        font-size: 22px;
        line-height: 31.86px;
    }

    .about-box-list,
    .success-story,
    .role-box {
        grid-template-columns: repeat(1, 1fr);
    }

    .role-box {
        grid-template-rows: auto auto;
        grid-gap: 29px;
    }

    .role-box-image {
        /* transform: scale(1.1); */
        grid-row-start: span 1;
    }

    .hrs {
        margin-bottom: 20px;
    }

    .success-story-item {
        padding: 19px 17px 18px 24px;
    }

    .success-story-item-title,
    .about-why-choose-item-header {
        font-size: 18px;
        font-weight: 600;
        line-height: 26.06px;
    }

    .reasons-item-header {
        font-size: 18px;
        line-height: 26.06px;
        padding: 8px 19px 12px 11px;

        display: flex;
        justify-content: start;
        align-items: start;
        gap: 4px;
    }

    .space {
        height: 30px;
    }

    .about-article {
        gap: 38px;
        width: 100%;
    }

    .about-article .why-choose-content {
        grid-gap: 30px;
    }

    .about-article .why-choose-content-item-header {
        font-size: 18px;
    }

    .about-article .why-choose-content-item-right {
        border-bottom: 1px solid #c8c8c8;
    }

    .about-article .why-choose-content-item-left {
        padding: 19px;
    }

    .aboutpage-content .why-choose-content {
        margin-top: 0;
    }

    .about-why-choose-footer {
        text-align: left;
    }

    .about-box-item-title  {
        font-size: var(--gap18);
        line-height: 26.06px;
    }

    .role-step-header {
        font-size: var(--fontSize);
        color: var(--black);
        line-height: 23.17px;
        margin-bottom: 16px;
    }

    /* Case */
    .case-wrapper {
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 40px;
        margin: 20px auto;
    }

    .case-detail {
        margin: 20px auto;
    }

    .case-detail-cat {
        font-size: 14px;
    }

    .case-detail-header {
        font-size: 20px;
    }

    .case-detail-cover {
        margin-top: 24px;
    }
    .case-detail-cover::before {
        aspect-ratio: 340 /232;
    }

    .case-detail-detail {
        margin-top: 30px;
        width: 100%;
    }

    .case-detail-detail-header {
        font-size: 18px;
    }

    .case-detail-detail + .case-detail-detail {
        margin-top: 30px;
    }

    .case-detail-footer-header {
        margin-bottom: 26px;
    }

    .case-detail-footer .why-choose {
        padding: 24px;
    }

    .pagination-list {
        justify-content: space-between;
        width: 100%;
    }

    .pagination-item {
        display: none;
    }

    .pagination-item.active {
        background-color: transparent;
    }
    .pagination-item.active,
    .pagination-item:first-child,
    .pagination-item:last-child {
        display: block;
    }

    /* Price */
    .price-top-img {
        width: 187px;
        height: 212px;
        bottom: auto;
        top: -100px;
        right: 0;
    }

    .price-top,
    .price-faq {
        font-size: 22px;

    }

    .price-faq {
        margin-top: 40px;
    }

    .pricepage-content-top {
        grid-template-columns: repeat(1, 1fr);
        padding: 16px 24px;
        grid-gap: 16px;
    }

    .pricepage-content-bottom {
        padding: 16px 24px;
    }

    .pricepage-content-top .why-choose {
        padding: 12px 24px;
        grid-column-start: span 1;
    }

    .pricepage-content-top .why-choose .seemore {
        height: 44px;
    }

    .seemore {
        border-radius: 5px;
    }

    .pricepage-context-header {
        font-size: 18px;
    }

    .pricepage-content-top-img {
        grid-row-start: span 1;
    }

    .pricepage-content .contactus {
        /* width: calc(100vw - 32px); */
        margin: 0 auto;
    }

    /* Service */
    .service-wrapper {
        margin-top: 30px;
    }

    .service-item-content {
        width: 100%;
    }

    .service-item {
        padding: 16px;
    }

    .service-item-content-right-title {
        font-size: 20px;
        margin-top: 20px;
    }
    .service-item-content-right-desc {
        font-size: var(--gap14);
    }

    .service-item-fotter {
        width: 100%;
        margin-top: 36px;
    }

    .service-item-content-left {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }

    .service-item-footer-header {
        font-size: 18px;
    }

    /* concierge */
    .concierge-box {
        margin: var(--gap16) 0 0;
        width: 100%;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 32px var(--gap16);
    }

    .concierge-header {
        display: none;
    }

    .concierge-pop-content {
        padding: 16px;
    }
	
	.conciergepage-content h2 {
		max-width: 100%;
        font-size: 22px;
        line-height: 32px;
		color: #000000;
    }
	
	.concierge-steps-container {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
		margin: auto;
		width: 100%;
	}
    .mobile-content-padding,
    .aboutpage .home-content .about-article > div:nth-child(1),
    .aboutpage .home-content .about-article > div:nth-child(2),
    .aboutpage .home-content .about-article > div:nth-child(3),
    .aboutpage .home-content .about-article > div:nth-child(5) > div:nth-child(1),
    .role-box-top, .role-step {
        padding: 0 19px;
    }

    .footer-route-links-list{
        flex-direction: column;
        gap: 30px !important
    }
	
	.file-download {
		flex-direction: column;
        gap: 60px;
		margin-top: 40px;
		padding: 10px 30px;
	}
	
	.file-download-about-aside {
        flex-direction: column;
        border-right: none;
        width: 100%;
    }

    .file-download-about-sub-title {
        margin-top: 34px;
    }

    .file-download-about-aside > div {
        width: 100%;
        height: 1px;
        align-self: center;
        display: block;
        transform: translateY(30px);
    }

    .file-download-content-table {
        padding: 0 38px;
    }
}

@media (max-width: 1536px) {
    .navigation-list {
        gap: var(--gap18);
    }

    .no-padding-on-mobile,
    .padding-on-mobile {
        padding: 20px 100px;
    }

    .partner-companies-content h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .companies-box {
        grid-gap: var(--gap16);
    }

    .companies-item-bottom {
        font-size: var(--gap20);
    }

    .contactus {
        padding: 2.5% 3%;
        grid-column-gap: 32px;
    }

    .companies-item-top {
        font-size: 18px;
    }

    .banner-top-left {
        flex-basis: 40%;
    }
    .banner-top-right {
        flex-basis: 60%;
    }
    .visual_left {
        flex-basis: initial;
    }
    .visual_right {
        flex-basis: initial;
    }
	
	.information-item-text {
		font-weight: bold;
		font-size: 32px;
		font-family: 'Noto Sans JP', sans-serif;
	}
	
	.conciergepage-content h2 {
        font-size: 32px;
        line-height: 42px;
		color: #000000;
    }
}

@media (max-width: 1440px) {
    .inquiry-button, .navigation-item.hotline {
        margin-left: 0 !important;
    }

    .banner-top-content {
        padding: 0 5%;
    }
    .banner-top-content {
        padding: 0 5%;
    }

    .medal {
        scale: 0.6;
        transform: translate(-3vw, 11vw);
    }

    .partner-companies {
        margin-top: 70px;
    };
}

@media (max-width: 1200px) {
    .companies-box {
        grid-template-columns: repeat(1, 1fr);
    }
}
@media (max-width: 1280px) {
    .site-header {
        padding: 12px 14px;
        width: calc(100% - 36px) !important;
    }

    .companies-box {
        width: 100%;
        /*grid-template-columns: repeat(1, 1fr);*/
        grid-gap: var(--gap24);
    }

    /* .home-banner-image-logo {
        transform: scale(1);
    } */

    .banner-top-left {
        gap: 0;
    }

    .about-footer-content {
        padding: 0 19px;
    }

    .role-box-w img {
        margin: 0 auto;
    }

    .role-arrow {
        width: 97px;
    }

    .home-banner-action-item {
        width: 200px;
    }

    .home-txt-top h2 {
        font-size: 18px;
    }

    .home-banner-desc {
        font-size: 16px;
    }

    .banner-top-left {
        gap: 12px;
    }
}

@media (max-width: 1024px) {
    /* .home-banner-action {
        flex-direction: column;
        align-items: center;
    } */

    .aboutpage-content {
        margin-top: 30px !important;
    }

    .aboutpage-text-content {
        font-size: var(--gap16);
        line-height: 27px;
    }

    .partner-companies-content h2 {
        font-size: 22px;
        line-height: 31.86px;
    }
	
	.conciergepage-content h2 {
		max-width: 100%;
        font-size: 22px;
        line-height: 31.86px;
		color: #000000;
    }

    .medal {
        scale: 0.5;
        transform:translate(-10vw, 21vw) !important;
    }

    .home-banner-action-item {
        width: 140px;
        font-size: var(--gap14);
    }

    .home-banner-action {
        margin-top: 12px;
    }

    .banner-top-left {
        flex-basis: 50%;
        gap: 0;
    }
    .banner-top-right {
        flex-basis: 50%;
    }

    .visual_left {
        flex-basis: initial;
    }
    .visual_right {
        flex-basis: initial;
    }

    .banner-top-content {
        gap: 10px;
    }

    .home-banner-image-logo {
        transform: scale(1.16) ;
    }

    .home-txt-top h2,
    .home-banner-desc {
        font-size: 15px;
    }
}

@media (max-width: 960px) {
    .page-breadcrumb {
        transform: translateY(0);
    }

    .banner-top-content {
        padding: 15px 40px;
    }
}

@media (max-width: 820px) {
    .banner-top-content {
        flex-direction: column;
        transform: none;
        margin-top: 48px;
        align-items: start;
    }

    .banner-top-content {
        align-items: start;
    }

    .banner-top-left {
        padding-left: var(--gap18);
        padding-right: var(--gap24);
        font-size: 15px;
        position: static;
        gap: 0;
    }

    .banner-top-right-item {
        transform: none;
        width: 100%;
        max-width: 100%;
    }

    .banner-top-right-item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .visual_left .home-banner-desc{
        font-size:initial;
    }

    .visual_left .home-banner-desc br{
        display:none;
    }

    .visual_left{
        width:initial;
    }
    .visual_right{
        width:initial;
    }


    .medal {
        display: none;
    }

    .home-banner-action {
        grid-template-columns: repeat(1, 1fr);
        position: absolute;
        bottom: -30px;
        left: 50%;
        transform: translateX(-50%);
        width: 70%;
    }

    .home-banner-desc span {
        max-width: 200px;
    }

    .home-banner-action-item {
        width: 280px;
        box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 20%);
    }

    .banner-top-left {
        gap: 0;
    }

    .home-banner-image-logo {
        transform: scale(1);
    }

    .home-banner-action-item {
        font-size: var(--gap16);
        padding: var(--gap18);
    }

    .home-banner-image-logo {
        transform: scale(1);
    }
}


@media (max-width: 768px) {
    .no-padding-on-mobile {
        padding: 0;
    }

    .padding-on-mobile {
        padding: 10px;
    }

    .no-padding-on-mobile > div {
        border-radius: 0 !important;
    }

    .banner-top-content {
        padding: 0;
        gap: 0;
    }

    .home-banner-action {
        width: min-content;
    }

    .contactus-img {
        grid-row-start: span 1;
        display: grid;
        grid-template-columns: 1.5fr 1fr;
    }

    .banner-top {
        background-size: 1800px 560px;
        background-position: 0 -20px;
    }

    .why-choose-content-item-header {
        font-size: 18px;
        justify-content: start;
    }

    .why-choose-content-item-header span {
        font-size: 12px;
    }

    .why-choose-content-item-header span > span {
        font-size: 16px;
    }

    .why-choose-content-item-left {
        align-items: start;
    }

    .confidence-title {
        font-size: 22px;
        text-align: start;
    }

    .following-title > span,
    .contactus-desc > span,
    .contactus-title > span,
    .confidence-title > span:nth-child(2) {
        display: block;
    }

    .contactus-title {
        font-size: 25px;
    }

    .following-box {
        padding-top: 21px;
    }

    .following-box > .following-item:nth-child(3)::after {
        display: none;
    }

    .following-item-footer-action {
        grid-gap: 38px;
        margin-top: 32px;
    }

    .about-footer-content .following-item-footer-desc {
        text-align: start;
    }

    .about-footer-content .following-item-footer-desc small {
        font-size: 14px;
    }

    .about-footer-content .following-item-footer-action {
        padding: 32px 23px 41px 19px;
    }

    .footer-content-contact {
        height: 68px;
    }

    .web-view {
        display: none;
    }

    .mobile-view {
        display: block;
    }

    .homepage-main .home-content {
        gap: 30px;
        padding: 0;
    }

    .about-aside > div {
        width: calc(100% - 38px * 2);
    }

    .aboutpage .home-content {
        padding: 0;
    }

    .aboutpage .why-choose {
        padding: 24px 20px 10px 21px;
    }

    .aboutpage .about-why-choose-item {
        padding: 19px 19px 21px 18px;
    }

    .about-why-choose-footer {
        padding: 0 18px;
    }

    .role-box-top {
        margin-bottom: 0;
    }

    .about-footer {
        margin: 0 auto 0;
    }

    .homepage-main .why-choose {
        margin-top: 28px;
        padding-top: 40px;
    }

    .homepage-main .home-content > .why-choose {
        border-radius: 0;
    }

    .introduction .why-choose {
        padding: 19px;
    }

    .introduction .why-choose .seemore {
        width: 100%;
        height: 53px;
        font-size: 16px;
    }

    .why-choose .why-choose-title-2 {
        text-align: start;
    }

    .why-choose-box-2 {
        padding-top: 19px;
    }

    .why-choose-box-2-item .number {
        font-size: 43px;
        line-height: 62px;
    }

    .why-choose-content {
        margin-bottom: 33px;
    }

    .why-choose-box-2 {
        grid-gap: 50px;
    }

    .why-choose-box-2-item-desc {
        margin-top: 10px !important;
    }

    .faq-box {
        grid-gap: 22px;
    }

    .faq-header {
        align-items: start;
        padding: 22px 19px;
        gap: 14px;
    }

    .faq-header span {
        padding: 0;
        font-size: 20px;
        font-weight: 700;
    }

    .faq-header div {
        padding: 0;
        font-size: 18px;
        line-height: 26.06px;
    }

    .faq-content {
        padding: 20px 19px;
        font-size: 14px;
        line-height: 24px;
    }

    .contactus {
        padding: 27px 21px 48px 21px;
    }

    .contactus .contactus-desc {
        text-align: center;
    }

    .contactus-desc > span br {
        display: none;
    }

    .following-item-footer-title {
        font-size: var(--fontSize);
        text-align: start;
        line-height: 25px;
    }

    .following-item-hotline {
        grid-row-gap: 4px;
    }

    .following-item-hotline span {
        margin-left: 0;
        font-size: 28px;
    }

    .introduction-header {
        text-align: start;
        margin-bottom: 21px;
    }

    .why-choose-content-item-right {
        padding: 26px 0 32px 0;
    }

    .why-choose-content-item-right-desc,
    .why-choose-content-item-right-desc p {
        margin: 0;
    }

    .companies-box {
        grid-gap: 55px;
    }

    .companies-item-top {
        justify-content: flex-start;
        padding-top: 0;
    }

    .companies-item-top img {
        width: 66px;
        height: 87px;
        margin-top: 14px;
    }

    .companies-arrow {
        margin: 8px auto;
    }

    .confidence-box {
        grid-gap: 0;
    }

    .role-step-header > span {
        border-radius: 50%;
        margin-right: 9px;
        aspect-ratio: 1/1;
    }

    ..concierge-jobtitle{
        font-size: 12px;
    }

	.file-download-area {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.file-download-column {
		margin-bottom: 30px;
	}

	.file-download-title {
		font-size: 32px;
		font-weight: 800;
		text-align: center;
	}

	.file-download-box {
		width: 92%;
		margin: 0 auto 15px;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 67px;
		text-align: center;
	}

	.file-download-item-title {
		font-size: 16px;
		font-weight: 500;
		margin: 15px auto;
	}
	
	.information-item {
		display: flex;
		flex-flow: column;
		justify-content: center;
		align-items: center;
		margin: 80px 10px 0;
	}

	.information-item img {
		width: 100%;
		max-width: 1420px;
	}
	
	.file-download-link-item {
        margin-right: 20px;
        text-decoration:underline;
        font-size: 16px;
    }
        
    .file-download-link-box p {
        font-size: 20px;
        margin-bottom: 5px;
    }
    
	.case-top {
		flex-direction: column;
	}
	
	.case-section:nth-child(odd) {
		flex-direction: column;
	}

	.case-section:nth-child(even) {
		flex-direction: column;
	}
	
	.case-section-text-area {
		margin-top: 20px;
	}
}

@media (max-width: 640px) {
    .aboutpage-content {
        margin-top: 10px !important;
    }
}
