@charset "utf-8";

.titlewrap {
	background:url(../img/news/mv.jpg) no-repeat center center/cover;
}

#archive {
	.wrap {
		.contents {
			.searchresults {
				margin-bottom: 1em;
			}
			.contents_wrap {
				display:grid;
				grid-template-columns:1fr 240px;
				grid-column-gap:50px;
				align-items:start;
				.contents_inner {
					.postlist {
						display:grid;
						grid-template-columns:repeat(3,1fr);
						grid-gap:20px;
						li {
							height:100%;
							a {
								display:grid;
								height:100%;
								grid-template-rows:auto 1fr;
								.img {
									position:relative;
									img {
										display:block;
										width:100%;
										aspect-ratio:3/2;
										object-fit:cover;
									}
									.cat {
										position:absolute;
										z-index:1;
										background-color:var(--color_main);
										left:0;
										top:0;
										font-size:1.2rem;
										color:#FFFFFF;
										padding:.5em 1em;
									}
								}
								.detail {
									border:1px solid #000000;
									border-top:0;
									padding:10px;
									h2 {
										font-size:1.6rem;
										color:var(--color_def);
										border:none;
										padding:0;
										margin:0;
									}
									.date {
										display:block;
										font-size:1.4rem;
										padding:.33em 0;
									}
									p {
										font-size:1.4rem;
										line-height:1.5;
										font-weight:400;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	&.single {
		.wrap {
			.contents {
				h2 {
					margin-bottom:1em;
				}
				.info {
					display:flex;
					flex-wrap:wrap;
					gap:20px;
					font-size:1.5rem;
					margin-bottom:30px;
					align-items:center;
					justify-content:flex-start;
					.cat {
						display:flex;
						flex-wrap:wrap;
						align-items:center;
						justify-content:flex-start;
						gap:5px;
						a {
							background-color:var(--color_main);
							font-size:1.3rem;
							display:grid;
							align-items:center;
							justify-content:center;
							height:2em;
							color:#FFFFFF;
							line-height:1;
							white-space:nowrap;
							padding:0 1.5em;
						}
						&.tag {
							a {
								background-color:var(--color_sub);
							}
						}
					}
				}
				.contbox {
					margin-bottom: 90px;
					h2 {
						font-size:3rem;
						padding-bottom:0;
						border:none;
						color:var(--color_main);
					}
					h3 {
						font-size:2.4rem;
						margin-bottom:1em;
						&:not(:first-child) {
							padding-top:.5em;
						}
					}
					p {
						&:not(:last-child) {
							margin-bottom:1em;
							&:has( + h2) {
								margin-bottom: 60px;
							}
						}
						&.has-medium-font-size {
							font-size:1.2em;
						}
					}
					.has-ast-global-color-7-background-color {
						background-color:#EFEFEF;
						padding:30px;
					}
					.wp-block-columns {
						margin-bottom:1.5em;
						&:has( + h2) {
							margin-bottom: 60px;
						}
					}
					.wp-block-table {
						&:has( + h2) {
							margin-bottom:3em;
						}
						table {
							margin-bottom:1.5em;
							th,td {
								line-height:1.5;
								padding:1em;
								vertical-align:middle;
							}
							thead {
								border:none;
								tr {
									border-bottom:none;
								}
								th {
									vertical-align:middle;
									background-color:var(--color_main);
									color:#FFFFFF;
									border-bottom:none;
									&:first-child {
										border-left-color:var(--color_main);
;									}
									&:last-child {
										border-right-color:var(--color_main);
;									}
								}
							}
						}
					}
					.knowledge_cta,
					.knowledge_cta {
						&:not(:last-child) {
							margin-bottom: 90px;
						}
					}
					.aligncenter {
						display: block;
						margin-right: auto;
						margin-left: auto;
					}
					.alignright {
						float: right;
						margin-bottom: 20px;
						margin-left: 20px;
					}
					.alignleft {
						float: left;
						margin-right: 20px;
						margin-bottom: 20px;
					}
					.wp-caption,
					[class*='wp-image'] {
						display: block;
						max-width: 100% !important;
						margin-top: 1.5em;
						text-align: center;
					}
					.wp-caption-text {
						margin-top: 0;
					}
					ul {
						list-style: disc;
					}
					ol {
						list-style: decimal;
					}
					ul,ol {
						list-style-position: inside;
						font: inherit;
						padding-left:1.5em;
						&:has( + h2) {
							margin-bottom: 60px;
						}
						li {
							line-height:2;
							text-indent:-1.5em;
						}
					}
					a {
						text-decoration: underline;
						color:var(--color_main);
					}
					& + .btn {
						grid-template-columns:.8em 1fr;
						padding-right:1.5em;
						margin:0 auto;
						img {
							transform:rotate(180deg);
						}
					}
				}
				& > .btn {
					margin:50px auto 0;
				}
			}
		}
	}
}

#sidebar {
	.searchwrap {
		margin-bottom:50px;
		form {
			display:grid;
			grid-template-columns:1fr 40px;
			position:relative;
			input {
				&[type="text"] {
					border:none;
					font-size:16px;
					height:40px;
					padding:.33em .5em;
					border:1px solid #C2C2C2;
					border-right:none;
					width:100%;
				}
				&[type="submit"] {
					border:none;
					padding:0;
					height:40px;
					background-color:var(--color_main);
					color:var(--color_main);
				}
			}
			img {
				position:absolute;
				top:10px;
				right:10px;
				z-index:99;
				width:20px;
				pointer-events: none;
			}
		}
	}
	dl {
		dt {
			font-size:1.5rem;
			font-weight:600;
			padding-bottom:.5em;
			border-bottom:1px solid #cccccc;
			margin-bottom:1em;
		}
		dd {
			&:not(:last-child) {
				margin-bottom:40px;
			}
			ul {
				display:grid;
				grid-row-gap:.5em;
				padding-left:1em;
				font-size:1.4rem;
				margin-bottom:1em;
				li {
					line-height:1.3;
				}
			}
			.sbtn {
				font-size:1.5rem;
				border:1px solid #707070;
				display:grid;
				align-items:center;
				justify-content:center;
				height:3em;
				font-weight:400;
			}
		}
	}
}

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

}

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

	#archive {
		.wrap {
			.contents {
				.contents_wrap {
					grid-template-columns:1fr 180px;
					grid-column-gap:30px;
					.contents_inner {
						.postlist {
							grid-gap:10px;
							li {
								height:100%;
								a {
									.detail {
										h2 {
											font-size:1.4rem;
										}
										.date {
											font-size:1.3rem;
										}
										p {
											font-size:1.3rem;
										}
									}
								}
							}
						}
					}
				}
			}
		}
		&.single {
			.wrap {
				.contents {
					h2 {
						margin-bottom:1em;
					}
					.info {
						display:flex;
						flex-wrap:wrap;
						gap:20px;
						font-size:1.5rem;
						margin-bottom:30px;
						align-items:center;
						justify-content:flex-start;
						.cat {
							display:flex;
							flex-wrap:wrap;
							align-items:center;
							justify-content:flex-start;
							gap:5px;
							a {
								background-color:var(--color_main);
								font-size:1.3rem;
								display:grid;
								align-items:center;
								justify-content:center;
								height:2em;
								color:#FFFFFF;
								line-height:1;
								white-space:nowrap;
								padding:0 1.5em;
							}
							&.tag {
								a {
									background-color:var(--color_sub);
								}
							}
						}
					}
					.contbox {
						margin-bottom: 60px;
						.wp-block-table {
							table {
								font-size:1.4rem;
								th,td {
									padding:.66em;
								}
							}
						}
						.knowledge_cta,
						.knowledge_cta {
							&:not(:last-child) {
								margin-bottom: 60px;
							}
						}
						.aligncenter {
							display: block;
							margin-right: auto;
							margin-left: auto;
						}
						.alignright {
							float: right;
							margin-bottom: 20px;
							margin-left: 20px;
						}
						.alignleft {
							float: left;
							margin-right: 20px;
							margin-bottom: 20px;
						}
						.wp-caption,
						[class*='wp-image'] {
							display: block;
							max-width: 100% !important;
							margin-top: 1.5em;
							text-align: center;
						}
						.wp-caption-text {
							margin-top: 0;
						}
						ul {
							list-style: disc;
						}
						ol {
							list-style: decimal;
						}
						ul,ol {
							list-style-position: inside;
							font: inherit;
							li {
								line-height:1.6;
							}
						}
						a {
							text-decoration: underline;
							color:var(--color_main);
						}
						& + .btn {
							grid-template-columns:.8em 1fr;
							padding-right:1.5em;
							margin:0 auto;
							img {
								transform:rotate(180deg);
							}
						}
					}
					& > .btn {
						margin:50px auto 0;
					}
				}
			}
		}
	}
	
	#sidebar {
		.searchwrap {
			margin-bottom:30px;
			form {
				input {
					&[type="text"] {
						&::placeholder {
							font-size:1.4rem;
						}
					}
				}
			}
		}
	}
	
}

@media screen and (max-width:768px){
    
	#archive {
		.wrap {
			.contents {
				.contents_wrap {
					grid-template-columns:1fr;
					grid-row-gap:50px;
					.contents_inner {
						.postlist {
							grid-template-columns:repeat(2,1fr);
							li {
								a {
									.img {
										.cat {
											font-size:1.1rem;
										}
									}
									.detail {
										padding:5px 5px 10px;
										h2 {
											font-size:1.3rem;
										}
										.date {
											font-size:1.2rem;
										}
										p {
											font-size:1.2rem;
										}
									}
								}
							}
						}
					}
				}
			}
		}
		&.single {
			.wrap {
				.contents {
					h2 {
						margin-bottom:1em;
					}
					.info {
						display:flex;
						flex-wrap:wrap;
						gap:20px;
						font-size:1.5rem;
						margin-bottom:30px;
						align-items:center;
						justify-content:flex-start;
						.cat {
							display:flex;
							flex-wrap:wrap;
							align-items:center;
							justify-content:flex-start;
							gap:5px;
							a {
								background-color:var(--color_main);
								font-size:1.3rem;
								display:grid;
								align-items:center;
								justify-content:center;
								height:2em;
								color:#FFFFFF;
								line-height:1;
								white-space:nowrap;
								padding:0 1.5em;
							}
							&.tag {
								a {
									background-color:var(--color_sub);
								}
							}
						}
					}
					.contbox {
						margin-bottom: 90px;
						.aligncenter {
							display: block;
							margin-right: auto;
							margin-left: auto;
						}
						.alignright {
							float: right;
							margin-bottom: 20px;
							margin-left: 20px;
						}
						.alignleft {
							float: left;
							margin-right: 20px;
							margin-bottom: 20px;
						}
						.wp-caption,
						[class*='wp-image'] {
							display: block;
							max-width: 100% !important;
							margin-top: 1.5em;
							text-align: center;
						}
						.wp-caption-text {
							margin-top: 0;
						}
						ul {
							list-style: disc;
						}
						ol {
							list-style: decimal;
						}
						ul,ol {
							list-style-position: inside;
							font: inherit;
							li {
								line-height:1.6;
							}
						}
						a {
							text-decoration: underline;
							color:var(--color_main);
						}
						& + .btn {
							grid-template-columns:.8em 1fr;
							padding-right:1.5em;
							margin:0 auto;
							img {
								transform:rotate(180deg);
							}
						}
					}
					& > .btn {
						margin:50px auto 0;
					}
				}
			}
		}
	}
	
	#sidebar {
		width:100%;
		max-width:300px;
		margin:0 auto;
	}
    
}


@media screen and (max-width:768px){
	.knowledge_cta {
		display: none;
	}
}
@media screen and (min-width:769px){
	.knowledge_cta_sp {
		display: none;
	}
}