@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_news{
	max-width: 1260px;
	width: 88%;
	margin: 0 auto;
	padding: 80px 0;
}

.l_main .l_news p{
	color: #000;
	text-align: justify;
	margin: 0;
	padding: 5px 0;
}

.l_main .l_news h2{
	color: #fff;
	font-size: 200%;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 10px 20px;
	transform: skew(-30deg);
	background-image: linear-gradient(to right, #084e9f 0%, #084e9f 100%);
}

.l_main .l_news h2 span{
	transform: skew(30deg);
	display: inline-block;
}

.l_main .l_news h3{
	font-size: 150%;
	position: relative;
	border-bottom: 5px solid #ddd;
	padding: 10px 0;
}

.l_main .l_news h3:before{
	content: "";
	position: absolute;
	left: 0;
	bottom: -5px;
	width: 20%;
	height: 5px;
	background: #084e9f;
}

.l_main .l_news .is_cont2{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.l_main .l_news .is_cont2 li{
	width: 50%;
}

.l_main .l_news a.is_txtlink{
	color: #4653a2;
	text-decoration: underline;
	word-break: break-all;
	padding: 0 10px 0 20px;
	display: inline;
	position: relative;
}

.l_main .l_news a.is_txtlink::before{
	content: "";
	border-top: 2px solid #4653a2;
	border-right: 2px solid #4653a2;
	width: 9px;
	height: 9px;
	margin: auto;
	position: absolute;
	top: 9px;
	left: 4px;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.l_main .l_news .is_img50{
	width: 50%;
	margin: 0 auto;
}

.l_main .l_news a.is_txtlink:hover{
	text-decoration: none;
}

.l_main .l_news a.is_txtlink i{
	width: 12px;
	height: 12px;
	margin: 0 0 0 5px;
	display: inline-block;
}

.l_main .l_news .is_tcenter{
	display: flex;
	justify-content: center;
}

.l_main .l_news .is_tcenter a{
	display: flex;
	align-items: center;
}


@media only screen and (max-width: 767.98px){
	.l_main .l_news{
		padding: 40px 0;
	}
	
	.l_main .l_news h2{
		font-size: 142%;
		line-height: 1.4;
		transform: skew(-20deg);
	}
	
	.l_main .l_news h2 span{
		transform: skew(20deg);
	}
	
	.l_main .l_news h3{
		font-size: 125%;
	}
}