@charset "utf-8";
.digital_wrap h1{
	position: relative;
	margin:0 -40px 80px;
	background:url(/shared/templates/digital/images/digital_illust.png) no-repeat calc(50% + 190px) top;
	min-height: 330px;
	display: flex;
	align-items: center;
	color: #26395c;
	font-size: 289%;
	padding-left:40px;
	padding-right: 40px;
}
.digital_wrap h1:before{
	content: '';
	position: absolute;
	left: calc(50% - 50vw);
	right: calc(50% - 50vw);
	top: 0;
	bottom: 0;
	background: linear-gradient(60deg, #d3effa, #95d7f2);
	z-index: -1;
	width: 100vw;
}
.digital_wrap h1 span{
	max-width: 1010px;
	margin: 0 auto;
    flex-grow: 1;
}
.panel_news{
	max-width: 1010px;
	margin:0 auto 75px;
	display: flex;
	gap: 65px;
}
.main_heading{
	color:#304366;
	font-family: 'OT-HiraginoUDSansRStdN-W6', 'メイリオ', Meiryo, sans-serif;
	flex-shrink: 0;
}
.main_heading h2{
	font-size:188.89%;
}
.news_cnt{
	flex-grow: 1;
}
.panel_news .news_cnt ul{
	list-style: none;
	display: table;
	width: 100%;
}
.panel_news .news_cnt ul li{
	display: table-row;
}
.panel_news .news_cnt ul li a{
	background:url(/shared/templates/digital/images/right_arrow.png) no-repeat right center;
	color:#304366;
	text-decoration:none;
	width:100%;
	display:inline-block;
	padding-right:20px;
}
.panel_news .news_cnt ul li div{
	display: table-cell;
	padding: 22px 0;
	border-bottom: 2px solid #ebecf0;
}
.panel_news .news_cnt ul li:first-child div{
	border-top: 2px solid #ebecf0;
}
.panel_news .news_cnt ul li .news_date{
	font-family: 'OT-HiraginoUDSansRStdN-W6', 'メイリオ', Meiryo, sans-serif;
	padding-left: 7px;
	vertical-align: top;
	white-space: nowrap;
}
.panel_news .news_cnt ul li .news_link{
	width:calc(100% - 215px);
	padding-left: 12px;
	vertical-align: top;
}
.panel_news .news_cnt ul li .news_link a:hover,
.panel_news .news_cnt ul li .news_link a:focus{
	text-decoration:underline;
}
.digital{
	margin-bottom:60px;
}
.digital_list{
	display:flex;
	gap:20px;
	list-style:none;
	flex-wrap: wrap;
}
.digital_list li{
	border-radius:5px;
	border:1px solid #6e7b94;
	width:calc(50% - 10px);
}
.digital_list li a{
	text-decoration: none;
	color:#304366;
	height: 100%;
	position: relative;
	transform: translateZ(0);
	padding:2px;
	display: block;
}
.digital_list li a .box_wrap{
	background:#FFFFFF;
	position: relative;
	height: 100%;
	padding:2px;
	display:flex;
}
.digital_list li a:before,
.second_digital_list li a:before,
.third_digital_list li a:before,
.fourth_digital_list li a:before{
	content: '';
	position: absolute;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	width: 0;
	background-color: transparent;
	border: 3px solid #94d7f2;
	opacity: 0;
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	pointer-events: none;
	z-index: -1;
	-webkit-transition: width 0.4s ease-in-out, visibility 0.4s ease-in-out, opacity 0.4s ease-in-out;
	-moz-transition: width 0.4s ease-in-out, visibility 0.4s ease-in-out, opacity 0.4s ease-in-out;
	transition: width 0.4s ease-in-out, visibility 0.4s ease-in-out, opacity 0.4s ease-in-out;
	border-radius: 5px;
}
.digital_list li a:hover:before,
.digital_list li a:focus:before,
.second_digital_list li a:hover:before,
.second_digital_list li a:focus:before,
.third_digital_list li a:hover:before,
.third_digital_list li a:focus:before,
.fourth_digital_list li a:hover:before,
.fourth_digital_list li a:focus:before{
	opacity: 1;
	visibility: visible;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	width: calc(100% + 2px);
}
.digital_list li a .sp{
	display:none;
}
.digital_list li a .image_box{
	max-width: 270px;
	flex-shrink:0;
	background-color:#94d7f2;
}
.digital_list li a p img{
	max-width:100%;
	height:auto;
}
.digital .box{
	padding:30px 35px 35px 35px;
}
.digital_list li .box .box_ttl{
	display:block;
	margin-bottom:23px;
	font-size:155.6%;
	font-family: 'OT-HiraginoUDSansRStdN-W6', 'メイリオ', Meiryo, sans-serif;
}
.digital_list li .box .box_cnt{
	display:block;
	line-height:1.8;
}
.second_digital{
	margin:0 0 60px;
}
.second_digital_list{
	display:flex;
	gap:20px;
	flex-wrap: wrap;
	list-style:none;
	transform: translateZ(0);
}
.second_digital_list li{
	width:calc(25% - 15px);
	list-style:none;
	border:1px solid #6e7b94;
	border-radius:5px;
}
.second_digital_list li a{
	display:block;
	height:100%;
	position:relative;
	color:#304366;
	text-decoration:none;
	transform: translateZ(0);
	padding:2px;
}
.second_digital_list .box_wrapper{
	padding:2px;
	height: 100%;
	background-color: #FFFFFF;
}
.second_digital_list .box_wrap{
	background: linear-gradient(0deg, #eaf7fc, #f4fbfd);
	position: relative;
	height: 100%;
}
.second_digital_list li a .image_box{
	text-align:center;
}
.second_digital_list li img{
	box-sizing:border-box;
	max-width:100%;
	height: auto;
}
.second_digital_list li .box{
	padding:28px 15px 20px;
}
.second_digital_list li .box_ttl{
	text-align:center;
	font-family: 'OT-HiraginoUDSansRStdN-W6', 'メイリオ', Meiryo, sans-serif;
	margin-bottom:20px;
	font-size:133.34%;
}
.second_digital_list li .box_cnt{
	line-height: 1.8;
}
.third_digital{
	margin:0 0 45px;
}
.third_digital_list{
	display:flex;
	gap:20px;
	list-style:none;
	flex-wrap: wrap;
}
.third_digital_list li{
	border:1px solid #6e7b94;
	border-radius:5px;
	width:calc(25% - 15px);
}
.third_digital_list li a{
	height:100%;
	position:relative;
	display:block;
	color:#304366;
	text-decoration:none;
	text-align: center;
	transform: translateZ(0);
	padding:2px;
}
.third_digital_list .box_wrapper{
	padding:2px;
	height: 100%;
	background-color: #FFFFFF;
}
.third_digital_list .box_wrap {
	background: linear-gradient(0deg, #eaf7fc, #f4fbfd);
	position: relative;
	height: 100%;
}
.third_digital_list li a .image_box{
	padding:34px 10px 14px 10px;
}
.third_digital_list li img{
	max-width:100%;
	height:auto;
}
.third_digital_list li .box{
	padding:6px 20px 20px 20px;
}
.third_digital_list li .box_ttl{
	font-family: 'OT-HiraginoUDSansRStdN-W6', 'メイリオ', Meiryo, sans-serif;
	margin-bottom:10px;
	font-size: 133.34%;
}
.third_digital_list li .box_cnt{
	font-size:94.45%;
}
.fourth_digital{
	margin: 0;
}
.fourth_digital_list{
	display:flex;
	gap:20px;
	list-style:none;
	flex-wrap: wrap;
}
.fourth_digital_list li{
	border:1px solid #6e7b94;
	border-radius:5px;
	width:calc(25% - 15px);
}
.fourth_digital_list li a{
	height:100%;
	position:relative;
	color:#304366;
	text-decoration:none;
	font-family: 'OT-HiraginoUDSansRStdN-W6', 'メイリオ', Meiryo, sans-serif;
	transform: translateZ(0);
	padding:2px;
	display: block;
}
.fourth_digital_list li a .box_wrapper{
	padding:2px;
	height: 100%;
	background-color: #FFFFFF;
	position: relative;
}
.fourth_digital_list .box_wrap {
	background:url(/shared/templates/digital/images/point.png) no-repeat left center,linear-gradient(-90deg, #eaf7fc, #f4fbfd);
	position: relative;
	height: 100%;
	padding:9px 10px 9px 40px;
}
.digital_list li a .box_wrap:after{
	content:"";
	width:30px;
	height:30px;
	position:absolute;
	bottom:2px;
	right:2px;
	background:url(/shared/templates/digital/images/triangle.png) no-repeat left top;
}
.second_digital_list li a .box_wrap:after,
.third_digital_list li a .box_wrap:after,
.fourth_digital_list li a .box_wrapper:after{
	content:"";
	width:30px;
	height:30px;
	position:absolute;
	bottom:0;
	right:0;
	background:url(/shared/templates/digital/images/triangle.png) no-repeat left top;
}
.fourth_digital_list li a .box_wrapper:after{
	bottom:2px;
	right:2px;
}