@charset "utf-8";

/* -----------------------------------------------------------------
 common
----------------------------------------------------------------- */
/*---------- loader ----------*/
.loader {
	border: 2px solid #fff;
}
.loader,
.loader::before {
	border-color: transparent;
	border-top-color: #fff;
}
/*---------- slick ----------*/
.slick-dots li {
	margin:0;
}
.slick-dots li button:before {
	color:#e4edf9;
	opacity:1;
}
.slick-dots li.slick-active button:before {
	color:#063e8d;
	opacity:1;
}

/*---------- modaal ----------*/
.modaal-overlay {
	z-index: 1999;
}
.modaal-wrapper .modaal-close {
	background: #063e8d;
}
.modaal-container {
	border:#063e8d 1px solid;
	border-radius:8px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
.modaal-close {
	position: absolute;
	right: -15px;
	top: -15px;
	width:41px;
	height:41px;
}
.modaal-close:before,
.modaal-close:after {
	top: 12px;
	left: 20px;
	width: 2px;
	height: 16px;
}
.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after {
	background: #fff;
}


/*---------- cmn_memo ----------*/
.cmn_memo {
	line-height:1.1;
	font-size:13px;
	font-size:0.93rem;
	color:#666;
}
.cmn_memo a.link_arrow.navy {/*component.css上書き*/
	display:inline-block;
	text-indent: initial;
	text-decoration:underline;
}

@media print, screen and (min-width: 1024px) {
.cmn_memo {
	font-size:14px;
	font-size:0.88rem;
}
.cmn_memo a.link_arrow.navy {/*component.css上書き*/
	display:table;
}
/*-- hover --*/
.cmn_memo a.link_arrow.navy:hover {/*component.css上書き*/
	text-decoration:none;
}
}
@media print, screen and (min-width: 1350px) {
}


/*---------- form_search(base) ----------*/
form.form_search {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:3px;
	border-radius:3em;
	background:#fff;
}
form.form_search input[type="text"] {
	flex-grow: 1;
	width:calc(100% - 33px);
	height:33px;
	padding: 0 .7em;
	border:none;
	background:transparent;
}
form.form_search button[type="submit"] {
	flex-shrink: 0;
	width:33px;
	height:33px;
	background:url(/library/common/img/btn_search_navy.svg) no-repeat center center;
	background-size:33px;
}
/*---------- form_search(each) ----------*/
.box_mv .box_search .box_inside form.form_search {
	background:#e4edf9;
}

/*---------- tips_open ----------*/
.tips_open {
	display:block;
	width:1.5em;
	height:1.5em;
	margin-right:.3rem;
	border-radius:1em;
	background:#dbbe78;
	font-size:13px;
	font-size:0.93rem;
}
.tips_open::before {
	content:"?";
	display: flex;
	justify-content: center;
	align-items: center;
	width:1.5em;
	height:1.5em;
	line-height:1;
	font-weight:bold;
	color:#fff;
}
@media print, screen and (min-width: 1024px) {
.tips_open {
	width:1.5em;
	height:1.5em;
	margin-right:.5rem;
	border-radius:1em;
	background:#dbbe78;
	font-size:16px;
	font-size:1rem;
}
/*-- hover --*/
a.tips_open {
	transition:all .3s;
}
a.tips_open:hover {
	background:#ba9718;
}
}

/*---------- modaal-wrapper ----------*/
.modaal-wrapper .ttl {
	display:flex;
	align-items: center;
	font-weight:bold;
	font-size:16px;
	font-size:1.14rem;
	color:#063e8d;
}
.modaal-wrapper .body {
	margin-top:1em;
}
.modaal-wrapper .box_label{
	display:flex;
	flex-wrap: wrap;
	margin-top:1em;
}
.modaal-wrapper .box_label .label{
	display:flex;
	justify-content: center;
	align-items: center;
	min-width:10em;
	padding:.6em .5em;
	background:#ccc;
	font-weight:bold;
	text-align:center;
}
.modaal-wrapper .box_label .label.lan{
	background:#20a1fb;
	color:#fff;
}
.modaal-wrapper .box_label .label.limit{
	background:#1bc5f0;
	color:#fff;
}
.modaal-wrapper .box_campus{
	display:inline-flex;
	display:flex;
	flex-wrap: wrap;
	margin-top:.7em;
}
.modaal-wrapper .box_campus .label{
	display:flex;
	justify-content: center;
	align-items: center;
	min-width:5em;
	margin-top:.3em;
	margin-right:.3em;
	padding:.3em .8em;
	background:#ccc;
	border-radius:3em;
	font-size:12px;
	font-size:0.86rem;
	text-align:center;
}
.modaal-wrapper .box_campus .label.campus_all{
	background:#063e8d;
	color:#fff;
}
.modaal-wrapper .box_campus .label.campus_koshigaya{
	background:#4cc3a8;
	color:#fff;
}
.modaal-wrapper .box_campus .label.campus_shonan{
	background:#69b9d7;
	color:#fff;
}
.modaal-wrapper .box_campus .label.campus_adachi{
	border: #d8d8d8 1px solid;
	background:#fff;
	color:#000;
}
.modaal-wrapper .box_campus .label.campus_ippan{
	background:#ffcc66;
	color:#000;
}
.modaal-wrapper .box_class{
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-top:1em;
}
.modaal-wrapper .box_class .item{
	font-weight:bold;
	color:#063e8d;
}
.modaal-wrapper .box_class .item + .item{
	margin-left:.9em;
}
.modaal-wrapper .box_class .item::before{
	content:"#";
	display:inline;
}

@media print, screen and (min-width: 1024px) {
.modaal-wrapper .box_label{
	margin-top:.4em;
}
.modaal-wrapper .box_label .label{
	min-width:11em;
	padding:.4em .5em;
}
.modaal-wrapper .box_campus{
	margin-top:.4em;
}
}

/* -----------------------------------------------------------------
 box_mv
----------------------------------------------------------------- */
.box_mv {
	position:relative;
	overflow:hidden;
}
@media print, screen and (min-width: 769px) {
.box_mv .mv {
	height: 750px;
}
.box_mv .mv img {
	width: 100%;
	height: 750px;
	object-fit: cover;
}
}
@media print, screen and (min-width: 1024px) {
.box_mv .mv {
	height: 340px;
}
.box_mv .mv img {
	width: 100%;
	height: 340px;
	object-fit: cover;
}
}
@media print, screen and (min-width: 1350px) {
.box_mv .mv {
}
}

/* -----------------------------------------------------------------
 box_overlay
----------------------------------------------------------------- */
.box_mv .box_overlay {
	position:absolute;
	bottom:0;
	width:100%;
}

/* -----------------------------------------------------------------
 box_search
----------------------------------------------------------------- */
.box_mv .box_search {
	width:93.2vw;
	margin:auto;
	background:#ebebeb;
}
/*---------- box_inside ----------*/
.box_mv .box_search .box_inside {
	padding:5vw;
	background:#fff;
	border-bottom:#98928c 1px solid;
}
.box_mv .box_search .box_inside >.ttl {
	display: flex;
	align-items: center;
	font-weight:bold;
	font-size:16.5px;
	font-size:1.18rem;
}
.box_mv .box_search .box_inside >.ttl .en {
	margin-left:.6em;
	font-weight:normal;
	font-size:10.5px;
	font-size:0.75rem;
	font-family: 'Roboto Condensed';
	color:#063e8d;
}
.box_mv .box_search .box_inside .label {
	margin-top:.5em;
	font-size:13.5px;
	font-size:0.96rem;
	color:#063e8d;
}
.box_mv .box_search .box_inside .item {
	margin-top:.4rem;
}
.box_mv .box_search .box_inside .cmn_memo {
	margin-top:.4rem;
}
@media print, screen and (min-width: 1024px) {
}

/*---------- box_outside ----------*/
.box_mv .box_search .box_outside {
	display:block;
	margin-top:3px;
	padding:5vw;
	padding-left:calc(5vw + 20px + 6px);
	background:#fff url(../img/arrow_point01_navy.svg) no-repeat left 5% top calc(50% - 4px);
	background-size:20px;
	border-bottom:#98928c 1px solid;
}
.box_mv .box_search .box_outside >.ttl {
	font-weight:bold;
	font-size:16.5px;
	font-size:1.18rem;
}
.box_mv .box_search .box_outside .en {
	font-weight:normal;
	font-size:10.5px;
	font-size:0.75rem;
	font-family: 'Roboto Condensed';
	color:#063e8d;
}

/*---------- box_calendar ----------*/
.box_mv .box_calendar {
	margin-top:.73em;
	padding:1.1rem 0 0;
	background:rgba(0,0,0,.63);
	color:#fff;
}
.box_mv .box_calendar .ttl {
	display: flex;
	justify-content: center;
	align-items: center;
}
.box_mv .box_calendar .ttl .ico img {
	height:23px;
}
.box_mv .box_calendar .ttl .today {
	position:relative;
	margin-left:.3rem;
	line-height:1;
	font-size:25px;
	font-size:1.79rem;
	font-family: 'Roboto';
}
.box_mv .box_calendar .ttl .today .loading {
	position:absolute;
	top:0;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	min-height:1em;
}
.box_mv .box_calendar .ttl .today .date,
.box_mv .box_calendar .ttl .today .loading {
	transition:all .2s;
	opacity:1;
}
.box_mv .box_calendar .ttl .today .date.hide,
.box_mv .box_calendar .ttl .today .loading.hide {
	opacity:0;
}
.box_mv .box_calendar .ttl .txt {
	margin-left:.3rem;
	line-height:1;
	font-size:16.5px;
	font-size:1.18rem;
}
.box_mv .box_calendar a.btn {
	display:block;
	width:100%;
	max-width:250px;
	margin:.2em auto 0;
	padding:.8em 2em;
	border:#fff 1px solid;
	border-radius:3em;
	background:url(/library/common/img/arrow_std_white.svg) no-repeat right 1em center;
	background-size:6px;
	line-height:1.2;
	text-align:center;
	font-size:11px;
	font-size:0.79rem;
	color:#fff;
}
.box_mv .box_calendar ul.each {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:.9rem;
}
.box_mv .box_calendar ul.each li {
	position:relative;
	display: flex;
	flex-direction:column;
	align-items: center;
	flex-grow: 1;
	font-size:11px;
	font-size:0.79rem;
}
.box_mv .box_calendar ul.each li:nth-of-type(2) {
	border-left:#fff 1px solid;
	border-right:#fff 1px solid;
}
.box_mv .box_calendar ul.each li .time {
	position:relative;
	font-size:16px;
	font-size:1.14rem;
}
.box_mv .box_calendar ul.each li .time .num {
	min-width:2em;
	text-align:center;
}
.box_mv .box_calendar ul.each li .time .loading {
	position:absolute;
	top:0;
	left:calc(50% - .5em);
}
.box_mv .box_calendar ul.each li .time .num,
.box_mv .box_calendar ul.each li .time .loading {
	transition:all .2s;
}
.box_mv .box_calendar ul.each li .time .num.hide,
.box_mv .box_calendar ul.each li .time .loading.hide {
	opacity:0;
}
@media print, screen and (min-width: 1024px) {
.box_mv .box_calendar {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:0;
	padding:17px 25px;
}
.box_mv .box_calendar .ttl {
	overflow:hidden;
	display: block;
	width:calc(38px + 8.5rem);
}
.box_mv .box_calendar .ttl .ico {
	float:left;
	margin-top:15px;
}
.box_mv .box_calendar .ttl .ico img {
	height:38px;
}

.box_mv .box_calendar .ttl .today,
.box_mv .box_calendar .ttl .txt {
	float:right;
	width: 8.5rem;
	margin-left:0;
	text-align:center;
}
.box_mv .box_calendar .ttl .today {
	font-size:50px;
	font-size:3.13rem;
}
.box_mv .box_calendar .ttl .txt {
	font-size:16px;
	font-size:1rem;
}
.box_mv .box_calendar a.btn {
	display:block;
	width:10.5em;
	max-width:none;
	margin:0;
	padding:.8em 1em;
	border-radius:8px;
	background:url(/library/common/img/arrow_std_white.svg) no-repeat right .7em center;
	background-size:7px;
	text-align:left;
	font-size:14px;
	font-size:0.88rem;
	transition:all .3s;
}
.box_mv .box_calendar ul.each {
	width:calc(100% - (38px + 8.5rem + 10.5em) - 50px);
	margin-top:0;
}
.box_mv .box_calendar ul.each li,
.box_mv .box_calendar ul.each li:nth-of-type(2) {
	border-left:rgba(255,255,255,.5) 1px solid;
	border-right:none;
	font-weight:bold;
	font-size:15px;
	font-size:0.94rem;
}
.box_mv .box_calendar ul.each li .time {
	font-weight:normal;
	font-size:21px;
	font-size:1.31rem;
}
/*-- hover --*/
.box_mv .box_calendar a.btn:hover {
	background:#41454a url(/library/common/img/arrow_std_white.svg) no-repeat right .7em center;
	background-size:7px;
}
}
@media print, screen and (min-width: 1350px) {
.box_mv .box_calendar {
	padding:17px calc((100vw - 1300px) / 2);
}
}



/* -----------------------------------------------------------------
 box_target
----------------------------------------------------------------- */
.box_target {
	display: none;
}
@media print, screen and (min-width: 1024px) {
.box_target {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:1.7em 25px;
	background:#063e8d;
}
.box_target a {
	display: flex;
	align-items: center;
	font-size:15px;
	font-size:0.94rem;
	color:#fff;
}
.box_target a::before {
	content:"";
	display:block;
	width:1em;
	height:1em;
	margin-right:.5em;
	border-radius:1em;
	background:#fff url(/library/common/img/arrow_std_navy.svg) no-repeat center center;
	background-size:5px;
}
}
@media print, screen and (min-width: 1350px) {
.box_target {
	justify-content: space-around;
	padding:1.7em calc((100vw - 1300px) / 2);
}
.box_target a {
	font-size:17px;
	font-size:1.06rem;
}
}

/* -----------------------------------------------------------------
 box_emergency
----------------------------------------------------------------- */
.box_emergency {
	padding:.6rem 5vw 1rem;
	background:#f5f4f0;
}
.box_emergency .ttl {
	display:block;
	padding:1em;
	background:#eb5757;
	border-radius:3px;
	text-align:center;
}
.box_emergency h2 {
	font-weight:bold;
	font-size:12.5px;
	font-size:0.89rem;
	color:#fff;
}
.box_emergency a.item {
	display:block;
	margin-top:.5em;
}
.box_emergency a.item time {
	font-weight:bold;
	font-size:12px;
	font-size:0.86rem;
	font-family: 'Roboto';
	color:#063e8d;
}
.box_emergency a.item .txt {
	line-height:1.2;
	font-weight:bold;
	font-size:15px;
	font-size:1.07rem;
}
@media print, screen and (min-width: 1024px) {
.box_emergency {
	margin:40px 65px;
	padding:1.2em 1em 1.2em 0;
	position:relative;
	border-radius:5px;
}
.box_emergency .ttl {
	display: flex;
	justify-content: center;
	align-items: center;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:210px;
	border-radius:5px;
}
.box_emergency h2 {
	font-size:17px;
	font-size:1.06rem;
}
.box_emergency a.item {
	display: flex;
	align-items: center;
	margin-top:0;
	margin-left:230px;
}
.box_emergency a.item+.item {
	margin-top:.8em;
}
.box_emergency a.item time {
	width:6rem;
	font-weight:normal;
	font-size:16px;
	font-size:1rem;
}
.box_emergency a.item .txt {
	width:calc(100% - 6rem);
	font-weight:normal;
	font-size:18px;
	font-size:1.13rem;
}
/*-- hover --*/
.box_emergency a.item:hover .txt {
	text-decoration:underline;
}
}
@media print, screen and (min-width: 1350px) {
.box_emergency {
	margin:40px calc((100vw - 1300px) / 2);
}
}


/* -----------------------------------------------------------------
 box_pickup
----------------------------------------------------------------- */
.box_pickup {
	margin:2em 0 3em;
}
.box_pickup .box_arrow {
	display:none;
}

@media print, screen and (min-width: 1024px) {
.box_pickup {
	position:relative;
	margin:35px 65px 55px;
}
.box_pickup .slider {
	overflow:hidden;
}
.box_pickup .slider .slick-list {
	margin:0 -27px;
}
.box_pickup .slider .slick-slide {
	margin:0 27px;
}
.box_pickup .box_arrow {
	display:block;
}
.box_pickup .box_arrow .prev_arrow,
.box_pickup .box_arrow .next_arrow {
	position:fixed;
	position:absolute;
	top:calc(50% - 23px);
	width:24px;
	height:46px;
	cursor:pointer;
}
.box_pickup .box_arrow .prev_arrow {
	left:-40px;
	transform:rotate(180deg);
}
.box_pickup .box_arrow .next_arrow {
	right:-40px;
}

/*-- hover --*/
.box_pickup .slider .slick-slide {
	transition:all .3s;
}
.box_pickup .slider .slick-slide:hover {
	opacity:.8;
}
}
@media print, screen and (min-width: 1400px) {
.box_pickup {
	margin:35px calc((100vw - 1300px) / 2) 55px;
}
}

/* -----------------------------------------------------------------
 box_on_campus
----------------------------------------------------------------- */
.box_on_campus {
	display: none;
}
@media print, screen and (min-width: 1024px) {
.box_on_campus {
	display: block;
	padding:26px 65px;
	background:#e9eff7;
}
.box_on_campus >.ttl {
	display: flex;
	align-items: center;
	width:100%;
	padding:20px 0;
	border-bottom:#7e9cc5 1px solid;
}
.box_on_campus >.ttl::before {
	content:"";
	display:block;
	width:15px;
	height:15px;
	margin-right:0.6em;
	background:#063e8d;
}
.box_on_campus >.ttl .jp {
	white-space:nowrap;
	letter-spacing: .08em;
	font-weight:bold;
	font-size:24px;
	font-size:1.5rem;
}
.box_on_campus >.ttl .en {
	padding:0 49px 0 28px;
	white-space:nowrap;
	font-weight:normal;
	font-size:14px;
	font-size:0.88rem;
	font-family: 'Roboto';
	color:#063e8d;
}
.box_on_campus .box_search {
	display: flex;
	align-items: center;
	margin-top:20px;
	margin-bottom:20px;
}
.box_on_campus .box_search .label {
	margin-right:.2em;
	font-size:22px;
	font-size:1.38rem;
	color:#063e8d;
}
.box_on_campus .box_search .item {
	width:600px;
}

}
@media print, screen and (min-width: 1350px) {
.box_on_campus {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:26px calc((100vw - 1300px) / 2);
}
.box_on_campus >.ttl {
	width:auto;
	padding:9px 0;
	border-bottom:none;
	border-right:#7e9cc5 1px solid;
}
.box_on_campus >.ttl .en {
	padding-right:49px;
}
.box_on_campus .box_search {
	margin-top:0;
	margin-bottom:0;
}
.box_on_campus .box_search .item {
	width:460px;
}

}

/* -----------------------------------------------------------------
 box_various
----------------------------------------------------------------- */
.box_various {
	padding:0 3.3vw 2.5rem;
	background:#dce6f4;
}
.box_various >.ttl {
	display: flex;
	flex-direction:column;
	padding:2em 0 1em;
	border-bottom:rgba(6,62,141,.47) 1px solid;
}
.box_various >.ttl .en {
	font-weight:normal;
	font-size:10.5px;
	font-size:0.75rem;
	font-family: 'Roboto';
	color:#063e8d;
}
.box_various >.ttl .jp {
	margin-top:.1rem;
	font-weight:bold;
	font-size:18px;
	font-size:1.29rem;
}
.box_various .box_search {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:.2rem 0;
}
.box_various .box_search .label {
	width:6.5em;
	font-size:15px;
	font-size:1.07rem;
	color:#063e8d;
}
.box_various .box_search .label::after {
	content:"：";
	display:inline-block;
	width:1em;
	height:1em;
}
.box_various .box_search .item {
	width:calc(100% - 6.5em);
	margin-top:.4rem;
}
.box_various .cmn_memo {
	margin-top:.85rem;
}
@media print, screen and (min-width: 1024px) {
.box_various {
	overflow:hidden;
	padding:26px 65px 65px;
}
.box_various >.ttl {
	flex-direction:row;
	align-items: center;
	width:100%;
	padding:20px 0;
	border-bottom:#7e9cc5 1px solid;
}
.box_various >.ttl::before {
	order:1;
	content:"";
	display:block;
	width:15px;
	height:15px;
	margin-right:0.6em;
	background:#063e8d;
}
.box_various >.ttl .en {
	order:3;
	padding:0 49px 0 28px;
	white-space:nowrap;
	font-weight:normal;
	font-size:14px;
	font-size:0.88rem;
	font-family: 'Roboto';
	color:#063e8d;
}
.box_various >.ttl .jp {
	order:2;
	white-space:nowrap;
	letter-spacing: .08em;
	font-weight:bold;
	font-size:24px;
	font-size:1.5rem;
}
.box_various .box_search {
	justify-content: flex-start;
	align-items: center;
	margin-top:20px;
	margin-bottom:20px;
}
.box_various .box_search .label {
	display:flex;
	justify-content: space-between;
	width:auto;
	font-size:22px;
	font-size:1.38rem;
}
.box_various .box_search .label::after {
	margin-left:1.5em;
	margin-right:.5em;
}
.box_various .box_search .item {
	width:600px;
	margin-top:0;
}
.box_various .cmn_memo a.link_arrow.navy {/*component.css上書き*/
	display:table;
	margin-top:.3em;
}

}
@media print, screen and (min-width: 1350px) {
.box_various {
	padding:26px calc((100vw - 1300px) / 2) 65px;
}
.box_various .box_search {
	float:left;
	width:63%;
}
.box_various .box_search .label {
	white-space: nowrap;
}
.box_various .box_search .item {
	flex-grow:1;
	width:auto;
}
.box_various .cmn_memo {
	float:right;
	width:35%;
}

}


/* -----------------------------------------------------------------
 box_various tab_control
----------------------------------------------------------------- */
.box_various ul.tab_control {
	display: flex;
	align-items: center;
}
.box_various ul.tab_control li {
	flex-grow: 1;
	margin-top:1.57rem;
	padding:1em .4em;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	background:#063e8d;
	text-align:center;
	font-size:13px;
	font-size:0.93rem;
	color:#fff;
	cursor:pointer;
}
.box_various ul.tab_control li+li {
	margin-left:3px;
}
.box_various ul.tab_control li.current {
	background:#fff;
	font-weight:bold;
	color:#063e8d;
}
@media print, screen and (min-width: 1024px) {
.box_various ul.tab_control li {
	flex-grow:0;
	width:17.8em;
	font-size:18px;
	font-size:1.13rem;
}
.box_various ul.tab_control li+li {
	margin-left:10px;
}

}
@media print, screen and (min-width: 1350px) {
.box_various ul.tab_control {
	clear:both;
}
}

/* -----------------------------------------------------------------
 box_various tab_body
----------------------------------------------------------------- */
.box_various .tab_body {
	padding:0 3.3vw 1.2rem;
	background:#fff;
}
@media print, screen and (min-width: 1024px) {
.box_various .tab_body {
	padding:0 28px 1.2rem;
}
}
/* -----------------------------------------------------------------
 tabpage.database
----------------------------------------------------------------- */
.box_various .tabpage.database .howtouse {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding:1rem .6rem 0 0;
}
.box_various .tabpage.database .howtouse .link_db {
	font-weight:bold;
	font-size:13px;
	font-size:0.93rem;
	color:#063e8d;
}
@media print, screen and (min-width: 1024px) {
.box_various .tabpage.database .howtouse .link_db {
	font-size:16px;
	font-size:1rem;
}
.box_various .tabpage.database .howtouse .link_db::after {
	content:"";
	display:inline-block;
	width:.7em;
	height:.7em;
	margin-left:1em;
	background:url(/library/common/img/arrow_std_navy.svg) no-repeat center center;
	background-size:contain;
}
/*-- hover --*/
.box_various .tabpage.database .howtouse .link_db {
	transition:all .3s;
}
.box_various .tabpage.database .howtouse .link_db:hover {
	opacity:.8;
}
}

/*---------- step_ttl(common) ----------*/
.box_various .tabpage.database .step_ttl {
	position: relative;
	display: flex;
	align-items: center;
	min-height:3.4rem;
	border-radius:5px;
	background:#e1f0fa;
	line-height:1.2;
	font-weight:bold;
	color:#063e8d;
}
.box_various .tabpage.database .step_ttl .num {
	position:absolute;
	top:0;/*IE対策*/
	display: flex;
	justify-content: center;
	align-items: center;
	width:6.4em;
	height:100%;
	padding:0 1rem;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#78c2f5;
	text-transform: uppercase;
	text-align:center;
}
.box_various .tabpage.database .step_ttl .num::after {
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border: solid transparent;
	border-width: 1.7rem 0 1.7rem 1.4rem;
	border-color: transparent transparent transparent #78c2f5;
	margin-top: -1.7rem;
	left:100%;
	top:50%;
}
.box_various .tabpage.database .step_ttl .txt {
	width: calc(100% - 6.4em);
	padding-left:1.6rem;
	padding-right:.6em;
	margin-left: 6.4em;
	padding:.5em .6em .5em 1.6rem;
}
@media print, screen and (min-width: 375px) {
.box_various .tabpage.database .step_ttl .txt span {
	display:inline-block;
}
}
@media print, screen and (min-width: 1024px) {
.box_various .tabpage.database .step_ttl {
	min-height:66px;
	border-radius:10px;
	font-size:18px;
	font-size:1.13rem;
}
.box_various .tabpage.database .step_ttl .num {
	width:7.4em;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
}

.box_various .tabpage.database .step_ttl .num::after {
	border-width: 33px 0 33px 1.4rem;
	margin-top: -33px;
}
.box_various .tabpage.database .step_ttl .txt {
	margin-left: 8.4em;
}

}

/*---------- step_ttl(each) ----------*/
.box_various .tabpage.database .step_ttl.step01 {
	margin-top:1rem;
}
.box_various .tabpage.database .step_ttl.step02 {
	margin-top:2rem;
}

/*---------- sort_cat  ----------*/
.box_various .tabpage.database .sort_cat {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	margin-top:.7rem;
}
.box_various .tabpage.database .sort_cat li {
	width:calc((100% - (5px * 2)) / 3);
	padding:.4rem 0 0;
}
.box_various .tabpage.database .sort_cat li+li {
	margin-left:5px;
}
.box_various .tabpage.database .sort_cat li:nth-of-type(3n -2) {
	margin-left:0;
}
.box_various .tabpage.database .sort_cat label {
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	min-height:3.5em;
	padding:.4rem;
	border: 1px solid #063e8d;
	line-height:1.2;
	text-align:center;
	font-weight:bold;
	color:#063e8d;
	cursor: pointer;
}
.box_various .tabpage.database .sort_cat input{
	display: none;
}
.box_various .tabpage.database .sort_cat input:checked + label {
	border: 1px solid #a08f57;
	background:#a08f57;
	color:#fff;
}
@media print, screen and (min-width: 1024px) {
.box_various .tabpage.database .sort_cat li {
	width:calc((100% - (5px * 4)) / 5);
}
.box_various .tabpage.database .sort_cat li:nth-of-type(3n -2) {
	margin-left:5px;
}
.box_various .tabpage.database .sort_cat li:nth-of-type(5n -4) {
	margin-left:0;
}
}
@media print, screen and (min-width: 1350px) {
.box_various .tabpage.database .sort_cat li {
	width:calc((100% - (5px * 7)) / 8);
}
.box_various .tabpage.database .sort_cat li:nth-of-type(5n -4) {
	margin-left:5px;
}
.box_various .tabpage.database .sort_cat li:nth-of-type(8n -7) {
	margin-left:0;
}
}

/*---------- box_class  ----------*/
.box_various .tabpage.database .box_class  {
	margin-top: .3rem;
}
.box_various .tabpage.database .box_class .accordion_trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding:.7rem;
	background:#5383c5;
	font-weight:bold;
	color:#fff;
}
.box_various .tabpage.database .box_class .accordion_trigger .txt {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: auto;
}
.box_various .tabpage.database .box_class .accordion_trigger .txt::before {
	content:"";
	display:block;
	width:1.2em;
	height:1.2em;
	margin-right:2rem;
	background:url(/library/common/img/ico_sort_white.svg) no-repeat center center;
	background-size:contain;
}
.box_various .tabpage.database .box_class .accordion_trigger .btn {
	position:relative;
	width:20px;
	height:20px;
	border-radius:10px;
	background:#fff;
}
.box_various .tabpage.database .box_class .accordion_trigger .btn::before,
.box_various .tabpage.database .box_class .accordion_trigger .btn::after {
	position:absolute;
	top:calc(50% - 1px);
	left:calc(50% - 6px);
	content:"";
	display:block;
	width:12px;
	height:2px;
	background:#5383c5;
	transition:.3s;
}
.box_various .tabpage.database .box_class .accordion_trigger .btn::after {
	transform:rotate(90deg);
}
.box_various .tabpage.database .box_class.on .accordion_trigger .btn::after {
	transform:rotate(0deg);
}
.box_various .tabpage.database .box_class .not_accordion_ttl {
	display:none;
}
.box_various .tabpage.database .box_class .accordion_body {
	border:#063e8d 1px dotted;
	border-top:none;
	background:#e1f0fa;
}
.box_various .tabpage.database .box_class .accordion_trigger {
}

@media print, screen and (min-width: 1024px) {
.box_various .tabpage.database .box_class  {
	display:table;
	width: 100%;
	margin-top: 8px;
	border:#063e8d 1px dotted;
	background:#e1f0fa;
}
.box_various .tabpage.database .box_class .accordion_trigger {
	display:none;
}
.box_various .tabpage.database .box_class .not_accordion_ttl {
	display: table-cell;
	width:137px;
	padding:1.3rem 1.1rem;
	background:#5383c5;
	border:#e1f0fa 6px solid;
	font-weight:bold;
	color:#fff;
}
.box_various .tabpage.database .box_class .not_accordion_ttl .txt {
	display: flex;
	align-items: center;
}
.box_various .tabpage.database .box_class .not_accordion_ttl .txt::before {
	content:"";
	display:block;
	width:1.2em;
	height:1.2em;
	margin-right:1rem;
	background:url(/library/common/img/ico_sort_white.svg) no-repeat center center;
	background-size:contain;
}

.box_various .tabpage.database .box_class .accordion_body {
	flex-grow:1;
	display:block !important;
	border:none;
}
}


/*---------- sort_class  ----------*/
.box_various .tabpage.database .sort_class {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding:.4rem .7rem .7rem;
}
.box_various .tabpage.database .sort_class li {
	display:none;
	padding:.4rem 0 0;
	margin-right:5px;
}
.box_various .tabpage.database .sort_class label {
	display: flex;
	justify-content: center;
	align-items: center;
	height:100%;
	padding:.6em .8em;
	border: 1px solid #063e8d;
	border-radius: 3em;
	background:#fff;
	line-height:1.2;
	text-align:center;
	font-weight:bold;
	color:#063e8d;
	cursor: pointer;
}
.box_various .tabpage.database .sort_class input{
	display: none;
}
.box_various .tabpage.database .sort_class input:checked + label {
	background:#f5e9c3;
}
@media print, screen and (min-width: 1024px) {
}


/*---------- box_result  ----------*/
.box_various .tabpage.database .box_result .sort_none {
	display:none;
	margin-top:1em;
}
.box_various .tabpage.database .box_result ul.list_result {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding-top:1rem;
}
.box_various .tabpage.database .box_result ul.list_result li{
	/*display: flex;*/
	display: none;
	justify-content: space-between;
	align-items: center;
	width:calc((100% - 28px) / 2);
	min-height:4em;
	margin:1px 7px 0;
	padding:.4rem 0 .4rem .2rem;
	box-shadow : 0 1px 0 0 #bfcde1 ,0 -1px 0 0 #bfcde1;
}
.box_various .tabpage.database .box_result ul.list_result li.active{
	display: flex !important;
	opacity: 1 !important;
    z-index: 100 !important;
}
.box_various .tabpage.database .box_result ul.list_result .link_db {
	display: flex;
	align-items: center;
	width:100%;
	height:100%;
	min-height: 3em;
	padding-right: 1em;
	background:url(/library/common/img/arrow_std_navy.svg) no-repeat right center;
	background-size:7.5px auto;
	font-weight:bold;
	font-size:12px;
	font-size:0.86rem;
	color:#999;
}
.box_various .tabpage.database .box_result ul.list_result .link_db[target="_blank"]::after {
	content:"";
	display:block;
	flex-shrink: 0;
	width:.8em;
	height:.8em;
	margin-left: .5em;
	background:url(/library/common/img/ico_blank_navy.svg) no-repeat center center;
	background-size:100%;
}
.box_various .tabpage.database .box_result ul.list_result a.link_db {
	color:#063e8d;
}


@media print, screen and (min-width: 1024px) {
.box_various .tabpage.database .box_result ul.list_result li{
	width:calc((100% - 56px) / 4);
}
/*-- hover --*/
.box_various .tabpage.database .box_result ul.list_result li{
	transition:all .3s;
}
.box_various .tabpage.database .box_result ul.list_result li.hover{
	background:#fef8e3;
}
.box_various .tabpage.database .box_result ul.list_result .link_db {
	font-size:15px;
	font-size:0.94rem;
}
}

/*---------- box_result_ft  ----------*/
.box_various .tabpage.database .box_result ul.list_result_ft{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	padding-top:2em;	
}
.box_various .tabpage.database .box_result ul.list_result_ft li{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width:calc((100% - 28px) / 2);
	min-height: auto;
	margin:1px 7px 0;
	padding:.4rem 0 .4rem .2rem;
	box-shadow : 0 0 0 0 transparent;
}
.box_various .tabpage.database .box_result ul.list_result_ft li:nth-of-type(-n+2){
	border-top:none;
}
.box_various .tabpage.database .box_result ul.list_result_ft a.link_db {
	display: flex;
	align-items: center;
	width:100%;
	height:100%;
	min-height: auto;
	padding-right: 1em;
	background:url(/library/common/img/arrow_std_navy.svg) no-repeat right center;
	background-size:7.5px auto;
	font-weight:bold;
	font-size:12px;
	font-size:0.86rem;
	color:#063e8d;
}
@media print, screen and (min-width: 1024px) {
.box_various .tabpage.database .box_result ul.list_result_ft{
	justify-content: flex-end;
}
.box_various .tabpage.database .box_result ul.list_result_ft li{
	width:auto;
}
.box_various .tabpage.database .box_result ul.list_result_ft li:nth-of-type(1){
	margin-right:0;
	padding-right:2.3em;
}
.box_various .tabpage.database .box_result ul.list_result_ft li:nth-of-type(n+2){
	margin-left:0;
	padding-left:2.3em;
	padding-right:2.3em;
	border-left:#aabdd8 1px solid;
}
.box_various .tabpage.database .box_result ul.list_result_ft li:last-child{
	padding-right: 0;
}
.box_various .tabpage.database .box_result ul.list_result_ft a.link_db {
	font-size:16px;
	font-size:1rem;
}
.box_various .tabpage.database .box_result ul.list_result_ft a.link_db::after {
	margin-left:1.5em;
}
/*-- hover --*/
.box_various .tabpage.database .box_result ul.list_result_ft li.hover{
	opacity:.8;
	background:transparent;
}
}

/* -----------------------------------------------------------------
 tabpage.research
----------------------------------------------------------------- */
.box_various .tabpage.research {
	padding:1em 0 5em;
}
@media print, screen and (min-width: 1024px) {
.box_various .tabpage.research {
	padding:3em 0 8em;
}
}


/* -----------------------------------------------------------------
 box_tool
----------------------------------------------------------------- */
.box_tool {
	padding: 0 3.3vw 2.5rem;
	background:#cadaf1;
}
.box_tool >.ttl {
	display: flex;
	flex-direction:column;
	padding:3.5em 0 1em;
	border-bottom:rgba(6,62,141,.47) 1px solid;
}
.box_tool >.ttl .en {
	font-weight:normal;
	font-size:10.5px;
	font-size:0.75rem;
	font-family: 'Roboto';
	color:#063e8d;
}
.box_tool >.ttl .jp {
	margin-top:.1rem;
	font-weight:bold;
	font-size:18px;
	font-size:1.29rem;
}
.box_tool .list_link {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:7px;
}
.box_tool .list_link a {
	display: flex;
	align-items: center;
	width:calc((100% - 5px) / 2);
	margin-top:3px;
	padding:.8rem .64rem; 
	border-bottom:#99b5d5 1px solid;
	background:#fff;
	line-height:1.2;
	font-weight:bold;
	font-size:15px;
	font-size:1.07rem;
	color:#063e8d;
}
.box_tool .list_link a img {
	flex-shrink:0;
	margin-right:.5rem;
	width:2.7rem;
}
.box_tool .list_link a .txt {
	display:block;
	width: 100%;
	text-align:center;
}
.box_tool .list_link a .txt span {
	display:inline-block;
}
@media print, screen and (min-width: 1024px) {
.box_tool {
	padding: 0 65px 45px;
}
.box_tool >.ttl {
	display: flex;
	flex-direction:row;
	align-items: center;
	border-bottom:none;
}
.box_tool >.ttl::before {
	order:1;
	content:"";
	display:block;
	width:15px;
	height:15px;
	margin-right:0.6em;
	background:#063e8d;
}
.box_tool >.ttl .en {
	order:3;
	padding:0 49px 0 28px;
	font-size:14px;
	font-size:0.88rem;
}
.box_tool >.ttl .jp {
	order:2;
	font-size:24px;
	font-size:1.5rem;
}
.box_tool .list_link a {
	width:calc((100% - 48px) / 5);
	border-bottom:#99b5d5 2px solid;
	transition:all .3s;
}
.box_tool .list_link a .txt {
	text-align:left;
}
/*-- hover --*/
.box_tool .list_link a:hover {
	width:calc((100% - 48px) / 5);
	border-bottom:#789cc2 2px solid;
	background:#f1f6fd;
}
}
@media print, screen and (min-width: 1350px) {
.box_tool {
	padding:0 calc((100vw - 1300px) / 2) 45px;
}
.box_tool .list_link a {
	padding:.8rem 20px .8em 25px; 
	font-size:20px;
	font-size:1.25rem;
}
.box_tool .list_link a img {
	width:50px;
}
.box_tool .list_link a .txt {
	margin-left:4px;
}

}



/* -----------------------------------------------------------------
 box_news
----------------------------------------------------------------- */
.box_news {
	padding: 0 3.3vw;
}
.box_news >.ttl {
	margin-top:2.4rem;
	font-weight:bold;
	font-size:18px;
	font-size:1.29rem;
	color:#063e8d;
}
.box_news .justify_left {/*component.css上書き*/
	margin-top:1rem;
}
.box_news a.link_arrow.navy::after {/*component.css上書き*/
	margin-left:1.2rem;
}
@media print, screen and (min-width: 1024px) {
.box_news {
	width:85%;
	max-width:1000px;
	margin:0 auto;
	padding: 0;
}
.box_news >.ttl {
	float:left;
	display: flex;
	align-items: center;
	width:290px;
	height: 2.25em;
	margin-top:2.8rem;
	font-size:24px;
	font-size:1.5rem;
}
.box_news .justify_left {/*component.css上書き*/
	margin-top:2rem;
}
}
@media print, screen and (min-width: 1350px) {
.box_news {
}
}


/* -----------------------------------------------------------------
 box_news tab_control
----------------------------------------------------------------- */
.box_news ul.tab_control {
	display: flex;
	align-items: center;
}
.box_news ul.tab_control li {
	flex-grow: 1;
	width:calc(100% / 4);
	margin-top:1rem;
	margin-bottom:1rem;
	padding:1em .4em;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	font-size:0.86rem;
	color:#063e8d;
}
.box_news ul.tab_control li.tw {
	display:none;
}
.box_news ul.tab_control li+li {
	border-left:#aabdd8 1px solid;
}
.box_news ul.tab_control li.current {
	position:relative;
	border-left:transparent 1px solid;
	background:#063e8d;
	color:#fff;
}
.box_news ul.tab_control li.current+li  {
	border-left:transparent 1px solid;
}
.box_news ul.tab_control li.current::after {
	content:'';
	height:0;
	width:0;
	pointer-events:none;
	position:absolute;
	border: solid transparent;
	border-width: 6px;
	border-color: #063e8d transparent transparent transparent;
	margin-left: -6px;
	left: 50%;
	top:100%;
}
@media print, screen and (min-width: 1024px) {
.box_news ul.tab_control {
	float:right;
	width:calc(100% - 290px);
}
.box_news ul.tab_control li {
	margin-top:2.8rem;
	font-size:16px;
	font-size:1rem;
}
.box_news ul.tab_control li.tab {
	cursor:pointer;
}
.box_news ul.tab_control li.tw {
	display:flex;
	justify-content: flex-end;
	align-items: center;
	border-left:transparent 1px solid;
	width:73px;
	padding:0;
	padding-right: 12px;
}
.box_news ul.tab_control li:nth-of-type(4) {
	border-right:#aabdd8 1px solid;
}
.box_news ul.tab_control li.current:nth-of-type(4) {
	border-right:transparent 1px solid;
}

.box_news ul.tab_control li.tw .btn_tw {
	display:flex;
	justify-content: center;
	align-items: center;
	width:32px;
	height:32px;
	background:url(/library/common/img/ico_sns_x.svg) no-repeat center center;
	background-size:32px;
}

/*-- hover --*/
.box_news ul.tab_control li.tw {
	transition:all .3s;
}
.box_news ul.tab_control li.tw:hover {
	opacity:.8;
}
}
@media print, screen and (min-width: 1350px) {
.box_news ul.tab_control {
	width:710px;
}
}


/* -----------------------------------------------------------------
 box_news tab_body
----------------------------------------------------------------- */
.box_news .tab_body {
}
@media print, screen and (min-width: 1024px) {
.box_news .tab_body {
	clear:both;
}
}
/* -----------------------------------------------------------------
 box_news .tabpage .item
----------------------------------------------------------------- */
.box_news .tabpage .item {
	display: flex;
	justify-content: space-between;
	padding:1rem .6rem;
	border-bottom:#e2e2e2 1px solid;
}
.box_news .tabpage .item:nth-of-type(1) {
	border-top:#e2e2e2 1px solid;
}
.box_news .tabpage .item time {
	width:6em;
	font-weight:bold;
	font-family: 'Roboto';
	color:#003399;
}
.box_news .tabpage .item .txt {
	width:calc(100% - 6em);
}
.box_news .tabpage .item .txt .cat {
	position:relative;
	top:-.15em;
	display:inline-block;
	width:4em;
	margin-right:.2em;
	padding:.2em 0;
	border-radius:2em;
	line-height:1;
	text-align:center;
	font-size:12px;
	font-size:0.86rem;
}
.box_news .tabpage .item .txt .cat.all {
	background:#063e8d;
	color:#fff;
}
.box_news .tabpage .item .txt .cat.koshi {
	background:#4cc3a8;
	color:#fff;
}
.box_news .tabpage .item .txt .cat.shonan {
	background:#69b9d7;
	color:#fff;
}
.box_news .tabpage .item .txt .cat.adachi {
	background:#fff;
	border:#d8d8d8 1px solid;
	color:#000;
}
@media print, screen and (min-width: 1024px) {
.box_news .tabpage .item time {
	width:7em;
	font-weight:normal;
	font-size:16px;
	font-size:1rem;
}
.box_news .tabpage .item .txt {
	display: flex;
	align-items: start;
	font-size:16px;
	font-size:1rem;
}
.box_news .tabpage .item .txt .cat {
	width:8em;
	margin-right:1em;
	padding:.6em 0;
	font-size:13px;
	font-size:0.81rem;
}
.box_news .tabpage .item .txt .body {
	width: calc(100% - 9em);
}

/*-- hover --*/
.box_news .tabpage .item {
	transition:all .3s;
}
.box_news .tabpage .item:hover {
	background:rgba(6, 62, 141, .04);
}
}



/* -----------------------------------------------------------------
 box_aside_link
----------------------------------------------------------------- */
.box_aside_link {
	padding: 0 3.3vw;
}
.box_aside_link a.btn_tw {
	display:flex;
	justify-content: center;
	align-items: center;
	max-width:375px;
	margin:2rem auto 0;
	padding:1.3rem 2.5rem 1.3rem 4rem;
	border:#000000 1px solid;
	border-radius:5px;
	background:url(/library/common/img/ico_sns_x.svg) no-repeat left 2rem center;
	background-size:32px auto;
	font-weight:bold;
	font-size:15px;
	font-size:1.07rem;
	color:#000000;
}
@media print, screen and (min-width: 1024px) {
}
@media print, screen and (min-width: 1350px) {
}