@charset "UTF-8";

/*--------------------
シェアボタン
--------------------*/
#foot_sharebutton{
	position: absolute;
	top: 20px;
	right: 0;
	z-index: 999;
}

#foot_sharebutton ul{
	margin: 0;
	padding-left: 0;
	display: flex;
}

#foot_sharebutton ul li{
	list-style: none;
}

@media only screen and (max-width: 767.98px){
	#foot_sharebutton{
		position: static;
		padding: 40px 3% 10px 8%;
	}
}


/*--------------------
枠組み・基本設定
--------------------*/
body{
	max-width: none;
}

.Main__content{
	color: #192b78;
	max-width: 100%;
	width: 100%;
	padding: 0;
	position: relative;
	font-family: 'YakuHanJP', "Roboto", "Noto Sans JP", sans-serif;
	font-weight: 500;
	letter-spacing: 0.1em;
}

.Main__content img{
	width: 100%;
}

.Main__content h1{
	margin: 0;
}

.Main__content p{
	margin: 0;
	padding: 0;
}

.l_main a{
	transition: 0.5s;
}

.l_main a:hover{
	filter:Alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.50;
}

.l_main li{
	list-style: none;
}

.l_main .br_pc { display: block !important;}
.l_main .br_sp { display: none !important;}

@media only screen and (max-width: 767.98px){
	.l_main .br_pc { display: none !important;}
	.l_main .br_sp { display: block !important;}
}


/*--------------------
メインビジュアル
--------------------*/
.l_main .l_kv{
	background: #B8D4FF;
	background: linear-gradient(90deg, rgba(184, 212, 255, 1) 0%, rgba(218, 239, 250, 1) 36%, rgba(155, 217, 242, 1) 70%, rgba(238, 248, 254, 1) 100%);
	padding: 80px 0;
}

.l_main .l_kv h1{
	font-size: 400%;
	font-weight: 500;
	text-align: center;
	line-height: 1.2;
	letter-spacing: .05em;
}

.l_main .l_kv h1 strong{
	color: #000;
	font-size: 42%;
	font-weight: 500;
	letter-spacing: .3em;
	display: block;
}

@media only screen and (max-width: 767.98px){
	.l_main .l_kv{
		padding: 40px 0;
	}
	
	.l_main .l_kv h1{
		font-size: 300%;
	}
	
}


/*--------------------
ベースデザイン部分
--------------------*/
.l_main .l_report{
	max-width: 1260px;
	width: 88%;
	margin: 0 auto;
	padding: 80px 0;
}

.l_main .l_report ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 0;
}

.l_main .l_report ul li{
	width: 23%;
	padding-bottom: 40px;
}

.l_main .l_report ul li a p.is_reportimg{
	margin: 0 0 10px 0;
	overflow: hidden;
}

.l_main .l_report ul li a img{
	transition-duration: 0.5s;
	display: block;
}

.l_main .l_report ul li a:hover img{
	transform: scale(1.2,1.2);
	transition-duration: 0.5s;
}

.l_main .l_report ul li.is_linkno a{
	pointer-events: none;
}

.l_main .l_report ul li a p.is_date{
	font-size: 86%;
	padding: 0 0 10px 0:
}


@media only screen and (max-width: 767.98px){
	.l_main .l_report ul li{
		width: 48%;
	}
	
	.l_main .l_report{
		padding: 40px 0 0 0;
	}
}