@charset "UTF-8";
/* CSS Document */

/*************************************

  common

**************************************/

.date{
	font-weight: bold;
	display: block;
	font-size: 1.1em;
	font-family: var(--en-font);
}

.date_news{
	color: var(--main-color);
}


/*-------------------------

  pager

-------------------------*/

.pager{text-align: center;padding: 2em 0}
.pager span.current,
.pager a.page-numbers{
	display: inline-block;
    background: var(--main-color);
    text-align: center;
    border-radius: 50%;
    margin-right: .5em;
    color: #fff;
    font-weight: bold;
    width: 40px;
    height: 40px;
    line-height: 40px;
}
.pager a.prev,
.pager a.next{
	background: none!important;
	color: #000!important
}

.pager a.page-numbers{
	background: none;
    color: #303030;
	text-decoration: none
}
.pager a.page-numbers:hover{
	background: #eee
}

/*-------------------------

  single

-------------------------*/

.content,
.sidebar,
.single_wrap .btn_wrap{
	width: 100%;
	margin-bottom: 2em;
}

@media (min-width:768px){
	.content{
		width: 65%;
	}
	.sidebar{
		width: 30%;
	}
}


/*  content  */

/* タイトル　*/
.content_title{
	margin-bottom: 1em;
	padding-bottom: .5em;
	border-bottom: solid 1px #ccc;
}
.content_title h3{
	font-weight: 700;
	font-size: 1.6em;
	margin-bottom: .5em;
	line-height: 1.6
}

@media (min-width:1000px){
	.content_title h3{
		font-size: 1.8em;
	}
}
@media (min-width:1400px){
	.content_title h3{
		font-size: 2em;
	}
}

/* user content */

.content_wrap h1,
.content_wrap h2,
.content_wrap h3,
.content_wrap h4{
	font-weight: bold;
	line-height: 1.6em;
	margin: 2em auto 1em
}

.content_wrap h1{
	font-size: 1.8em;
	font-weight: bold;
	color: var(--main-color);
	border-left: solid 5px var(--main-color);
	padding-left: .5em;
}
.content_wrap h2{
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: solid 1px #ccc;
	padding-bottom: .5em;
}
.content_wrap h3{
	color: #9A804D;
	font-weight: bold;
	font-size: 1.2em;
}
.content_wrap img{
	max-width: 100%;
	height: auto;
	margin: 1em auto;
	vertical-align: bottom
}

.content_wrap p{
	line-height: 2;
	font-weight: 400;
	margin-bottom: 1.2em
}

.content_wrap table{
	border: solid 1px #ccc;
	width: 100%;
	margin: .5em auto;
}
.content_wrap table tr:first-of-type{
	background: #eee;
	font-weight: bold;
	text-align: center;
}

.content_wrap ul,
.content_wrap ol{
	padding-left: 1em;
}
.content_wrap ul li{
	list-style: disc
}
.content_wrap ol li{
	list-style: decimal
}


/*  side_list  */

.side_title{
	font-size: 2em;
	font-family: var(--en-font);
	color: var(--main-color);
	margin-bottom: 1em;
}

.side_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom: solid 1px #ccc;
	padding: 1em 0
}

.side_list figure{
	width: 120px;
	margin-right: 10px;
	border-radius: 10px;
	overflow: hidden
}
.side_list figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
}

.side_list > div{
	width: calc(100% - 130px);
}
.side_list .date{font-size: 14px}
.side_list h3 a{
	font-weight: bold;
	color: #000;
	font-size: 1.1em;
}




/*************************************

  news

**************************************/

.news_list{
	margin-bottom: 2em;
}
.news_list a{
	display: block;
	color: #000;
}
.news_list figure{
	aspect-ratio: 3 / 2;
	border-radius: 2em;
	overflow: hidden;
	margin-bottom: 1em;
}
.news_list figure img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	vertical-align: bottom
}

.news_list h3{
	font-weight: 600;
	font-size: 1.5em;
	line-height: 1.5
}


/*-------------------------

  archive

-------------------------*/

#archive_news .news_list{
	width: 100%;
}
@media (min-width:768px){
	#archive_news .news_list{
		width: 48%;
	}
}
@media (min-width:1200px){
	#archive_news .news_list{
		width: 30%;
	}
	#archive_news .news_wrap:after{
		content: '';
		width: 30%;
		display: block;
	}
}


/*-------------------------

  archive

-------------------------*/


/*************************************

  report

**************************************/

.report_list{
	width: 100%;
	margin-bottom: 2em;
}
@media(min-width:768px){
	.report_list{
		width: 49%;
	}
}
@media(min-width:1200px){
	.report_list{
		width: 31%;
	}
	.report_list_wrap:after{
		content: '';
		width: 31%;
		display: block;
	}
}
.report_list a{
	display: block;
	color: #000;
	box-shadow: 0 3px 6px rgba(0,0,0,.3);
	background: #fff;
	border-radius: 2em;
}
.report_list a:hover{
	background: #f3fefb
}
.report_list figure{
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-top-left-radius: 2em;
	border-top-right-radius: 2em;
}
.report_list figure img{
	width: 100%; 
	height: 100%;
	object-fit: cover;
	vertical-align: bottom;
	transition: .5s
}
.report_list a:hover figure img{
	transform: scale(1.1)
}
.report_list_inner{
	padding: 1em;
}
.report_list_inner span.date{
	font-size: .9em;
	color: var(--main-color)
}
.report_list_inner h3{
	font-weight: bold;
	font-size: 1.3em;
	margin-bottom: 1em;
}
.report_list_inner .more_btn span{
	color: var(--main-color);
}
.report_list_inner .more_btn:after{
	background: var(--main-color)
}
.report_list a:hover .more_btn:after{
	transform: translateX(5px)rotate(90deg);
}