@charset "utf-8";
/* CSS Document */


        /* FV */
    
        .fc-fv {
            background-image: url("../images/franchise-page-fv-pc.webp");
            background-size: cover;
            background-position: center;
            height: 350px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }
		
		@media screen and (max-width: 736px){
            .fc-fv {
                background-image: url("../images/franchise-page-fv-sp.webp");
				height: 270px;
            }
        }		
		
        .fc-fv::before {
            content: '';
            position: absolute;
            inset: 0;
            background-color: rgba(0, 0, 0, 0.4);
        }
        .fc-fv-en {
            font-family: 'Inter', sans-serif;
            font-size: 4rem;
            font-weight: 800;
            color: #fff;
            line-height: 1;
            letter-spacing: 0.05em;
            text-shadow: 0 2px 4px rgba(0,0,0,0.5);
            position: relative;
            z-index: 10;
			text-align: center;
        }
		
		@media screen and (max-width: 736px){
            .fc-fv-en {
                font-size: 3rem;
				line-height: 0.7;
            }
        }	
        .fc-fv-jp {
            font-size: 1.25rem;
            font-weight: 400;
            color: #fff;
            margin-top: 0.5rem;
            text-shadow: 0 1px 3px rgba(0,0,0,0.5);
            position: relative;
            z-index: 10;
			text-align: center;
        }

		@media screen and (max-width: 736px){
            .fc-fv-jp {
                font-size: 1rem;
				margin-top: 1rem;
            }
        }	

		
		
        /* セクション見出し */
        .section-header { text-align: center; margin-bottom: 5rem; }
        .section-en { font-size: 0.875rem; letter-spacing: 0.3em; color: #a67c34; font-weight: 700; margin-bottom: 1rem; display: block; }
        .section-jp { font-size: 2rem; font-weight: 700; position: relative; display: inline-block; padding-bottom: 1rem; }
        .section-jp::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 40px; height: 3px; background: #a67c34; transform: translateX(-50%); }

        /* コンセプトセクション */
        .concept-box { background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
        .concept-box h3{ font-family: 游明朝, YuMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, HG明朝E, MS P明朝, MS 明朝, serif; margin-top: 1rem;    font-size: 1.5rem;}
        .benefit-tag { background: #a67c34; color: #fff; padding: 0.2rem 1rem; border-radius: 4px; font-weight: 700; font-size: 0.8rem; display: inline-block; margin-bottom: 1rem; }
		.fc-top{background-image: url("../images/franchise_bg.jpg");}
		
        /* サポート体制アイテムデザイン (雑誌風レイアウト) */
        .support-item {
            position: relative;
            padding-bottom: 100px;
            margin-bottom: 100px;
            border-bottom: 1px solid #eee; /* セクション間の線を追加 */
        }
		
		@media (max-width: 768px) {
        .support-item {
            padding-bottom: 70px;
            margin-bottom: 80px;
        }}		
		
        .support-item:last-child {
            margin-bottom: 0;
            padding-bottom: 0;
            border-bottom: none; /* 最後の項目は線を消す */
        }

        .watermark-text {
            position: absolute;
            font-family: 游明朝, YuMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, HG明朝E, MS P明朝, MS 明朝, serif;
            font-size: 6rem;
            font-weight: 900;
            color: #f4f4f4;
            z-index: -1;
            line-height: 1;
            text-transform: uppercase;
            user-select: none;
            top: 0;
            left: -2rem;
        }
        @media (max-width: 768px) { .watermark-text { display: none;} }
        
        .support-item:nth-child(even) .watermark-text {
            left: auto;
            right: 13rem;
        }

        .support-visual {
            background-color: #f7f7f7;
            width: 100%;
            aspect-ratio: 4 / 3;
            border-radius: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
            overflow: hidden;
            box-shadow: 0 20px 40px rgba(0,0,0,0.04);
        }

        .support-content-inner {
            padding: 2rem 0;
        }
		
		@media (max-width: 768px) {
        .support-content-inner {
            padding: 0;
        }}
		

        .marketing-item:nth-child(even) .watermark-text {
            top: 0.5rem;
            right: -1rem;
        }
	
        /* タイトルの3段構成 */
        .title-unit-en {
            font-family: 'Inter', sans-serif;
            font-size: 2.5rem;
            font-weight: 800;
            color: #a67c34;
            letter-spacing: 0.05em;
            display: block;
            /*margin-bottom: 0.25rem;*/
            text-transform: uppercase;
        }
        .title-unit-sub {
            font-size: 0.75rem;
            font-weight: 600;
            color: #9ca3af;
            display: block;
            margin-bottom: 1.5rem;
            letter-spacing: 0.05em;
        }
        .title-unit-jp {
			font-size: clamp(1.6rem, 3vw, 2.4rem);
    		font-weight: 800;
    		line-height: 1.6;
    		margin-bottom: 2rem;
    		color: #433f37;
    		font-family: 游明朝, YuMincho, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, HG明朝E, MS P明朝, MS 明朝, serif;
        }

        .support-desc {
            font-size: 0.95rem;
            line-height: 2;
            color: #666;
            max-width: 480px;
        }

        /* お問い合わせエリア */
        .contact-box { background: #fff; border: 2px solid #a67c34; border-radius: 12px; padding: 3rem 2rem; max-width: 800px; margin: 0 auto; }
        .tel-link { font-size: clamp(1.5rem, 4vw, 3rem); font-weight: 800; color: #433f37; font-family: 'Inter', sans-serif; }
        .line-btn { background-color: #06C755; color: white; padding: 1rem 2rem; border-radius: 9999px; font-weight: 700; transition: opacity 0.3s; display: inline-flex; align-items: center; gap: 10px; }