body{
	min-height:100vh;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
  	min-width:860px;
}@media screen and (max-width:768px){
	body{min-width:370px;}
}

header{
	margin:0;
	padding:0.25em 1em 1em 1em;
	width:100%;
	height:120px;
	background:var(--Header-background);
}

header p{
	margin:0 42px 0.5em 0;
	padding:0;
	font-size:0.75em;
	color:var(--white);
}

.header__column--flex{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.top__logo--small img{
	/*filter:drop-shadow(0px 0px 1px #FFF) drop-shadow(0px 0px 2px #FFF) drop-shadow(0px 0px 3px #FFF);*/
}
@media screen and (max-width:768px){
	.top__logo--small img{
		width:260px;
		height:auto;
	}
}

/*コンテンツ表示部分*/
main{
	width:auto;
	height:auto;
}

/***********************************/
/*Frontページ*/
/***********************************/

/*キャッチコピー*/

div.index__image--titlebox{
	margin:auto 0 0 0;
	padding:8rem 2rem 4rem 2rem;
	width:auto;
	height:auto;
	color:var(--white);
	clip-path:polygon(0 40%, 100% 0, 100% 100%, 0% 100%);
	background:var(--index__image--titlebox-bg);
}

div.index__image--titlebox h1{
	font-size:2.5em;
	line-height:1.2;
	filter: drop-shadow(0px 0px 3px #000);
	margin:0 0 0.25rem 0;
	padding:0;
	color:var(--white);
}

div.index__image--titlebox h1 span{
	display:block;
	font-size:0.8em;
}

.index__image--titlebox p{
	width:45%;
	line-height:1.2;
	font-size:1rem;
	font-weight:300;
	filter:drop-shadow(0px 0px 3px #000);
	color:var(--white);
}@media screen and (max-width: 768px){
	.index__image--titlebox p{
		width:auto;
	}
}

.home__column{
	margin:0;
	padding:0;
	width:auto;
	min-height:100vh;
}

.home__column h3{
	font-size:1.2em;
	color:var(--h3-color);
}


.home__column section{
	width:auto;
	min-height:100vh;
}

section.home__cover--view{
	min-height:calc(100vh - 160px);
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content:end;
}@media screen and (max-width: 768px){
	section.home__cover--view{min-height:calc(100vh - 120px);}
}

.home__column section{
	margin:0;
	padding:0;
}

.home__column section .pickup{
	margin:0;
	padding:2rem;
	min-height:auto;
}

.home__column section:first-child{
	margin:0;
	padding:0;
	min-height:calc(100vh - 135px);
	display:flex;
	flex-direction:column;
	justify-content:center;
}@media screen and (max-width: 768px){
	.home__column section:first-child{
		min-height:calc(100vh - 90px);
	}
}

.home__column section#section01{
	background-image:url(../img/to_all_citizens.svg);
	background-position:90% 10%;
	background-repeat:no-repeat;
	background-size:70%;
}

.home__column section#section02{
	background-image:url(../img/FAQ_bg.svg);
	background-position:90% 10%;
	background-repeat:no-repeat;
	background-size:70%;
}

.home__column section#section03{
	background-image:url(../img/Pickup_Information.svg);
	background-position:90% 10%;
	background-repeat:no-repeat;
	background-size:70%;
}

.home__column section#section04{
	background-image:url(../img/Event_Information.svg);
	background-position:90% 10%;
	background-repeat:no-repeat;
	background-size:70%;
}

.home__column section h2{
	text-align:left;
	margin:0 0 2rem 0;
	padding:2rem 2rem 2rem 2rem;
	font-size:2em;
	color:var(--white);
	clip-path:polygon(0 0, 100% 0, 100% 40%, 0% 100%);
	background:var(--index__image--titlebox-bg);
}

.home__column section h2 span{
	display:block;
	width:100%;
	font-weight:500;
	font-size:0.75rem;
}

.home__inner--col{
	margin:auto;
	padding:0 0 2rem 0;
	width:calc(100% - 3.5rem);
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	gap:1.5rem;

}@media screen and (max-width:768px){
	.home__inner--col{
		display:block;
	}
}

.home__inner--col div.cel2{
	flex:1 1 calc(50% - 1.5rem);
}

.home__inner--col div.cel3{
	flex:1 1 calc(33.33% - 1.5rem);
}

.home__inner--col div.cel3:first-child{
	flex:0 1 calc(33.33% - 1rem);
}

.home__inner--col h3{
	margin:0 0 0.5em 0;
	padding:0;
	font-size:1.5em;
}

.home__news--title{
	position:relative;
	margin:0;
}

.home__news--title figure{
	height:auto;
	overflow:hidden;
}@media screen and (max-width:768px){
	.home__news--title figure{
		position:static;
	}
}

.home__news--title figure img{
	display:block;
	width:100%;
	height:auto;
}

.home__news--title h3{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0.5em;
	z-index:100;
}

.home__contents--info{
	flex:1 1 auto;
	margin:0;
	padding:0.5em;
	background:var(--Gray-bri);
	display:flex;
	flex-direction:column;
	position:relative;
	transition: all 0.3s ease-in-out;
}@media screen and (max-width:768px){
	.home__contents--info{
		margin:0 0 1em 0;
	}
}

.home__contents--info p{
	font-size:0.8em;
}

.home__contents--info button{
	width:fit-content;
	margin:auto 0 0 auto;
	padding:0.5em;
	border:none;
	background:var(--Ore-bri);
	color:var(--white);
}

.home__contents--info a{
	color:var(--white);
	text-decoration:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	text-indent:-100em;
	overflow:hidden;
}

.home__contents--info:hover{
	transform: scale(1.05);
}

.home__inner--faq{
	margin:auto auto 1.5rem auto;
	padding:0;
	width:calc(100% - 3.5rem);
	display:flex;
	flex-direction:column;
}


.home__inner--faq button{
	width:fit-content;
	margin:auto 0 0 auto;
	padding:0.5em;
	border:none;
	background:var(--Ore-bri);
	color:var(--white);
}

.home__inner--faq button a{
	color:var(--white);
	text-decoration:none;
	display:block;
}


.home__column aside{
	margin:0;
	padding:2rem;
	min-height:100vh;
}


/*ピックアップカード*/

.home__contents--pickup{
	margin:0;
	padding:0.5em;
	background:var(--Gray-bri);
	display:flex;
	flex-direction:column;
	position:relative;
	transition: all 0.3s ease-in-out;
}@media screen and (max-width:768px){
	.home__contents--pickup{
			margin:0 0 1em 0;
	}
}

.home__contents--pickup h3{
	font-size:1.2em;
}

.home__contents--pickup time{
	display:block;
	width:fit-content;
	font-size:0.75rem;
	font-weight:300;
	color:var(--Blac-jet);
}

.home__contents--pickup em{
	display:block;
	width:fit-content;
	font-size:0.75rem;
	font-weight:300;
	color:var(--white);
	background:var(--Ore-bri);
	font-style:normal;
	padding:0.25em 0.5em 0.25em 0.5em;
	margin:0.25em 0 0.25em 0;
}

.home__contents--pickup p{
	font-size:0.8em;
}

.home__contents--pickup button{
	width:fit-content;
	margin:auto 0 0 auto;
	padding:0.5em;
	border:none;
	background:var(--Ore-bri);
	color:var(--Whit-off);
}

.home__contents--pickup a{
	color:var(--Whit-off);
	text-decoration:none;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	text-indent:-100em;
	overflow:hidden;
	
}

.home__contents--pickup:hover{
	transform: scale(1.05);
}


/******************************************************************************/
/*FOOTER*/

footer{
	margin:auto 0 0 0;
	padding:2rem;
	width:auto;
	height:auto;
	background:var(--Footer-background);
}

footer h4{
	margin:0 0 1rem 0;
	padding:0 0 0 0;
	color:var(--white);
}

footer h5{
	margin:0 0 1rem 0;
	padding:0 0 0 0;
	color:var(--white);
}

footer h6{
	margin:0 0 1rem 0;
	padding:0 0 0 0;
	color:var(--white);
}

div.ft__2col--fullwidth *{
	font-size:0.75rem;
}

div.ft__2col--fullwidth{
	margin:0;
	padding:0;
	width:auto;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}@media screen and (max-width:768px){
	div.ft__2col--fullwidth{
		display:block;
	}
}

/*連絡先表示*/
div.footer__addr--left{
	margin:0 0 1.5em 0;
	padding:0;
	width:auto;
	height:auto;
	max-width:620px;
	color:var(--white);

}@media screen and (max-width:768px){
	div.footer__addr--left{
		max-width:100%;
	}
}

div.footer__addr--left h4{
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

div.footer__addr--left h4 a{
	display:block;
	margin:0;
	padding:0;
	width:100%;
	height:auto;
}

div.footer__addr--left a img{
	display:block;
	margin:0;
	padding:0;
}@media screen and (max-width:768px){
	div.footer__addr--left a img{
		margin:0 auto 0 auto;
	}
}

div.footer__addr--left figure img{
	/*filter:drop-shadow(0px 0px 1px #FFF);*/
}

div.footer__addr--left address{
	display:flex;
	flex-wrap:wrap;
	gap:1em;
}

div.footer__addr--left address figure{
	width:fit-content;
	margin:auto;
}@media screen and (max-width:768px){
	div.footer__addr--left address figure img{
		width:64px;
		height:auto;
	}
}

div.footer__addr--left address dl{
	margin:0;
	padding:0;
}

div.footer__addr--left address dl em{
	display:inline-block;
	font-style:normal;
	margin-right:0.5em;
}

div.footer__addr--left address dl strong{
	font-weight:normal;
}

div.footer__addr--left address dl span{
	display:inline-block;
	margin-right:0.5em;
	margin-left:0.5em;
}

div.footer__addr--left address dt{
	margin:0;
	padding:0;
	font-weight:800;
}

div.footer__addr--left address dd{
	margin:0;
	padding:0;
}

/*Footer 右側*/

div.footer__navi--right{
	margin:0;
	padding:0;
	width:calc(100% - 620px);
	height:auto;
}@media screen and (max-width:768px){
	div.footer__navi--right{
		width:100%;
	}
}

/*SNS*/

div.footer__sns--button{
	margin:0 0 2rem 0;
	padding:0;
	width:100%;
}@media screen and (max-width:768px){
	div.footer__sns--button{width:100%;}
}

ul.sns__icon--ft{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	gap:1rem;
	
}

ul.sns__icon--ft li{
	flex:1 0 auto;
	background:var(--footer-menu-bg);
	border-radius:6px;
}
ul.sns__icon--ft li:hover{
	background:var(--footer-menu-bghover);
}

ul.sns__icon--ft li:first-child{
	margin-left:0;
}

ul.sns__icon--ft li:last-child{
	margin-right:0;
}

ul.sns__icon--ft a{
	margin:0;
	padding:10px;
	display:block;
	border-radius:8px;
}

ul.sns__icon--ft img{
	margin:0;
	padding:0;
	display:block;
	height:1.5em;
	width:auto;
}

/*お問合せボタン*/

p.ask__btn--ft{
	margin:1em 0 1.5em 0;
	padding:0;
	width:100%;
	height:auto;
	
}@media screen and (max-width:768px){
	p.ask__btn--ft{
		height:auto;
	}
}

p.ask__btn--ft i{
		display:inline-block;
		font-size:1.4em;
		font-weight:600;
		margin-right:0.25em;
		vertical-align:middle;
		color:var(--white);
	}

p.ask__btn--ft a{
	margin:0;
	padding:1em;
	display:block;
	width:100%;
	height:100%;
	font-size:1.4em;
	font-weight:800;
	text-align:center;
	color:#FFF;
	overflow:hidden;
	border-radius:6px;
	background:var(--footer-menu-bg);
}

p.ask__btn--ft a:hover{
	background:var(--footer-menu-bghover);
	text-decoration:none;
}

/*コピーライト*/
p.p_copyright--bottom{
	text-align:center;
	color:var(--white);
}

/*カレンダー*/
#calendar{
	margin:auto auto 1.5rem auto;
	padding:0;
	width:calc(100% - 3.5rem);
	height:100%;
}
#calendar h2{
	all: unset;
	font-size:1.8rem;
	font-weight:800;
	color:var(--footer-menu-bg);
}


#calendar th{

	background:var(--Gray-bri);

}

#calendar th:last-child{
	color:#CC0000;
}

#calendar th:nth-last-child(2){
	color:#0000CC;
}


#calendar td a{
	padding:0.2em;
}

#calendar .fc-day-number{
	padding:0.25em!important;
}


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

/*年月と月送り*/
.fc-toolbar {
    margin-bottom:1em !important;
}
.fc-toolbar .fc-left {
    float:left !important;
}
.fc-toolbar .fc-right {
    float:right !important;
}
.fc-toolbar .fc-center {
    display:inline-block !important;
}

	/*日付と曜日*/
	.fc-day-number {
		display: flex !important;
		justify-content: flex-end;
		padding: 0px 0px 0px 0px !important;
		border-bottom: none !important;
		width:100%;
	}
	.eo-fullcalendar .fc-day-number.fc-past, .eo-fullcalendar .fc-day-number.fc-future {
		padding:0.25em !important; /*日付と曜日の上下左右余白*/
	}
	.fc-list-header-right {
		order: 1 !important;
		font-size:14px; /*文字サイズ*/
		min-width:4em;
		text-align:right;
	}
	.fc-list-header-right::after {
		content:"日"; /*日付の数字横に追加*/
	}
	.fc-list-header-left {
		order: 2 !important;
		font-size:14px; /*文字サイズ*/
		margin-left:0.5em;
	}
	.fc-event-container::before {
		padding: 0px 0px 0px 0px !important;
	}
	
	/*当日の日付と曜日*/
	.fc-day-number.fc-today {
		display: flex !important;
		justify-content: flex-end;
		padding: 0px 0px 0px 0px !important;
		border-bottom:none !important;
		width: 100% !important;
	}
	.eo-fullcalendar .fc-day-number.fc-past, .eo-fullcalendar .fc-day-number.fc-future, .eo-fullcalendar .fc-day-number.fc-today {
		padding: 5px 15px 5px 0px !important;
		width: 100% !important;
		text-align:right !important;
	}
	.fc-widget-content .fc-today {
		border-top: 1px solid #ccc !important;
	}
	
	/*日付曜日とイベント名*/
	.fc table {
		table-layout: auto !important;
		width:100% !important;
	}
	.fc-content-skeleton {
		display:table !important;
		width:100% !important;
	}
	.fc-content-skeleton thead {
		float: left !important;
		width:100% !important;
	}
	.fc-content-skeleton tbody {
		width:100% !important;
		/*float: right !important;*/
	}

}

/******************************************************************************/
/*ページ用*/
.Wrap__two--columns{
	margin:0;
	padding:2rem;
	display:flex;
	flex-wrap:wrap;
	gap:2em;
}
.Wrap__two--columns main{
	flex:1 1 calc(100% - 280px - 4rem - 2em);
}
.Wrap__two--columns aside{
	flex:1 1 280px;
}

/*見出し*/
.Page__title--set{
	padding:2rem 2rem 1rem 2rem;
}

.Page__title--set h1{
	color:var(--white);
	font-weight:600;
	font-size:2.25em;
	text-shadow: 0px 0px 8px rgba(0, 0, 0, 1) , 0px 0px 1px rgba(0, 0, 0, 1);
}

.Wrap__two--columns h2{
	font-size:1.6em;
	margin:0 0 1em 0;
	padding:0.25em;
	width:fit-content;
	display:flex;
	gap:0.25em;
	align-items:center;
}

.Wrap__two--columns h2::before{
	content:"";
	display:inline-block;
	margin:0;
	padding:0;
	width:4px;
	height:1.2em;
	border-radius:2px;
	background:var(--Header-background);
}


.Wrap__two--columns h3{
	font-size:1.2em;
	color:var(--h3-color);
	padding:0.25em;
	border-bottom:dashed 1px var(--h3-color);
}

.Wrap__two--columns h4{
	font-size:1em;
	font-weight:800;
	margin-top:0;
	margin-bottom:0.5em;
}

.Wrap__two--columns h4::before{
	content:"\2022";
	display:inline-block;
	margin-right:0.25em;
}

.Wrap__two--columns h4 + p{
	margin-left:2em!important;
	margin-bottom:1em;
}

h5{
	font-size:1.2em;
	color:var(--h3-color);
}