@charset "UTF-8";
/* 固定ページ「survey」用のスタイルシート */

* {
	box-sizing: border-box;
}

/* 親要素のclassを変更 */
.one-column #content .wrap {
	padding: 0px 0 24px ;
	background: none;
}

article.page {
	padding: 0 !important;
}

/* PC スマホ 表示非表示切替 */
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}

@media only screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
}

.br-sp{
	display:none;
}
.br-pc{
	display:block;
}
.br-sp1{
	display:none;
}
.br-sp2{
	display:none;
}
.br-none{
	display:block;
}
.padding-rem{
	padding-left:1rem;
}

/* 見出し */
h1,
h2,
h3,
h4,
h5 {
	margin: 0 ;
	padding: 0;
	border-top: none;
	border-bottom: none;
	background: none;
}

h3::before {
	display: none;
	background: none !important;
}

h3::after {
	border-bottom: none !important;
}

/* テキスト */
p {
	margin: 0 0 1.6rem !important;
}

.indent {
	text-indent: -1em;
	padding-left: 1em;
}
.indent2{
	text-indent: -0.5em;
	padding-left: 1em;
}

.text-bold {
	font-weight: bold;
}

.junionlab__font-large--bold {
	font-size: 20px;
	font-weight: bold;
	line-height: 1 !important;
	vertical-align: middle;
}

body {
	background: #fff;}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

.disp_blc {
	display: block;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.text-center {
	text-align: center !important;
}

.text-left {
	text-align: left !important;
}

.text-right {
	text-align: right !important;
}

.font-bold {
	font-weight: bold;
}

.font-justyfy {
	text-align: justify;
}
.pt50 {
	padding-top: 50px;
}
.margin-bottom-zero {
	margin-bottom: 0 !important;
}

.margin-bottom-ss {
	margin-bottom: 10px !important;
}

.margin-bottom-s {
	margin-bottom: 20px !important;
}

.margin-bottom-m {
	margin-bottom: 60px !important;
}

.margin-bottom-l {
	margin-bottom: 100px !important;
}
.margin-top-m {
	margin-top: 60px !important;
}
.margin-top-l {
	margin-top: 100px !important;
}

.padding_zero {
	padding: 0 !important;
}

.padding-bottom-zero {
	padding-bottom: 0 !important;
}

.padding-s {
	padding: 20px !important;
}

.padding-m {
	padding: 60px !important;
}

.padding-l {
	padding: 100px !important;
}

.padding-bottom-s {
	padding-bottom: 20px !important;
}

.padding-bottom-m {
	padding-bottom: 60px !important;
}

.padding-bottom-l {
	padding-bottom: 100px !important;
}
.p-smaller{
	font-size:smaller;
}
.p-small{
	font-size:small;
}
.p-medium{
	font-size:medium;
}
.p-larger{
	font-size:larger;
}
.p-xlarge{
	font-size:x-large;
}
.p-xxlarge{
	font-size: xx-large;
}
.p-xxxlarge{
	font-size: xxx-large;
}
.p-normal{
	font-weight: normal;
}
.c-orange{
	color:#FB8000;
}
.c-white{
	color:#fff;
}

.center{
	display:grid;
	place-items:center;
	text-align:center;
}
.t-right{	
	text-align:right;
}
.p-bold{
	font-weight:bold;
}

.shadow {
	border-radius: 8px; /* 角丸（任意） */
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.or-marker{
	background:linear-gradient(transparent 60%, #FFF9ED 60%);
}
.or-marker2{
	background: linear-gradient(transparent 70%, /* 上40%までは透明 */ rgba(255, 165, 0, 0.3) 40% /* 40%から下は半透明の黄色 */);
}
.or-marker3{
	background: linear-gradient(transparent 0%, #FFE68C 100%);
	padding:0 1.5rem;
}@media (max-width: 767px) {
	.or-marker3{
		padding:0;
	}

}

.indented{
	display: flex;
	align-items: flex-start; 
	/* 	font-weight:bold; */
	text-align:left;
}
.indented i {
	margin-right: 0.5em; /* アイコンと文字の余白 */
	flex-shrink: 0;      /* アイコンが縮まないように固定 */
	margin-top: 0.2em;
}
.indented span {
	flex: 1; /* 残り幅をテキストに */
}

.survey_01-title p{
	position: relative;           /* 擬似要素の基準にする */
}

/* 上に小さい文字を重ねる */
.p-above{
	position: absolute;
	transform: translate(-50%, -100%); /* 中央寄せして要素の上に出す */
	top: 25px;                       /* 基準位置 */
	left: 45px;
	white-space: nowrap;
	/* 見た目調整 */
	letter-spacing: 0.08em;
}@media (max-width: 767px) {
	.p-above{
		top: 15px;    
	}
}

/************* 共通ヘッダーを非表示 *************/
#content {
	padding: 0;
}

/* ---------------------------- */
/* ---------------------------- */
/* --- survey追加内容 --- */
.wrap-padding{	
	padding:30px 3%;
}
@media (max-width: 767px) {
	.wrap-padding{	
		padding:0;
	}
}
#survey .header-wrap{
	padding-top:0px;
}
#survey .top_news_box{
	padding:0;
}
#survey{
	inset: 0; /* top, right, bottom, left 全て0 */
	z-index:-1;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
	letter-spacing:0.05em;
	word-break: auto-phrase;
}
#survey .h2_title{
	margin: 30px 0 24px;
	font-size: x-large;
	padding: 0px 5px 5px;
	font-weight: bold;
	border-bottom: 1px solid #707070;
	letter-spacing:1px;
}
#survey .point-detail{
	padding: 30px 8%;
	display:flex;
	flex-direction:column;
}
#survey .point-detail-border{
	border: 1px solid #FFA500;
	border-radius:20px;
}

/*ナビゲーション*/
#survey .praimary-nav ul{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:space-around;
}
#survey .praimary-nav ul li{
	padding:10px 20px;
	min-width: 160px;
	background-color:#FFA500;
	display:grid;
	place-items:center;
	flex:1;
}
#survey .praimary-nav ul li a{
	color:#fff;
}
#survey .praimary-nav ul li a::hover{
	opacity:0.5;
}
#survey .survey_01-title{
	display:grid;
	place-items:center;
	letter-spacing: 0.2rem; 
	margin-top:50px;
}@media (max-width: 530px) {
	#survey .survey_01-title .br-sp2{
		display:block;
	}
}

#survey .or-waku{
	max-width:80%;
	border:2px solid #FFA500;
	border-radius:30px;
	background-color:#fff;
	font-weight:bold;
	padding:20px 7%;
	text-align:left;
	margin:20px 0;
}@media (max-width: 767px) {
	#survey .or-waku{
		max-width:100%;		
		font-size:smaller;
		text-align:center;
	}
}@media (max-width: 355px) {
	#survey .survey_01-title .or-waku{
		padding:20px 5px;
		font-size:x-small;
	}
}
#survey .survey_01-title p{
	font-size:larger;
	font-weight:bold;
}

/*背景のデザイン*/
#survey_01{
	position: relative;
	padding-bottom:50px;
	z-index: 1;
}
#survey_01::before{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 80%;  /* 台形の幅を調整 */
	height: 100%;
	background: #FFF9ED; /* 台形の色 */
	clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
	z-index: -1;
}
#survey_01 .survey_01-box{
	margin:0 5%;
	display:flex;
/* 	gap:5px; */
	margin-top:30px;
	background-color: #fff;

}@media (max-width: 767px) {
	#survey_01 .survey_01-box{
		flex-direction: column;
		gap:50px;
		padding-bottom:60px;
		padding-top:20px;
	}
}@media (max-width: 375px) {
	gap:50px;
}

#survey_01 .survey_01-box figure{
	overflow: hidden; /* はみ出し防止 */
	display: flex;    /* 中央寄せしたい場合 */
	align-items: center;
	justify-content: center;
}@media (max-width: 767px) {
	#survey_01 .survey_01-box figure{
		width:80%;
	}
}
figure.shadow img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* 縦横比を保ちながらトリミング */
	display: block;
}

#survey_01 .survey_01-item{
/* 	padding:20px 1%; */
	padding:20px 1% 20px 1%;
	
	display:flex;
	flex-direction:column;
	align-items:center;
	position:relative;
	gap:10px;
}@media (max-width: 767px) {
	#survey_01 .survey_01-item{
		padding:0 3% 20px;
		gap:20px;
	}
	#survey_01 .survey_01-item .indent2{
		font-size:larger;
	}
}
#survey_01 .survey_01-item:not(:last-child)::after{
	content:"";
	position:absolute;
	right:0;
	top:50%;
	transform: translateY(-50%);
	width: 1px;              /* 線の太さ */
	height: 80%;           /* 線の高さ（テキストに合わせる） */
	background-color: #FFEBC7;  /* 線の色 */	
}

#survey_01 .point-detail{
	margin:0;
/* 	padding:0 0 0 1rem; */
	padding:0 0 0 0;
}

#survey_01 .survey_01-item .point-detail .left-padding{
	text-align:center;
}
@media (max-width: 767px) {
	#survey_01 .p-xxlarge{
		font-size:x-large;
	}
	#survey01 .or-waku{
		padding-top:0;
	}
}


.one-column #content #survey_02 .wrap {
	background: none;
	width:100%;
}


#survey_02{
	background-color:#FFA500;
	padding: 70px 0 50px 0;
}
#survey_02 .slogan{
	width:70%;
	padding:30px 5%;
	background-color:#fff;
	position:relative;
	overflow: visible; 
}
#survey_02 .slogan .card__img1{
	position:absolute;
	bottom:-21px;
	left:-80px;
	max-width:203px;
}@media (max-width: 945px) {
	#survey_02 .slogan .card__img1{		
		max-width:173px;
	}
}@media (max-width: 849px) {
	#survey_02 .slogan .card__img1{		
		max-width:153px;
	}
}@media (max-width: 761px) {
	#survey_02 .slogan .p-xxlarge,#survey_03 .or-waku .p-xxlarge{		
		font-size:x-large;
	}
	#survey_02 .slogan .p-xlarge{		
		font-size: large;
	}
}@media (max-width: 648px) {
	#survey_02 .slogan .card__img1{		
		max-width:133px;
	}
}@media (max-width: 594px) {
	#survey_02{
		padding:45px 50px 20px;
	}
	#survey_02 .slogan{		
		width:100%;
		padding:30px 3%;
	}
	#survey_02 .slogan .card__img1{
		left:-50px;
	}
}@media (max-width: 531px) {
	#survey_02 .slogan .br-sp{
		display:block;
	}
}

@media (max-width: 381px) {
	#survey_02 .slogan .card__img1{		
		max-width:103px;
	}
}
#survey_02  .slogan .card__img2{
	position:absolute;
	bottom:-20px;
	right:-50px;
	max-width:150px;
}@media (max-width: 945px) {
	#survey_02  .slogan .card__img2{
		max-width:125px;
	}
}@media (max-width: 849px) {
	#survey_02  .slogan .card__img2{
		max-width:110px;
	}
}@media (max-width: 648px) {
	#survey_02  .slogan .card__img2{
		max-width:90px;
	}
}@media (max-width: 594px) {
	#survey_02 .slogan .card__img2{		
		right:-40px;
	}
}@media (max-width: 381px) {
	#survey_02 .slogan .card__img2{		
		max-width:80px;
	}
}

/*背景のデザイン*/
#survey_03{
	position: relative;
	padding-bottom:50px;
	z-index: 1;
}
#survey_03::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;           /* 左側から開始 */
	width: 80%;        /* 台形の横幅 */
	height: 100%;
	background: #FFF9ED; /* 台形の色 */
	clip-path: polygon(0 100%, 100% 100%, 80% 0, 0% 0);
	z-index: -1;
}

#survey_03::after{
	content: "";
	position: absolute;
	bottom:0;
	left:0;
	width:100%;
	height:50px;
	background-color:#FFA500;
	z-index:2;
}
#survey_03 .wrap-padding{
	display:grid;
	place-items:center;
	gap:40px;
}@media (max-width: 767px) {
	#survey_03 .wrap-padding{
		gap:30px;
	}
}

#survey_03 .survey_03-box{
	display:flex;
	flex-direction:column;
	gap:50px;
	margin-bottom: 30px;
}@media (max-width: 767px) {
	#survey_03 .survey_03-box{gap:80px;}
}
#survey_03 .survey_03-box .survey_03-item{
	display:flex;
}@media (max-width: 767px) {
	#survey_03 .survey_03-box .survey_03-item{
		flex-direction:column;
		justify-content:center;
		align-items:center;
		gap:30px;
	}
	#survey_03 .br-sp{
		display:block;
	}
}
#survey_03 .survey_03-box figure,#survey_03 .survey_03-box dl{
	flex:1;
}
#survey_03 .survey_03-box dl{
	padding: 0 3%;
	display:flex;
	flex-direction:column;
	gap:20px;
}@media (max-width: 767px) {
	#survey_03 .survey_03-box dl{
		padding: 0;
		/* 		gap:30px; */
	}
}
#survey_03 .survey_03-box .left figure{
	order:2;	
}@media (max-width: 767px) {
	#survey_03 .survey_03-box figure{
		width:95%;	
	}
}

#survey_03 .survey_03-box .left dl{
	order: 1;	
}
@media (max-width: 767px) {
	#survey_03 .survey_03-box .right figure{
		order:2;	
	}

	#survey_03 .survey_03-box .right dl{
		order: 1;	
	}
}

#survey_03 .survey_03-box .survey_03-item dl dt{
	font-weight:bold;
	text-align: left;
}@media (max-width: 767px) {
	#survey_03 .survey_03-box .survey_03-item dl dt{
		text-align: center;
	}
	.padding-rem{
		padding-left:0;
	}
}

@media (max-width: 414px) {
	#survey_03 a .p-xlarge{
		font-size:larger;
	}
}
#survey_03 .survey_03-box .survey_03-item dl ul{
	text-align:left;
	justify-content:left;
}
#survey_03 .item-box{
	display:flex;
	flex-direction:column;
	gap:10px;
}

/*背景のデザイン*/

#survey_04,#survey_06,#survey_02 .slogan{
	position: relative;
	padding-bottom:50px;
	z-index: 1;
}
#survey_04::before,#survey_06::before,#survey_02 .slogan::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;           
	width: 100%;        
	height: 100%;
	z-index: -1;
	background-image: url("/img/survey/survey-haikei.png");
	background-repeat: repeat-y; /* 縦方向に繰り返す */
	background-position: top center; /* 上端を基準に配置 */
	background-size: 100% auto; /* 横幅100%、高さは自動調整 */
}
#survey_04 .wrap-padding{
	background-color: rgba(255, 255, 255, 0.3);
}
#survey_04 .step-list {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	display:grid;
	gap:30px;
}

/* 左側の丸いアイコン */
#survey_04 .step-icon {
	position: absolute;
	left: 0;
	top: 40%;
	width: 20px;
	height: 20px;
	background-color: orange;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}

/* 左側の縦線 */
#survey_04 .step-list::before {
	content: "";
	position: absolute;
	left: 9px; /* アイコンの中央に合わせる */
	top: 80px;
	bottom: 100px;
	width: 2px;
	background-color: orange;
}@media (max-width: 668px) {
	#survey_04 .step-list::before {
		top: 100px;
		bottom: 130px;
	}
}
/* 内容部分 */
#survey_04 .step-content h3 {
	font-size:larger;
	display:inline-block;
	text-align:center;
}
#survey_04 .step-content p {
	margin: 0;
	font-size: 14px;
	color: #555;
}

#survey_04 .step-list{
	margin-top:80px;
}
#survey_04 .step-list li {
	position: relative; /* ::before の absolute に必要 */
	padding:0 0 0 50px;
	display:grid;
	grid-template-columns:80px 150px auto ;
	place-items:center;
	min-height:180px;
}@media (max-width: 767px) {
	#survey_04 .step-list li {
		padding: 20px 0 20px 40px;
		grid-template-columns:50px 1fr ;
		grid-template-rows:auto auto;
		/* 		gap:20px 0; */
		min-height:250px;
	}
}

#survey_04 .step-list li::before {
	content: "";
	position: absolute;
	left: 20px;
	width: 100%;
	border-bottom: 1px solid #FFA500; /* 下線 */
	top: 0; /* 下線の位置は li の上端 */
}

#survey_04 .step-list li::after {
	content: "";
	position: absolute;
	left: 20px;
	width: 100%;
	border-top: 1px solid #FFA500; /* 下線 */
	bottom: 0; /* 下線の位置は li の上端 */
}
#survey_04 .step-count{
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
#survey_04 .step-content{
	display:grid;
	grid-template-columns:200px auto;
}
#survey_04 .step-list dl{
	display:flex;
	flex-direction:column;
	gap:10px;
	padding:10px 0;
}@media (max-width: 767px) {
	#survey_04 .step-list li dl {
		grid-column:1/4;
	}

}
#survey_04 .step-list dt{
	display: inline-block; /* inline ではなく inline-block */
	width: auto;           /* 幅を自動にして文字幅だけにする */
	font-weight:bold;
}@media (max-width: 767px) {

	#survey_04 .step-list li h3 {
		padding-right:4.5rem;
	}

	#survey_04 .step-list dt{
		text-align:center;
	}	
}
#survey_04 .point-detail .point-detail-box{
	text-indent:0;
}
#survey_04 .indented{
	font-weight:normal;
}


#survey_04 .point-detail .point-detail-box .indented{
	font-weight:normal;
}

/*背景のデザイン*/
@media (max-width: 767px) {
	#survey_05 .wrap-padding{
		padding-top:30px;
	}
}
#survey_05 .wrap-padding .h2_title{
	text-align:left;
}
#survey_05{
	position: relative;
	z-index: 1;
}
#survey_05::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;           
	width: 100%;        
	height: 100%;
	z-index: -1;
	background:#FFF9ED;
}
#survey_05 .line-up{
	display:flex;
	flex-direction:column;
	gap:30px;
}
#survey_05 h3{
	text-align:left;
	display:inline;
	padding-bottom:3px;
	padding-left:10px;
	border-left:10px solid #FFA500;
}
#survey_05 .line-up-wrap{
	padding-left:1rem;
}
#survey_05 .line-up-title{
	display:inline-block;
	padding:5px 20px;
	margin-bottom:3px;
	background:#FBF370;
	border-radius:20px;
}

#survey_05 .line-up-text{
	display: grid;
	grid-template-columns: auto 100px;
	padding-right: 5%;
	margin-bottom:10px;
	gap:10px;
	position:relative;
}@media (max-width: 767px) {
	#survey_05 .line-up-text{
		grid-template-columns: 1fr;
	}
	#survey_05 .line-up-text img{
		object-fit: cover; /* または contain */
		position:absolute;
		content:"";
		width:13%;
		right:50px;
		top:-100px;
	}
}@media (max-width: 629px) {
	#survey_05 .line-up-text{
		margin-bottom:0px;
	}
	#survey_05 .line-up-text img{
		display:none;
	}
}
#survey05 .point-detail{
	padding:20px 5%;
	margin:0 3%;
}

#survey .contents-box{
	display:flex;
	flex-direction:column;
	gap:100px;
	margin-top:50px;
}

/* 共通リセット */
#survey .ac1-ex-dl,
#survey .ac1-ex-dt,
#survey .ac1-ex-dd {
	margin: 0;
	padding: 0;
}

/* dl同士の間隔 */
#survey .ac1-ex-dl + .ac1-ex-dl {
	margin-top: 1rem;
}

/* dt, ddパディング */
#survey .ac1-ex-dt {
	padding: 10px;
}
#survey .ac1-ex-dd {
	padding: 30px 15px;
}

/* dlの基本 */
#survey .ac1-ex-dl {
	position: relative;
	overflow: hidden;
}

/* input非表示 */
#survey .ac1-ex-dl > input {
	display: none;
}

/* dtの見た目 */
#survey .ac1-ex-dt {
	position: relative;
	z-index: 1;
	padding-right: 40px;
	cursor: pointer;
	background: #ffe8be;
	border: 1px solid #adadad;
	transition: 0.4s;
}

/* デフォルト（閉じているとき） */
#survey .ac1 .ac1-ex-dd {
	position: absolute;
	visibility: hidden;
	transform: translateY(-100%);
	background-color: transparent; /* 背景を透明にする */
	border: none; /* 枠も消す */
	transition: .4s;
}

/* 開いたとき */
#survey .ac1 .ac1-ex-dl > input:checked + label + .ac1-ex-dd {
	position: relative;
	visibility: visible;
	transform: translateY(0);
	background-color: #ffffff; /* 白背景にする */
	border: 1px solid #adadad; /* 必要なら枠を戻す */
	border-top:none;
}

/* 開閉 */
#survey .ac1-ex-dl > input:checked ~ .ac1-ex-dd {
	/* 	max-height: 1050px;  */
}

/* 矢印 */
#survey .ac1-ex-dt::before,
#survey .ac1-ex-dt::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 10px;
	width: 20px;
	height: 3px;
	background: #666;
	transform: translateY(-50%);
	transition: 0.4s;
}

#survey .ac1-ex-dt::after {
	transform: translateY(-50%) rotate(90deg);
}

/* 矢印回転 */
#survey .ac1-ex-dl > input:checked ~ label > .ac1-ex-dt::after {
	transform: translateY(-50%) rotate(180deg);
}

/* 内側 dl 装飾 */
#survey .ac1-ex-dd dl {
	/* 	padding: 30px 1%; */
	padding: 30px 0;
}

#survey .ac1-ex-dd dt {
	border-bottom: 2px solid #ffe8be;
	padding-bottom: 3px;
	font-weight: bold;
}

#survey .ac1-ex-dd dd {
	padding-bottom: 50px;
	padding-left: 1.5em;
}@media (max-width: 668px) {
	#survey .ac1-ex-dd dd {
	}
}

#survey .ac1-ex-dd dd:last-of-type {
	padding-bottom: 0;
}

#survey .ac1-ex-dd ul {
	padding-top: 5px;
}

#survey .ac1-ex-dd ul li {
	padding-bottom: 10px;
	text-indent: -1em;
}@media (max-width: 668px) {
	#survey .ac1-ex-dd ul li {
	}
}


#survey_05 .detail-box{
	background-color:#fff;
	border:2px solid #FFA500;
	display:grid;
	place-items:center;
}

#survey_05 .detail-box .h3_title{
	width:100%;
	text-align:center;
	background-color:#FFA500;
	color:#fff;
	padding:15px 0;
}
#survey_05 .detail-box .h3_title-pd{
	padding-left: 0;
	border-left: 0;
}

@media (max-width: 419px) {
	#survey_05 .detail-box .p-larger{
		font-size:medium;
	}
}

#survey_05 .detail-box-contents {
	display:grid;
	grid-template-columns:20% auto;
	gap:0px;
	padding:30px 7% 0px;
	align-items:center;
}@media (max-width: 989px) {
	#survey_05 .detail-box-contents {
		padding:30px 5% 0px;
		gap:20px;
	}
}@media (max-width: 569px) {
	#survey_05 .detail-box-contents {
		padding:30px 3% 0px;
	}
	#survey_05 .detail-box p{
		padding:0 3%;
	}
}

#survey_05 .detail-box-contents .detail-box-contents-box{
	display:block;
}

#survey_05 .detail-box-contents .josei-image{
	max-width: 90%;
}@media (max-width: 989px) {
	#survey_05 .detail-box-contents .josei-image{
		max-width: 100%;
	}
}
#survey_05 .detail-box-contents-flex{
	display:grid;
	grid-template-columns:auto 20%;
	gap:5px;
	align-items:center;
}
#survey_05 .qa-box{
	background-color:#fff;
	border:1px solid #FFA500;
	border-radius:20px;
	text-align: center;
	padding: 10px;
	margin-bottom: 30px;
}

#survey_05 .grid-container{
	margin-bottom:30px;
}@media (max-width: 569px) {
	#survey_05 .grid-container{
		width:100%;
	}
}
#survey_05 .grid-container .title{
	background:#ffe8be;
	;
	height:50px;
}
#survey_05 .grid-container .title1{
	grid-column:1/3;
}
#survey_05 .grid-item {
	display: grid;
	grid-template-columns: 50px 1fr 2fr;
	align-items:center;
	gap: 10px;
	padding:10px 15px;
	border-bottom: #FFA500 1px solid;
}@media (max-width: 627px) {
	#survey_05 .grid-item {
		grid-template-columns: auto 1fr;
		grid-auto-rows:auto 1fr;
		text-align:center;
	}
	#survey_05 .grid-item .padding-rem{
		padding-left:0;
		padding-right:4rem;
	}

	#survey_05 .grid-item:nth-child(2) {
		border-top: #FFA500 1px solid;
	}
	#survey_05 .grid-item .text{
		grid-column:1/3;
		grid-row:2;
	}

	#survey_05 .grid-container .title-none{
		display:none;
	}
}

#survey_05 .grid-item .circle {
	display: inline-flex; /* 中央揃えがしやすい */
	justify-content: center;
	align-items: center;
	width: 50px; /* 円のサイズ */
	height: 50px;
	border-radius: 50%; /* 円にする */
	background-color: #fff; /* 背景色（必要なら） */
	border:1px solid #FFA500;
	overflow: hidden; /* はみ出た部分を隠す */
}

#survey_05 .grid-item .circle img {
	max-width: 80%; /* 円内で少し余白を作る */
	max-height: 80%;
	object-fit: contain; /* 画像を収める */
}

#survey_05 .grid-item:first-child {
	border-bottom: none;
}

#survey_06 .contents-box{
	gap:30px;
	margin-top: 0;
}