:root {
	--btn_requirements_common: clamp(18px, 1.3vw, 25px);
	--btn_requirements_common_02: 6%;
	--btn_requirements_common_before: clamp(3px, 0.31vw, 6px);
}

.archive {

	/* デフォ投稿のarchive */
	.sec {
		.sec__inner {
			.title {
				text-align: center;
				margin-bottom: clamp(49px, 4.79vw, 92px);
				font-size: var(--s_40_half);

				.en {
					font-weight: 400;
					font-size: var(--s_20_half);
					text-transform: uppercase;
				}
			}
		}

		.list_posts {
			.item {
				.item__inner {
					.postInfo {
						padding: var(--s_20_half) 3%;

						& time {
							display: block;
							font-size: var(--s_10-14);
							padding-bottom: var(--s_10_half);
							color: var(--gy);
							font-weight: 500;
						}

						.post_category {
							font-size: var(--s_10-14);
							padding-bottom: var(--s_10_half);
							color: var(--gy_dark);

							.post-categories {
								& li {
									display: inline-block;
									padding-bottom: var(--s_4_half);

									& a[rel='category tag'] {
										display: block;
										padding: var(--s_3_half) var(--s_10_half);
										border: solid 1px var(--gy_dark);
										border-radius: 5px;
									}
								}
							}
						}

						.post_title {
							padding: 0;
							text-align: left;
							font-size: var(--s_14-18);

							&::before {
								display: none;
							}
						}
					}
				}
			}
		}
	}

	/* カスタム投稿のarchive */
	&.post-type-archive {
		.sec {
			margin-bottom: var(--s_100_half);

			.sec__inner {
				.title {
					text-align: center;
					margin-bottom: clamp(49px, 4.79vw, 92px);
					font-size: var(--s_40_half);

					.en {
						font-weight: 400;
						font-size: var(--s_20_half);
					}
				}
			}

			/* Q&A */
			&.sec-faq {
				margin-top: var(--s_200_half);

				@media screen and (min-width:1000px) {
					margin-top: 0;
				}

				.sec__inner {
					.term-list {
						display: flex;
						flex-wrap: wrap;
						justify-content: space-between;
						margin-bottom: clamp(50px, 6.25vw, 120px);

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

						.term-item {
							flex-basis: 40vw;

							&:nth-child(-n+2) {
								margin-bottom: 4vw;

								@media screen and (min-width:1000px) {
									margin-bottom: 0;
								}
							}

							@media screen and (min-width:1000px) {
								flex-basis: 20%;
							}

							.button {
								font-size: clamp(14px, 0.93vw, 18px);
								border: 1px solid var(--mainColor_dark02);
								border-radius: 50px;
								width: 100%;
								text-align: center;
								padding: clamp(12px, 0.938vw, 18px) clamp(24px, 1.45vw, 30px) clamp(12px, 0.938vw, 18px) 0;
								color: var(--mainColor_dark02);
								position: relative;

								&::before {
									content: "";
									width: clamp(15px, 1.04vw, 20px);
									height: clamp(15px, 1.04vw, 20px);
									background-image: url(../../images/postlist_arrow.png);
									position: absolute;
									top: 50%;
									right: 10%;
									transform: translateY(-50%);
									background-size: contain;
								}

								&.bg_green {
									background-color: var(--mainColor_dark02);
									color: var(--wh);
									transition: var(--transition);
								}
							}
						}
					}

					.termTitle-list {
						position: relative;
						height: 1em;
						margin-bottom: clamp(30px, 22.6vw, 50px);

						.term-name {
							position: absolute;
							top: 50%;
							left: 0;
							transform: translateY(-50%);
							height: auto;
							transition: var(--transition);
							font-size: var(--s_34_half);

							&.hide {
								opacity: 0;
								visibility: hidden;
								transform: translateY(-50%);
							}
						}
					}


					.list_qa {
						border-bottom: 1px solid var(--mainColor_dark02);

						.item {
							border-top: 1px solid var(--mainColor_dark02);

							&.hide {
								/* opacity: 0;
									visibility: hidden;
									height: 0; */
								display: none;
							}

							.item__inner {
								.question {
									width: 100%;
									position: relative;
									display: flex;
									line-height: 1.5;
									padding: var(--s_38_half) 0 0;
									padding-bottom: var(--s_30_half);
									font-size: var(--s_26_half);
									font-weight: 600;

									&.close {
										&::after {
											transform: rotate(0deg);
										}
									}

									&:before {
										content: "";
										position: absolute;
										top: 50%;
										right: 4.3%;
										background-color: var(--mainColor_dark02);
										height: 2px;
										width: 10px;
									}

									&:after {
										content: "";
										position: absolute;
										top: 50%;
										right: 4.3%;
										background-color: var(--mainColor_dark02);
										width: 10px;
										height: 2px;
										transform: rotate(-90deg);
										transition-duration: 0.5s;
									}

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

										&:before,
										&:after {
											width: 20px;
										}
									}

									.inner {
										width: 88%;
										margin-right: auto;
										margin-left: 0;
										display: flex;

										.q {
											display: block;
											width: 15%;
											text-align: center;
										}

										.q_text {
											display: block;
											width: 85%;
										}
									}
								}

								.answer {
									display: none;
									line-height: 1.85;
									background-color: rgba(0, 104, 55, 0.1);
									padding: clamp(15px, 2.8vw, 40px) clamp(15px, 4.4vw, 85px);
									margin-bottom: var(--s_40_half);
									font-size: clamp(12px, 1.04vw, 20px);

									& a {
										color: var(--mainColor);
									}

									&.hidden {
										display: none;
									}

								}
							}
						}
					}
				}
			}
		}
	}
}