@charset "UTF-8";

/* スマホ用：375px - 767px */
@media screen and (max-width: 767px) {
    .mobile-nav {
        display: block;
    }
    
    .gnav {
        display: none;
    }

    /* スマホ用の基本スタイル */
    p{
        font-size:1.6rem;
        margin-bottom: 1.6rem;
    }
    img {
        max-width: 100%;
    }
    .mobile-hide{
        display: none;
    }
    .mobile-show{
        display: inline;
    }
    .space-block-24px{
        display: none;
    }
    .inner{
        width: 100%;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }
    .ecf-title-for-mobile{
        width: 260px;
    }

    .header-keyword {
        line-height: 4.6rem;
        color: #646464;
        font-size: 1.1rem;
        letter-spacing: -0.02em;
    }
    .header-keyword-sub {
        background: #0085db;
        color: #fff;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        margin-right: 0.4rem;
        line-height: 1;
        border-radius: 2px;
        font-size: 1.0rem;
    }

    .header-primary {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }

    .ecf-notice p{
        text-align: left;
        font-size: 1.4rem;
        line-height: 1.2;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
    }

    /* モバイルメニュー */
    .mobile-nav-content{
        height: 100%;
        width: 100%;
        overflow: auto;
        z-index: 9999;
        background: #fff;
    }
    .mobile-nav-content ul{
        list-style-type: none;
    }
    .mobile-nav-content ul li{
        border-bottom: 1px solid #e0e0e0;
    }
    .mobile-nav-content ul a{
        display: block;
        padding: 1.6rem;
    }

    /* モバイルメニュー表示 */
    .gnav{
        display: none;
    }
    .secondary-nav{
        display: none;
    }
    .mobile-nav{
        float: right;
        display: block;
        margin-left: 8px;
    }
    .mobile-nav a {
        font-size: 1.2rem;
        display: block;
        text-align: center;
        width: 60px;
        height: 60px;
        padding: 4px;
    }
    .mobile-nav a .fa-bars {
        font-size: 3.2rem;
        margin-bottom: 0px;
    }
    .common-headline .en{
        margin-bottom: 0.8rem;
    }
    .common-headline .ja{
        font-size: 3.2rem;
        margin-bottom: 1.6rem;
    }

    /* パンくずリスト */
    .breadcrumb li:nth-child(2){
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 220px;
    }

    /* メインビジュアル */
    .mv-about{
        right: 0;
    }
    .sm-card{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sm-card li:first-child{
        margin-top: 0;
    }
    .sm-card li{
        margin-top: 1.6rem;
        float: none;
        width: 100%;
        background: #f0f0f0;
        
    }
    .sm-card li .card-inner{
        min-width: auto;
        padding: 1.6rem;
        margin-top: -32px;
        display: block;
        position: relative;
    }
    .sm-card li.card-num-2{
        margin-left: 1.6rem;
        margin-right: 1.6rem;
    }
    .sm-card li .card-inner .card-link-txt{
        display: none;
    }
    .sm-card li .sm-num-txt{
        font-size: 1.4rem;
        width: 148px;
        border-radius: 0;
        line-height: 3.8rem;
        margin-top: -36px;
        margin-bottom: 1.6rem;
    }
    .sm-card li .card-inner h2{
        font-size: 2.2rem;
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        margin-bottom: 1.6rem;
    }
    .sm-card li .card-inner h3{
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        font-size: 1.4rem;
    }
    .sm-card li .card-inner h3 br{
        display: none;
    }

    .mv-catchphrase{
        position: relative;
        top: inherit;
        width: 100%;
        display: block;
        left: 0;
        padding: 0 1.6rem 0 1.6rem;
        background: none;
        box-shadow: none;
        filter: drop-shadow(0px 0px 1px #fff) drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 2px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 3px #fff) drop-shadow(0px 0px 4px #fff) drop-shadow(0px 0px 4px #fff) drop-shadow(0px 0px 5px #fff);
        transform: translateZ(0);
    }
    .mv-catchphrase h2 {
        font-size: 4.4rem !important;
        line-height: 1.1;
        text-align: center;
    }
    .mv-catchphrase h3 {
        font-size: 1.4rem;
        line-height: 1.2;
    }


    .mv-about {
        right: inherit;
        position: relative;
        display: block;
        width: 100%;
        bottom: inherit;
        top: inherit;
        margin-top: 4.8rem;
        box-shadow: none;
        padding: 1.6rem;
        margin-bottom: 1.6rem;
    }
    .mv-about h2{
        line-height: 1.5;
        font-size: 1.4rem;
    }
    .mv-about h2 br{
        display: none;
    }
    .mv-about p {
        top: -32px;
        left: 0;
        transform: none;
        border-radius: 0;
        height: auto;
        width: auto;
        text-align: center;
        display: flex;
        box-shadow: none;
        align-items: center;
        justify-content: center;
        line-height: 1;
        margin: 0;
    }
    .mv-about p span {
        width: auto;
        display: flex;
        font-size: 14px;
        height: auto;
        justify-content: center;
        align-items: center;
        line-height: 32px;
        padding: 0 1.6rem;
    }
    .mv-about p br{
        display: none;
    }
    .mv-cta-link-wrap{
        position: relative !important;
        bottom: inherit !important;
    }

    .mv-cta-link a{
        font-size: 1.6rem;
        padding: 1.2rem 0;
        line-height: 1.4;
        letter-spacing: -0.04em;
    }
    .effect-flash::before{
        width: 240px;
    }
    .news-list{
        margin-bottom:1.6rem;
    }
    .news-list li a {
    padding: 1.6rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }
    .news-list li.no-link {
    padding: 1.6rem;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }

    .news-list .cat{
        width: 84px;
        font-size: 1.4rem;
    }
    .news-date{
        font-size: 1.6rem;
        padding-left: 0.8rem;
        padding-right: 0;
    }
    .news-txt{
        font-size: 1.6rem;
        line-height: 1.5;
        letter-spacing: -0.04em;
        margin-top: 1.0rem;
    }

    .common-center-btn a{
        font-size: 1.6rem;
        width: calc(100% - 3.2rem);
        padding: 1.2rem 0;
    }


    .section-top-whats-new{
        margin-bottom: 2.4rem;
    }

    .cu-headline{
        font-size: 1.6rem;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        letter-spacing: -0.02em;
    }


    .cu-block{
        margin-bottom: 1.6rem;
    }

    .cu-inner{
        padding: 1.6rem;
    }

    .section-top-support-menu{
        margin-top: 0px;
        margin-bottom: 2.4rem;
    }
    .section-top-support-menu .inner iframe{
        margin-top: 2.4rem !important;
    }
    
    .section-top-mainvisual .inner{
        min-height: auto !important;
        padding-top: 2.4rem !important;
        padding-bottom: 2.4rem !important;
    }
    .sm-header {
        text-shadow: none !important;
        margin-top: 2.4rem !important;
    }
    .about-cf-merit {
        list-style-type: none;
        display: flex;
        justify-content: space-between;
    }
    .cu-inner h3.secretariat-name{
        line-height: 1.4;
        font-size: 1.6rem !important;
        margin-bottom: 1.0rem;
    }

    .cu-inner .big-tel-txt{
        font-size: 3.6rem;
        margin-bottom: 0.8rem;
        letter-spacing: -0.02em;
        text-align: center;
    }
    .cu-inner .big-tel-txt a .fas{
        margin-right: 0.8rem;
    }
    .cu-inner .reception-time{
        font-size: 1.38rem;
        letter-spacing: -0.02em;
        text-align: center;
    }

    .cu-inner .big-mail-link a{
        font-size: 1.6rem;
        padding: 0;
        height: auto;
        width: auto;
        display: block;
        padding-top: 1.2rem;
        padding-bottom: 1.2rem;
        border-radius: 128px;
        text-align: center;
    }

    .cu-inner .cu-tel-wrap{
        float: none;
    }

    .cu-inner .big-mail-link{
        float: none;
        margin-top: 1.6rem;
    }

    .tsr-tel-block .tsr-headline {
        font-size: 1.6rem;
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
        width: 100%;
        display: block;
        text-align: center;
    }
    .tsr-tel-block .triangle-right{
        display: none;
        text-align: center;
    }

    .tsr-tel-block .tsr-txt {
        line-height: 1.4;
        font-size: 1.6rem;
        margin-bottom: 1.0rem;
        display: block;
        padding: 1.6rem 1.6rem 0 1.6rem;
        text-align: center;
    }

    .tsr-tel-block .tsr-tel-txt span{
        margin-bottom: 0.6rem;
        font-size: 1.2rem;
    }

    .tsr-tel-block .tsr-tel-txt{
        font-size: 3.6rem;
        margin-bottom: 0.8rem;
        letter-spacing: -0.02em;
        font-weight: 900;
        margin-left: auto;
        margin-right: auto;
        display: flex;
        justify-content: center;
        flex-direction: row;
        align-items: flex-end;
        line-height: 1;
    }
    .tsr-tel-block .tsr-reception-time{
        font-size: 1.38rem;
        padding: 0;
        letter-spacing: -0.02em;
        margin-bottom: 1.6rem;
        text-align: center;
        width: 100%;
        display: block;
        font-weight: bold;
    }

    .section-top-contact-us{
        margin-bottom: 2.4rem;
    }

    .about-cf-merit li.merit-num-2{
        margin-left: 1.6rem;
        margin-right: 1.6rem;
    }
    .about-cf-merit li{
        width: auto;
        float: none;
    }

    .site-footer{
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }

    .footer-link-ex{
        float: none;
        width: auto;
        margin-right: 0;
    }
    .fl-headline-ex{
        padding-bottom: 0.8rem;
    }
    .footer-link-ex ul{
        margin-top: 1.6rem;
        margin-bottom: 2.4rem;
    }
    .footer-btn ul li{
        margin-left: 0;
        display: block;
        width: 100%;
    }
    .footer-btn ul li a {
        margin-bottom: 0.8rem;
        text-align: left;
        padding: 1.6rem;
        width: 100% !important;
    }
    .footer-btn ul li:last-child{
        margin-bottom: 0;
    }
    .footer-btn ul li:last-child a{
        margin-bottom: 0;
    }
    .footer-bottom-link{
        padding-top: 1.6rem;
        padding-bottom: 1.6rem;
    }    
    .footer-bottom-link.cf ul{
            display: flex;
            flex-direction: column;
    }
    .footer-bottom-link.cf ul li:first-child{
        margin-top: 0;
    }
    .footer-bottom-link.cf ul li{
        margin-top: 0.8rem;
    }

    .footer-btn{
        float: none;
    }

    .footer-copyright{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .fc-block h2{
        font-size: 1.4rem;
        letter-spacing: -0.04em;
        margin-top: 1.6rem;
    }
    .fc-block p{
        text-align: center;
        margin-top: 1.6rem;
        font-size: 1.2rem;
    }
    .footer-credit .first-line strong{
        font-size: 1.4rem;
    }
    .footer-credit .second-line{
        font-size: 2.2rem;
    }
    .footer-credit .coin-icon{
        width: 50px;
    }

    .content {
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }
    .common-headline-standard{
        font-size: 2.4rem;
        line-height: 1.3;
        padding: 0.8rem 0 0.8rem 1.6rem;
        margin-bottom: 1.6rem;
    }
    .page-header{
        padding-top: 2.4rem;
        padding-bottom: 2.4rem;
    }
    .headline-en{
        margin-bottom: 0.8rem;
    }

    .common-headline .ja{
        display: inline;
    }

    .mb-24{
        margin-bottom: 1.6rem !important;
    }
    .mb-48{
        margin-bottom: 2.4rem !important;
    }
    .merit-container{
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: center !important;
    }
    .merit-container .merit-item:first-child{
        margin-top: 0;
    }
    .merit-container .merit-item{
        margin-top: 2.4rem;
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }
    .merit-headline{
        margin-bottom: 0.8rem;
    }
    .merit-headline .txt{
        height: 38px;
        font-size: 2.0rem;
        padding-left: 0.8rem;
    }
    .merit-headline .num{
        font-size: 2.4rem;
        width: 38px;
        height: 38px;
    }
    .txt-alert-box{
        padding: 1.6rem !important;
    }
    .txt-alert-box ul{
        font-size: 1.6rem;
    }
    .wiecf-item{
        padding: 1.6rem !important;
    }
    .wiecf-item h3 strong{
        font-size: 2.0rem !important;
    }
    .wiecf-item h3 span{
        margin-bottom: 4px;
        padding: 6px 6px !important;
        font-size: 1.2rem !important;
    }
    .wiecf-item h3{
        padding-bottom:1.6rem !important;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .wiecf-inner ul{
        font-size: 1.6rem !important;
        margin-left: 2.0rem !important;
    }
    .wiecf-item-arrow{
        line-height: 1 !important;
        padding: 0 !important;
        margin: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 32px !important;
        font-size: 4.0rem !important;
    }
    .annotation-wrap{
        padding: 1.6rem;
    }
    .annotation-wrap ul{
        font-size: 1.6rem;
        margin-left: 2.0rem !important;
    }
    .additional-info{
        padding-left: 1em;
        text-indent: -1em;
        margin-bottom: 0;
        letter-spacing: -0.02em;
    }


    /* モバイルナビボタンのスタイル */
    .mobile-nav {
    /* display: none; */
    position: relative;
    cursor: pointer;
    text-align: center;
    color: #282828;
    font-size: 1.2rem;
    }

    .mobile-nav a {
    text-decoration: none;
    display: block;
    }

    /* ハンバーガーアイコンをCSSで描画 */
    .hamburger-icon {
    position: relative;
    display: block;
    width: 20px;
    height: 2px;
    background-color: #282828;
    transition: background-color 0.3s ease;
    margin: 0 auto 8px;
    }

    .hamburger-icon::before,
    .hamburger-icon::after {
    content: '';
    position: absolute;
    left: 0;
    width: 20px;
    height: 2px;
    background-color: #282828;
    transition: all 0.3s ease;
    }

    .hamburger-icon::before {
    top: -6px;
    }

    .hamburger-icon::after {
    bottom: -6px;
    }

    /* モバイルナビがアクティブな時のハンバーガーアイコン（×マークに変化） */
    .mobile-nav.active .hamburger-icon {
    background-color: transparent;
    }

    .mobile-nav.active .hamburger-icon::before {
    top: 0;
    transform: rotate(45deg);
    }

    .mobile-nav.active .hamburger-icon::after {
    bottom: 0;
    transform: rotate(-45deg);
    }

    /* 背景オーバーレイ */
    .mobile-nav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 9998;
    }

    .mobile-nav-overlay.active {
    opacity: 1;
    visibility: visible;
    }

    /* モバイルドロワーナビゲーション */
    .mobile-nav-content {
    position: fixed;
    top: 0;
    right: -100%;
    width: 80%;
    max-width: 240px;
    height: 100vh;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.3s ease;
    z-index: 9999;
    overflow-y: auto;
    display: block;
    }

    .mobile-nav-content.active {
    right: 0;
    }

    /* ドロワー内の閉じるボタン */
    .mobile-nav-close-btn {
        position: absolute;
        top: 16px;
        right: 16px;
        width: 32px;
        height: 32px;
        /* background: #f0f0f0; */
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 24px;
        color: #646464;
        cursor: pointer;
        border: 1px solid #e0e0e0;
        line-height: 1;
    }

    .mobile-nav-close-btn:hover {
    background: #e0e0e0;
    color: #333;
    }


    .mobile-nav-menu {
    padding: 60px 0 20px 0;
    }

    .mobile-nav-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }

    .mobile-nav-menu li {
    border-bottom: 1px solid #f0f0f0;
    }

    .mobile-nav-menu li.nav-divider {
    height: 1px;
    background: #ddd;
    margin: 10px 0;
    border: none;
    }

    .mobile-nav-menu li a {
    display: block;
    padding: 1.6rem;
    text-decoration: none;
    font-size: 1.6rem;
    color: #282828;
    font-weight: 600;
    }

    .mobile-nav-menu li.sn-link-app a {
        background: #ffea00;
    }

    .mobile-nav-menu li a:hover {
    background-color: #f8f8f8;
    border-right-color: #0085db;
    }

    .mobile-nav-menu li a i {
    margin-right: 0px;
    color: #0085db;
    width: 20px;
    }


    /* ボディスクロール制御 */
    body.body-mobile-nav-open {
    overflow: hidden;
    }

    /* モバイルナビボタンのアクティブ状態 */
    .mobile-nav.active a {
    color: #0085db;
    }

    /* Page: top */
    .home .common-headline{
        margin-bottom: 1.6rem;
    }

    /* page: about */
    .mobile-hide-space{
        display: none;
    }
    .grant-amount-table td{
        display: block;
        letter-spacing: -0.04em;
    }

    .about-center-table {
        width: 100%;
    }
    .about-center-table th{
        width: auto !important;
    }
    .page-test-about .about-center-table .head-cell,
    .page-about .about-center-table .head-cell{
        width: 4em;
    }
    .page-test-about .about-center-table th, .page-test-about .about-center-table td,
    .page-about .about-center-table th, .page-about .about-center-table td{
        padding: 0.8rem;
    }

    /* page: flow */
    #cf-doc{
        width: 100%;
    }
    #cf-doc th{
        width: 164px;
        letter-spacing: -0.06em;
        padding: 0.8rem 0.0rem;
    }
    #cf-doc td{
        padding: 0.8rem 0.0rem;
        text-align: center;
    }
    .strong-list p{
        font-size: 1.6rem;
    }
    .principle-and-exception th, .principle-and-exception td{
        display: block;
    }
    .principle-and-exception tr:first-of-type td {
        border-top: none;
        border-bottom: none;
    }
    .principle-and-exception tr:last-of-type td {
        border-top: none;
    }
    .bankbook-table td{
        display: block;
    }
    .bankbook-table td.mobile-title-hide{
        display: none;
    }
    .bankbook-cell{
        margin-top: 0.8rem !important;
        margin-bottom: 0.8rem !important;
    }
    .bankbook-plus-cell{
        width: 100%;
    }
    .bankbook-table td.bankbook-cell{
        margin-bottom: 0.8rem;
    }

    /* page: partner */
    .cfp-item{
        display: flex;
        flex-direction: column;
        align-content: center;
        margin-bottom: 1.6rem;
    }
    .cfp-logo-area{
        text-align: center;
        width: 100%;
        padding: 1.6rem;
    }
    .cfp-detail-area .cfp-detail-txt a{
        overflow-wrap: anywhere;
        line-height: 1.4;
        word-break: break-word;
    }
    .cf-list-bnr-v2{
        margin-bottom: 0px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .cf-list-bnr-v2 li{
        width: calc(50% - 8px);
        margin-bottom: 16px;
        float: none;
        margin-right: 0;
    }
    .cf-list-bnr-v2.cf:before, .cf-list-bnr-v2.cf:after {
        content: "";
        display: none;
    }
    .cfp-detail-row{
        display: flex !important;
        flex-direction: column !important;
    }
    .cfp-detail-area{
        padding: 1.6rem;
    }
    .cfp-detail-area .cfp-detail-cell{
        padding-right: 0;
    }
    .cfp-detail-area .cfp-detail-txt-line{
        display: flex;
        flex-direction: column;
    }
    .cfp-detail-area .cfp-detail-head{
        margin-right: 0;
    }
    .cfp-detail-area .cfp-name{
        margin-bottom: 1.6rem;
    }
    .cfp-detail-area .cfp-detail-txt{
        font-size: 1.6rem;
        margin-bottom: 0.8rem;
        margin-top: 0.8rem;
    }
    .cfp-message br{
        display: none;
    }

    /* page: seminar */
    .seminar-table thead{
        display: none;
    }
    .seminar-table tr{
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 1.6rem;
        border: 1px solid #ccc;
        padding: 1.6rem;
    }
    .seminar-table tr:last-child{
        margin-bottom: 0;
    }

    .seminar-table th, .seminar-table td{
        border: none;
        padding: 0rem;
    }
    .seminar-cf-partner{
        margin-bottom: 0;
        margin-top: 1.6rem;
    }
    .seminar-cf-partner a{
        width: 100%;
    }
    .seminar-cf-partner p{
        margin-bottom: 0.8rem !important;
    }
    .seminar-mobile-header{
        background: #646464;
        color: #fff;
        padding: 0.6rem 0.8rem;
        margin-bottom: 0.8rem;
        font-weight: 600;
        line-height: 1;
        display: block;
        width: 100%;
    }
    .seminar-table tr td:first-child{
        margin-top: 0;
    }
    .seminar-table td{
        margin-top: 1.6rem;
    }
    .seminar-place-name{
        border-bottom: none !important;
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    .seminar-table tr:nth-child(even){
        background: none;
    }



    /* page: qa */
    .find-inpage{
        display: block;
        width: 100%;
        margin-top: 0.8rem;
        margin-bottom: 0.8rem;
    }
    .qa-answer-cell-content li{
        font-size: 1.6rem;
    }



    /* page: contact */
    .page-contact .bracket ul.fs-18,
    .page-test-contact .bracket ul.fs-18{
        font-size: 1.6rem !important;
    }


    /* page: interview */
    .interview-list-links{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
    .interview-list-links li {
        border-bottom: 1px solid #e0e0e0;
        text-align: center;
        width: calc(50% - 8px);
        display: flex;
    }

    .interview-list-links li:first-child a{
        padding-top: 1.6rem;
    }
    .interview-list-links a {
        padding-bottom: 1.6rem;
        padding-top: 1.6rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        color: #282828;
    }

    .interview-list-links a img {
        display: none;
    }
    .interview-list-links a img.mobile-show-img {
        display: block;
    }
    .mobile-interview-title{
        font-size: 1.4rem;
        font-weight: 500;
        line-height: 1.4;
        margin-bottom: 0.8rem;
    }
    .mobile-interview-link{
        background: #0085db;
        color: #fff;
        text-align: center;
        font-size: 1.2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0.4rem 0.4rem;
        font-weight: bold;
        margin-bottom: 0;
        border-radius: 2px;
        margin-top: auto;
    }

    /* single: interview */
    .interview-image{
        display: flex;
        flex-direction: column;
        width: 100%;
        position: relative;
        margin-bottom: 1.6rem;
    }
    .interview-image img{
        float: none;
        width: 100%;
        object-fit: cover;
        height: 160px;
        object-position: right;
    }
    .interview-txt-block{
        position: relative;
        padding: 1.6rem !important;
        width: 100%;
        top: inherit;
        height: auto;
        border-top-right-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .interview-txt-block h3.interview-name{
        font-size: 2.2rem !important;
        text-align: left;
        line-height: 1.1 !important;
        padding-bottom: 0;
        margin-bottom: 1.6rem !important;
        border-bottom: none;
    }
    .interview-txt-block h3.interview-name span{
        font-size: 1.4rem !important;
    }
    .funding-results{
        display: flex;
        flex-direction: column;
    }
    .funding-results-left-block{
        width: 100%;
        text-align: left;
    }
    .funding-results-head{
        width: 100%;
        text-align: left;
        padding: 1.6rem 1.6rem;
        border-radius: 0;
        border-radius: 4px;
        line-height: 1.2;
    }
    .interview-pj-name br{
        display: none;
    }
    .interview-txt-block h3.interview-pj-name{
        font-size: 2.2rem;
        padding-top: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
        padding-right: 0px;
        background: none;
        color: #fff;
        border-radius: 0px;
        line-height: 1.2;
    }
    
    .funding-results-val{
        padding-left: 1.6rem;
        padding-right: 1.6rem;
        border: none;
    }

    .funding-results-right-block{
        border-right: none;
        border-radius: 0;
        border-bottom: 1px solid #e0e0e0;
    }

    .single-interview_single .common-video-player{
        margin-top: 2.4rem !important;
    }

    .interview-inner-links{
        margin-top: 0;
        padding: 1.6rem;
        margin-bottom: 4.8rem;
        margin-top: 2.4rem;
    }
    .interview-inner-links ul {
        display: flex;
        text-align: left;
        flex-direction: column;
        margin-left: 0.4rem;
    }
    .interview-inner-links li{
        margin: 0;
    }
    .interview-inner-links li a{
        padding: 0;
        text-indent: -1.0rem;
        padding-left: 1.6rem;
        line-height: 1.4;
    }

    .single-interview_single .content .inner p{
        line-height: 1.8;
    }

    .single-interview_single .content .inner p br{
        display: none;
    }

    .single-interview_single .content .inner br[style] {
        display: block;
    }

    .iv-pic-right {
        float: none;
        margin: 0;
        text-align: center;
        padding-bottom: 2.4rem;
    }
    .iv-pic-left {
        float: none;
        margin: 0;
        text-align: center;
        margin-bottom: 2.4rem !important;
    }

    .interview-small-heading{
        margin-top: -2.4rem;
        margin-bottom: 1.6rem;
    }
    .interview-small-heading:before{
        top: 1.4rem;
    }

    .common-headline-sub{
        background: #0085db;
        line-height: 1.4;
        margin-top: -2.4rem;
    }
    .single-interview_single .content .inner #purpose{
        margin-top: -1.6rem;
    }
    .single-interview_single .content .inner #impression{
        margin-top: -1.6rem;
    }
    .single-interview_single .content .inner #pros-cons{
        margin-top: -1.6rem;
    }
    .single-interview_single .content .inner #advice{
        margin-top: -1.6rem;
    }
    .single .item-list{
        font-size: 1.6rem;
    }

    /* Page: app */
    .page-app .common-headline-center,
    .page-test-app .common-headline-center{
        line-height: 1.2;
        margin-bottom: 2.4rem;
    }
    .app-form td{
        display: block;
        padding: 1.6rem 0rem 0rem 0rem;
        width: 100%;
    }
    .txt-l input{
        width: 100%;
    }
    .txt-xl input{
        width: 100%;
    }
    .txt-l select{
        width: 100%;
    }
    textarea{
        width: 100%;
    }
    #row_cfcert_flag .form-item, 
    #row_cftaxreturn_flag .form-item, 
    #row_cfidcard_flag .form-item, 
    #row_cfidcard_flag_input .form-item, 
    #row_cfbank_flag .form-item{
        width: 100% !important;
    }
    .indent-1word-th{
        display: none;
    }
    .form-item{
        padding-top: 0.8rem !important;
    }
    .form-item strong br{
        display: none;
    }
    .form-item span br{
        display: none;
    }
    .form-input{
        padding-top: 0.8rem !important;
        padding-bottom: 1.6rem !important;
    }
    .txt-xs select{
        width: calc(33.3% - 28px);
    }
    .txt-s input{
        width: 114px;
    }
    .txt-m input{
        width: 100%;
    }
    .form-small-caption {
        margin-left: 0;
        display: block;
        margin-top: 0.4rem;
    }
    input[name="your_last_name"]{
        margin-right: 0.8rem;
    }
    input[name="your_last_name_kana"]{
        margin-right: 0.8rem;
    }
    input[name="your_addr_zip"]{
        width: 100%;
        display: block;
        margin-top: 0.8rem;
    }
    input[name="your_addr_city"]{
        width: 100%;
        display: block;
        margin-top: 0.8rem;
    }
    input[name="your_addr_street"]{
        width: 100%;
        display: block;
        margin-top: 0.8rem;
    }
    input[name="your_addr_bld"]{
        width: 100%;
        display: block;
        margin-top: 0.8rem;
    }
    input[name="your_capital_amount"]{
        width: calc(100% - 28px);
    }
    input[name="your_number_of_employees"]{
        width: calc(100% - 28px);
    }
    input[name="your_cp_tel"]{
        width: 100%;
    }
    input[name="your_cp_mobile"]{
        width: 100%;
    }
    input[name="your_cp_fax"]{
        width: 100%;
    }
    input[name="your_cf_fee1"]{
        width: calc(100% - 28px);
    }
    input[name="your_cf_fee2"]{
        width: calc(100% - 28px);
    }
    input[name="your_cf_fee3"]{
        width: calc(100% - 28px);
    }
    input[name="your_cf_fee4"]{
        width: calc(100% - 28px);
    }
    input[name="your_cf_target_amount"]{
        width: calc(100% - 28px);
    }
    input[name="your_cf_funded"]{
        width: calc(100% - 28px);
    }
    .one-line.mb-8 .sup,
    .one-line.mb-0 .sup{
        width: 100%;
        display: block;
        margin-right: 0;
        margin-bottom: 0.8rem;
    }
    .form-input.form-radio{
        margin-bottom: 0;
    }
    .form-note{
        text-indent: -1em;
        padding-left: 1em;
    }
    #row_cfcert_flag .form-input, 
    #row_cftaxreturn_flag .form-input, 
    #row_cfidcard_flag .form-input, 
    #row_cfidcard_flag_input .form-input, 
    #row_cfbank_flag .form-input{
        overflow: visible;
    }
    .result-text-cfcert1, .result-text-cfcert2,
    .result-text-cftaxreturn1, .result-text-cftaxreturn2,
    .result-text-cfidcard1, .result-text-cfidcard2,
    .result-text-cfbank1, .result-text-cfbank2, .result-text-cfbank3 {
        width: 120px;
        display: inline;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .advance-form tr{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .advance-form .form-req{
        display: block;
        padding: 1.6rem 0rem 0rem 0rem;
        width: 100%;
    }
    .advance-form .form-item{
        padding-bottom:0;
        padding-right: 0;
    }
    .app-form{
        margin-bottom: 2.4rem;
    }
    .advance-form .industry-form tr{
        display: table-row;
    }
    .advance-form .industry-form th,
    .advance-form .industry-form td{
        display: table-cell;
    }
    .advance-form .industry-form td br{
        display: none;
    }
    .app-form-intro-txt1{
        margin-bottom: 1.6rem;
    }
    .app-form-intro-txt2{
        margin-bottom: 1.6rem;
        padding-left: 0 !important;
        padding-bottom: 1.6rem !important;
        margin-bottom: 1.6rem !important;
    }
    .app-form-intro-txt2 span{
        text-indent: -1em;
        padding-left: 1em;
        display: inline-block;
    }
    .target-fee-wrap{
        padding: 1.6rem;
        margin-bottom: 0 !important;
    }

    #row_cfidcard_flag .industry-form {
        margin-top: 0;
    }
    #row_cfidcard_flag .industry-form tr{
        display: table-row;
    }
    #row_cfidcard_flag .industry-form tr th{
        width: 20% !important;
    }
    #row_cfidcard_flag .industry-form tr th,
    #row_cfidcard_flag .industry-form tr td{
        display: table-cell;
        padding: 20px 10px;
    }
    #row_cfidcard_flag{
        border-bottom: none !important;
    }
    .file-upload-cell {
        position: relative;
        display: flex;
        width: auto;
        align-items: center;
    }
    .file-upload-block{
        display: flex;
        width: auto;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
    }
    .bankbook-table tr:nth-child(1){
        display: none;
    }
    .bankbook-table img{
        width: 160px;
    }
    .bankbook-table td.bankbook-cell{
        padding: 0.8rem 0;
    }
    .file-upload-cell.file-upload-cell-progress{
        width: auto;
        display: flex;
        align-items: center;
        overflow: inherit;
        white-space: inherit;
        text-overflow: inherit;
    }
    .bankbook-cell .mobile-show.mb-8{
        display: inline-block !important;
    }
    .bankbook-plus-cell{
        padding: 0 !important;
    }
    #fu-cfbank3{
        margin-bottom: 1.6rem;
    }
    .form-checkbox label{
        width: 100%;
    }
    .progress-text-cfcert1, 
    .progress-text-cfcert2,
    .progress-text-cftaxreturn1,
    .progress-text-cftaxreturn2,
    .progress-text-cfidcard1,
    .progress-text-cfidcard2,
    .progress-text-cfbank1,
    .progress-text-cfbank2,
    .progress-text-cfbank3 {
        padding-left: 0px;
        font-size: 14px;
    }
    .progress-bar-cfcert1,
    .progress-bar-cfcert2 {
        display: none;
    }
    .progress-text-cftaxreturn1,
    .progress-text-cftaxreturn2,
    .progress-text-cfidcard1,
    .progress-text-cfidcard2,
    .progress-text-cfbank1,
    .progress-text-cfbank2,
    .progress-text-cfbank3 {
        position: absolute;
        line-height: 40px;
        letter-spacing: -0.04em;
        color: #275d00;
        width: 140px;
    }
    #row_cfidcard_flag_input .form-input{
        padding-left: 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 0;
    }
    .error-wrap{
        padding: 1.6rem;
    }
    .error-wrap ul li{
        font-size: 1.6rem;
    }

    #form-app-confirm .form-btn-wrap .confirm-return-btn{
        margin-right:1.6rem;
        padding-left: 3.8rem;
        padding-right: 3.8rem;
    }
    #form-app-confirm .form-btn-wrap .confirm-submit-btn{
        padding-left: 3.8rem;
        padding-right: 3.8rem;
    }
    #form-app-confirm .form-btn-wrap {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}


/* 小さいスマホ用：under 375px */
@media screen and (max-width: 374px) {
    /* より小さな画面用の調整 */
    .header-keyword{
        font-size: 0.9rem;
    }
    .header-keyword-sub{
        font-size: 0.9rem;
    }
    .mv-catchphrase h2{
        font-size: 3.6rem !important;
    }
    .mv-cta-link a{
        font-size: 1.4rem;
    }
    .news-txt br{
        display: none;
    }
    .cu-inner .big-tel-txt{
        font-size: 3.2rem;
    }
    .cu-inner .reception-time{
        font-size: 1.16rem;
    }
    .cu-inner .big-mail-link a{
        font-size: 1.4rem;
    }
    .tsr-tel-block .tsr-tel-txt{
        font-size: 3.2rem;
    }
    .tsr-tel-block .tsr-tel-txt span{
        font-size: 1.0rem;
    }
    .tsr-tel-block .tsr-reception-time{
        font-size: 1.16rem;
    }
    .footer-credit .first-line strong{
        font-size: 1.4rem !important;
    }
    .footer-credit .second-line{
        font-size: 2.2rem !important;
    }
    .fc-block h2{
        font-size: 1.2rem !important;
    }
}