@charset 'utf-8';
	
/* common */
.faq nav.global-nav ul.global-nav-links.pc {
	display: none !important;
}
.faq .contents.main-contents {

/*
	padding-top: 100px;
*/
	padding-top: 60px;

}
	.faq .contents.main-contents section.list.img-text-list {
/*
		padding: 40px 0 0;
*/
		padding: 20px 0 0;
	}
		.faq .contents.main-contents section.faq-lists .section-head.flex {}
			/*.faq .contents.main-contents section.faq-lists .section-head.flex h3 {*/
			.faq .contents.main-contents section.faq-lists .section-head.flex h1 {
				width: 300px;
				margin: 40px 0;
				padding: 0;
				height: auto;
				padding-left: 8%;
			}
				/*.faq .contents.main-contents section.faq-lists .section-head.flex h3::after { display: none; }*/
				.faq .contents.main-contents section.faq-lists .section-head.flex h1::after { display: none; }
				/*.faq .contents.main-contents section.faq-lists .section-head.flex h3 img {*/
				.faq .contents.main-contents section.faq-lists .section-head.flex h1 img {
					height: auto;
					width: 350px;
				}
		.faq .contents.main-contents section.faq-lists .section-body.flex {
			background: #FFFFFF;
		}
			.faq .contents.main-contents section.faq-lists .section-body.flex article {
				position: relative;
				background: #FFFFFF;
				width: 100%;
				padding: 0 40px;
				max-width: 990px;
			}
				.faq .contents.main-contents section.faq-lists .section-body.flex article::before { display: none; }
					.faq .contents.main-contents section.faq-lists .section-body.flex article ul.tab-menu.flex {
						justify-content: center;
						gap: 10px;
						list-style: none;
						padding: 0;
					}
						.faq .contents.main-contents section.faq-lists .section-body.flex article ul.tab-menu.flex li {
							width: calc(33.333% - 7px);
						}
							.faq .contents.main-contents section.faq-lists .section-body.flex h4 {
								border: none;
								opacity: 0.4;
								width: calc(100% - 20px);
								border-radius: 10px;
								padding: 20px 10px;
								margin-top: -80px;
								background: #FFFFFF;
							}
							.faq .contents.main-contents section.faq-lists .section-body.flex h4:hover,
							.faq .contents.main-contents section.faq-lists .section-body.flex .active h4 { opacity: 1; }
								.faq .contents.main-contents section.faq-lists .section-body.flex h4.txt-gray a {
									color: #666666;
								}


.faq-detail .contents.main-contents section.faq-lists {}
	.faq-detail .contents.main-contents section.faq-lists .section-body.flex {
		padding-bottom: 0;
	}

.faq-detail .contents.main-contents section.post-textarea {
	max-width: 990px;
	margin: 0 auto;
	padding: 0;
}
	.faq-detail .contents.main-contents section.post-textarea h3 {
		margin-top: 0;
	}
	.faq-detail .contents.main-contents section.post-textarea h1 {
		margin-top: 0;
		color: #707070;
    	font-size: 2.4rem;
    	position: relative;
    	padding: 1em 0;
	}
.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightyellow {
	max-width: calc(990px - 80px);
	margin: 40px auto;
	padding: 30px 40px;
}
	.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightyellow article .flex.right-content input.btn.btn-orange {
		background: #ffaf00;
		border-color: #ffaf00;
	}
.faq-detail .contents.main-contents section.other-post-list {
	max-width: calc(990px - 80px);
	margin: 40px auto;
}
.faq-detail .contents.main-contents section.other-post-list .inner {
	padding: 20px 0px;
}
	.faq-detail .contents.main-contents section.other-post-list .inner h3 {
		padding: 0;
	}
	.faq-detail .contents.main-contents section.other-post-list .inner ul.answer-list {
		margin: 0px;
	}
		.faq-detail .contents.main-contents section.other-post-list .inner ul.answer-list > li {
			padding: 20px 0;
			margin-bottom: 0px;
		}
.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightgray {
	max-width: calc(990px - 80px);
	margin: 40px auto;
	background: #f7f7f7;
}
	.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightgray article {
		padding: 0;
		margin: 0;
	}
		.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightgray article textarea#other {
			margin-bottom: 40px;
		}
		.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightgray article .flex.right-content {
			align-items: center;
			gap: 30px;
			justify-content: flex-end;
		}
			.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightgray article .flex.right-content p.text-count.txt-right {
				margin: 0;
			}
			.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightgray article .flex.right-content input.btn.btn-orange {
				background: #ffaf00;
				border-color: #ffaf00;
				margin: 0;
			}

.faq-detail .commneArea-reply .right-content input[type=submit] {
	margin: 10px 0px 0 auto !important;
}
.faq-detail .main-contents section.other-post-list ul.answer-list > li p.text-count.txt-right {
	font-size: 1.4rem;
	margin: 0 1em;
}
.faq-detail .main-contents section.other-post-list ul.answer-list > li ul.coment-list {
	margin: 10px 0;
}

@media screen and (min-width:1025px) {

}
@media screen and (max-width:1024px) {

	.faq .contents.main-contents {
		padding-top: 80px;
	}
	.faq .contents.main-contents section.faq-lists .section-head.flex form.flex {
		display: flex !important;
		flex-wrap: wrap;
		gap: 10px;
	}
	.faq .contents.main-contents section.faq-lists .section-head.flex h3 {
		margin: 40px auto;
	}

	.faq .contents.main-contents section.faq-lists .section-head.flex input {
		order: 1;
	}
	.faq .contents.main-contents section.faq-lists .section-head.flex ul.link-list.flex.sp {
		order: 3;
		justify-content: center;
		width: 100%;
	}
	.faq .contents.main-contents section.faq-lists .section-head.flex form.flex input.btn.btn-orange.btn-search.submit {
		bottom: unset;
		position: relative;
		margin: 0 auto;
	}
	.faq .contents.main-contents section.faq-lists .section-body.flex {
		padding-top: 0;
	}
	.faq .contents.main-contents section.faq-lists .section-body.flex article {
		width: calc(100% - 20px);
		padding: 10px;
	}
	.faq .contents.main-contents section.faq-lists .section-body.flex article ul.tab-menu.flex {
		justify-content: center;
		gap: 10px;
		list-style: none;
		padding: 0;
		display: flex !important;
		flex-wrap: wrap;
		width: 100%;
	}
	.faq .contents.main-contents section.faq-lists .section-body.flex h4 {
		font-size: 1.4rem;
	}
	.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightgray article .flex.right-content {
		display: flex !important;
		justify-content: center;
	}

	.faq-detail .contents.main-contents section.post-textarea {
		width: calc(100% - 20px);
	}
	.faq-detail .contents.main-contents section.other-post-list {
		width: calc(100% - 60px);
	}
	.faq-detail .contents.main-contents section.other-post-list .inner {
		padding: 0;
	}

	.faq-detail .main-contents section form textarea {
		width: calc(100% - 2em);
	}
	.faq-detail .main-contents section.other-post-list ul.answer-list > li .flex.right-content,
	.faq-detail .main-contents section.form.br-b-gry.bg-lightyellow article .flex.right-content {
		text-align: center;
		justify-content: space-between;
		display: flex !important;
		flex-wrap: wrap;
		width: 100%;
		gap: 20px;
	}
	.faq-detail .main-contents section.form.br-b-gry.bg-lightyellow article .flex.right-content p.text-count.txt-right {
		margin: 0 0 0 1em;
	}
	.faq-detail .main-contents section.form.br-b-gry .inner article:last-child {
		border: none;
		margin: 0;
		padding: 0;
	}
	.faq-detail .main-contents section.list.img-text-list ul.text-list {
		margin-top: -30px;
	}
	.main-contents section.list.img-text-list ul.text-list li a.flex .movie-data span.title {
		font-size: 2rem;
	}
	.faq-detail .contents.main-contents section.post-textarea h3,
	.faq-detail .contents.main-contents section.other-post-list .inner h3 {
		font-size: 1.6rem;
	}
	.main-contents section.other-post-list ul.answer-list > li p {
		font-size: 1.6rem;
	}
	.faq-detail .contents.main-contents section.form.br-b-gry.bg-lightyellow {
		padding: 20px;
		width: calc(100% - 60px);
	}

}
@media screen and (max-width:767px) {
	.faq-detail .main-contents section.faq-lists .section-body.flex {
		margin-top: 70px;
	}
}