@charset "utf-8";
@import url("../../assets/css/common_e.css");
@import url("../../assets/css/second_e.css");
.collabo{
	background-color: #00437D
}
.main-nav nav ul li.collabo a{
	color: #fff
}
.main-nav nav ul li.collabo > a::before{
	border-top: 2px solid #fff;
    border-left: 2px solid #fff
}
.page_header{
	background: url("../images/header_bg.jpg") top center / cover no-repeat
}
.collabobox{
	margin-bottom: 3em;
}
.collabo_list,.collabo_list2{
	margin-bottom: 0.7em;
	position: relative;
	border-right: 1px solid #3778AE;
	border-bottom: 1px solid #3778AE;
	background-color: #F2F9FF
}
.collabo_list_place{
	margin-bottom: 0.25em;
	display: block;
	color: #004298;
	font-weight: 500
}
.collabo_list2 small{
	font-size: 0.9em
}
.collabo_link,.listbox_cont{
	padding: 1em 1.5em 1em 1em;
	display: block;
	color: #000;
	font-size: 1em
}
.collabo_link{
	width: 100%;
	height: 100%
}
.listbox_cont_link{
	color: #000;
	text-decoration: underline
}
.listbox_cont a[target="_blank"]::after{
	width: 0.8em
}
.collabo_link[target="_blank"]:after{
	content: none
}
.collabo_list::after{
	content: "";
	width: 1em;
	height: 1em;
	margin-right: 1em;
	position: absolute;
	right: 0;
	top: 42%;
	background: url("../../assets/images/link.svg") center / 100% auto no-repeat
}
.collabo_list a{
	transition: 0.3s
}
.collabo_list a:hover,.listbox_cont a:hover{
	opacity: 0.4;
	transition: 0.3s
}
@media screen and (min-width:768px){
.collabobox{
	width: calc(100% + 2em) ;
	margin: 0 0 3em -1em;
	display: flex;
	flex-wrap: wrap
}
.collabo_list,.collabo_list2{
	width: calc((100% - 6em) / 3) ;
	margin: 0 1em 1.5em 1em;
}
.collabo_link,.listbox_cont{
	font-size: 1.1em
}
}
@media screen and (min-width:1100px){
.collabo_link,.listbox_cont{
	font-size: 1.25em
}
}
@media print {
.collabobox{
	width: calc(100% + 2em) ;
	margin: 0 0 3em -1em;
	display: flex;
	flex-wrap: wrap
}
.collabo_list,.collabo_list2{
	width: calc((100% - 6em) / 3) ;
	margin: 0 1em 1.5em 1em;
}
.collabo_link,.listbox_cont{
	font-size: 1.1em
}
}