@charset "UTF-8";
/* CSS Document */
        /* --- 基本設定 --- */
        :root {
            /* 配色設定 */
            --primary-color: #003366; /* 青：見出し、強調 */
            --accent-color: #b92a3e;  /* 赤：バッヂ、アクセントバー 元：cc0000 */
            --footer-bg-light: #f5f5f5; /* 薄いグレー：事務局 */
            --footer-bg-dark: #e0e0e0;  /* 濃いグレー：コピーライト */
            
            --text-color: #333;
            --bg-color: #fff;
            --header-height: auto;
			--border-color: #bbb;
        }

        body {
            margin: 0;
            font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
            color: var(--text-color);
            background-color: var(--bg-color);
            line-height: 1.6;
            /* ベースサイズ (PC: 150%近似)  */
            font-size: 20px; 
        }

        a { text-decoration: none; color: inherit; transition: 0.3s; }
        ul { list-style: none; padding: 0; margin: 0; }
        img { max-width: 100%; height: auto; display: block; }

        /* --- アクセントバー (共通スタイル) --- */
        .accent-bar {
            height: 8px; /* 6px -> 8px 更に太く */
            width: 100%;
            background: linear-gradient(to right, var(--accent-color) 0%, var(--accent-color) 33.33%, var(--primary-color) 33.33%, var(--primary-color) 100%);
        }

        /* --- PC用ヘッダー --- */
        .site-header {
            width: 100%;
            position: relative;
            z-index: 1000;
            background-color: #fff;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1); /* 影を少し強調 subrgba(0,0,0,0.05);*/
        }

        /* ロゴエリア */
        .header-logo-area {
            background-color: #fff;
            color: var(--primary-color);
            width: 100%;
            border-bottom: 1px solid #dce4ec;
        }

        .header-logo-inner {
            max-width: 1400px; /* 1200px -> 1400px 幅を拡大 sub1600px */
            margin: 0 auto;
            padding: 30px 50px; /* 余白増 sub35px 40px*/
        }

        .header-logo-text {
            font-weight: bold;
            font-size: 2.4rem; /* 2.0rem -> 2.4rem (さらに大きく) sub2.2rem*/
            line-height: 1.2;
            display: block;
            white-space: nowrap; 
            letter-spacing: 0.5px;
        }

        /* ナビゲーションエリア */
        .header-nav-area {
            background-color: #fff;
            width: 100%;
        }

        .header-nav-inner {
            max-width: 1400px; /* 1200px -> 1400px sub1600*/
            margin: 0 auto;
            padding: 0 50px;/*sub 40*/
        }

        .header-nav ul {
            display: flex;
            flex-wrap: wrap;
            gap: 20px 60px; /* 間隔をさらに広げる */
            justify-content: center;
        }

        .header-nav li a {
            display: block;
            color: var(--accent-color);
            font-weight: 700;/*sub 600*/
            font-size: 1.25rem; /* 1.1rem -> 1.25rem sub 1.3rem*/
            padding: 25px 0; /* タップエリア拡大 sub 30px 0*/
            position: relative;
        }

        .header-nav li a:hover,
        .header-nav li a.active {
            color: var(--primary-color);
        }

        .header-nav li a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 5px; /* 4px -> 5px */
            background: var(--accent-color);
            transition: width 0.3s;
        }

        .header-nav li a:hover::after,
        .header-nav li a.active::after {
            width: 100%;
        }

        /* --- レイアウト枠 --- */
        .container {
            display: block;
            min-height: 100vh;
        }

        /* --- メインエリア (背景アクセント追加) ------------------------------------ */
        .main-content {
            margin-left: 0;
            padding: 0;
            background-color: #fff;
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            position: relative;
            overflow: hidden;/*subには入ってない*/
			}

		.top-bg{
            /* 背景の丸 (さらに大きく調整) */
            background-image: 
                /* 1. 左上：青い丸 */
                radial-gradient(circle, rgba(0, 51, 102, 0.2) 0%, rgba(0, 51, 102, 0.2) 70%, transparent 70.5%),
                /* 2. 右中：赤い丸 */
                radial-gradient(circle, rgba(204, 0, 0, 0.2) 0%, rgba(204, 0, 0, 0.2) 70%, transparent 70.5%),
                /* 3. 右上：小さい青い丸 */
                radial-gradient(circle, rgba(0, 51, 102, 0.2) 0%, rgba(0, 51, 102, 0.2) 70%, transparent 70.5%),
                /* 4. 左下：赤い丸 */
                radial-gradient(circle, rgba(204, 0, 0, 0.2) 0%, rgba(204, 0, 0, 0.2) 70%, transparent 70.5%),
                /* 5. 左側：見切れる大きな赤丸 */
                radial-gradient(circle, rgba(204, 0, 0, 0.2) 0%, rgba(204, 0, 0, 0.2) 70%, transparent 70.5%),
                /* 6. 右側：見切れる大きな青丸 */
                radial-gradient(circle, rgba(0, 51, 102, 0.2) 0%, rgba(0, 51, 102, 0.2) 70%, transparent 70.5%),
                /* 7. 右下フッター付近の小さい青丸 */
                radial-gradient(circle, rgba(0, 51, 102, 0.2) 0%, rgba(0, 51, 102, 0.2) 70%, transparent 70.5%);
            
            background-position: 
                calc(50% - 850px) 550px,    /* 1 */
                calc(50% + 700px) 1100px,   /* 2 */
                calc(50% + 800px) 500px,    /* 3 */
                calc(50% - 600px) 1700px,   /* 4 */
                calc(50% - 1150px) 1000px,  /* 5 */
                calc(50% + 950px) 1600px,   /* 6 */
                calc(50% + 500px) 2100px;   /* 7 */
            
            background-size: 
                300px 300px,  /* 1 */
                450px 450px,  /* 2 */
                80px 80px,    /* 3 */
                240px 240px,  /* 4 */
                900px 900px,  /* 5 */
                650px 650px,  /* 6 */
                90px 90px;    /* 7 */
            
            background-repeat: no-repeat;
        }


        /* --- ヒーローセクション基本設定 (動画設定を追加) --------------------------------------- */
		.hero-section {
			width: 100%;
			/* 現状のサイズ設定を維持 */
			height: 75vh;
			max-height: 950px;/*950*/
			min-height: 700px;/*700*/
			position: relative;
			background-color: #000;
			display: flex;
			align-items: center;
			justify-content: center;
			overflow: hidden; /* 動画のはみ出しを隠す */
			
			/* 【追加】上部のマージンやパディングを完全にゼロにする */
			margin-top: 0;
			padding-top: 0;
			}
			
		/* 動画のスタイル：枠に合わせて拡大表示 */
			.hero-video {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				width: 100%;
				height: 100%;
				/* 比率を保ったまま、足りない分を拡大して埋める設定 */
				object-fit: cover; 
				z-index: 1;
			}
		/* スマホ用背景画像の枠（既存の画像を表示） */
			.hero-bg-img {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-image: url('../image/hero2.jpg');
				background-size: cover;
				background-position: center;
				z-index: 1;
			}

		/* 文字の視認性を高めるオーバーレイ */
			.hero-section::after {
				content: '';
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background: rgba(0, 0, 0, 0); /* 動画の明るさに応じて0.1〜0.4程度で調整してください */
				z-index: 2;
			}

		/* ヒーローテキスト：動画より上に表示 */
			.hero-text {
			    position: relative;
			    z-index: 3;
 				text-align: left;
            	color: #fff; 
            	text-shadow: 0 2px 8px rgba(0,0,0,0.6);
           		 margin-top: -60px;
            	width: 100%;
           		 max-width: 1400px; /* 1200px -> 1400px */
            	padding: 0 60px;
            	box-sizing: border-box;
			}

		/* --- 切り替え用クラス --- */
			.pc-only { display: block; }
			.sp-only { display: none; }
        
/*　ここまで動画で設定ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

        /* タイトル画像のスタイル */
        .hero-title-img {
            width: auto;
            max-width: 100%; 
            height: auto;
            /* 280px -> 350px に変更 (さらに拡大) */
            max-height: 350px; 
            display: block; 
            margin-bottom: 30px; 
        }
        
        .hero-text p {
            /* 1.3rem -> 1.5rem */
            font-size: 1.5rem;
            margin-top: 20px;
            font-weight: bold;
            line-height: 1.8;
            letter-spacing: 0.5px;
        }



        /* --- コンテンツラッパー --------------------------------- */
        .content-wrapper {
            padding: 0 60px 100px 60px; /* 下余白増 */
            max-width: 1400px; /* 1200px -> 1400px */
            margin: 0 auto;
            width: 100%;
            box-sizing: border-box;
            position: relative;
            z-index: 10;
        }

        /* --- TOP --------------------------------------------------- */
        /* --- 4カラム情報セクション --- */
        .info-grid-section {
            background-color: #fff;
            padding: 80px; /* 60px -> 80px */
            border-radius: 16px;
            box-shadow: 0 20px 50px rgba(0,0,0,0.12); 
            margin-top: -60px; /* -120px -> -60px 重なりを減らして下に下げる */
            margin-bottom: 100px;
            position: relative;
            z-index: 20;
        }

        .info-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 50px; /* 40px -> 50px */
            text-align: center;
        }

        .info-item {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .info-icon {
            font-size: 4.5rem; /* 3.5rem -> 4.5rem */
            color: var(--primary-color);
            margin-bottom: 25px;
        }

        .info-title {
            font-size: 1.6rem; /* 1.4rem -> 1.6rem */
            font-weight: bold;
            color: var(--accent-color);
            margin-bottom: 20px;
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

        .info-desc {
            font-size: 1.3rem; /* 1.15rem -> 1.3rem */
            color: #444;
            line-height: 1.5;
        }
        
        .info-desc-ja {
            font-size: 1.0rem; /* 0.95rem -> 1.0rem */
            color: #666;
            margin-top: 10px;
            display: block;
        }

		/* --- トップバナー設定 --- */
		.top-banner-container {
			width: 100%;
			margin: 40px 0; /* 上下に余白を作り、中央に配置 */
			/*padding: 0 20px;   /* スマホ時に画像が端にぴったりくっつかないよう左右余白 */
			/*box-sizing: border-box;*/
			}
		.top-banner-link {
			display: block;
				width: 100%;
			transition: opacity 0.3s;
		}
		
		.top-banner-link:hover {
			opacity: 0.8; /* ホバー時に少し薄くする演出 */
		}

		.top-banner-img {
			width: 100%;
			height: auto;
			display: block;
			border-radius: 4px; /* 角を少し丸くする場合（不要なら削除してください） */
			box-shadow: 0 4px 10px rgba(0,0,0,0.1); /* 軽い影をつけて浮かせる */
		}


        /* NEWS セクション */
        .section-title {
            font-size: 2.8rem; /* 2.6rem -> 3.2rem */
            border-bottom: 4px solid var(--primary-color); 
            padding-bottom: 20px;
            margin-bottom: 50px;
            color: var(--primary-color);
            letter-spacing: 3px;
        }

        .news-list {
            margin-bottom: 120px;
        }

        .news-item {
            display: flex;
            border-bottom: 1px solid #eee;
            padding: 30px 0; /* 25px -> 30px */
            transition: background 0.2s;
        }
        
        .news-item:hover {
            background: #fafafa;
        }

        .news-date {
            width: 180px; /* 160px -> 180px */
            font-weight: bold;
            color: #666;
            font-family: 'Roboto', sans-serif;
            font-size: 1.25rem; /* 1.1rem -> 1.25rem */
        }

        .news-text {
            flex: 1;
            font-size: 1.25rem; /* 1.1rem -> 1.25rem */
        }

        .news-tag {
            background: var(--accent-color);
            color: #fff;
            padding: 5px 15px; /* サイズアップ */
            font-size: 0.9rem; /* 0.85rem -> 0.9rem */
            border-radius: 100px;
            margin-right: 20px;
            vertical-align: middle;
        }

        /* --- ポストラーニング・テスト バナーセクション --- */
        .post-learning-section {
            margin-bottom: 100px;
            padding: 0 8%; /* 左右の余白を少し減らしてバナーを大きく */
        }

        .post-learning-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px; /* 50px -> 60px */
        }

        .post-learning-item {
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #f5f7fa;
            height: 160px; /* 140px -> 160px */
            border-radius: 10px;
            text-decoration: none;
            transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            position: relative;
            overflow: hidden;
            text-align: center;
        }

        .item-learning::before { background-color: var(--primary-color); }
        .item-test::before { background-color: var(--accent-color); }

        .post-learning-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.12);
            background-color: #eef2f7;
        }

        .post-learning-text {
            font-size: 1.8rem; /* 1.5rem -> 1.8rem */
            font-weight: bold;
            color: #444;
            letter-spacing: 0.5px;
            line-height: 1.4;
        }
        
        .post-learning-sub {
            display: block;
            font-size: 1.15rem; /* 1.0rem -> 1.15rem */
            font-weight: normal;
            color: #666;
        }

        /* --- スポンサーリンクエリア --- */
        .sponsor-section {
            margin-bottom: 120px;
        }

        .sponsor-grid {
            display: grid;
			grid-template-columns: repeat(3, 1fr); /* PC：3列 */
			gap: 40px;
			align-items: center;
        }

        .sponsor-item {
            display: block;
			background: none;
			height: auto;
			overflow: hidden;
			text-decoration: none;
			transition: opacity 0.3s;
			border: #999999 1px solid;
        }
		
		.sponsor-item img {
			width: 100%;
			height: auto;
			display: block;
		}


        .sponsor-item:hover {
            opacity: 0.8;
        }

        /* --- フッターエリア --- */
        footer {
            margin-top: auto;
            color: #333;
            width: 100%;
			/* サブ
			position: relative;
            z-index: 30;
            background-color: #fff;
			*/
        }

        .secretariat-section {
            background-color: var(--footer-bg-light);
            padding: 90px 0; /* 70px -> 90px */
            width: 100%;
        }
        
        .footer-inner {
            max-width: 1400px; /* 1200px -> 1400px sub1600 */
            margin: 0 auto;
            padding: 0 60px;
            box-sizing: border-box;
        }
        
        .secretariat-container {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr; 
            gap: 60px; /* 50px -> 60px sub80*/
            align-items: start;
        }

        .footer-banners {
            display: flex;
            flex-direction: column;
            gap: 25px; /* 20px -> 25px */
        }

        .footer-banner-item {
            display: block;
            background: #fff;
            border-radius: 8px;/*sub 6*/
            overflow: hidden;
            box-shadow: 0 2px 5px rgba(0,0,0,0.05);
            transition: opacity 0.3s;
        }
        
        .footer-banner-item:hover {
            opacity: 0.8;
        }

        .footer-banner-item img {
            width: 100%;
            height: auto;
            display: block;
        }

        .secretariat-info h3 {
            font-size: 1.6rem; /* 1.4rem -> 1.6rem */
            margin-top: 0;
            margin-bottom: 25px;/*sub margin: 0 0 25px; */
            color: var(--primary-color);
            border-bottom: 3px solid #ddd;/*sub 1px*/
            padding-bottom: 12px;/*sub 15px*/
            display: inline-block;
        }

        .secretariat-info p {
            margin: 0;
            font-size: 1.15rem; /* 1.05rem -> 1.15rem sub 1.2rem*/
            line-height: 1.9; /*sub 1.7*/
            color: #555;
        }

        .secretariat-info a {
            color: var(--primary-color);
            text-decoration: underline;
        }
        
        .secretariat-info a:hover {
            text-decoration: none;
            color: var(--accent-color);
        }

        .footer-ssl {
            margin-top: 40px;
            text-align: left;
        }
        
        .footer-ssl img {
            max-width: 180px; /* 150px -> 180px */
            display: block;/*subはなし*/
        }

        .copyright-section {
            background-color: var(--footer-bg-dark);
            padding: 15px 60px;/*sub 20px 60px*/
            text-align: center;
            font-size: 1.0rem; /* 0.9rem -> 1.0rem sub 1.1rem*/
            color: #666;
            width: 100%;
            box-sizing: border-box;
        }



        /* --- モバイル用ヘッダー & ナビゲーション --------------------------------------- */
        .mobile-header {
            display: none;
            background: #fff;
            min-height: 60px;
            align-items: center;
            padding: 10px 20px;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 2000;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            justify-content: space-between;
            box-sizing: border-box;
        }

        .mobile-accent-bar {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2001;
            height: 5px;
            width: 100%;
            background: linear-gradient(to right, var(--accent-color) 0%, var(--accent-color) 33.33%, var(--primary-color) 33.33%, var(--primary-color) 100%);
        }

        .hamburger {
            font-size: 24px;
            cursor: pointer;
            padding: 5px;
            color: var(--primary-color);
        }

        .mobile-logo {
            font-weight: bold;
            font-size: 1.1rem; /* 0.9rem -> 1.1rem に変更 */
            color: var(--primary-color);
            line-height: 1.3;
            text-align: left;
        }

        .mobile-nav-drawer {
            position: fixed;
            top: 0;
            left: 0;
            width: 260px;
            height: 100vh;
            background: #fff;
            z-index: 2001;
            transform: translateX(-100%);
            transition: transform 0.3s ease;
            box-shadow: 2px 0 10px rgba(0,0,0,0.1);
            padding-top: 60px;
            overflow-y: auto;
        }

        .mobile-nav-drawer.active {
            transform: translateX(0);
        }

        .mobile-nav-list li a {
            display: block;
            padding: 15px 25px;
            color: #333;
            border-bottom: 1px solid #eee;
            font-weight: 500;
        }

        .mobile-nav-list li a.active {
            color: var(--primary-color);
            background: #f9f9f9;
            border-left: 4px solid var(--accent-color);
        }

        .overlay {
            display: none;
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.5);
            z-index: 2000;
        }
        .overlay.active {
            display: block;
        }


		@media (min-width: 769px) {
			.main-content {
				padding-top: 0; 
			}
		}

        /* --- レスポンシブ対応 (768px以下) --- */
        @media (max-width: 768px) {
			
			/*動画用ーーーーーーーーーーーーーーーーーーーーーーー*/
			.pc-only { display: none; } /* 動画を隠す */
    		.sp-only { display: block; } /* 画像を出す */
			
            /* スマホ表示ではフォントサイズを標準より少し小さめに調整してバランスを取る */
            body {
                font-size: 15px; 
            }

            .site-header {
                display: none;
            }

            .mobile-header {
                display: flex;
            }

            .main-content {
                /*padding-top: 65px; 元*/
				/* 【重要】ヘッダーとの隙間をなくす */
				margin-top: 0;
				padding-top: 0;
				/* 既存設定 */
				display: flex;
				flex-direction: column;
				position: relative;
			}
            
            .hero-main {
        	/* スマホ時の既存サイズ設定を維持 */
       			 height: 60vh;
       			 min-height: auto;
        		max-height: none;
        		/* 背景画像は .hero-bg-img で制御するため background-image は不要 */
        		background-image: none; 
    		}	
            
            .hero-text {
                padding: 0 20px;
            }
            
            /* スマホでの画像タイトルサイズ */
            .hero-title-img {
                max-height: 130px; /* 以前のサイズに戻す */
                margin-bottom: 15px;
            }
            
            /* スマホでのヒーローテキストサイズを戻す */
            .hero-text p {
                font-size: 0.95rem; /* 少し小さく */
                margin-top: 10px;
                line-height: 1.6;
            }
            
            .content-wrapper {
                padding: 0 20px 40px 20px;
				max-width: 100%;/*subのみ*/
            }

            /* 情報セクションのサイズ戻し */
            .info-grid-section {
                padding: 30px 20px;
                margin-top: -50px;
                margin-bottom: 50px;
                border-radius: 8px;
            }

            .info-grid {
                grid-template-columns: 1fr 1fr;
                gap: 20px 10px;
            }
            
            .info-icon {
                font-size: 2.2rem; /* サイズダウン */
                margin-bottom: 10px;
            }

            /* info-title: 2pt大きく -> 1.1rem */
            .info-title {
                font-size: 1.1rem; 
                margin-bottom: 8px;
            }

            /* info-desc: 1pt大きく -> 0.9rem */
            .info-desc {
                font-size: 0.9rem;
                line-height: 1.4;
            }
            /* info-desc-ja: 1pt大きく -> 0.8rem */
            .info-desc-ja {
                font-size: 0.8rem;
                margin-top: 4px;
            }
            
            /* セクションタイトルのサイズ戻し +1pt */
            .section-title {
                font-size: 1.7rem; /* 1.6rem -> 1.7rem */
                padding-bottom: 10px;
                margin-bottom: 30px;
                border-bottom-width: 2px;
                letter-spacing: 1px;
            }
			
			.top-banner-container {
				margin: 20px auto; /* スマホでは上下の余白を少し狭める */
			}

            .news-list {
                margin-bottom: 50px;
            }

            .news-item {
                flex-direction: column;
                padding: 15px 0;
            }
            /* news-date: +1pt */
            .news-date {
                margin-bottom: 4px;
                width: auto;
                font-size: 1.0rem; /* 0.9rem -> 1.0rem */
            }
            /* news-text: +1pt */
            .news-text {
                font-size: 1.0rem; /* 0.9rem -> 1.0rem */
            }
            .news-tag {
                font-size: 0.7rem;
                padding: 3px 10px;
                margin-right: 8px;
            }

            /* ポストラーニングバナー (スマホ) */
            .post-learning-section {
                padding: 0; 
                margin-bottom: 40px;
            }

            .post-learning-grid {
                gap: 15px; 
            }
            
            .post-learning-item {
                height: 80px; /* 高さを戻す */
                border-radius: 6px;
            }
            
            .post-learning-item::before {
                width: 6px; /* ライン幅を戻す */
            }
            
            .post-learning-text {
                font-size: 1.0rem; /* 文字サイズを戻す */
                line-height: 1.3;
            }
            .post-learning-sub {
                font-size: 0.75rem;
            }

            /* スポンサーリンク (スマホ) */
            .sponsor-section {
                margin-bottom: 60px;
            }
            
            .sponsor-grid {
                grid-template-columns: 1fr; 
                gap: 15px;
            }
            
            .sponsor-item {
                 width: 80%;
				margin: 0 auto;
            }

            /* フッター (スマホ) */
            .secretariat-section {
                padding: 50px 0;
            }

            .footer-inner {
                padding: 0 20px;
            }

            .secretariat-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            
            .secretariat-info h3 {
                font-size: 1.2rem; /* 微増 */
                margin-bottom: 15px;
                border-bottom-width: 1px;
            }
            
            .secretariat-info p {
                font-size: 0.95rem; /* 0.85rem -> 0.95rem (+1pt) */
                line-height: 1.6;
            }
            
            /* フッターバナーのスマホサイズ調整 */
            .footer-banners {
                align-items: center; 
                gap: 15px;
            }
            
            .footer-banner-item {
                width: 80%; 
            }
            
            .footer-ssl {
                text-align: center;
                margin-top: 20px;
            }
            
            .footer-ssl img {
                margin: 0 auto;
                max-width: 120px;
            }

            .copyright-section {
                padding: 10px 20px;
                font-size: 0.85rem; /* 0.75rem -> 0.85rem (+1pt) */
            }
        }