@charset "utf-8";
/* CSS Document */
:root {
	--black: #121212;
	--accent-color: #C4896A;
	--base-color: #E6E2E1;
	--gray: #666666;
	--white: #FFF;
	--J-fonts: "Sawarabi Gothic", sans-serif;
	--E-fonts: 'Roboto Condensed', sans-serif;
}
html {
	scroll-behavior: smooth;
}
body {
	font-family: var(--J-fonts);
	color: var(--black);
	position: relative;
	background: #666;
	line-height: 1;
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	transition: .3s all;
}
a {
	text-decoration: none;
	color: var(--black);
	transition: .3s all;
}
a:hover {
	opacity: .5;
}
ul {
	margin-block-start: 0;
	margin-block-end: 0;
	padding-inline-start: 0;
}
li {
	list-style: none;
}
.pc_display {
	display: none;
}
.pagination {
	display: none;
}
/*========== header ==========*/
header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #2c3c49;
	padding: 10px;
	height: 60px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
header .next__logo {
	width: min(40vw, 160px);
}
header h1 {
	color: var(--white);
	font-size: min(4.6153vw, 18px);
}
.humburger__btn {
	width: 24px;
	height: 24px;
	position: relative;
}
.humburger__btn span {
	width: 100%;
	height: 2px;
	background: var(--white);
	display: inline-block;
	border-radius: 1px;
	position: absolute;
	transition: .3s all;
	border-radius: 2px;
}
.humburger__btn .top {
	top: 10%;
	left: 50%;
	transform: translateX(-50%);
}
.humburger__btn .middle {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.humburger__btn .bottom{
	top: 85%;
	left: 50%;
	transform: translateX(-50%);
}
.humburger__btn.active .top {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}
.humburger__btn.active .middle  {
	display: none;
}
.humburger__btn.active .bottom {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-45deg);
}

.humburger__list {
	background: #333;
	position: fixed;
	top: 60px;
	right: -100%;
	height: calc(100vh - 60px);
	width: 50%;
	transition: .8s all;
	z-index: 999;
}
.humburger__list.open {
	right: 0;
	overflow: scroll;
}
.humburger__list #menu {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.humburger__list #menu li a {
	display: block;
	text-align: center;
	padding: 8px 2px;
	font-size: min(3.5897vw, 14px);
	font-weight: 600;
	color: var(--white);
	border-bottom: 1px solid var(--white);
}
.humburger__list #menu li:nth-child(odd) a {
	border-right: 1px solid var(--white);
}
.humburger__list #menu li a.current,
.humburger__list #menu li a:hover {
	background: var(--white);
	color: #333;
	opacity: 1;
}
.humburger__list .summary__btn {
	display: flex;
	justify-content: center;
	width: fit-content;
	background: var(--white);
	color: #2c3c49;
	font-size: min(3.5897vw, 14px);
	font-weight: 600;
	padding: 8px 16px;
	border-radius: 4px;
	margin: 40px auto 0;
}
.humburger__list .logo {
	display: block;
	width: min(80%, 300px);
	margin: 24px auto;
}
/*========== box ===========*/
.box {
	padding-top: 60px;
	position: relative;
}
.box__wrap {
	width: 100vw;
}
.box .icon_top {
	width: 16px;
}
.bg__image__wrap {position: absolute;top: 0;left: 0;width: 100%;height: 100%;clip: rect(auto, auto, auto, auto);}

.bg__image {
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
}

/*=========== background ===========*/
#firstPage .bg__image {
    background: url(../img/main.jpg) no-repeat center;
	background-size: cover;
}
#Page_02 .bg__image {
    background: url(../img/1995_01a.jpg) no-repeat center;
	background-size: cover;
}
#Page_03 .bg__image {
	background: url(../img/1995_02a.jpg) no-repeat center;
	background-size: cover;
}
#Page_04 .bg__image {
	background: url(../img/1996a.jpg) no-repeat center;
	background-size: cover;
}
#Page_05 .bg__image {
	background: url(../img/1997a.jpg) no-repeat center;
	background-size: cover;
}
#Page_06 .bg__image {
    background: url(../img/1998a.jpg) no-repeat center;
	background-size: cover;
}
#Page_07 .bg__image {
    background: url(../img/1999a.jpg) no-repeat center;
	background-size: cover;
}
#Page_08 .bg__image {
    background: url(../img/2000a.jpg) no-repeat center;
	background-size: cover;
}
#Page_09 .bg__image {
    background: url(../img/2001a.jpg) no-repeat center;
	background-size: cover;
}
#Page_10 .bg__image {
    background: url(../img/2002a.jpg) no-repeat center;
	background-size: cover;
}
#Page_11 .bg__image {
    background: url(../img/2003a.jpg) no-repeat center;
	background-size: cover;
}
#Page_12 .bg__image {
    background: url(../img/2004a.jpg) no-repeat center;
	background-size: cover;
}
#Page_13 .bg__image {
    background: url(../img/2005a.jpg) no-repeat center;
	background-size: cover;
}
#Page_14 .bg__image {
    background: url(../img/2006a.jpg) no-repeat center;
	background-size: cover;
}
#Page_15 .bg__image {
    background: url(../img/2007a.jpg) no-repeat center;
	background-size: cover;
}
#Page_16 .bg__image {
    background: url(../img/2008a.jpg) no-repeat center;
	background-size: cover;
}
#Page_17 .bg__image {
    background: url(../img/2009a.jpg) no-repeat center;
	background-size: cover;
}
#Page_18 .bg__image {
    background: url(../img/2010a.jpg) no-repeat center;
	background-size: cover;
}
#Page_19 .bg__image {
    background: url(../img/2011a.jpg) no-repeat center;
	background-size: cover;
}
#Page_20 .bg__image {
    background: url(../img/2012a.jpg) no-repeat center;
	background-size: cover;
}
#Page_21 .bg__image {
    background: url(../img/2013a.jpg) no-repeat center;
	background-size: cover;
}
#Page_22 .bg__image {
    background: url(../img/2014a.jpg) no-repeat center;
	background-size: cover;
}
#Page_23 .bg__image {
    background: url(../img/2015.jpg) no-repeat center;
	background-size: cover;
}
#Page_24 .bg__image {
    background: url(../img/2016.jpg) no-repeat center;
	background-size: cover;
}
#Page_25 .bg__image {
    background: url(../img/2017.jpg) no-repeat center;
	background-size: cover;
}
#Page_26 .bg__image {
    background: url(../img/2018.jpg) no-repeat center;
	background-size: cover;
}
#Page_27 .bg__image {
    background: url(../img/2019.jpg) no-repeat center;
	background-size: cover;
}
#Page_28 .bg__image {
    background: url(../img/2020.jpg) no-repeat center;
	background-size: cover;
}
#Page_29 .bg__image {
    background: url(../img/2021.jpg) no-repeat center;
	background-size: cover;
}
#Page_30 .bg__image {
    background: url(../img/2022.jpg) no-repeat center;
	background-size: cover;
}
#Page_31 .bg__image {
    background: url(../img/2023.jpg) no-repeat center;
	background-size: cover;
}

/*========== firstPage ===========*/
#firstPage .box__wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 50px;
	height: 100%;
}
#firstPage .title__wrap {
	width: 100%;
}
#firstPage .title__wrap h1 {
	color: var(--white);
	font-size: 40px;
	text-align: center;
	text-shadow: 2px 0px 4px var(--black);
	display: flex;
	flex-direction: column;
}
#firstPage .title__wrap h1 span {
	font-size: 24px;
}
#firstPage .title__wrap p {
	font-size: 14px;
	color: var(--white);
	width: 90%;
	margin: 20px auto;
	display: flex;
	justify-content: center;
	font-weight: 600;
	text-shadow: 2px 0px 4px var(--black);
	line-height: 1.7;
	text-align: center;
	max-width: 500px;
}
#firstPage .title__wrap a {
	font-size: 14px;
	color: var(--white);
	width: 90%;
	margin: 20px auto;
	display: block;
	font-weight: 600;
	text-shadow: 2px 0px 4px var(--black);
	text-align: center;
	line-height: 1.7;
	position: relative;
}
#firstPage .title__wrap a::before {
	content: "";
	width: 50px;
	height: 50px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0MHB4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJNMTczLjMzLTM3OS4zMyA0Mi42Ny01MTBsMzIuNjYtMzIuNjcgNzIuNjcgNzJxLTcuMzMtMzAuMzMtMTEtNjAuNjYtMy42Ny0zMC4zNC0zLjY3LTYwLjY3IDAtNzguNjcgMjUuMzQtMTUyLjMzUTE4NC04MTggMjMyLjMzLTg4MEwyNjYtODQ2LjMzUTIyMy42Ny03OTEgMjAxLjgzLTcyNi4xNyAxODAtNjYxLjMzIDE4MC01OTJxMCAzMS4zMyA1IDYxLjgzVDE5Ny42Ny00NzBsNzMuNjYtNzIuNjdMMzA0LTUxMCAxNzMuMzMtMzc5LjMzWm00NzYuNjcgMjUzcS0yMSA4LTQzLjUgNy4xNi0yMi41LS44My00My4xNy0xMS4xNkwyOTgtMjUzLjY3bDEwLjY3LTMwLjY2cTYuNjYtMTkuMzQgMjItMzEuNVEzNDYtMzI4IDM2Ni42Ny0zMzBsODguNjYtN0wzNDAtNjUyLjY3cS01LjMzLTEzLjMzLjY3LTI1LjE2IDYtMTEuODQgMTkuMzMtMTcuMTcgMTMuMzMtNS4zMyAyNS41LjY3VDQwMy02NzVsMTQ1LjMzIDM5OC4zMy0xMTguNjYgMTAuMzRMNTkyLTE5MC42N3E4LjMzIDMuNjcgMTcuNjcgMy44NCA5LjMzLjE2IDE3LjY2LTIuNUw3ODUuNjctMjQ3cTM2LjMzLTEzIDUyLjY2LTQ4LjE3IDE2LjM0LTM1LjE2IDMuMzQtNzEuNUw3ODItNTI5LjMzcS01LjMzLTEzLjM0LjY3LTI1LjUgNi0xMi4xNyAxOS4zMy0xNy41IDEzLjMzLTUuMzQgMjUuNS42NnQxNy41IDE5LjM0bDU5IDE2Mi42NnEyMyA2My00LjUgMTIyLjV0LTkwLjUgODIuNWwtMTU5IDU4LjM0Wm0tODUuMzMtMjc0LjM0LTU2LjY3LTE1N3EtNS4zMy0xMy4zMy42Ny0yNS4xNiA2LTExLjg0IDE5LjMzLTE3LjE3IDEzLjMzLTUuMzMgMjUuMTcuNjcgMTEuODMgNiAxNy4xNiAxOS4zM2w1NyAxNTYuNjctNjIuNjYgMjIuNjZaTTY4MS00NDNsLTQzLTExOXEtNS4zMy0xMy4zMy42Ny0yNS41VDY1OC02MDVxMTMuMzMtNS4zMyAyNS4xNy42NyAxMS44MyA2IDE3LjE2IDE5LjMzTDc0NC00NjUuNjcgNjgxLTQ0M1ptMCA5NS4zM1oiLz48L3N2Zz4=);
	background-size:contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 110%;
	left: 50%;
	transform: translateX(-50%);
}
#firstPage .title__wrap a span {
	font-size: 18px;
}
#firstPage .discription__wrap {
	width: min(100%, 1200px);
	background: rgba(0,0,0,0.6);
	color: var(
	--white);
	padding: 17px;
}


#firstPage .discription__wrap dt {
	background: #333;
	width: fit-content;
	padding: 8px;
	font-size: min(3.5897vw, 14px);
	border-radius: 4px;
	margin-bottom: 8px;
}

#firstPage .discription__wrap dd img {
	width: 16px;
}
#firstPage .discription__wrap dd {
	font-size: min(3.5897vw, 14px);
}

#firstPage .discription__wrap dd ul {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
#firstPage .discription__wrap dd ul li {
	text-align: left;
	line-height: 1.5;
}
#firstPage .discription__wrap dd .info {
	padding: 4px;
	border: 1px solid var(--white);
	margin-top: 16px;
	text-align: center;
}
.box__inner.left {
	margin-top: 20px;
}
.title__text {
	width: 90%;
	margin: 0 auto;
}
.title__text .title {
	background: #698296;
	color: var(--white);
	padding: 5px 10px;
	font-size: min(4.102vw, 16px);
}
.title__text .inner dl {
	background: #a8bbcb;
	display:  grid;
	grid-template-columns: 1fr 1fr;
}
.title__text .inner dl dt, 
.title__text .inner dl dd {
	padding: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.title__text .inner dl dt {
	font-size: 24px;
	border-right: 1px solid var(--black);
}
.title__text .inner dl dt span {
	font-size: min(3.5897vw, 14px);
	padding-left: 4px;
}
.title__text .inner dl dd {
	font-size: min(4.102vw, 16px);
}
.news__title img {
	margin-left: 4px;
}
.icon_file {
	width: 1em;
}
.title__text .inner h2 {
	background: rgba(255, 255, 255, .9);
	display: flex;
	align-items: center;
	padding: 10px;
	font-size: min(4.102vw, 16px);
	font-weight: 500;
}
.title__text .inner h2 .news__title {
	font-size: min(4.102vw, 16px);
}
.title__text .inner .day {
	padding: 4px 8px;
	background:#698296;
	color: var(--white);
	font-size: min(3.5897vw, 14px);
	border-radius: 4px;
}
.title__text .inner a {
}
.title__comment {
	width: 90%;
	margin: 20px auto;
	background: rgba(255, 255, 255, .9);
	padding: 10px;
	font-size: min(3.5897vw, 16px);
	text-align: left;
}

.box__inner.right {
	background: rgba(255, 255, 255, .9);
	padding-block: 10px calc(10px + 4px);
}
.box__inner.right .list {
	width: 95%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.box__inner.right .list li {
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: min(14%, 65px) 86%;
	/* align-items: center; */
	border-bottom: 1px solid #ccc;
	padding-block: 8px;
	position: relative;
}
.box__inner.right .list li .day {
	grid-row: 1/2;
	grid-column: 1/2;
}
.box__inner.right .list li .list__inner {
	grid-row: 1/2;
	grid-column: 2/3;
}
.box__inner.right .list li .list__comment {
	grid-row: 2/3;
	grid-column: 1/3;
	display: flex;
	align-items: flex-start;
	margin-top: 8px;
	padding-left: min(14%, 65px);
}
.list__comment img {
	width: min(40%, 270px);
}
.list__comment p {
	font-size: min(3.5897vw, 16px);
	padding-left: 8px;
	text-align: left;
}
.box__inner.right .list .day {
	padding: 4px;
	background:#698296;
	color: var(--white);
	border-radius: 4px;
	font-size: min(3.5897vw, 16px);
	text-align: center;
	height: fit-content;
}
.news__title,
.list .mark {
	font-size: min(3.5897vw, 16px);
}
.list__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	padding-left: 8px;
}
.news__title {
	line-height: 1.5;
}
.news__title:has(.icon_file) {
		text-decoration: underline;
}
.mark {
	display: flex;
	justify-content: flex-end;
	color: var(--white);
	padding: 4px 9px;
	border-radius: 24px;
	font-size: min(3.0769vw, 14px);
    margin-left: auto;
}
.mark.care {
	background: #448A7A;
}
.mark.higai {
	background: #5b2eb5;
}
 .mark.sumai {
	background: #80A85E;
}
.mark.lifeline {
	background: #2a85e0;
}
.mark.matidukuri {
	background: #fb2c5f;
}
.mark.infra {
	background: #d36d6d;
}
.mark.keizai {
	background: #3566f9;
}
.mark.bousai {
	background: #e56e1f;
}
.mark.volunteer {
	background: #cac417;
}
.link-btn__wrap {
	display: grid;
	place-items: center;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin-top: 15px;
	width: 100%;
}
.link-btn__wrap a {
	display: flex;
	justify-content: center;
	font-size: min(3.5897vw, 16px);
	letter-spacing: .5px;
	font-weight: 600;
	padding: 10px 15px;
	background: #a8bbcb;
	color: var(--white);
	gap: 8px;
	width: 100%;
}
.link-btn__wrap .summary__btn {
	width: 100%;
}
.link-btn__wrap a span {
	display: block;
	width: 16px;
	height: 16px;
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjZmZmIj48cGF0aCBkPSJtMzIxLTgwLTcxLTcxIDMyOS0zMjktMzI5LTMyOSA3MS03MSA0MDAgNDAwTDMyMS04MFoiLz48L3N2Zz4=);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/*========== table_basic ===========*/
.pagelink__btn.sp {
	display: flex;
	justify-content: center;
	width: fit-content;
	background: var(--white);
	color: #2c3c49;
	font-size: min(3.58974vw, 16px);
	font-weight: 600;
	padding: 8px;
	border-radius: 4px;
}
.summary h1 {
	font-size: min(4.102vw, 18px)
}
.table_basic {
	background: var(--white);
	padding-top: 80px;
}
.table_basic table {
	/* width: 90%; */
	margin: 0 10px;
}
.table_basic table tbody tr {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--black);
}
.table_basic table tbody tr:not(.table_basic table tbody tr:last-child) {
	margin-bottom: 20px;
}
.table_basic table tbody tr .year {
	background: -webkit-linear-gradient( #293548 0%, #424347 50%, #293548 100%);
	background: linear-gradient( #293548 0%, #424347 50%, #293548 100%);
	color: var(--white);
	text-align: center;
	padding: 8px;
	line-height: 1.3;
	font-size: min(4.61538vw, 18px);
	font-weight: 600;
}
.table_basic table tbody tr th {
	padding: 8px;
	text-align: center;
	border: 1px solid #ccc;
	margin: 10px;
	border-radius: 4px;
	font-size: min(4.102vw, 16px);
	background: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 50%, #dddddd 100%);
	background: linear-gradient( #ffffff 0%, #e7e7e7 50%, #dddddd 100%);
}
.table_basic table tbody tr .dekigoto,
.table_basic table tbody tr .omonews {
	margin: 10px;
}
.table_basic table tbody tr .dekigoto ul,
.table_basic table tbody tr .omonews ul {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.table_basic table tbody tr .dekigoto ul li,
.table_basic table tbody tr .omonews ul li {
	line-height: 1.5;
	font-size: min(3.58974vw, 14px);
}
.table_basic table tbody tr .dekigoto ul li h3 {
	padding: 4px;
	background:#698296;
	color: var(--white);
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	margin-right: 8px;
	width: 48px;
}
.table_basic table tbody tr .omonews ul li {
	padding-left: 20px;
	position: relative;
}
.table_basic table tbody tr .omonews ul li:before {
	content: "";
	width: min(3.58974vw, 14px);
	height: min(3.58974vw, 14px);
	background: #004388;
	border-radius: 50%;
	position: absolute;
	top: .3em;
	left: 0;
}
.table_basic .pc__head {
	display: none;
}

footer {
	background: #2c3c49;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer p {
	font-size: min(3.0769vw, 14px);
	color: var(--white);
}

@media (min-width: 768px) {
	.sp_display {
		display: none;
	}
	.pc_display {
		display: block;
	}
	.mobile_only {
		display: none;
	}
	/*== header ==*/
	header {
		justify-content: flex-start;
		gap: 16px;
	}
	header .summary__btn {
		display: flex;
		justify-content: center;
		width: fit-content;
		background: var(--white);
		color: #2c3c49;
		font-size: 14px;
		font-weight: 600;
		padding: 8px 16px;
		border-radius: 4px;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
	}
    .humburger__list .summary__btn {
        display: none;
    }
	.humburger__list {
		left: 40px;
		width: 160px;
	}
	.box {
		padding-top: 0;
		/* display: flex; */
	}
	.humburger__list .logo {
		display: none;
	}
	#firstPage .box__wrap {
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		gap: 20px;
		width: 100%;
	}
	#firstPage .title__wrap,
	#firstPage .discription__wrap {
		position: initial;
		transform: translateX(0);
		width: 100%;
	}
	#firstPage .title__wrap h1 {
		font-size: min(6.25vw, 48px);
	}
	#firstPage .title__wrap h1 span {
		font-size: min(3.515625vw, 32px);
	}
	#firstPage .title__wrap p {
		font-size: 16px;
		width:  100%;
	}
	#firstPage .discription__wrap dt,
	#firstPage .discription__wrap dd {
		font-size: 16px;
	}
	.title__text .title {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 998;
		writing-mode: vertical-lr;
		height: 100vh;
		padding-top: calc(60px + 20px);
		width: 40px;
		display: flex;
		align-items: center;
		background: #666;
		font-size: 21px;
		height: 100%;
	}
	.title__text .title .ten {
		text-combine-upright: all;
		-webkit-text-combine: horizontal;
		-ms-text-combine-horizontal: all;
	}
	.box__wrap {
		padding-left: calc(160px + 40px + 20px);
		padding-right: 20px;
		padding-block: calc(60px + 20px) 20px;
	}
	.box__inner.left {
		margin-top: 0;
	}
	.box__inner.right {
		padding: 10px;
		overflow: hidden;
		overflow-y: scroll;
		margin-top: 20px;
	}
	.title__text .inner dl dt {
		font-size: 40px;
	}
	.title__text .inner dl dt span,
	.title__text .inner dl dd,
	.title__text .inner h2 .news__title {
		font-size: 24px;
	}
	.title__text .inner .day {
		font-size: 18px;
	}
	
	.title__text,
	.title__comment {
		width: 100%;
	}
	.title__comment {
		margin-bottom: 0;
	}
	.box__inner.right .list {
		width: 100%;
	}
	/*== table_basic ==*/
	.pagelink__btn {
		display: flex;
		justify-content: center;
		width: fit-content;
		background: var(--white);
		color: #2c3c49;
		font-size: min(1.822916vw, 16px);
		font-weight: 600;
		padding: 8px;
		border-radius: 4px;
		position: absolute;
		top: 50%;
		right: 16px;
		transform: translateY(-50%);
	}
	.table_basic {
		padding-top: 110px;
	}
	.table_basic table {
		width: 100%;
		margin: 0;
	}
	.table_basic table tbody tr .year {
		align-items: center;
		justify-content: center;
		display: flex;
	}
	.table_basic table tbody tr th {
		border: none;
		border-radius: 0;
	}
	.table_basic table tbody tr th,
	.table_basic table tbody tr td {
		border: 1px solid #666;
	}
	.table_basic .pc__head .nengou,
	.table_basic table tbody tr .year {
		width: 10%;
	}
	.table_basic .pc__head .dekigoto,
	.table_basic .pc__head .omonews,
	.table_basic table tbody tr .dekigoto,
	.table_basic table tbody tr .omonews {
		width: 45%;
	}
	.table_basic table tbody tr th {
		letter-spacing: .5px;
	}

	.table_basic .pc__head .nengou {
		background: -webkit-linear-gradient( #293548 0%, #424347 50%, #293548 100%);
		background: linear-gradient( #293548 0%, #424347 50%, #293548 100%);
		color: var(--white);
	}
	.table_basic .pc__head .dekigoto,
	.table_basic table tbody tr .dekigoto {
		background: -webkit-linear-gradient( #d2e2ee 0%, #b8cfdf 50%, #95b5cc 100%);
		background: linear-gradient( #d2e2ee 0%, #b8cfdf 50%, #95b5cc 100%);
	}
	.table_basic .pc__head .omonews,
	.table_basic table tbody tr .omonews {
		background: -webkit-linear-gradient( #dbdce2 0%, #d4d4d4 50%, #b9bbc7 100%);
		background: linear-gradient( #dbdce20%, #d4d4d4 50%, #b9bbc7 100%);
	}
	.table_basic .pc__head li {
		padding: 15px;
		text-align: center;
		border: 1px solid #666;
		font-size: 18px;
		font-weight: 600;
	}
	.table_basic table tbody tr .dekigoto,
	.table_basic table tbody tr .omonews {
		margin: 0;
	}
	.table_basic table tbody tr .dekigoto ul,
	.table_basic table tbody tr .omonews ul {
		padding: 16px;
	}
	.table_basic table tbody tr .dekigoto ul li h3 {
		background: #2c3c49;
	}
	.table_basic table tbody tr:not(.table_basic table tbody tr:last-child) {
		margin-bottom: 0;
		border: none;
	}
	.table_basic table tbody tr {
		flex-direction: row;
		border: none;
	}
	.table_basic .pc__head {
		display: flex;
		position: fixed;
		top: 60px;
		left: 0;
		width:  100%;
		z-index: 999;
		height: 50px;
	}
	footer .pagelink__btn {
		position: static;
		transform: translateY(0);
	}
	footer {
		padding: 15px;
	}
}

@media (min-width: 1280px) {
	/*== box ==*/
	.box {
		padding-top: 0;
		display: flex;
	}
	.box__wrap {
		display: flex;
		padding-block: 0;
		padding-right: 0;
		padding-left: calc(160px + 40px);
	}
	/*== firstPage ==*/
	#firstPage .title__wrap h1 {
		display: block;
	}
	#firstPage .title__wrap h1 span {
		padding-left: 8px;
	}
	#firstPage .box__wrap {
		padding-left: calc(160px + 40px);
		justify-content: space-between;
	}
	#firstPage .title__wrap h1 {
		font-size: 56px;
	}
	#firstPage .title__wrap h1 span {
		font-size: 36px;
	}
	#firstPage .discription__wrap {
		padding: 20px;
	}
	#firstPage .discription__wrap div {
		max-width: 1200px;
		margin: 0 auto;
	}
	.box__inner.left {
		flex: 1.2;
	}
	.box__inner.right {
		flex: 1;
		padding: 20px;
		height: 100%;
		margin-top: 0;
		padding: calc(60px + 20px) 20px;
	}
	.box__inner.left {
		margin-top: 0;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		padding-block: calc(60px + 20px) 20px;
		height: 100vh;
	}
	.title__text {
		width: 90%;
		margin: 0 auto;
	}
	title__text .inner .day {
		font-size: min(1.40625vw, 24px);
	}
	.title__text .inner {
		display: flex;
		justify-content: center;

	}
	.box__inner.right .list .day {
		font-size: min(1.09375vw, 16px);
	}
	.title__text .inner dl {
		grid-template-columns: 1fr;
		width: 30%;
		border-left: #698296 12px solid;
		padding: 20px 15px;
	}
	
	.title__text .inner dl dt {
		border-right: none;
		font-size: min(3.125vw, 56px);
		padding: 0 0 10px;
		border-bottom: 1px solid var(--black);
	}
	.title__text .inner dl dd {
		padding: 10px 0 0;
	}
	.title__text .inner dl dt span,
	.title__text .inner dl dd {
		font-size: min(1.40625vw, 27px);
	}
	.title__text .inner h2 {
		width: 70%;
		flex-wrap: wrap;
		padding: 20px 15px;
		gap: 10px;
	}
	.title__text .inner h2 .news__title {
		font-size: min(1.40625vw, 32px);
	}
	.title__comment {
		width: 90%;
		margin: 0 auto;
	}
	.link-btn__wrap {
		margin-top: 40px;
		gap: 15px;
	}
	.link-btn__wrap a {
		font-size: 18px;
		padding: 15px;
	}
}