@charset "utf-8";




/*
// heading / content
///////////////////////////////////////////////////////////////*/
.heading.primary + .content.primary{
	margin-top: 0.5rem;
}
.content.primary + .heading.primary{
	margin-top: 2rem;
}
.heading01{
	font-family: 'Caveat', cursive;
	font-size: 2.2rem;
}
.heading02{
	font-size: 2.2rem;
	font-weight: 700;
	color: var(--c-main);
}
.heading03{
	font-size: 3rem;
	font-weight: 900;
	text-align: center;
	margin-bottom: 2rem;
}
.heading04{
	font-size: 3rem;
	font-weight: 900;
	text-transform:uppercase;
	position: relative;
	margin-bottom: 2rem;
}
.heading04::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5rem;
	height: 4px;
	content: '';
	background-color: var(--c-main);
}
.heading05{
	font-size: 2rem;
	font-weight: 900;
	text-transform:uppercase;
	position: relative;
	margin-bottom: 1.25rem;
}
.heading05::after{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 5rem;
	height: 4px;
	content: '';
	background-color: #fff;
}
@media all and (min-width:0px) and (max-width:960px) {
	.heading01{
		font-family: 'Caveat', cursive;
		font-size: 1.5rem;
	}
	.heading02{
		font-size: 1.75rem;
	}
	.heading03{
		font-size: 1.75rem;
		margin-bottom: 1rem;
	}
	.heading04{
		font-size: 1.5rem;
		margin-bottom: 2rem;
	}
	.heading05{
		font-size: 1.5rem;
		margin-bottom: 1rem;
	}
	.heading04::after,
	.heading05::after{
		width: 5rem;
		height: 2px;
	}

}

.headingSub01{
	text-transform:uppercase;
	text-align: center;
	display: block;
	line-height: 1;
}



/*
// col
///////////////////////////////////////////////////////////////*/
.col{
	display: flex;
}

/* col-country */
.col-country{
	flex-wrap: nowrap;
}
.col-country + .col-country{
	margin-top: 0.5rem;
}
.col-country .col__item:first-child{
	width: 10rem;
	flex-shrink: 0;
	font-size: 1.2rem;
	font-weight: 700;
}
@media all and (min-width:0px) and (max-width:960px) {
	.col-country{
		flex-direction: column;
	}
	.col-country + .col-country{
		margin-top: 1rem;
	}
}

/* introduction */
.col-introduction .col__item:first-child{
	width: 20rem;
	flex-shrink: 0;
	margin-right: 2rem;
}
@media all and (min-width:0px) and (max-width:960px) {
	.col-introduction{
		flex-direction: column;
	}
	.col-introduction .col__item:first-child{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.5rem;
	}
}

/*
// .thumb
///////////////////////////////////////////////////////////////*/
.thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: 0.3s;
}

/*
// .card
///////////////////////////////////////////////////////////////*/

.card{
	display: block;
}
.card .thumb{
	aspect-ratio: 1.911 / 1;
	overflow: hidden;
}
.card .thumb img{
	transition: 0.3s;
}
.card .title{
	font-weight: 900;
	padding: 1.25rem 0;
	line-height: 1.5;
	font-size: 0.95em;
}
.card .title + .tax{
	margin-top: -0.5rem;
}
.card:hover .thumb img{
	transform: scale(1.1);
}
.card:hover .title{
	color: var(--c-main);
}
@media all and (max-width:960px){
	.card .title{
		font-weight: 700;
		padding: 0.5rem 0 1rem;
		line-height: 1.5;
	}
	.card .list.tax li:not(.date){
		display: none;
	}
}

/* youtube */
.card-youtube{
	position: relative;
}
.card-youtube::before{
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--c-main);
	opacity: 0.65;
	z-index: 1;
}
.card-youtube::after{
	position: absolute;
	content: '\f144';
	font-family: 'Font Awesome 6 Free';
	display: block;
	top: 50%;
	left: 50%;
	font-size: 4rem;
	color: #fff;
	transform: translate(-50%, -50%);
	z-index: 2;
}
.card-youtube .thumb{
	aspect-ratio: 16 / 9;
}


/*
// .list
///////////////////////////////////////////////////////////////*/

/* group */
.list-group{
	display: flex;
	flex-wrap: wrap;
	margin: -1rem;
}
.list-group .list__item{
	width: calc( (100% / 4) - 2rem);
	margin: 1rem;
	background-color: #fff;
	overflow: hidden;
	border-radius: 10px;
}
.list-group .list__item .card .title{
	padding: 1rem;
}
.list-group .list__item .card .tax{
	padding: 1rem;
	margin-top: -1.5rem;
	font-size: 0.75rem;
}
@media all and (max-width:960px){
	.list-group{
		display: flex;
		flex-wrap: wrap;
		margin: -0.75rem;
	}
	.list-group .list__item{
		width: calc( (100% / 2) - 1.5rem);
		margin: 0.75rem;
	}
}


/* article */
.list-article{
	display: flex;
	flex-wrap: wrap;
	margin: -1rem;
}
.list-article .list__item{
	width: calc( (100% / 3) - 2rem);
	margin: 1rem;
	background-color: #fff;
	overflow: hidden;
	border-radius: 10px;
}
.list-article .list__item .card .title{
	padding: 1rem;
}
.list-article .list__item .card .tax{
	padding: 1rem;
	margin-top: -1.5rem;
	font-size: 0.75rem;
}
@media all and (max-width:960px){
	.list-article{
		display: flex;
		flex-wrap: wrap;
		margin: -0.75rem;
	}
	.list-article .list__item{
		width: calc( (100% / 2) - 1.5rem);
		margin: 0.75rem;
	}
}

/* tax */
.list-tax{
	display: flex;
	flex-wrap: wrap;
	margin: -0.25rem;
}
.list-tax li{
	margin: 0.25rem;
	position: relative;
}
.list-tax li a{
	text-decoration: underline;
}

/* footerNav */
.list-footerNav{
	display: flex;
	flex-wrap: wrap;
	margin: -0.5rem;
}
.list-footerNav li{
	margin: 0.5rem;
	position: relative;
	font-size: 1.1rem;
}
@media all and (min-width:0px) and (max-width:960px) {
	.list-footerNav{
		justify-content: center;
	}
	.list-footerNav li{
		font-size: 1rem;
	}
}

/* gnav */
.list-gnav{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.list-gnav li{
	font-size: 2rem;
}
.list-gnav li:not(:first-child)::before{
	content: '|';
	margin: 0 1rem;
	color: #a7bab7;
}
@media all and (min-width:0px) and (max-width:960px) {
	.list-gnav li{
		font-size: 1.5rem;
	}
}

/* sns */
.list-sns{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: -0.5rem;
}
.list-sns li{
	margin: 0.5rem;
}

/* searchQuery */
.list-searchQuery{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: -0.5rem;
}
.list-searchQuery li{
	margin: 0.5rem;
}

/* breadcrumb */
.list-breadcrumb{
	display: flex;
	flex-wrap: wrap;
	font-size: 0.9rem;
}
.list-breadcrumb li:not(:first-child)::before{
	content: '\f105';
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	margin: 0 0.5em;
}

/*
// .page-numbers
///////////////////////////////////////////////////////////////*/

.page-numbers{
	display: flex;
	justify-content: center;
	align-items: center;
}
.page-numbers li{
	margin: 0 0.75rem;
	font-weight: 900;
}
.page-numbers li span.current{
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
	background-color: var(--c-main);
	color: #fff;
	border-radius: 50%;
	display: block;
	text-align: center;
}
.page-numbers li a{
	color: var(--c-main);
}
.page-numbers li a.prev,
.page-numbers li a.next{
	color: var(--c-main-dark);
}

/*
// .box
///////////////////////////////////////////////////////////////*/

/* link */
.box.link{
	margin-top: 3rem;
}
.box.link a{
	display: block;
	margin: 0 auto;
	width: 400px;
	padding: 1em;
	border: 2px solid var(--c-main);
	text-align: center;
	border-radius: 50px;
}
.box.link a span{
	color: var(--c-main);
	font-weight: 900;
}
.box.link a:hover{
	background-color: var(--c-main);
}
.box.link a:hover span{
	color: #fff;
}

@media all and (max-width:960px){
	.box.link a{
		width: 100%;
	}
}

/* box-searchQuery */
.box-searchQuery{
    color: var(--c-gray);
    border: 1px solid var(--c-gray);
	padding: 1.5rem;
	text-align: center;
	border-radius: 10rem;
}
@media all and (min-width:0px) and (max-width:960px) {
	.box-searchQuery{
		padding:  0.25rem 1.5rem;
	}
}