@charset "utf-8";
/*	===============================================================
	● CKEditor CSSファイル
	---------------------------------------------------------------
	Release 2024.09.13                               Powerd by TDR
	=============================================================== */

	#post_contents
	{
        width:100%;
        font-size:1.6rem;
		/* padding:0 1em 50px 0; */
		padding:0 0 0px 0;
		word-break: break-all;
	}

	#post_contents figure img
	{
		width:100%;
		height:auto;
	}
	#post_contents img
	{
		max-width:100%;
		height:auto;
	}
	#post_contents p
	{
		text-align: left;
		word-break: break-all;
	}
	#post_contents > p
	{
		margin-bottom:18px;
	}
	#post_contents a,
	#post_contents a *
	{
		/* color:#222; */
		color:#0f88bc;
		/* transition: 0.3s; */
		transition: 0.1s;
		text-decoration: none;
		text-decoration: underline;
		text-underline-offset: .3em;
		text-decoration-color: #0f88bc;
		transition: 0.1s;
	}
	#post_contents a:hover
	{
		/* opacity: 0.8; */
		/* color:#0f88bc; */
		opacity: 0.6;
	}
	#post_contents .btn_wrap a
	{
		text-decoration: none;
	}

	#post_contents a.arw
	{
		display: flex;
		width:fit-content;
		align-items: center;
		gap:10px;
		padding-bottom: .1em;
		margin-bottom:0.5em;
		background: linear-gradient(#38ade0, #38ade0) 0 100% / 0 1px no-repeat;
		transition: background 0s;
		text-decoration: none;
	}
	#post_contents a.arw:hover
	{
		color:#0f88bc;
		background-size: 100% 1px;
	}
	#post_contents a.arw::before
	{
		content:"";
		display: inline-block;
		width:1em;
		height:1em;
		background-color: #70a5ff;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: 100%;
		mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M384 32c35.3 0 64 28.7 64 64V416c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V96C0 60.7 28.7 32 64 32H384zM160 144c-13.3 0-24 10.7-24 24s10.7 24 24 24h94.1L119 327c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l135-135V328c0 13.3 10.7 24 24 24s24-10.7 24-24V168c0-13.3-10.7-24-24-24H160z"/></svg>');
	}

	#post_contents a[download]
	{
		display: flex;
		width:fit-content;
		align-items: center;
		gap:10px;
		padding-bottom: .1em;
		background: linear-gradient(#38ade0, #38ade0) 0 100% / 0 1px no-repeat;
		transition: background 0s;
		text-decoration: none;
	}
	#post_contents a[download]:hover
	{
		color:#0f88bc;
		background-size: 100% 1px;
	}
	#post_contents a[download]::before
	{
		content:"";
		display: inline-block;
		width:1em;
		height:1em;
		background-color: #70a5ff;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: 100%;
		mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32V274.7l-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7V32zM64 352c-35.3 0-64 28.7-64 64v32c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V416c0-35.3-28.7-64-64-64H346.5l-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352H64zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>');
	}
	#post_contents a.page_back
	{
		width:fit-content;
		display: flex;
		justify-content: center;
		align-items: center;
		gap:10px;
		padding:0.1em 0.3em;
		margin:0 auto 0.5em;
		transition: 0.3s;
		text-decoration: none;
		/* border-top:1px solid #38ade0; */
		border-bottom:1px solid #38ade0;
	}
	#post_contents a.page_back:hover
	{
		color:#0f88bc;
		border-color:transparent;
	}
	#post_contents a.page_back::before
	{
		content:"";
		display: inline-block;
		width:1em;
		height:1em;
		background-color: #70a5ff;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: 100%;
		mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M205 34.8c11.5 5.1 19 16.6 19 29.2v64H336c97.2 0 176 78.8 176 176c0 113.3-81.5 163.9-100.2 174.1c-2.5 1.4-5.3 1.9-8.1 1.9c-10.9 0-19.7-8.9-19.7-19.7c0-7.5 4.3-14.4 9.8-19.5c9.4-8.8 22.2-26.4 22.2-56.7c0-53-43-96-96-96H224v64c0 12.6-7.4 24.1-19 29.2s-25 3-34.4-5.4l-160-144C3.9 225.7 0 217.1 0 208s3.9-17.7 10.6-23.8l160-144c9.4-8.5 22.9-10.6 34.4-5.4z"/></svg>');
	}
	#post_contents a.btn_icon
	{
		width: 350px;
		line-height: 1.3;
		border-radius: 8px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 10px 30px 10px 20px;
		color:#222;
		background: #fff;
		border: 1px solid #70a5ff;
		position: relative;
		z-index: 1;
		text-decoration: none;
		box-shadow: 3px 3px 7px rgba(112, 165, 255, .4);
	}
	#post_contents a.btn_icon:hover
	{
		color:#fff;
		background: #70a5ff;
		border: 1px solid #70a5ff;
		position: relative;
		z-index: 1;
		text-decoration: none;
		box-shadow: 3px 3px 7px rgba(112, 165, 255, .4);
	}
	#post_contents a.btn_icon.pdf::before
	{
		content:"";
		display: block;
		width:1.5em;
		height:1.5em;
		position: absolute;
		left:20px;
		background-color: #70a5ff;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: contain;
		mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file-type-pdf"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" /><path d="M5 18h1.5a1.5 1.5 0 0 0 0 -3h-1.5v6" /><path d="M17 18h2" /><path d="M20 15h-3v6" /><path d="M11 15v6h1a2 2 0 0 0 2 -2v-2a2 2 0 0 0 -2 -2h-1z" /></svg>');
	}
	#post_contents a.btn_icon.excel::before
	{
		content:"";
		display: inline-block;
		width:1.5em;
		height:1.5em;
		position: absolute;
		left:20px;
		background-color: #70a5ff;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: contain;
		mask-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-file-type-xls"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M5 12v-7a2 2 0 0 1 2 -2h7l5 5v4" /><path d="M4 15l4 6" /><path d="M4 21l4 -6" /><path d="M17 20.25c0 .414 .336 .75 .75 .75h1.25a1 1 0 0 0 1 -1v-1a1 1 0 0 0 -1 -1h-1a1 1 0 0 1 -1 -1v-1a1 1 0 0 1 1 -1h1.25a.75 .75 0 0 1 .75 .75" /><path d="M11 15v6h3" /></svg>');
	}

    #post_contents > h3
	{
		font-size: 2rem;
	    font-weight: 400;
		padding-bottom:10px;
		margin-bottom:24px;
		border-bottom: 1px solid #ccc;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		gap:10px;
		align-items: center;
	}
	#post_contents > h3 span
	{
		display:inline-block;
		margin-left:16px;
		color:#ff8080;
	}
	#post_contents > h3::after
	{
		content:"";
		position: absolute;
		left:0;
		bottom:-2px;
		height:3px;
		width: 80px;
		background: #cee27e;
	}
	#post_contents > h4
	{
		font-size:1.6rem;
		margin-bottom: 18px;
		line-height: 1.5;
	}

	#post_contents > h5
	{
		font-size:15px;
		font-weight: 800;
		margin-bottom: 10px;
		position: relative;
		padding: .5em 1.4em;
		color: #333333;
	}

	#post_contents > h5::before,
	#post_contents > h5::after {
		display: inline-block;
		position: absolute;
		transform: translateY(-50%);
		width: 10px;
		height: 10px;
		border: 2px solid #70a5ff;
		content: '';
	}

	#post_contents > h5::before {
		top: calc(50% - 3px);
		left: 0;
	}

	#post_contents > h5::after {
		top: calc(50% + 3px);
		left: 5px;
	}

	#post_contents .flex
	{
		display: flex;
		gap:30px;
		flex-wrap: wrap;
	}
	#post_contents .flex > *
	{
		max-width: 30%;
	}
	#post_contents .flex > * img
	{
		width: 100%;
	}

	#post_contents .box
	{
		margin:0.8em auto;
		padding:1em;
		line-height: 1.8;
		background:#f6f2eb;
		border-radius: 8px;
	}
	#post_contents .box strong
	{
		color:#666;
	}
    #post_contents .box p
	{
		text-align: left;
	}
	#post_contents .box span
	{
		display: inline-block;
	}

	#post_contents ul
	{
		list-style: none;
		margin:10px 15px 10px 15px;
		padding-left: 1.0em;
	}
	#post_contents ul li
	{
		text-indent: -1.5em;
		margin-bottom: 0.3em;
		line-height: 1.5;
	}
	#post_contents ul li:before
	{
		content:"";
		display: inline-block;
		position: relative;
		/* left:-2rem; */
		left:0;
		width:1em;
		height:1em;
		background-color: #70a5ff;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: contain;
		mask-image:url(../images/common/icon/check.svg);
		margin-right: 0.8em;
	}
	#post_contents ol
	{
		margin:10px 15px 10px 15px;
		padding-left: 1.2em;
        list-style-type: decimal;
	}
	#post_contents ol li
	{
		text-indent: 0;
		margin-bottom: 0.3em;
		line-height: 1.5;
	}
	#post_contents ol li::marker
	{
		color: #70a5ff;
	}

	#post_contents table
	{
		width: 100%;
        border-collapse: collapse;
        border-top: 1px solid #ccc;
        table-layout: fixed;
		margin-top:1em;
		margin-bottom:1em;
	}
    #post_contents table :is( th, td )
    {
        border-bottom: 1px solid #ccc;
        padding: 0.8em 1em;
        font-weight: 400;
		word-break: break-all;
    }
	#post_contents table tbody th
    {
        background: #f6f4f2;
        color: #222;
        text-align: left;
        max-width: 260px;
    }
	#post_contents table thead th
    {
        background: #f1e5d6;
		padding: 5px 1em;
		font-size: 1.4rem;
		text-align: left;
	}
	#post_contents table tr th:first-child
    {
		width:23%;
        max-width: 260px;
    }
	#post_contents table tfoot th,
	#post_contents table tfoot td
    {
        /* background: #e5e5df; */
        background: rgb(240, 240, 240);
    }
	#post_contents table tfoot th
    {
		text-align: left;
    }
	#post_contents table p
	{
		margin:0
	}
	#post_contents hr
    {
        margin:50px 0;
    }

	#post_contents img
	{
		margin-top:1em;
		margin-bottom:1em;
	}

	#post_contents + .doc_link
	{
		display: flex;
		justify-content: center;
		gap:30px 50px;
		flex-wrap: wrap;
		margin-bottom: 0px;
	}
	#post_contents + .doc_link > a
	{
		display: none;
	}
	#post_contents + .doc_link > a:has(img)
	{
		width: calc( ( 80% - 150px ) / 4 );
		display: block;
		aspect-ratio: 200 / 283;
	}
	#post_contents + .doc_link > a img
	{
		border: 1px solid #ccc;
		width:100%;
		height:100%;
		object-fit: contain;
	}

	/* 画像横並びレイアウト */
	#post_contents > .grid
	{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 32px 24px;
		margin-bottom:24px;
	}
	#post_contents > .grid.col3
	{
		grid-template-columns: repeat(3, 1fr);
	}
	#post_contents > .grid.col4
	{
		grid-template-columns: repeat(4, 1fr);
	}
	#post_contents > .grid.col5
	{
		grid-template-columns: repeat(5, 1fr);
	}
	#post_contents > .grid div p
	{
		line-height: 1.3;
	}
	#post_contents > .grid figure
	{
		margin:0;
		padding:0;
	}
	#post_contents > .grid img
	{
		width: 100%!important;
		aspect-ratio: 4 / 3;
		object-fit: cover;
		margin:0;
	}
	#post_contents > .grid.contain img
	{
		width: 100%!important;
		aspect-ratio: 1 / 1;
		object-fit: contain;
		background-color: #f7f7f7;
		background-image: radial-gradient(circle, #ffffff, #f7f7f7);
		margin:0;
	}

	@media screen and (max-width: 768px)
	{
		#post_contents
		{
			padding:0 0em 30px 0;
		}
		#post_contents img
		{
			max-width: 100%;
			height:auto;
			object-fit: contain;
			display: block;
		}
		#post_contents hr
		{
			margin:25px 0;
		}
		#post_contents table
		{
			width: 100%!important;
			max-width: 100%!important;
			table-layout: auto!important;
			font-size:1.1rem;
		}
		#post_contents table :is( th, td )
		{
			padding: 0.5em 0.5em;
			border: 1px solid #eee;
		}
		#post_contents table :is(thead,tbody) th
		{
			font-size: 0.9rem;
		}
		#post_contents table :is(thead) th:first-child
		{
			width: auto;
		}
		#post_contents table :is(tbody) th:first-child
		{
			width: 20%;
		}

		#post_contents + .doc_link
		{
			justify-content: flex-start;
			width: 80%;
			margin: auto;
		}
		#post_contents + .doc_link > a:has(img)
		{
			width: calc( ( 100% - 50px ) / 2 );
		}

		#post_contents > .grid.col3
		{
			grid-template-columns: repeat(1, 1fr);
			gap: 24px;
		}
		#post_contents > .grid.col4
		{
			grid-template-columns: repeat(2, 1fr);
			gap: 16px;
		}
		#post_contents > .grid.col5
		{
			grid-template-columns: repeat(2, 1fr);
			gap: 16px;
		}
	}