@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


.print{
	display:none;
	}

.swiper-container .new_wave span{
	background: #00275f!important;
	}

.swiper-container .olympic span{
	background: #f8d425!important;
	color:#000!important;
	}

.swiper-container .kirari span{
	background: #dc4a2e!important;
	}

.swiper-container .vivid_club span{
	background: #ed6b86!important;
	}

.swiper-container .global_voice span{
	background: forestgreen!important;
	}

.swiper-container .cross_talk span{
	background: #ad7fae!important;
	}

.swiper-container .topics span{
	background: olive!important;
	}

.swiper-container .anniversary span{
	background: dodgerblue!important;
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {

#wrapper{
	padding-bottom:40px;
	}
	
	.main_slider img{
		width:100%;
		}	
	.swiper_main-pagination{
		text-align: right!important;
		padding-right: 10px;
		box-sizing: border-box;
		}
		.swiper_main-pagination span{
			width: 65px !important;
			height: 3px !important;
			border-radius: 0 !important;
			background-color: #ccc !important;
			opacity:1!important;
			}
			.swiper_main-pagination span.swiper-pagination-bullet-active{
				background-color: #264977 !important;
				}
			
	
	/*  info  */
	.info_wrap{
		border-bottom:1px solid #ECECEC;
		padding:75px 0 25px;
		}
	.info{
		margin:auto;
		min-width: 1040px;
		max-width: 1260px;
		box-sizing: border-box;
		padding: 15px 20px;
		}
		.info h2{
			float:left;
			}
			.info h2 span{
				display:inline-block;
				position:relative;
				}
			.info h2 span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.info h2 img{
			height:23px;
			vertical-align:top;
			}
	
	.sort_box{
		float:left;
		margin-top:10px;
		margin-left:3.8%;
		}
		.sort_box dt{
			display:none;
			}
		.sort_box dd ul{
			display:block!important;
			height:auto!important;
			overflow:visible!important;
			}
			.sort_box dd ul li{
				cursor:pointer;
				float:left;
				font-size:14px;
				font-weight:bold;
				position:relative;
				letter-spacing:0.5px;
				}
			.sort_box dd ul li:not(:last-child){
				padding-right:1.6em;
				}
			.sort_box dd ul li:not(:last-child)::after{
				content:"/";
				position:absolute;
				right:0.5em;
				color:#000;
				}
			.sort_box dd ul li:hover{
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.sort_box dd ul li.active{
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
				
			.sort_box dd ul li span{
				position:relative;
				display:inline-block;
				}
			.sort_box dd ul li span::after,
			.sort_box dd ul li span::after{
				content:"";
				position:absolute;
				width:100%;
				height:3px;
				background-color: #274A78;
				left:-2px;
				bottom:-30px;
				transition:500ms;
				-webkit-transition:500ms;
				opacity:0;
				}
			.sort_box dd ul li:hover span::after,
			.sort_box dd ul li.active span::after{
				opacity:1;
				transition:500ms;
				-webkit-transition:500ms;
				}
			#container{
				margin-top:80px;
				}
				#container{
					}
					#container > div:not(.all){
						display:none;
						}
					#container li{
						margin:20px 0;
						}
					#container li.all:nth-child(n + 7){
						display: none;
						}
						#container li div{
							float:left;
							font-size:14px;
							}
						#container li .data{
							margin-top:2px;
							width:145px;
							font-weight:bold;
							}
						#container li .cate{
							background-color: #274A78;
							width:180px;
							text-align:center;
							color:#fff;
							font-size:12px;
							font-weight:bold;
							padding:6px 0;
							line-height: 1;
							}
						#container li .text{
							margin-top:-0.05em;
							width:calc(100% - 335px);
							padding-left:10px;
							line-height:1.6em;
							}
				.josho_link{
					display: none;
					text-align:right;
					}
					.josho_link a{
						display:inline-block;
						position:relative;
						padding-left: 20px;
						font-size: 12px;
						font-weight: bold;
						}
					.josho_link a::before{
						content: "";
						position: absolute;
						left: 0;
						width: 4px;
						height: 4px;
						border-top: 1px solid #274A78;
						border-right: 1px solid #274A78;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						top: 50%;
						margin-top: -2px;
						}
	/*  info  end */
			

	/*  media  */
	.media_wrap{
		border-bottom:1px solid #ECECEC;
		padding:75px 0 25px;
		}
	.media{
		margin:auto;
		min-width: 1040px;
		max-width: 1260px;
		box-sizing: border-box;
		padding: 15px 20px;
		}
		.media h2{
			float:left;
			}
			.info h2 span{
				display:inline-block;
				position:relative;
				}
			.info h2 span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.media h2 img{
			height:23px;
			vertical-align:top;
			}
	
	.media_box{
		float:left;
		margin-top:10px;
		margin-left:3.8%;
		}
		.media_box dt{
			display:none;
			}
		.media_box dd ul{
			display:block!important;
			height:auto!important;
			overflow:visible!important;
			}
			.media_box dd ul li{
				cursor:pointer;
				float:left;
				font-size:14px;
				font-weight:bold;
				position:relative;
				letter-spacing:0.5px;
				}
			.media_box dd ul li:not(:last-child){
				padding-right:1.6em;
				}
			.media_box dd ul li:not(:last-child)::after{
				content:"/";
				position:absolute;
				right:0.5em;
				color:#000;
				}
			.media_box dd ul li:hover{
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.media_box dd ul li.active{
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
				
			.media_box dd ul li span{
				position:relative;
				display:inline-block;
				}
			.media_box dd ul li span::after,
			.media_box dd ul li span::after{
				content:"";
				position:absolute;
				width:100%;
				height:3px;
				background-color: #274A78;
				left:-2px;
				bottom:-30px;
				transition:500ms;
				-webkit-transition:500ms;
				opacity:0;
				}
			.media_box dd ul li:hover span::after,
			.media_box dd ul li.active span::after{
				opacity:1;
				transition:500ms;
				-webkit-transition:500ms;
				}
				
				
				
					
	
	/* カルーセル */
	.swiper-container{
	padding-bottom: 30px !important;
		}
		.swiper-button-prev,
		.swiper-button-next{
			background-color: #000;
			margin-top: 0px !important;
			width: 32px!important;
			height: 32px!important;
			text-indent: -9999px;
			z-index: 500;
			}
			
		.swiper-button-prev{
			background: url(../images/prev.jpg)!important;
			right: 57px !important;
			left: unset !important;
			}
		.swiper-button-next{
			background: url(../images/next.jpg)!important;
			left: 10px;
			}
			
			
		.swiper1-button-prev,
		.swiper1-button-next{
			top: 75px !important;
			}
		.swiper2-button-prev,
		.swiper2-button-next{
			top: 55px !important;
			}
			
	
	/*  focus  */
	.focus{
		min-width: 1040px;
		max-width: 1260px;
		padding: 50px 20px;
		box-sizing: border-box;
		margin:auto;
		border-bottom:1px solid #ECECEC;
		margin-bottom:50px;
		position:relative;
		}
		.focus h2{
			float:left;
			margin-bottom:60px;
			}
			.focus h2 span{
				display:inline-block;
				position:relative;
				}
			.focus h2 span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.focus h2 img{
			height:23px;
			vertical-align:top;
			}
		.focus .swiper-wrapper img{
			margin-bottom:10px;
			}
		.focus .swiper-wrapper{
			font-size:14px;
			line-height:1.5em;
			}
		.focus .swiper-wrapper > div{
			position:relative;
			font-weight:bold;
			}
		.focus .swiper-wrapper > div img{
			width:100%;
			}
		.focus .swiper-wrapper > div .iframe_s div,
		.focus .swiper-wrapper > div .iframe div{
			position:relative;
			}
			.focus .swiper-wrapper > div .iframe_s div::before,
			.focus .swiper-wrapper > div .iframe div::before{
				content: "";
				background-image: url(../images/play.png);
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 100px;
				height: 100px;
				background-size:cover;
				opacity:0;
				z-index:2;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.focus .swiper-wrapper > div .iframe_s div::after,
			.focus .swiper-wrapper > div .iframe div::after{
				position:absolute;
				left:0;
				top:0;
				content:"";
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.2);
				z-index:1;
				opacity:0;
				}
			.focus .swiper-wrapper > div .iframe_s:hover div::before,
			.focus .swiper-wrapper > div .iframe_s:hover div::after,
			.focus .swiper-wrapper > div .iframe:hover div::before,
			.focus .swiper-wrapper > div .iframe:hover div::after{
				opacity:1;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.focus .swiper-wrapper > div span{
				position:absolute;
				left:0;
				top:0;
				display:inline-block;
				background-color: #274A78;
				color:#fff;
				padding:3px 5px 4px;
				font-size:12px;
				font-weight:bold;
				line-height:1;
				z-index:1;
				}
	/*  focus  end */
			
	
	/*  voice  */
	.voice{
		min-width: 1040px;
		max-width: 1260px;
		padding: 0 20px;
		box-sizing: border-box;
		margin:auto;
		margin-bottom:50px;
		position:relative;
		}
		.voice h2{
			float:left;
			margin-bottom:60px;
			}
			.voice h2 > span{
				display:inline-block;
				position:relative;
				}
			.voice h2 > span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
				.voice h2 > span span{
					display:block;
					font-size:15px;
					margin-top:15px;
					}
		.voice h2 img{
			height:23px;
			vertical-align:top;
			}
		.voice .swiper-wrapper > div img{
			margin-bottom:10px;
			width:100%;
			}
		.voice .swiper-wrapper > div{
			font-size:14px;
			line-height:1.5em;
			}
		.voice .swiper-wrapper > div li{
			}
			.voice .swiper-wrapper > div .school{
				letter-spacing:-0.03em;
				}
			.voice .swiper-wrapper > div .name{
				font-weight:bold;
				}
			.voice .swiper-wrapper > div .job{
				font-size:12px;
				margin-top:10px;
				letter-spacing:-0.03em;
				}
	/*  voice  end */
			
	
	/*  flow  */
	.flow{
		padding:25px 0;
		background-color:#F4F4F4;
		margin-bottom:100px;
		}
		.flow > div{
			margin:auto;
			}
			.flow h3{
				float:left;
				display:block;
				width:140px;
				text-align:center;
				color:#fff;
				background-color: #274A78;
				font-size:12px;
				padding:10px 0;
				}
			.flow ul{
				float:left;
				padding-left:15px;
				box-sizing:border-box;
				}
				.flow ul li{
					float:left;
					font-size:12px;
					font-weight:bold;
					margin-top:10px;
					position:relative;
					letter-spacing:0.5px;
					}
					.flow ul li:not(:last-child){
						padding-right:1.2em;
						}
					.flow ul li:not(:last-child)::after{
						content:"/";
						position:absolute;
						right:0.3em;
						color:#000;
						}
	/*  flow  end */
			
	
	/*  banner  */
	.banner{
		margin:auto;
		min-width: 1040px;
		max-width: 1260px;
		margin-top: 100px;padding: 15px 20px;
		box-sizing: border-box;
		margin-top:50px;
		}
		.banner ul{
			margin-left:-2%
			}
			.banner ul li{
				float:left;
				width:23%;
				margin-left: 2%;
				}
			.banner ul li img{
				width:100%;
				}
			.banner ul li:not(:first-child){
				}
	/*  banner  end */
	
	/*  media  */
	.media_wrap{
		border-bottom:1px solid #ECECEC;
		padding:75px 0 75px;
		}
	/*  media end */
	
	
}





/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
#colorbox{
	margin-top:20%;
	}
.cboxIframe{
	height: 50%!important;
	}
	
#wrapper{
	padding-bottom:40px;
	}
				
	.main_slider img{
		width:100%;
		}
	.swiper_main-pagination{
		display:none;
		}
			
	
	/*  info  */
	.info_wrap{
		border-bottom:1px solid #ECECEC;
		padding:35px 10px;
		}
	.info{
		}
		.info > div{
			position:relative;
			}
		.info h2{
			width:48%;
			}
			.info h2 span{
				display:inline-block;
				position:relative;
				}
			.info h2 span::after{
				content:"";
				position:absolute;
				width:50px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.info h2 img{
			max-width:165px;
			max-height:19px;
			vertical-align:top;
			}
	
	.sort_box{
		position:absolute;
		right:0px;
		top:0;
		width:48%;
		z-index: 1000;
		}
		.sort_box dt{
			cursor:pointer;
			padding:10px 15px;
			border-radius:5px;
			background-color:#EFEFEF;
			font-size:14px;
			font-weight:bold;
			position:relative;
			padding-right:25px;
			line-height:1.5em;
			}
		.sort_box dt::after{
			position:absolute;
			right:15px;
			content:"";
			box-sizing: border-box;
			width: 4px;
			height: 4px;
			border: 4px solid transparent;
			border-top: 4px solid #000;
			top:50%;
			margin-top:-2px;
			transition:500ms;
			-webkit-transition:500ms;
			}
		.sort_box.open dt::after{
			transition:500ms;
			-webkit-transition:500ms;
			transform:rotate(-180deg);
			-webkit-transform:rotate(180deg);
			margin-top:-7px;
			}
		.sort_box dd ul{
			display:none;
			padding:15px;
			padding-top:5px;
			margin-top:-5px;
			background-color:#EFEFEF;
			}
			.sort_box dd ul li{
				cursor:pointer;
				font-size:14px;
				font-weight:bold;
				line-height:1.5em;
				}
			.sort_box dd ul li{
				margin-top:10px;
				padding-top:10px;
				border-top:1px solid #000;
				}
			.sort_box dd ul li:hover{
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.sort_box dd ul li.active{
				display: none;
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
			#container{
				margin-top:80px;
				}
				#container{
					}
					#container > div:not(.all){
						display:none;
						}
					#container li{
						margin:20px 0;
						}
					#container li:nth-child(n + 7){
						display:none;
						}
						#container li div{
							font-size:14px;
							}
						#container li .data{
							margin-top:2px;
							font-weight:bold;
							display:inline-block;
							margin:10px 0;
							}
						#container li .cate{
							background-color: #274A78;
							text-align:center;
							color:#fff;
							font-size:12px;
							font-weight:bold;
							padding:3px 0;
							display:inline-block;
							width:190px;
							margin:5px 0;
							}
						#container li .text{
							margin-top:10px;
							line-height:1.8em;
							}
				.josho_link{
					display: none;
					text-align:right;
					}
					.josho_link a{
						display:inline-block;
						position:relative;
						padding-left: 20px;
						font-size: 12px;
						font-weight: bold;
						}
					.josho_link a::before{
						content: "";
						position: absolute;
						left: 0;
						width: 4px;
						height: 4px;
						border-top: 1px solid #274A78;
						border-right: 1px solid #274A78;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						top: 50%;
						margin-top: -2px;
						}
	/*  info  end */
			
	
	/* カルーセル */
	.swiper-container{
		}
		.swiper-button-prev,
		.swiper-button-next{
			background-color: #000;
			margin-top: 0px !important;
			width: 32px!important;
			height: 32px!important;
			text-indent: -9999px;
			z-index: 500;
			}
			
		.swiper-button-prev{
			background: url(../images/prev.jpg)!important;
			right: 57px !important;
			left: initial !important;
			}
		.swiper-button-next{
			background: url(../images/next.jpg)!important;
			left: 10px;
			}
			
			
		.swiper1-button-prev,
		.swiper1-button-next{
			top: 25px !important;
			}
		.swiper2-button-prev,
		.swiper2-button-next{
			top: 55px !important;
			}
			
			
	
	/*  focus  */
	.focus{
		margin:auto;
		border-bottom:1px solid #ECECEC;
		padding:0 10px;
		margin-top:35px;
		margin-bottom:35px;
		padding-bottom:35px;
		position:relative;
		}
		.focus h2{
			float:left;
			margin-bottom:60px;
			}
			.focus h2 span{
				display:inline-block;
				position:relative;
				}
			.focus h2 span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.focus h2 img{
			height:19px;
			vertical-align:top;
			}
		.focus .swiper-wrapper img{
			margin-bottom:10px;
			width:100%;
			}
		.focus .swiper-wrapper{
			font-size:14px;
			line-height:1.5em;
			font-weight:bold;
			}
		.focus .swiper-wrapper > div .iframe_s div,
		.focus .swiper-wrapper > div .iframe div{
			position:relative;
			}
			.focus .swiper-wrapper > div .iframe_s div::before,
			.focus .swiper-wrapper > div .iframe div::before{
				content: "";
				background-image: url(../images/play.png);
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 50px;
				height: 50px;
				background-size:cover;
				opacity:0;
				z-index:2;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.focus .swiper-wrapper > div .iframe_s div::after,
			.focus .swiper-wrapper > div .iframe div::after{
				position:absolute;
				left:0;
				top:0;
				content:"";
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.2);
				z-index:1;
				opacity:0;
				}
			.focus .swiper-wrapper > div .iframe_s:hover div::before,
			.focus .swiper-wrapper > div .iframe_s:hover div::after,
			.focus .swiper-wrapper > div .iframe:hover div::before,
			.focus .swiper-wrapper > div .iframe:hover div::after{
				opacity:1;
				transition:500ms;
				-webkit-transition:500ms;
				}
		.focus .swiper-wrapper > div{
			position:relative;
			}
			.focus .swiper-wrapper > div span{
				position:absolute;
				left:0;
				top:0;
				display:inline-block;
				background-color: #274A78;
				color:#fff;
				padding:3px 5px 4px;
				font-size:9px;
				font-weight:bold;
				line-height:1;
				z-index:1;
				}
	/*  focus  end */
			
	
	/*  voice  */
	.voice{
		padding:0 10px;
		margin-top:35px;
		margin-bottom:60px;
		position:relative;
		}
		.voice h2{
			float:left;
			margin-bottom:60px;
			}
			.voice h2 > span{
				display:inline-block;
				position:relative;
				}
			.voice h2 > span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
				.voice h2 > span span{
					display:block;
					font-size:15px;
					margin-top:15px;
					}
		.voice h2 img{
			height:19px;
			vertical-align:top;
			}
		.voice .swiper-wrapper img{
			margin-bottom:10px;
			}
		.voice .swiper-wrapper{
			font-size:14px;
			line-height:1.5em;
			}
		.voice .swiper-wrapper > div{
			}
		.voice .swiper-wrapper > div img{
			width:100%;
			}
			.voice .swiper-wrapper > div .school{
				letter-spacing:-0.03em;
				}
			.voice .swiper-wrapper > div .name{
				font-weight:bold;
				}
			.voice .swiper-wrapper > div .job{
				font-size:12px;
				margin-top:10px;
				letter-spacing:-0.03em;
				}
	/*  voice  end */
			
	
	/*  flow  */
	.flow{
		padding:25px 10px 10px;
		background-color:#F4F4F4;
		margin-bottom:35px;
		}
		.flow > div{
			}
			.flow h3{
				float:left;
				display:block;
				width:100%;
				text-align:center;
				color:#fff;
				background-color: #274A78;
				font-size:13px;
				padding:10px 0;
				}
			.flow ul{
				box-sizing:border-box;
				}
				.flow ul li{
					font-size:12px;
					font-weight:bold;
					position:relative;
					text-align:center;
					width:48%;
					border-bottom:1px solid #ccc;
					padding:15px 0;
					line-height:1.8em;
					}
				.flow ul li:nth-of-type(odd){
					float:left;
					clear:both;
					}
				.flow ul li:nth-of-type(even){
					float:right;
					}
				.flow ul li:nth-last-child(1),
				.flow ul li:nth-last-child(2){
					border-bottom:none;
					padding-bottom:0;
					}
	/*  flow  end */
			
	
	/*  banner  */
	.banner{
		margin-top:60px;
		}
		.banner ul{
			}
			.banner ul li{
				width:50%;
				float:left;
				}
			.banner ul li img{
				width:100%;
				}
	/*  banner  end */
							
}




@media print {
	.focus_voice{
		/*page-break-before: always;*/
		}
	.main_slider .swiper-wrapper{
		display:none!important;
		height:0!important;
		}
	.print{
		display:block;
		width:100%;
		}
	.swiper-slide{
		margin-right: 2%!important;
		width: 23%!important;
		}
	/*
	.bx-wrapper .bx-viewport .carousel{
		width:auto!important;
		transform: translate3d(0px, 0px, 0px)!important;
		padding:0!important;
		margin:0!important;
		margin-left:-2%!important;
		}
	.bx-wrapper .bx-viewport .carousel li{
		width:23%!important;
		margin-left:2%!important;
		margin-right:0!important;
		}
		.bx-wrapper .bx-viewport .carousel li{
			display:none;
			}
		.bx-wrapper .bx-viewport .carousel li:nth-child(5),
		.bx-wrapper .bx-viewport .carousel li:nth-child(6),
		.bx-wrapper .bx-viewport .carousel li:nth-child(7),
		.bx-wrapper .bx-viewport .carousel li:nth-child(8) {
			display:block;
			}
	
	
	.focus_voice .swiper-wrapper > divi{
		display:none;
		}
	.focus_voice .swiper-wrapper > div:nth-child(5),
	.focus_voice .swiper-wrapper > div:nth-child(6),
	.focus_voice .swiper-wrapper > div:nth-child(7),
	.focus_voice .swiper-wrapper > div:nth-child(8){
		display:block;
		}
	*/
}



/** swiper**/






#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-next{
			background: url(/images/slider_back.png)!important;
			right: 10px !important;
			left: unset !important;
			}
#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-prev{
			background: url(/images/slider_next.png)!important;
			left: 10px !important;
			right: unset !important;
			}@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


.print{
	display:none;
	}

.swiper-container .new_wave span{
	background: #00275f!important;
	}

.swiper-container .olympic span{
	background: #f8d425!important;
	color:#000!important;
	}

.swiper-container .kirari span{
	background: #dc4a2e!important;
	}

.swiper-container .vivid_club span{
	background: #ed6b86!important;
	}

.swiper-container .global_voice span{
	background: forestgreen!important;
	}

.swiper-container .cross_talk span{
	background: #ad7fae!important;
	}

.swiper-container .topics span{
	background: olive!important;
	}

.swiper-container .anniversary span{
	background: dodgerblue!important;
	}

.swiper-container .teachme span{
	background: #7fbfff !important;
	}

.swiper-container .frontier span{
	background: #D7C065 !important;
	}



/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media screen and (min-width: 801px), print {

#wrapper{
	padding-bottom:40px;
	}
	
	.main_slider img{
		width: auto;
		height: 100%;
		max-width: 100%;
		}	
	.swiper_main-pagination{
		text-align: right!important;
		padding-right: 10px;
		box-sizing: border-box;
		}
		.swiper_main-pagination span{
			width: 65px !important;
			height: 3px !important;
			border-radius: 0 !important;
			background-color: #ccc !important;
			opacity:1!important;
			}
			.swiper_main-pagination span.swiper-pagination-bullet-active{
				background-color: #264977 !important;
				}
			
	
	/*  info  */
	.info_wrap{
		border-bottom:1px solid #ECECEC;
		padding:75px 0 25px;
		}
	.info{
		margin:auto;
		min-width: 1040px;
		max-width: 1260px;
		box-sizing: border-box;
		padding: 15px 20px;
		}
		.info h2{
			float:left;
			}
			.info h2 span{
				display:inline-block;
				position:relative;
				}
			.info h2 span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.info h2 img{
			height:23px;
			vertical-align:top;
			}
	
	.sort_box{
		float:left;
		margin-top:10px;
		margin-left:3.8%;
		}
		.sort_box dt{
			display:none;
			}
		.sort_box dd ul{
			display:block!important;
			height:auto!important;
			overflow:visible!important;
			}
			.sort_box dd ul li{
				cursor:pointer;
				float:left;
				font-size:14px;
				font-weight:bold;
				position:relative;
				letter-spacing:0.5px;
				}
			.sort_box dd ul li:not(:last-child){
				padding-right:1.6em;
				}
			.sort_box dd ul li:not(:last-child)::after{
				content:"/";
				position:absolute;
				right:0.5em;
				color:#000;
				}
			.sort_box dd ul li:hover{
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.sort_box dd ul li.active{
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
				
			.sort_box dd ul li span{
				position:relative;
				display:inline-block;
				}
			.sort_box dd ul li span::after,
			.sort_box dd ul li span::after{
				content:"";
				position:absolute;
				width:100%;
				height:3px;
				background-color: #274A78;
				left:-2px;
				bottom:-30px;
				transition:500ms;
				-webkit-transition:500ms;
				opacity:0;
				}
			.sort_box dd ul li:hover span::after,
			.sort_box dd ul li.active span::after{
				opacity:1;
				transition:500ms;
				-webkit-transition:500ms;
				}
			#container{
				margin-top:80px;
				}
				#container{
					}
					#container > div:not(.all){
						display:none;
						}
					#container li{
						margin:20px 0;
						}
					#container li.all:nth-child(n + 7){
						display: none;
						}
						#container li div{
							float:left;
							font-size:14px;
							}
						#container li .data{
							margin-top:2px;
							width:145px;
							font-weight:bold;
							}
						#container li .cate{
							background-color: #274A78;
							width:180px;
							text-align:center;
							color:#fff;
							font-size:12px;
							font-weight:bold;
							padding:6px 0;
							line-height: 1;
							}
						#container li .text{
							margin-top:-0.05em;
							width:calc(100% - 335px);
							padding-left:10px;
							line-height:1.6em;
							}
				.josho_link{
					display: none;
					text-align:right;
					}
					.josho_link a{
						display:inline-block;
						position:relative;
						padding-left: 20px;
						font-size: 12px;
						font-weight: bold;
						}
					.josho_link a::before{
						content: "";
						position: absolute;
						left: 0;
						width: 4px;
						height: 4px;
						border-top: 1px solid #274A78;
						border-right: 1px solid #274A78;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						top: 50%;
						margin-top: -2px;
						}
	/*  info  end */
			
	
	/* カルーセル */
	.swiper-container{
		}
		.swiper-button-prev,
		.swiper-button-next{
			background-color: #000;
			margin-top: 0px !important;
			width: 32px!important;
			height: 32px!important;
			text-indent: -9999px;
			z-index: 500;
			}
			
		.swiper-button-prev{
			background: url(../images/prev.jpg)!important;
			right: 57px !important;
			left: unset !important;
			}
		.swiper-button-next{
			background: url(../images/next.jpg)!important;
			left: 10px;
			}
			
			
		.swiper1-button-prev,
		.swiper1-button-next{
			top: 75px !important;
			}
		.swiper2-button-prev,
		.swiper2-button-next{
			top: 55px !important;
			}
		.swiper3-button-prev,
		.swiper3-button-next{
			top: 55px !important;
			}
			
	
	/*  focus  */
	.focus{
		min-width: 1040px;
		max-width: 1260px;
		padding: 50px 20px;
		box-sizing: border-box;
		margin:auto;
		border-bottom:1px solid #ECECEC;
		margin-bottom:50px;
		position:relative;
		}
		.focus h2{
			float:left;
			margin-bottom:60px;
			}
			.focus h2 span{
				display:inline-block;
				position:relative;
				}
			.focus h2 span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.focus h2 img{
			height:23px;
			vertical-align:top;
			}
		.focus .swiper-wrapper img{
			margin-bottom:10px;
			}
		.focus .swiper-wrapper{
			font-size:14px;
			line-height:1.5em;
			}
		.focus .swiper-wrapper > div{
			position:relative;
			font-weight:bold;
			}
		.focus .swiper-wrapper > div img{
			width:100%;
			}
		.focus .swiper-wrapper > div .iframe_s div,
		.focus .swiper-wrapper > div .iframe div{
			position:relative;
			}
			.focus .swiper-wrapper > div .iframe_s div::before,
			.focus .swiper-wrapper > div .iframe div::before{
				content: "";
				background-image: url(../images/play.png);
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 100px;
				height: 100px;
				background-size:cover;
				opacity:0;
				z-index:2;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.focus .swiper-wrapper > div .iframe_s div::after,
			.focus .swiper-wrapper > div .iframe div::after{
				position:absolute;
				left:0;
				top:0;
				content:"";
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.2);
				z-index:1;
				opacity:0;
				}
			.focus .swiper-wrapper > div .iframe_s:hover div::before,
			.focus .swiper-wrapper > div .iframe_s:hover div::after,
			.focus .swiper-wrapper > div .iframe:hover div::before,
			.focus .swiper-wrapper > div .iframe:hover div::after{
				opacity:1;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.focus .swiper-wrapper > div span{
				position:absolute;
				left:0;
				top:0;
				display:inline-block;
				background-color: #274A78;
				color:#fff;
				padding:3px 5px 4px;
				font-size:12px;
				font-weight:bold;
				line-height:1;
				z-index:1;
				}
	/*  focus  end */
			
	
	/*  voice  */
	.voice{
		min-width: 1040px;
		max-width: 1260px;
		padding: 0 20px;
		box-sizing: border-box;
		margin:auto;
		margin-bottom:50px;
		position:relative;
		}
		.voice h2{
			float:left;
			margin-bottom:60px;
			}
			.voice h2 > span{
				display:inline-block;
				position:relative;
				}
			.voice h2 > span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
				.voice h2 > span span{
					display:block;
					font-size:15px;
					margin-top:15px;
					}
		.voice h2 img{
			height:23px;
			vertical-align:top;
			}
		.voice .swiper-wrapper > div img{
			margin-bottom:10px;
			width:100%;
			}
		.voice .swiper-wrapper > div{
			font-size:14px;
			line-height:1.5em;
			}
		.voice .swiper-wrapper > div li{
			}
			.voice .swiper-wrapper > div .school{
				letter-spacing:-0.03em;
				}
			.voice .swiper-wrapper > div .name{
				font-weight:bold;
				}
			.voice .swiper-wrapper > div .job{
				font-size:12px;
				margin-top:10px;
				letter-spacing:-0.03em;
				}
	/*  voice  end */
			
	
	/*  flow  */
	.flow{
		padding:25px 0;
		background-color:#F4F4F4;
		margin-bottom:100px;
		}
		.flow > div{
			margin:auto;
			}
			.flow h3{
				float:left;
				display:block;
				width:140px;
				text-align:center;
				color:#fff;
				background-color: #274A78;
				font-size:12px;
				padding:10px 0;
				}
			.flow ul{
				float:left;
				padding-left:15px;
				box-sizing:border-box;
				}
				.flow ul li{
					float:left;
					font-size:12px;
					font-weight:bold;
					margin-top:10px;
					position:relative;
					letter-spacing:0.5px;
					}
					.flow ul li:not(:last-child){
						padding-right:1.2em;
						}
					.flow ul li:not(:last-child)::after{
						content:"/";
						position:absolute;
						right:0.3em;
						color:#000;
						}
	/*  flow  end */
			
	
	/*  banner  */
	.banner{
		margin:auto;
		min-width: 1040px;
		max-width: 1260px;
		margin-top: 100px;padding: 15px 20px;
		box-sizing: border-box;
		margin-top:50px;
		}
		.banner ul{
			margin-left:-2%
			}
			.banner ul li{
				float:left;
				width:23%;
				margin-left: 2%;
				}
			.banner ul li img{
				width:100%;
				}
			.banner ul li:not(:first-child){
				}
	/*  banner  end */
	
	
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
bottom: 40px !important;
}


.vertical .cboxIframe{
	height: auto !important;
	aspect-ratio: 9 / 16;
}





	/* banner 20250604 */
		.banner-info{
			margin-top: 1%;
			margin-left:-2.33333%;
			}
			.banner-info > div{
				width:31%;
				float:left;
				margin-left:2.33333%;
				}
			.banner-info div a{
				width:100%;
				position:relative;
				display:table;
				height:80px;
				border:1px solid #B7C2CD;
				text-align:center;
				font-weight:bold;
				box-sizing:border-box;
				}
			.banner-info div a::after{
				content:"";
				width:10px;
				height:9px;
				background-image:url(/for_media/img/window.png);
				background-size:cover;
				position:absolute;
				right:30px;
				top:50%;
				margin-top:-5px;
				}
				.banner-info div a figure{
					height: 100%;
					vertical-align:middle;
					display: flex;
					padding: 14px;
					font-size: 1.125rem;
					box-sizing: border-box;
					align-items: center;
				}
				.banner-info div.oit a figure img{
					width: 180px;
					padding: 0 6px;
				}
				.banner-info div.setsu a figure img{
					width: 146px;
					padding: 0 23px;
				}
				.banner-info div.hiu a figure img{
					width: 192px;
					padding: 0px;
				}
				.banner-info div a figure figcaption{
					color: #666;
					text-align: left;
					padding: 10px;
					box-sizing: border-box;
				}
				.banner-info div a span {
					height: 100%;
					vertical-align: middle;
					display: table-cell;
				}

	/* banner 20250604 */



}





/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
@media only screen and (max-width: 800px) {
#colorbox{
	margin-top:20%;
	}
.cboxIframe{
	height: 50%!important;
	}

.vertical .cboxIframe{
	height: auto !important;
	aspect-ratio: 9 / 16;
	background: none;
	}

	
#wrapper{
	padding-bottom:40px;
	}
				
	.main_slider img{
		width:100%;
		}
	.swiper_main-pagination{
		display:none;
		}
			
	
	/*  info  */
	.info_wrap{
		border-bottom:1px solid #ECECEC;
		padding:35px 10px;
		}
	.info{
		}
		.info > div{
			position:relative;
			}
		.info h2{
			width:48%;
			}
			.info h2 span{
				display:inline-block;
				position:relative;
				}
			.info h2 span::after{
				content:"";
				position:absolute;
				width:50px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.info h2 img{
			max-width:165px;
			max-height:19px;
			vertical-align:top;
			}
	
	.sort_box{
		position:absolute;
		right:0px;
		top:0;
		width:48%;
		z-index: 1000;
		}
		.sort_box dt{
			cursor:pointer;
			padding:10px 15px;
			border-radius:5px;
			background-color:#EFEFEF;
			font-size:14px;
			font-weight:bold;
			position:relative;
			padding-right:25px;
			line-height:1.5em;
			}
		.sort_box dt::after{
			position:absolute;
			right:15px;
			content:"";
			box-sizing: border-box;
			width: 4px;
			height: 4px;
			border: 4px solid transparent;
			border-top: 4px solid #000;
			top:50%;
			margin-top:-2px;
			transition:500ms;
			-webkit-transition:500ms;
			}
		.sort_box.open dt::after{
			transition:500ms;
			-webkit-transition:500ms;
			transform:rotate(-180deg);
			-webkit-transform:rotate(180deg);
			margin-top:-7px;
			}
		.sort_box dd ul{
			display:none;
			padding:15px;
			padding-top:5px;
			margin-top:-5px;
			background-color:#EFEFEF;
			}
			.sort_box dd ul li{
				cursor:pointer;
				font-size:14px;
				font-weight:bold;
				line-height:1.5em;
				}
			.sort_box dd ul li{
				margin-top:10px;
				padding-top:10px;
				border-top:1px solid #000;
				}
			.sort_box dd ul li:hover{
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.sort_box dd ul li.active{
				display: none;
				color:#274A78;
				transition:500ms;
				-webkit-transition:500ms;
				}
			#container{
				margin-top:80px;
				}
				#container{
					}
					#container > div:not(.all){
						display:none;
						}
					#container li{
						margin:20px 0;
						}
					#container li:nth-child(n + 7){
						display:none;
						}
						#container li div{
							font-size:14px;
							}
						#container li .data{
							margin-top:2px;
							font-weight:bold;
							display:inline-block;
							margin:10px 0;
							}
						#container li .cate{
							background-color: #274A78;
							text-align:center;
							color:#fff;
							font-size:12px;
							font-weight:bold;
							padding:3px 0;
							display:inline-block;
							width:190px;
							margin:5px 0;
							}
						#container li .text{
							margin-top:10px;
							line-height:1.8em;
							}
				.josho_link{
					display: none;
					text-align:right;
					}
					.josho_link a{
						display:inline-block;
						position:relative;
						padding-left: 20px;
						font-size: 12px;
						font-weight: bold;
						}
					.josho_link a::before{
						content: "";
						position: absolute;
						left: 0;
						width: 4px;
						height: 4px;
						border-top: 1px solid #274A78;
						border-right: 1px solid #274A78;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						top: 50%;
						margin-top: -2px;
						}
	/*  info  end */
			
	
	/* カルーセル */
	.swiper-container{
		}
		.swiper-button-prev,
		.swiper-button-next{
			background-color: #000;
			margin-top: 0px !important;
			width: 32px!important;
			height: 32px!important;
			text-indent: -9999px;
			z-index: 500;
			}
			
		.swiper-button-prev{
			background: url(../images/prev.jpg)!important;
			right: 57px !important;
			left: initial !important;
			}
		.swiper-button-next{
			background: url(../images/next.jpg)!important;
			left: 10px;
			}
			
			
		.swiper1-button-prev,
		.swiper1-button-next{
			top: 25px !important;
			}
		.swiper2-button-prev,
		.swiper2-button-next{
			top: 55px !important;
			}
		.swiper3-button-prev,
		.swiper3-button-next{
			top: 25px !important;
			}
			
			
	
	/*  focus  */
	.focus{
		margin:auto;
		border-bottom:1px solid #ECECEC;
		padding:0 10px;
		margin-top:35px;
		margin-bottom:35px;
		padding-bottom:35px;
		position:relative;
		}
		.focus h2{
			float:left;
			margin-bottom:60px;
			}
			.focus h2 span{
				display:inline-block;
				position:relative;
				}
			.focus h2 span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.focus h2 img{
			height:19px;
			vertical-align:top;
			}
		.focus .swiper-wrapper img{
			margin-bottom:10px;
			width:100%;
			}
		.focus .swiper-wrapper{
			font-size:14px;
			line-height:1.5em;
			font-weight:bold;
			}
		.focus .swiper-wrapper > div .iframe_s div,
		.focus .swiper-wrapper > div .iframe div{
			position:relative;
			}
			.focus .swiper-wrapper > div .iframe_s div::before,
			.focus .swiper-wrapper > div .iframe div::before{
				content: "";
				background-image: url(../images/play.png);
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
				width: 50px;
				height: 50px;
				background-size:cover;
				opacity:0;
				z-index:2;
				transition:500ms;
				-webkit-transition:500ms;
				}
			.focus .swiper-wrapper > div .iframe_s div::after,
			.focus .swiper-wrapper > div .iframe div::after{
				position:absolute;
				left:0;
				top:0;
				content:"";
				width:100%;
				height:100%;
				background:rgba(0,0,0,0.2);
				z-index:1;
				opacity:0;
				}
			.focus .swiper-wrapper > div .iframe_s:hover div::before,
			.focus .swiper-wrapper > div .iframe_s:hover div::after,
			.focus .swiper-wrapper > div .iframe:hover div::before,
			.focus .swiper-wrapper > div .iframe:hover div::after{
				opacity:1;
				transition:500ms;
				-webkit-transition:500ms;
				}
		.focus .swiper-wrapper > div{
			position:relative;
			}
			.focus .swiper-wrapper > div span{
				position:absolute;
				left:0;
				top:0;
				display:inline-block;
				background-color: #274A78;
				color:#fff;
				padding:3px 5px 4px;
				font-size:9px;
				font-weight:bold;
				line-height:1;
				z-index:1;
				}
	/*  focus  end */
			
	
	/*  voice  */
	.voice{
		padding:0 10px;
		margin-top:35px;
		margin-bottom:60px;
		position:relative;
		}
		.voice h2{
			float:left;
			margin-bottom:60px;
			}
			.voice h2 > span{
				display:inline-block;
				position:relative;
				}
			.voice h2 > span::after{
				content:"";
				position:absolute;
				width:83px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
				.voice h2 > span span{
					display:block;
					font-size:15px;
					margin-top:15px;
					}
		.voice h2 img{
			height:19px;
			vertical-align:top;
			}
		.voice .swiper-wrapper img{
			margin-bottom:10px;
			}
		.voice .swiper-wrapper{
			font-size:14px;
			line-height:1.5em;
			}
		.voice .swiper-wrapper > div{
			}
		.voice .swiper-wrapper > div img{
			width:100%;
			}
			.voice .swiper-wrapper > div .school{
				letter-spacing:-0.03em;
				}
			.voice .swiper-wrapper > div .name{
				font-weight:bold;
				}
			.voice .swiper-wrapper > div .job{
				font-size:12px;
				margin-top:10px;
				letter-spacing:-0.03em;
				}
	/*  voice  end */
			
	
	/*  flow  */
	.flow{
		padding:25px 10px 10px;
		background-color:#F4F4F4;
		margin-bottom:35px;
		}
		.flow > div{
			}
			.flow h3{
				float:left;
				display:block;
				width:100%;
				text-align:center;
				color:#fff;
				background-color: #274A78;
				font-size:13px;
				padding:10px 0;
				}
			.flow ul{
				box-sizing:border-box;
				}
				.flow ul li{
					font-size:12px;
					font-weight:bold;
					position:relative;
					text-align:center;
					width:48%;
					border-bottom:1px solid #ccc;
					padding:15px 0;
					line-height:1.8em;
					}
				.flow ul li:nth-of-type(odd){
					float:left;
					clear:both;
					}
				.flow ul li:nth-of-type(even){
					float:right;
					}
				.flow ul li:nth-last-child(1),
				.flow ul li:nth-last-child(2){
					border-bottom:none;
					padding-bottom:0;
					}
	/*  flow  end */
			
	
	/*  banner  */
	.banner{
		margin-top:60px;
		}
		.banner ul{
			}
			.banner ul li{
				width:50%;
				float:left;
				}
			.banner ul li img{
				width:100%;
				}
	/*  banner  end */
							
}




@media print {
	.focus_voice{
		/*page-break-before: always;*/
		}
	.main_slider .swiper-wrapper{
		display:none!important;
		height:0!important;
		}
	.print{
		display:block;
		width:100%;
		}
	.swiper-slide{
		margin-right: 2%!important;
		width: 23%!important;
		}
	/*
	.bx-wrapper .bx-viewport .carousel{
		width:auto!important;
		transform: translate3d(0px, 0px, 0px)!important;
		padding:0!important;
		margin:0!important;
		margin-left:-2%!important;
		}
	.bx-wrapper .bx-viewport .carousel li{
		width:23%!important;
		margin-left:2%!important;
		margin-right:0!important;
		}
		.bx-wrapper .bx-viewport .carousel li{
			display:none;
			}
		.bx-wrapper .bx-viewport .carousel li:nth-child(5),
		.bx-wrapper .bx-viewport .carousel li:nth-child(6),
		.bx-wrapper .bx-viewport .carousel li:nth-child(7),
		.bx-wrapper .bx-viewport .carousel li:nth-child(8) {
			display:block;
			}
	
	
	.focus_voice .swiper-wrapper > divi{
		display:none;
		}
	.focus_voice .swiper-wrapper > div:nth-child(5),
	.focus_voice .swiper-wrapper > div:nth-child(6),
	.focus_voice .swiper-wrapper > div:nth-child(7),
	.focus_voice .swiper-wrapper > div:nth-child(8){
		display:block;
		}
	*/
}



/** swiper**/






#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-next{
			background: url(/images/slider_back.png)!important;
			right: 10px !important;
			left: unset !important;
			}
#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-prev{
			background: url(/images/slider_next.png)!important;
			left: 10px !important;
			right: unset !important;
			}


#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-prev,
#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-next{
			top: 40%!important;
			width: 50px!important;
			height: 50px!important;
			}

@media only screen and (max-width: 800px) {
#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-prev,
#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-next{
			width: 25px !important;
			height: 25px !important;
			background-size: contain !important;
			}

}


#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-prev,
#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-next{
			top: 40%!important;
			width: 50px!important;
			height: 50px!important;
			}

@media only screen and (max-width: 800px) {
#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-prev,
#contents > div.swiper-container.main_slider.swiper-container-horizontal > div.swiper-button-next{
			width: 25px !important;
			height: 25px !important;
			background-size: contain !important;
			}
	/*  media  */
	.media_wrap{
		border-bottom: 1px solid #ECECEC;
		padding: 35px 10px;
		}
	.media{
		}
		.media > div{
			position: relative;
			}
		.media h2{
			width: 100%;
			}
			.media h2 span{
				display:inline-block;
				position:relative;
				}
			.media h2 span::after{
				content:"";
				position:absolute;
				width:50px;
				height:3px;
				background-color: #000;
				left:0;
				bottom:-30px;
				}
		.media h2 img{
			max-width:165px;
			max-height:19px;
			vertical-align:top;
			}
	
	.media_box{
		margin-top: 50px;
		}
		.media_box dt{
			display:none;
			}
		.media_box dd ul{
			display: block !important;
			height: auto !important;
			overflow: visible !important;
			}
			.media_box dd ul li{
				cursor: pointer;
				font-size: 14px;
				font-weight: bold;
				position: relative;
				letter-spacing: 0.5px;
				margin: 1rem 0;
				}
				
			.media_box dd ul li span{
				position: relative;
				display: inline-block;
				background: url(/introduction/images/arrow.jpg) no-repeat 0 center;
				padding-left: 22px;
				background-size: 15px;
				}
			.media_box dd ul li span::after,
			.media_box dd ul li span::after{
				content:"";
				position:absolute;
				width:100%;
				height:3px;
				background-color: #274A78;
				left:-2px;
				bottom:-30px;
				transition:500ms;
				-webkit-transition:500ms;
				opacity:0;
				}



	/* banner 20250604 */
			.banner-info div a{
				position:relative;
				display:table;
				width:100%;
				height:60px;
				border:1px solid #B7C2CD;
				text-align:center;
				font-weight:bold;
				box-sizing:border-box;
				margin-top:15px;
				}
			.banner-info div a::after{
				content:"";
				width:10px;
				height:9px;
				background-image:url(/for_media/img/window.png);
				background-size:cover;
				position:absolute;
				right:30px;
				top:50%;
				margin-top:-5px;
				}
				.banner-info div a figure{
					height: 100%;
					vertical-align:middle;
					display: flex;
					padding: 14px;
					font-size: 1.125rem;
					box-sizing: border-box;
					align-items: center;
				}
				.banner-info div.oit a figure img{
					width: 140px;
					padding: 0 6px;
				}
				.banner-info div.setsu a figure img{
					width: 106px;
					padding: 0 23px;
				}
				.banner-info div.hiu a figure img{
					width: 152px;
					padding: 0px;
				}
				.banner-info div a figure figcaption{
					color: #666;
					text-align: left;
					padding: 10px;
					box-sizing: border-box;
				}
				.banner-info div a span {
					height: 100%;
					vertical-align: middle;
					display: table-cell;
				}

	/* banner 20250604 */



}

.focus .swiper-wrapper > div .iframe_s div{
width: auto;
aspect-ratio: 16 / 9;
text-align: center;
background: none;
}

.focus .swiper-wrapper > div .iframe_s img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    margin: 0;
}

.focus .swiper-wrapper > div div{
margin: 0 0 10px;
}

.focus .swiper-wrapper img{
    margin: 0;
}