/* トップページ専用CSS */
		
		
		
		
		

		


		

		


		
		

		
		
		
		











		body:has(.modal:target) .main-container {
			transition: scale 0.3s;
			scale: 0.9;
		}

		html, body {
			height: 100%;
			margin: 0;
		}

		/* =========================================
		Q&A section (見出し含む)
		========================================= */
		.qa-section{
			width: 100%;
			padding-bottom: 12rem;
		}

		/* 元の border-image の見た目維持（白ベージュ帯） */
		.qa-section__bg{
			border-image: linear-gradient(#FBF2EB,#FBF2EB) fill 0//0 100vw 0 100vw;
			padding-bottom: 15%;
		}

		/* 縦見出し（元のinlineをCSSへ） */
		.qa-heading{
			width: 56px;
			transform: translateY(-30%);
		}
		.qa-heading__sub{
			color: #aaa;
			margin: 0;
		}
		.qa-heading__title{
			font-size: 1.5em;
			margin: 0;
		}

		/* =========================================
		Accordion (details/summary)
		デザインは維持しつつ、開閉を“にゅるん”に
		========================================= */
		.qa-6{
			max-width: 80%;
			margin: 0 auto;
			padding: 15px 0;
			border-bottom: 1px solid #707070;

			/* デフォの三角を消すための下準備 */
			position: relative;
		}

		.qa-6 summary{
			display: flex;
			justify-content: space-between;
			align-items: center;

			position: relative;
			padding: 1em 2em 1em 3em;

			color: #333;
			font-weight: 600;
			cursor: pointer;

			list-style: none; /* Firefox向け */
		}

		/* Chrome/Safari向け：デフォのマーカー非表示 */
		.qa-6 summary::-webkit-details-marker{
			display: none;
		}

		/* Q / A の共通：位置だけ共通化（無駄削り） */
		.qa-6 summary::before,
		.qa-6 p::before{
			position: absolute;
			left: 1em;
			font-weight: 600;
			font-size: 1.3em;
		}

		/* Q */
		.qa-6 summary::before{
			content: "Q";
		}

		/* 右の矢印 */
		.qa-6 summary::after{
			content: "";
			width: 7px;
			height: 7px;
			margin-left: 10px;

			border-right: 3px solid #333333b3;
			border-bottom: 3px solid #333333b3;

			transform: translateY(-25%) rotate(45deg);
			transition: transform .45s ease;
		}

		.qa-6[open] summary::after{
			transform: translateY(-25%) rotate(225deg);
		}

		/* --- ここが“にゅるん”本体 --- */
		/* コンテンツは grid で高さアニメ */
		.qa-6__content{
			display: grid;
			grid-template-rows: 0fr;
			transition: grid-template-rows .55s cubic-bezier(.2,.8,.2,1);
		}

		/* 中身（overflowを内側へ） */
		.qa-6__inner{
			overflow: hidden;
		}

		/* ふわっと出す（視覚の気持ちよさ用） */
		.qa-6 p{
			position: relative;
			margin: 0;
			padding: .3em 3em 1.5em;
			color: #333;

			opacity: 0;
			transform: translateY(-8px);
			transition: transform .35s ease, opacity .35s ease;
		}

		/* A */
		.qa-6 p::before{
			content: "A";
			color: #ff8d8d;
			line-height: 1.2;
		}

		/* open時：にゅるん + ふわ */
		.qa-6[open] .qa-6__content{
			grid-template-rows: 1fr;
		}
		.qa-6[open] p{
			opacity: 1;
			transform: translateY(0);
		}

		/* motion配慮 */
		@media (prefers-reduced-motion: reduce){
			.qa-6 summary::after,
			.qa-6__content,
			.qa-6 p{
				transition: none;
			}
		}



		/* おしごと環境 */	  
		.flex {
			display: flex; /*横並び*/
		}
		.flex .image {
			width: 450px; /*画像サイズ指定*/
			margin: 0;
			padding: 0;
		}
		.flex .image img {
			width: 100%;
			height: auto;
		}
		.flex .right {
			margin: 0 0 0 20px;
			padding: 0;
			transform: translateY(-6%);
		}
		.flex .left {
			margin: 0 20px 0 0 ;
			transform: translateY(-6%);
		}	  
		.flex .title {
			margin: 0;
			padding: 0;
			font-size: 1.2em;
			writing-mode: vertical-rl;
		}
		.flex .text {
			margin: 10px 0 0;
			padding: 0;
		}	  
		.Office {
			justify-content: flex-end;
			transform: translateY(-10%);
		}
		.QUON1{
			transform: translateY(-15%);		  
		}
		.QUON2{
			margin-bottom:100px;
			justify-content: flex-end;
			transform: translateY(-25%);
		}	  

		/*一日の流れ*/
		.day{
			width:80%;margin:0 auto;
		}


		/* スマホ対応　レスポンシブ 1030px */	  
		@media(max-width: 1030px) {
			/* おしごと環境 */	  
			.flex {
				display: flex; /*横並び*/
			}
			.flex .image {
				width: 450px; /*画像サイズ指定*/
				margin: 0;
				padding: 0;
			}
			.flex .image img {
				width: 100%;
				height: auto;
			}
			.flex .right {
				margin: 0 0 0 20px;
				padding: 0;
				transform: translateY(-6%);
			}
			.flex .left {
				margin: 0 20px 0 0 ;
				transform: translateY(-6%);
			}	  
			.flex .title {
				margin: 0;
				padding: 0;
				font-size: 1.2em;
				writing-mode: vertical-rl;
			}
			.flex .text {
				margin: 10px 0 0;
				padding: 0;
			}
			.Office {
				justify-content: flex-end;
				transform: translateY(0%);
				margin-top:50px;
			}
			.QUON1{
				transform: translateY(0%);
				margin-top:50px;
			}
			.QUON2{
				margin-top:50px;
				margin-bottom:100px;
				justify-content: flex-end;
				transform: translateY(0%);
			}

			/* 一日の流れ */
			.day{
				width:100%;margin:0 auto;
			}
			/* よくあるご質問 */
			.qa-6 {
				max-width: 500px;
				margin-bottom: 5px;
				border-bottom: 1px solid #707070;
				max-width: 100%;
				margin: 0 auto;
				padding: 15px 0;
			}
		}


	

/* ===== レスポンシブ調整（静的化で追加） ===== */
@media (max-width: 1030px){
	.background-container{ height: 820px; }
}
@media (max-width: 640px){
	.background-container{ height: 620px; margin-top: 80px; }
	.overlay-text{ font-size: 20px; }
}
@media (max-width: 1030px){
	.position-4{ top: 40px; left: 10%; transform: none; }
}
@media (max-width: 640px){
	.position-4{ top: 24px; left: 6%; }
}