/*共通*/
main section.pg-title {
	background-image: linear-gradient(0, rgba(125,183,42,0.6), rgba(217,232,191,0.6));
	padding: 40px 5%;
	margin-top: 0;
	@media screen and (min-width:768px) { padding: 60px 0;}
	article {
		display: block !important;
		h1 {
			font-size: 200%;
			color: #26466d;
			font-weight: 900;
			line-height: 1;
			position: relative;
			padding-left: 50px;
			z-index: 0;
			@media screen and (min-width:768px) {
				font-size: 250%;
				padding-left: 70px;
			}
			span {
				font-weight: 700;
				font-size: 62.5%;
				display: inline-block;
				@media screen and (min-width:768px) { margin-left: 0.5em}
			}
			&::before, &::after {
				position: absolute;
				z-index: -1;
				content: "";
			}
			&::before {
				background: url(../img/common/bg-title1.png) no-repeat;
				background-size: contain;
				width: 2.5em;
				height: 2em;
				left: -0.5em;
				bottom: -0.5em;
			}
			&::after {
				background: url(../img/common/bg-title2.png) no-repeat;
				background-size: contain;
				width: 2em;
				height: 1em;
				top: -30px;
				right: 0;
			}
		}
	}
}
main section.pg-title article::before {
	color: #26466d;
	font-weight: 900;
	padding-left: 50px;
	font-size: 4.5svw;
	@media screen and (min-width:768px) {
		font-size: 150%;
		padding-left: 70px;
	}
}
.data main section.pg-title article::before { content: "当機構について"; }
.parent-pageid-2, .post-type-archive-proposal, .single-proposal, .tax-proposal_cat,
.post-type-archive-alarm, .tax-alarm_cat, .tax-number, .post-type-archive-training, .tax-fiscal-year, .single-training,.post-type-archive-cases, .post-type-archive-faq, .movie,
.post-type-archive-condition, .tax-past-condition, .post-type-archive-trend, .tax-past-trend {
	main section.pg-title article::before { content: "医療事故調査・支援センター事業"; }
}
main section.pg-title article::after {
	color: #26466d;
	font-weight: 600;
	padding-left: 50px;
	font-size: 3.5svw;
	@media screen and (min-width:768px) {
		font-size: 150%;
		padding-left: 70px;
	}
}
main section.breadcrumbs {
	padding: 0;
	@media screen and (min-width:768px) { margin-top: 0; }
	article {
		display: block !important;
		ul {
			display: none;
			font-size: 87.5%;
			line-height: normal;
			margin: 5px;
			@media screen and (min-width:768px) {
				display: flex;
				flex-wrap: wrap;
				grid-column: 1 / 3;
			}
			li:first-child {
				width: 3em;
				display: flex ;
				a {width: 1.5em;}
			}
			li:not(:last-child) {
				margin-right: 1em;
				&::after {
					content: "　〉";
					display: inline-block;
				}
			}
			li::before { display: none;}
			li span { margin-left: 0.5em; }
		}
	}
}
em {
        color: #f7747e;
        font-weight: 700;
        font-style: normal;
}
.note {
	font-size: 87.5%;
	line-height: 1.3;
}
figure {margin: 40px auto;}
@media screen and (min-width: 768px) {
	main section article aside.side-fix {
		position: fixed;
		top: 120px;
		left: 50%;
		margin-left: 370px;
		width: 230px;
	}
}
main section article .leading div {
	margin: 30px 0;
	@media screen and (min-width: 768px) {margin-top: 0;}
}
main section .leading p {
	font-weight: 700;
	font-size: 125%;
}
main section .leading p.note { font-size: 75%;}
main section article ul li:has(a[href$=".pdf"])::before {display: none;}
.survey main section article .leading div,
.others main section article .leading div {
	@media screen and (min-width: 768px) {
		display: grid;
		gap: 0 20px;
		grid-template-columns: 1fr 300px;
		grid-template-rows: max-content max-content 1fr;
	}
	figure {
		width: 80%;
		@media screen and (min-width: 768px) {
			grid-column: 2 / 3;
			grid-row: 1 / 4;
		}
	}
}
main section article {
	p.update {
		text-align: right;
		font-size: 87.5%;
	}
	h3 {
		color: #26466d;
		font-weight: 700;
		line-height: 1.3;
		font-size: 125%;
		margin: 40px 0 10px;
		@media screen and (min-width:768px) {font-size: 150%;}
		span {font-size: 66.6%;}
	}
	h4 {
		color: #26466d;
		font-weight: 700;
		margin: 20px 0 10px;
		font-size: 112.5%;
		line-height: 1.3;
		@media screen and (min-width:768px) { font-size: 125%; }
	}
	p {
		+ p { margin-top: 1em; }
		br::after {
			content: "";
			display:　block;
			width: 1em;
		}
	}
	.note a { text-indent: 0; }
	ol {
		counter-reset: number;
		li::before {
			counter-increment: number;
			content: '(' counter(number) ') ';
		}
	}
	ul li::before {
			content: '● ';
			color: #669933;
	}
	.link {
		text-align: right;
		margin-top: 40px;
		grid-column: 1 / 3;
	}
}
main > section > article:not(:last-child) { margin-bottom: 60px; }
main > section > article> article {
	padding-top: 60px;
	@media screen and (min-width:768px) { padding-top: 100px;}
}
.table-scroll { overflow-x: auto;
	width: 88vw;
	@media screen and (min-width:768px) { width: 100%;}
	table {white-space: nowrap;}
}
table {
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	width: 100%;
	tr {
		&:not(:last-child) { border-bottom: 1px dotted #cccccc; }
		th {
			padding: 10px 15px;
			background-color: #a9d06b;
			color: #26466d;
			white-space: nowrap;
			width: fit-contents;
			@media screen and (min-width:768px) { padding: 15px 20px;}
		}
		td { padding: 10px 15px;
			color: #666666;
			border-left: 1px solid #cccccc;
			@media screen and (min-width:768px) { padding: 15px 20px;}
			&:has(strong) {background-color: rgb(203, 231, 174); }
			&:last-child {border-right: 1px solid #cccccc;}
		}
	}
}
body div:has(> iframe) {
	aspect-ratio: 16 / 9;
	width: 100%;
	iframe {
		width: 100%;
		height: 100%;
	}
}
.supplement a {
	font-size: 112.5%;
	padding: 10px 1em;
	display: grid;
	grid-template-columns: repeat(2, auto);
	color: #ffffff;
	background-color: #7db72a;
	text-decoration: none;
	border-radius: 50px;
	width: fit-content;
	margin: 1em 0;
	line-height: 1.3;
	@media screen and (min-width:768px) { font-size: 125%;}
}
/*投稿共通*/
.wp-block-lazyblock-popup-movie {
	background-color: #fafadc;
	padding: 20px;
	border-radius: 20px;
	display: grid;
	gap: 5px 15px;
	grid-template-columns: 40% 1fr;
	grid-template-rows: max-content 1fr;
	font-size: 87.5%;
	line-height: 1.3;
	.thumb {
		grid-row: 1/3;
		a {
			width: 100%;
			height: auto;
		}
	}
	.movie {
		margin: 0 0 5px;
		span {
			color: #ffffff;
			background-color: #26466d;
			padding: 0 1em;
			border-radius: 13px;
			width: fit-content;
		}
		a { display: inline; }
	}
	p {
		br::after { display: none;}
		a {
			color: #26466d;
   			font-weight: 900;
   		}
   		+ P { margin-top: 10px; }
	}
	+ .wp-block-lazyblock-popup-movie{margin-top: 20px;}
}
.wp-block-lazyblock-documents {
	background-color: #fafadc;
	padding: 20px;
	border-radius: 20px;
	display: grid;
	gap: 5px 15px;
	grid-template-columns: 100px 1fr;
	grid-template-rows: max-content 1fr;
	font-size: 87.5%;
	line-height: 1.3;
	a:has(img) {
		grid-row: 1 / 4;
		&::before {display: none;}
	}
	a p {display: inline;}
	h4 {
		margin: 0 0 10px;
		display: contents;
	}
}
.wp-block-columns {
	display: grid;
        gap: 20px;
        @media screen and (min-width:768px) { 
		grid-template-columns: repeat(2, 1fr);
	}
}
.wp-block-lazyblock-documents:not(:last-of-type) ,
.wp-block-columns:not(:last-of-type) {
	margin-bottom: 20px;
}
.wp-block-list.grid {
	@media screen and (min-width:768px) { 
		display: grid;
		gap: 5px 1.5em;
		grid-template-columns: repeat(2, auto); 
	}
	li {
		line-height: 1.3;
		text-indent: -1.2em;
		padding-left: 1em;
	}
	& + p {
		margin-top: 0.5em;
		text-align: right;
	}
}
.wp-block-lazyblock-contact { margin: 10px 0; }
.wp-block-lazyblock-contact + .wp-block-lazyblock-contact {margin-top: 1em;}
.wp-block-lazyblock-contact dl {
	background-color: #fafadc;
	border-radius: 20px;
	padding: 20px;
	dt {
		color: #26466d;
		font-size: 125%;
		line-height: 1.3;
		margin-bottom: 10px;
	}
	dd strong{
		font-size: 250%;
		line-height: 1;
	}
}
.has-text-align-center { text-align: center; }
.has-text-align-right { text-align: right; }
table.download {
	margin: 1em 0;
	tr {
		th { text-align: center; }
		 td:nth-child(even) {
			text-align: center;
			a {	
				img { width: 30px;}
				&::before { display: none; }
			}
		}
	}
}
/*センター事業*/
.survey main section div.leading ul {
	display: flex;
	gap: 2em;
	margin-top: 20px;
}
@media screen and (min-width:768px) {
	.survey main section article > article {
		padding-top: 0;
		&#laws {padding-top: 80px;}
	}
	.survey main .relevant-laws {
		display: grid;
		grid-template-columns: repeat(3, auto);
		grid-auto-flow: column;
		grid-template-rows: repeat(4, auto);
	}
}
.survey #cboxContent section {
	h3  {
		font-weight: 700;
		font-size: 150%;
		@media screen and (min-width:768px) {
			font-size: 200%;
		}
	}
	h4  {
		font-weight: 700;
		line-height: 1.5;
	}
	> h4  {
		font-weight: 700;
		font-size: 125%;
		margin-top: 20px;
		@media screen and (min-width:768px) {
			font-size: 150%;
		}
	}
	article {
		background-color: #fafadc;
		border-radius: 20px;
		padding: 20px;
		margin-top: 20px;
	}
}
.survey #cboxContent section article ol {
	margin-left: 2.5em;
	text-indent: -1.5em;
	li{
		counter-increment: cnt;
		&:before {
			content: "("counter(cnt) ") ";
		}
	}
}
.survey #cboxContent section article ul {
	list-style: circle outside;
	margin-left: 2.5em;
}
.public, .medical {
	main section > article {
		display: grid;
		gap: 0 40px;
		@media screen and (min-width:768px) {grid-template-columns: 1fr 230px;}
		> div {
			.wp-block-group.judgment {
				padding: 20px 0;
				 div {
					background-color: #fafadc;
					border-radius: 20px;
					padding: 20px;
					h4 { margin: 0 0 10px;}
				 }
			}
			dl.report dd {margin-left: 1.5em;}
			dl {
				dt {color: #26466d;}
				dd ul {margin-left: 2.3em;}
			}
			ul {
				text-indent: -1.3em;
				margin-left: 1.3em;
				li {
					dl {margin-left: 1em;}
					ul li::before {
					        content: '・ ';
					        color: #666666;
					}
				}
			}
		}
		aside {
			@media screen and (min-width:768px) {padding-top: 80px !important;}
			h2 {
				background-color: #7db72a;
				color: #ffffff;
				font-size: 100%;
				padding: 5px 1em;
				border-radius: 18px;
				margin-bottom: 10px;
			}
			 ul li {
		            &:not(:last-child) { border-bottom: 1px solid #cccccc; }
		            &::before { display: none;}
		            a {
		            	line-height: 1.5;
				}
			}
		}
	}
}
.medical .accordion {
	summary {
		display: block;
		list-style: none;
		font-weight: bold;
		&::after {
			content: url(../img/common/ico-arrow-g.svg);
			display: inline-block;
			vertical-align: middle;
			width: 0.6em;
			margin-left: 0.5em;
			transform: rotate(90deg);
		}
	}
	.column ul {
		@media screen and (min-width:768px) {
			grid-template-columns: repeat(2, auto);
			display: grid;
			gap: 0 2em;
		}
		+ ul { margin-top: 1em; }
	}
}
/*センター調査について*/
.center-survey main section article ol.about-report > li {
	font-weight: 700;
	ol {
		padding-left: 1.5em;
		li {font-weight: 400;}
	}
	p {
		font-weight: 400;
		padding-left: 1.5em;
	}
}
/*Q&A*/
.post-type-archive-faq, .medical-accident {
	main section article.tab {
		input[name="tab_item"] { display: none; }
		input:checked + .tab_item {
			background-color: #26466d;
			opacity: 1;
		}
		.tab_item {
			width: 50%;
			display: block;
			background-color: #26466d;
			color: #f7bdac;
			font-size: 125%;
			font-weight: 700;
			text-align: center;
			border-radius: 10px 10px 0 0;
			padding: 10px 0;
			float: left;
			transition: all 0.2s ease;
			opacity: 0.5;
			&:hover { opacity: 0.5; }
			&:last-of-type {color: #acd4f7;}
		}
		.content {
			padding: 40px;
			clear: both;
			overflow: hidden;
			border: 1px solid #cccccc;
			display: none;
			article:not(:first-of-type) { margin-top: 80px;}
			ul li a {display: inline;}
		}
		#public:checked ~ #public_content,
		#medical:checked ~ #medical_content { display: block; }
	}
}
.medical-accident main section article.tab {
	#public_content ul li:nth-child(n+5) {margin-top: 20px;}
	#medical_content ul li {
		&:nth-child(3), &:nth-child(5), &:nth-child(8), &:nth-child(9) {margin-top: 20px;}
	}
	.content ul li {
		a[href$=".pdf"]::after, a[href$=".xlsx"]::after, a[href$=".docx"]::after {
			display: none;
		}
		a[href$=".pdf"]::before, a[href$=".xlsx"]::before, a[href$=".docx"]::before {
			display: inline-block;
			vertical-align: middle;
			width: 1em;
			margin-right: 5px;
		}
		a[href$=".pdf"]::before { content: url(../img/common/ico-pdf.svg); }
		a[href$=".xlsx"]::before { content: url(../img/common/ico-xlsx.svg); }
		a[href$=".docx"]::before { content: url(../img/common/ico-docx.svg); }
	}
}
@media screen and (min-width: 768px) {
	.medical-accident main section article.tab {
		.content { font-size: 125%; }
		input:checked + .tab_item {
			font-size: 150%;
			padding: 6px 0px;
		}
	}
}
.medical-accident main section article.tab .content br + a { margin-left: 1.2em;}
.post-type-archive-faq main section article.tab .wp-block-lazyblock-qanda {
	background-color: #fafadc;
	border-radius: 20px;
	padding: 20px;
	.accordion_title {
		position: relative;
		list-style: none;
		cursor: pointer;
		color: #26466d;
		font-weight: 700;
		font-size: 112.5%;
		line-height: 1.3;
		display: grid;
		gap: 0.5em;
		grid-template-columns: auto 1fr;
		@media screen and (min-width: 768px) { font-size: 125%; }
	}
	.accordion::details-content {
		opacity: 0;
		block-size: 0;
		transition: .3s;
		transition-property: display, opacity, block-size, padding;
		transition-behavior: allow-discrete;
	}
	.accordion .accordion_contents {
		margin-top: 10px;
		display: grid;
		grid-template-columns: 3em auto;
		&::before {
			content: "回答";
			display: block;
			color: #f7747e;
			padding-right: 0.5em;
			font-weight: 700;
		}
	}
	.accordion[open]::details-content {
		opacity: 1;
		block-size: auto;
		block-size: calc-size(auto, size);
	}
}
.post-type-archive-faq main section article.tab .wp-block-lazyblock-qanda + .wp-block-lazyblock-qanda {margin-top: 20px;}
.post-type-archive-faq main section article em {
	border-bottom: 3px solid #f7747e;
	font-weight: 400;
	color: #666666;
}

/*当機構について・english*/
.about main section article div#greeting p,
.english main section article div#greeting p { text-indent: 1em;}
.about main section article p.signature,
.english main section article p.signature {
	text-align: right;
	em {
		font-size: 125%;
		color: #666666;
		font-weight: 400;
	}
}
.public #definition > div > .judgment div:has(ol) { border: 1px solid #f7747e;}
.public #definition > div > .judgment div h3 {margin: 0 0 10px;}
.public main section article .wp-block-group:not(:first-child),
.medical main section article .wp-block-group:not(:first-child),
.about main section article div.wp-block-group:not(:first-child),
.data main section article div.wp-block-group:not(:first-child)  {
	padding-top: 40px;
	@media screen and (min-width:768px) { padding-top: 100px; }
}
.about main section article #business-documents,
.survey main section article .leading {
	ul li::before { content: ''; }
}
.public main section article#sec01 .wp-block-lazyblock-contact dl {
	dt, dd em, dd u {
		text-align: center;
		display: block;
	}
}
.public main section article#sec05 figure.wp-block-table,
.medical main section article#sec06 figure.wp-block-table {
	&:not(:last-of-type)::after {
		content: "▼";
		margin: 0 auto -40px;
		display: block;
		text-align: center;
	}
	tr td:first-of-type {
		font-weight: 700;
		color: #26466d;
		width: 25%;
		@media screen and (min-width:768px) { width: 30% }
	}
} 
main section article p.signature {
	text-align: right;
	font-size: 87.5%;
}
.about #business-documents > div {
	display: grid;
	gap: 0 30px;
	grid-template-columns: repeat(2, 1fr);
	@media screen and (min-width:768px) {
		grid-template-columns: repeat(5, 1fr);
		gap: 0 40px;
	}
	h2, .update, > .wp-block-group:last-child {
		grid-column: 1 / 3;
		@media screen and (min-width:768px) { grid-column: 1 / 6;}
		a {display: inline; }
	}
	.update + .wp-block-group {
		@media screen and (min-width:768px) { grid-column: 1 / 3;}
	}
	.wp-block-group {
		padding-top: 0;
    		margin-top: 0;
	}
}
.about  main section article figure.reducing {
	max-width: 640px;
	margin: 0 auto;
}
.english main section article { overflow-wrap: anywhere; }
.english main section article #work ol {
	text-indent: -1.5em;
	margin: 10px 0 0 1.5em;
	li:not(:last-child) {margin-bottom: 10px;}
}
.english main section article #recommendation > div {
	display: grid;
	gap: 20px;
	@media screen and (min-width:768px) { grid-template-columns: repeat(2, 1fr); }
	h2, .other-doc {
		@media screen and (min-width:768px) { grid-column: 1/3; }
	}
	> div:has(.other-doc) {
		grid-template-rows: max-content 1fr 1fr;
		.other-doc {
			display: grid;
			gap: 5px 15px;
			grid-template-columns: 100px 1fr;
			grid-column: 1 / 3;
		}
	}
}

.english main section article #access > div {
	display: grid;
	gap: 20px;
	@media screen and (min-width:768px) {
		gap: 40px;
		grid-template-columns: repeat(2, 1fr);
	}
	h2, .map { 
		@media screen and (min-width:768px) { grid-column: 1 / 3;}
	}
	div { order: 1;}
}
/*委員会等の開催関連*/
.committee main section article ul.grid {
	@media screen and (min-width:768px) {  column-count: 3; }
}
.committee .modal {
	h2 {
		color: #26466d;
		font-size: 150%;
		font-weight: 700;
		line-height: 1.3;
		margin-bottom: 30px;
	}
	h3 {
		color: #26466d;
		font-size: 125%;
		font-weight: 700;
		margin-bottom: 10px;
		&:not(:first-of-type) {margin-top: 2em;}
	}
	> ul {
		color: #666666;
		@media screen and (min-width:768px) {  column-count: 2; }
		li.attached {padding-left: 1em;}
		+ ul { margin-top: 1em;}
	}
	p.note {
		font-size: 87.5%;
		margin-top: 1em;
	}
	table tr {
		th, td {
			padding: 1em;
			line-height: 1.3;
		}
		th { text-align: center; }
	}
}
.committee main section article ul.member-list {
	margin-top: 1em;
	@media screen and (min-width:768px) {
		display: flex;
		gap: 1.5em;
	}
	li::before { display: none; }
}
/*医療学会・団体*/
.partners main section article .leading {
	margin-bottom: 30px !important;
	font-weight: 700;
        font-size: 125%;
        +p {text-align: right;}
}
.partners main section article {
	h2 { margin-top: 1em; 
		+ p { text-align: right; }
	}
	p:nth-last-child(2) {margin-top: 1em;}
	p:last-child {margin-top: 0;}
}
/*医療事故の再発防止に向けた普及啓発*/
.awareness main section > article ul.proposal li {
	&::before {display: none;}
	span {
		color: #ffffff;
		font-size: 87.5%;
		font-weight: 700;
		border-radius: 13px;
		padding: 0 1em;
		background-color: #66bc97;
		display: inline-block;
		width: 11em;
		margin-right: 0.5em;
		text-align: center;
		&.movie { background-color: #89bf66; }
		&.document { background-color: #67b1ba;}
		&.work-sheet { background-color: #76a7cc;}
	}
}
.post-type-archive-proposal {
	main section > article > div > article {
		background-color: #fafadc;
	        border-radius: 20px;
	        padding: 20px;
	        display: grid;
	        grid-template-columns: 100px 1fr;
	        grid-template-rows: 1fr auto;
	        gap: 5px 15px;
	        &:not(:last-child) { margin-bottom: 20px;}
		 h3 {
		 	margin: 0; 
		 	font-size: 112.5%;
		 }
		 > a {
			grid-row: 1 / 3;
			@media screen and (min-width:768px) { grid-row: 1 / 4;}
		}
		> dl {
			font-size: 75%;
			line-height: 1.5;
			dd a:not(:last-child) { margin-right: 0.5em;}
		}
		> ul {
			grid-column: 1/3;
			display: flex;
			flex-wrap: wrap;
			gap: 5px;
			@media screen and (min-width:768px) { grid-column: 2;}
			li {
				&::before { display: none; }
				a {
					color: #ffffff;
					font-size: 87.5%;
					font-weight: 700;
					border-radius: 13px;
					padding: 0 1em;
					text-decoration: none;
					&#overview, &#overview-movie { background-color: #66bc97; }
					&#movie { background-color: #89bf66; }
					&#document  { background-color: #67b1ba; }
					&#work-sheet  { background-color: #76a7cc; }
					&#english  { background-color: #d58f9f; }
				}
			}
		}
	}
}
.post-type-archive-alarm main section > article > article {
	background-color: #fafadc;
        border-radius: 20px;
        padding: 20px;
        display: grid;
        grid-template-columns: 40% 1fr;
        grid-template-rows: max-content 1fr auto;
        gap: 5px 15px;
        &:not(:last-child) {margin-bottom: 20px;}
        a:has(img) {
        	@media screen and (min-width:768px) { grid-row: 1/3; }
        	img {
        		width: 50%;
        		height: auto;
        	}
        	&::before { display: none; }
        }
        h3 {
        	margin: 0;
        		font-size: 112.5%;
        }
        div {
        	grid-column: 1/3;
        	@media screen and (min-width:768px) {
        		grid-column: 2;
        	}
	       dl {
			font-size: 75%;
			line-height: 1.5;
			dd a:not(:last-child) { margin-right: 0.5em;}
		}
        }
}
.post-type-archive-trend, .tax-past-trend{
	main section > article > div > article {
		p.thumb {
			grid-row: 1 / 3;
			a {
				display: inline;
				&::before { display: none; }
			}
		}
		> div ul li::before { content: ''; }
	}
}
.post-type-archive-trend, .tax-past-trend,
.post-type-archive-condition, .tax-past-condition {
	main section > article > div {
		display: grid;
		gap: 20px;
		margin-bottom: 40px;
		grid-template-columns: 1fr;
		@media screen and (min-width:768px) {
			margin-bottom: 0;
			grid-template-columns: repeat(2, 1fr);
		}
		> article {
			background-color: #fafadc;
		        border-radius: 20px;
		        padding: 20px;
		        display: grid;
		        gap: 5px 15px;
		        grid-template-columns: 100px 1fr;
		        grid-template-rows: max-content 1fr;
		        a:has(img)::after {display: none;}
			 h3 {
			 	margin: 0; 
			 	line-height: 1.3;
			 	font-size: 112.5%;
			 	@media screen and (min-width:768px) { font-size: 125%; }
			 }
		}
	}
}

.post-type-archive-condition, .tax-past-condition {
	main section > article > div > article {
		display: block;
		width: 100%;
		height: fit-content;
	}
}
.post-type-archive-trend, .tax-past-trend {
	main section > article > div {
		grid-template-columns: 1fr;
		 > article {
		 	width: 100%;
		 	height: fit-content;
		 }
	}
}
.post-type-archive-proposal main section > article .gsc-control-cse-ja  {
	margin: 10px 0;
	@media screen and (min-width: 768px) {
		width: 50%;
		margin: -25px 0 10px 50%;
	}
}
.post-type-archive-cases main section > article .gsc-control-cse-ja  {
	margin: 10px 0;
	@media screen and (min-width: 768px) {
		width: 50%;
		margin: -60px 0 10px 50%;
	}
}
.single-proposal {
	main section article .title {
		display: grid;
		grid-template-columns: 150px 1fr;
		grid-template-rows: auto 1fr;
		gap: 0 20px;
		margin-bottom: 40px;
		@media screen and (min-width:768px) { grid-template-columns: 25% 1fr; }
		p:has(img) { grid-row: 1/3; }
		h2 { 
			font-weight: 700;
			line-height: 1.3;
			font-size: 150%;
			margin-bottom: 10px;
			@media screen and (min-width: 768px) { font-size: 187.5%; }
		}
	}
}
.single-proposal main section article #work-sheet .link { text-align: left;}
.post-type-archive-cases main section > article form[name="formlink"] {
	position: relative;
	margin-bottom: 20px;
	display: block;
	@media screen and (min-width: 768px) {
		width: 48%;
	        margin: 20px 0;
	}
	&::after {
		content: "";
		display: inline-block;
		background: url(../img/common/ico-arrow.svg) no-repeat;
		width: 1em;
		height: 1em;
		transform: rotate(90deg);
		position: absolute;
		right: 1em;
		top: 1em;
	}
	select {
		width: 100%;
		padding: 5px 1em;
		border: 1px solid #cccccc;
		border-radius: 20px;
		color: #666666;
		cursor: pointer;
		&:hover { background-color: #eee; }
	}
}
.post-type-archive-cases main section > article .list div {
	margin-bottom: 5px;
	.accordion_title {
		list-style: none;
		cursor: pointer;
		font-size: 112.5%;
		line-height: 1.3;
		border-radius: 20px;
		padding: 20px;
		background-color: #d1e3b3;
		@media screen and (min-width: 768px) { font-size: 125%; }
	}
	.accordion::details-content {
		opacity: 0;
		block-size: 0;
		transition: .3s;
		transition-property: display, opacity, block-size, padding;
		transition-behavior: allow-discrete;
	}
	.accordion[open]::details-content {
		opacity: 1;
		block-size: auto;
		block-size: calc-size(auto, size);
	}
	.accordion .accordion_contents {
		margin-bottom: 10px;
		padding: 20px;
		dl {
			display: grid;
			gap: 10px 20px;
			grid-template-columns: auto 1fr;
			font-size: 112.5%;
			@media screen and (min-width: 768px) { font-size: 125%; }
		}
	}
}
.post-type-archive-cases main section > article .list div.alarm .accordion_title { background-color: #e1efd8; }
.post-type-archive-alarm main form { 
	margin-top: 20px;
	@media screen and (min-width: 768px) {
		margin: -45px 0 25px auto;
		width: 50%;
	}
}
.movie main section article,
.movie main section article .wp-block-columns {
	display: grid;
	gap: 20px;
	margin: 0 auto;
	.is-layout-flex, .wp-block-column { margin: 0;}
}
.movie main section article .wp-block-columns + .wp-block-columns {margin-top: 20px;}
/*.resources main section article .wp-block-columns,*/
.work-sheet main section article .wp-block-columns {
	@media screen and (min-width: 768px) { margin: 20px 0 0; }
	.wp-block-column {
		padding-top: 80px;
		margin-top: -80px;
		@media screen and (min-width: 768px) {
			padding-top: 110px;
			margin: -110px 0 0;
		}
	}
}
/*研修*/
.post-type-archive-training, .tax-fiscal-year {
	main section.breadcrumbs + section > article div article {
		background-color: #fafadc;
		border-radius: 20px;
		padding: 20px;
		margin-bottom: 20px;
		 h3 {
		 	margin: 0; 
		 	line-height: 1.3;
		 	font-size: 112.5%;
		 	@media screen and (min-width:768px) { font-size: 125%; }
		 	span {
		 		color: #ffffff;
		 		background-color: #f7747e;
		 		font-size: 75%;
		 		padding: 0 0.5em;
		 		margin-right: 5px;
		 		border-radius: 10px;
		 	}
		 }
	}
}
.tax-fiscal-year main section article h2 span {
	font-size: 87.5%;
	margin-left: 0.5em;
}
.post-type-archive-training main section.breadcrumbs + section > article div article  h3 span.ended {background-color: #8d8b8b;}
@media screen and (min-width:768px) {
	.post-type-archive-training, .tax-fiscal-year,.single-training,
	.post-type-archive-condition, .tax-past-condition, .post-type-archive-trend, .tax-past-trend,
	.post-type-archive-proposal, .single-proposal {
		main section.breadcrumbs + section > article {
			display: grid;
			gap: 0 40px;
			grid-template-columns: 1fr 230px;
			> h2{ grid-column: 1 / 3; }
			.link { grid-column: 1 / 3; }
			aside  { grid-column: 2; }
		}
	}
	.post-type-archive-trend, .tax-past-trend {
		p.update {grid-column: 1;}
	}
	.post-type-archive-condition, .tax-past-condition {
		p.update {grid-column: 1 / 3;}
	}
}
.tax-past-condition, .tax-past-trend {
	main section article h2 span {
		font-size: 87.5%;
		margin-left: 0.5em;
	}
} 
.post-type-archive-proposal, .single-proposal {
	main section article aside ul li {
		line-height: 1;
		a {
			width: 15em;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
	}
}
.post-type-archive-condition, .tax-past-condition, .post-type-archive-trend, .tax-past-trend, .post-type-archive-training, .tax-fiscal-year, .single-training, .post-type-archive-cases, .tax-past-cases, .post-type-archive-proposal, .single-proposal {
	main section article aside {
		margin-top: 60px;
		@media screen and (min-width:768px) { margin-top: 0;}
		h2 {
			background-color: #7db72a;
			color: #ffffff;
			font-size: 125%;
			padding: 5px 1em;
			border-radius: 18px;
			margin-bottom: 10px;
		}
		ul li {
			&:not(:last-child) { border-bottom: 1px solid #cccccc; }
			&::before { display: none;}
			a { line-height: 1.5; }
		}
	}
}
.single-training main section article > div { 
	margin: 0 0 40px;
	.wp-block-embed-vimeo { margin: 40px 0; }
	> article {margin-top: 60px;}
}
.single .wp-block-buttons .wp-block-button {
	width: 60vw;
	margin: 20px auto;
	@media screen and (min-width:768px) { width: fit-content;}
	a {
		font-size: 3.8svw;
		padding: 20px 1.5em;
		color: #ffffff;
		background-color: #7db72a;
		border-radius: 50px;
		font-weight: 700;
		text-decoration: none;
		display: grid;
		grid-template-columns: repeat(2, auto);
		justify-content: space-between;
		@media screen and (min-width:768px) { font-size: 137.5%;}
	}
}
/*その他の事業*/
.others main section article #sec02 .wp-block-columns:last-child {
	@media screen and (min-width: 768px) { grid-template-columns: repeat(3, 1fr); }
}
.lazyblock-popup-movie-1xm3Te {
	grid-template-columns: 1fr 1fr;
	.movie span::after { content: "全編"; }
}
.lazyblock-popup-movie-1xm3Te,
.lazyblock-popup-movie-Z2i48Yq,
.lazyblock-popup-movie-ZH3wTN,
.lazyblock-popup-movie-Z1DtrVF {
	.movie span {
		display: block;
		margin-bottom: 5px;
	}
}
.lazyblock-popup-movie-Z2i48Yq .movie span::after {content: "資料 場面1";}
.lazyblock-popup-movie-ZH3wTN .movie span::after {content: "資料 場面2";}
.lazyblock-popup-movie-Z1DtrVF .movie span::after {content: "資料 場面3";}
/*お知らせ*/
.post-type-archive-post, .bid, .recruit {
	main section article dl  {
	        display: grid;
	        gap: 1em;
		dt { color: #669933; }
		dd a {display: inline;}
		@media screen and (min-width: 768px) {grid-template-columns: auto 1fr;}
	}
} 
.post-type-archive-post main section article dl dt::after {
	color: #ffffff;
	background-color: #7db72a;
	content: "機構のお知らせ";
	padding: 1px 0.5em;
	margin-left: 0.5em;
	border-radius: 12px;
	font-size: 75%;
	width: 9em;
	display: inline-block;
	text-align: center;
}
.post-type-archive-post main section article dl dd em,
.single-post main section article h2 em {
	background-color: #e74e59;
	color: #ffffff;
	font-size: 87.5%;
	padding: 0 0.5em;
	margin-right: 0.5em;
	border-radius: 5px;
	font-style: normal;
	font-weight: 700;
}
.post-type-archive-post main section article dl dd span,
.single-post main section article h2 span {
	background-color: #f7747e;
	color: #ffffff;
	font-size: 87.5%;
	padding: 0 0.5em;
	margin-right: 0.5em;
	border-radius: 5px;
}
.single-post main section article h2 em {
	font-size: 75%;
}
.single-post main section article h2 span {
	margin: 0 0.5em 0 0;
	font-size: 75%;
}
.post-type-archive-post main section article dl dt.others::after,
.single-post main section article time.others::after {
	background-color: #f7b52c;
	content: "その他の事業";
}
.post-type-archive-post main section article dl dt.survey::after,
.single-post main section article time.survey::after {
	background-color: #7db5c9;
	content: "支援センター事業";
}
.single-post main section article {
	time {
		color: #669933;
		font-weight: 700;
		text-align: right;
		display: block;
		margin-bottom: 1em;
		&::after {
			color: #ffffff;
			background-color: #7db72a;
			content: "機構のお知らせ";
			padding: 1px 0.5em;
			margin-left: 0.5em;
			border-radius: 12px;
			font-size: 75%;
			width: 9em;
			display: inline-block;
			text-align: center;
		}
	}
	p.thumb {
		width: 70%;
		border: 1px solid #cccccc;
		margin: 0 auto;
	}
}
@media screen and (min-width:768px) {
	.single-post main section article div:has(.thumb) {
		display: grid;
		gap: 40px;
		grid-template-columns: auto 1fr;
		p.thumb {
			margin: 0;
			width: 300px;
			+ p { margin-top: 0;}
		}
	}
}
main section article .pagination {
	@media screen and (min-width:768px) { grid-column: 1 / 3; }
	h2 { display: none; }
	.nav-links {
		display: flex;
		gap: 0.5em;
		justify-content: center;
		margin: 20px;
		.page-numbers {
			border: 1px solid #666666;
			display: block;
			padding: 0 10px;
			font-size: 75%;
			border-radius: 5px;
			text-decoration: none;
		}
		.current {
			font-weight: 700;
			color: #669933;
			border: 1px solid #669933;
			background-color: #e1efc8;
		}
	}
}