@CHARSET "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body{font-family:'Noto Sans JP', 'Source Han Sans', sans-serif;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
h1,h2,h3,h4,h5,h6{font-weight:500;font-size:100%;}
h4{font-weight:400;font-size:22px!important;margin:0 0 15px;}
h5{font-size:18px!important;margin:0 0 8px;font-weight:400;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
p{word-break:break-all;}
q:before,q:after{content:'';}
a{transition:0.4s;}
object,embed{vertical-align:top;}
legend{display:none;}
figure{margin:0;line-height:0;}
img,abbr,acronym,fieldset{border:0;}
p,th,td,li,dt,dd,figcaption{font-size:16px;line-height:1.8;}
img{height:auto;max-width:100%;}

/* ALL */
.head{margin:0 auto 30px;}
.head h2{
	font-size:25px;
	text-align:center;
}
.res_none{display:none;}
.head .subTtl{
	color:#006DB5;
	margin-bottom:28px;
	text-align:center;
}
.dlb_btn a{
	background-color:#FFF;
	color:#016BB9;
	padding:14px 1.5em;
	border:1px solid #016BB9!important;
	position:relative;
	top:0;
	border:1px solid #ccc;
	text-decoration:none;
	outline:none;
	transition:all .3s;
	box-shadow:2px 2px 0px 0px rgba(1,107,185);
}
.dlb_btn a:hover{
	border:1px solid #016BB9!important;
	top:-6px;
	box-shadow:2px 8px 0px 0px rgba(1,107,185);
}
.dlb_btn a::before{border-color:#FFF;}
.dlb_btn a:hover::before{border-color:#FFF;}
.dlb_btn a::before{border-color:#FFF;}
.dlb_btn a:active {
	background-color:#016BB9;
	color:#FFF;
}
@media only screen and (min-width:768px){
	.head h2{font-size:32px;}
}
@media only screen and (min-width:420px){
	.head p{text-align:center;}
	.res_none{display:block;}
}

/* TOP MEDIA */
.main_area{margin-bottom:0;}
.main_area .main_block{position:relative;}
.main_area .main_block::after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.05);
	z-index:1;
}
.main_area .main_txt_in{vertical-align:bottom;}
.main_area .main_lead{
	color:#FFF;
	font-weight:500;
	z-index:2;
	position:relative;
	line-height:1.4;
	padding:0 0 0 1em;
	font-size:50px;
	margin:0 0 2em;
	bottom:0;
}
.main_area .main_lead .mainttl{display:block;}
.main_area .main_lead .subttl{
	font-size:18px;
	display:block;
	position:absolute;
	writing-mode:vertical-lr;
	-ms-writing-mode:tb-rl;
	-webkit-writing-mode:vertical-lr;
	margin:0;
	line-height:1.3;
	text-align:start;
	border-left:1px solid #FFF;
	top:0;
	left:0;
	height:100%;
	transform:rotate(180deg);
}
@media only screen and (max-width:690px){
	.main_area .main_txt_in{vertical-align:top;}
	.main_area .main_lead{
		font-size:32px;
		padding:0;
		margin:0;
	}
	.main_area .main_lead .mainttl{bottom:1em;}
	.main_area .main_lead .subttl{
		display:table;
		top:0;
		max-height:200px;
		position:relative;
		margin:0 0 2em;
	}
}

/* NEWS */
#media{
	padding:0 15px 30px;
	max-width:1150px;
	margin:auto;
}
#media .head h2,
#media .head .subTtl{text-align:left;}
#media .head h2{
	line-height:1.2;
	font-size:25px;
	font-weight:500;
}
#media .head p{
	color:#006EB6;
	margin-bottom:0;
}
#media .news{
	margin:0 0 5em;
	padding:45px 0 0;
}
#media .rss_date{width:auto;}
#media .rss_title{
	color:#006EB6;
	width:auto;
	float:left;
	padding-left:8px;
	margin-left:8px;
	position:relative;
}
#media .rss_title::after{
	position:absolute;
	top:.5em;
	left:0;
	content:'';
	width:1px;
	height:calc(100% - 1em);
	background-color:#006CB7;
}
#media .rss_contents{
	padding:0;
	font-size:15px;
}
#media .rss_title a{color:#006CB7;}
#media .rss_box dl{
	padding-bottom:0;
	padding-bottom:10px;
	margin-bottom:10px;
	border-color:transparent;
}
#media .topic .newsgrid{
	display:flex;
	flex-wrap:wrap;
}
#media .topic .dlb_media_title{
	display:none;
}
#media .topic .newsgrid .dlb_media_block{
	width:calc(50% - 10px);
	position:relative;
	padding:2.5em 0 0;
}
#media .topic .newsgrid .dlb_media_block:nth-of-type(odd){margin:0 10px 20px 0;}
#media .topic .newsgrid .dlb_media_block:nth-of-type(even){margin:0 0 20px 10px;}
#media .topic .newsgrid .dlb_media_left{
	width:100%;
	height:100px;
	overflow:hidden;
}
#media .topic .newsgrid .dlb_media_time{
	position:absolute;
	top:0;
	font-size:12px;
}
#media .topic .newsgrid .dlb_media_cate span{
	position:absolute;
	top:16px;
	left:0;
	background-color:transparent;
	padding:0;
	font-size:12px;
	color:#006CB7;
}
#media .topic .newsgrid .dlb_media_left_in{
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
	-o-transition:all .3s;
	transition:all .3s;
}
#media .topic .newsgrid .dlb_media_txt{line-height:1.5;}
#media .topic .newsgrid .dlb_media_block{text-decoration:none;}
#media .topic .newsgrid .dlb_media_block:hover h3,
#media .topic .newsgrid .dlb_media_block:hover p{color:#006CB7}
#media .head{position:relative;}
#media .head .pagebtn{
	text-align:left;
	margin:auto;
	display:table;
}
#media .head .pagebtn a{
	padding:0 3em 0 0;
	position:relative;
	text-decoration:none;
	font-size:14px;
	position:absolute;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	line-height:26px;
	height:26px;
}
#media .head .pagebtn a:hover{color:#006EB6}
#media .head .pagebtn a::before,
#media .head .pagebtn a::after{
	position:absolute;
	right:10px;
	bottom:0;
	margin:auto;
	content:'';
	height:1px;
	background-color:#006EB6;
	transition:0.4s;
}
#media .head .pagebtn a::before{
	top:0;
	width:30px;
}
#media .head .pagebtn a::after{
	top:-6px;
	width:8px;
	transform:rotate(45deg);
}
#media .head .pagebtn a:hover::before,
#media .head .pagebtn a:hover::after{right:0}
#media .news .rss_box .dlb_media_block{
	margin:0 0 20px;
	display:block;
	text-decoration:none;
}
#media .news .rss_box .dlb_media_block:hover{color:#006EB6;}
#media .news .rss_box .dlb_media_time{
	font-size:14px;
	color:#000;
	display:table;
}
#media .news .rss_box .dlb_media_cate{
	position:absolute;
	top:-0.1em;
	left:7.5em;
	margin:0;
}
#media .news .rss_box .dlb_media_right{position:relative;}
#media .news .rss_box .dlb_media_title{display:none;}
#media .news .rss_box .dlb_media_cate{
	position:absolute;
	top:-0.1em;
	left:7.5em;
	margin:0;
}
#media .news .rss_box .dlb_media_cate span{
	padding:0;
	background:transparent;
	font-size:14px;
	font-weight:400;
	padding:0 0 0 10px;
	border-left:1px solid #006EB6;
	color:#006EB6;
}
@media only screen and (min-width:430px){
	#media .topic .newsgrid .dlb_media_left{height:180px;}
}
@media only screen and (min-width:768px){
	#media{
		display:flex;
		flex-wrap:wrap;
	}
	#media .news{
		width:calc(50% - 10px);
		margin:0 10px 0 0;
		padding:50px 10px 0 0;
		border-right:1px solid #006EB6;
	}
	#media .topic{
		width:calc(50% - 10px);
		margin:0 0 0 10px;
		padding:50px 0 0;
	}
	#media .head h2{font-size:32px;}
	#media .news .rss_box .dlb_media_time,
	#media .news .rss_box .dlb_media_cate span,
	#media .news .rss_box .dlb_media_txt{
		font-size:16px;
	}
	#media .topic .newsgrid .dlb_media_block{padding:1.5em 0 0;}
	#media .topic .newsgrid .dlb_media_time{
		top:0;
		left:0;
	}
	#media .topic .newsgrid .dlb_media_cate span{
		top:0;
		right:0;
		left:auto;
		padding:0 0 0 10px;
	}
	#media .topic .newsgrid .dlb_media_cate span::after{
		position:absolute;
		left:0;
		bottom:0;
		margin:auto;
		content:'';
		height:100%;
		width:1px;
		background-color:#006EB6;
	}
	#media .head .pagebtn{font-size:16px;}
}
@media only screen and (max-width:690px){
	#media .rss_title,
	#media .rss_contents{font-size:0.85em;}
	#media .rss_date{
		float:left;
		padding:3px 0;
	}
}
@media screen and (min-width:768px) and (max-width:940px){
	#media .topic .newsgrid .dlb_media_cate span{
		top:20px;
		right:auto;
		left:0;
		padding:0;
	}
	#media .topic .newsgrid .dlb_media_block{padding:3em 0 0;}
	#media .topic .newsgrid .dlb_media_cate span::after{display:none;}
}

/* COURSE */
#course{
	background-color:#F5F5F5;
	padding:45px 15px;
}
#course img{width:100%;}
#course .textBox{
	max-width:1120px;
	margin:0 auto 30px;
}
#course .textBox .contents:nth-child(odd){margin:0 0 25px;}
#course .textBox .contents figure::after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
}
#course .textBox .contents figure{position:relative;}
#course .textBox .contents:nth-child(1) figure::after{background-color:rgba(63, 163, 238, 0.2);}
#course .textBox .contents:nth-child(2) figure::after{background-color:rgba(232, 107, 165, 0.12);}
#course .textBox .contents:nth-child(1) h3{
	color:#3fa3ee;
	border-color:#3fa3ee;
}
#course .textBox .contents:nth-child(2) h3{
	color:#E86BA5;
	border-color:#E86BA5;
}
#course .textBox .contents section{
	padding:20px 10px;
	background:#FFF;
	width:calc(100% - 20px);
	margin:-100px auto 0;
	z-index:2;
	position:relative;
}
#course .textBox .contents h3{
	font-size:24px;
	margin:0 0 10px;
	padding:0 0 5px;
	border-bottom:1px solid;
}
#course .textBox .contents .subTtl{margin:0 0 20px;}
#course .dlb_btn a{
	max-width:200px;
	margin:30px auto 0;
}
.dlb_btn a::before{border-color:#FFF;}
@media only screen and (min-width:768px){
	#course{padding:80px 15px;}
	#course .textBox{
		display:flex;
		flex-wrap:wrap;
	}
	#course .textBox .contents{width:calc(50% - 10px);}
	#course .textBox .contents:nth-child(odd){margin:0 10px 0 0;}
	#course .textBox .contents:nth-child(even){margin:0 0 0 10px;}
	#course .textBox .contents section{padding:30px;width:calc(100% - 60px);}
	#course .textBox .contents{position:relative;}
	#course .textBox .contents figure{
		z-index:2;
		position:relative;
	}
	#course .textBox .contents h3{font-size:30px;}
}

/* ABOUT */
#about{
	padding:45px 15px;
	background-repeat:no-repeat;
	background-size:cover;
}
#about .grid{
	max-width:1120px;
	margin:auto;
}
#about img{width:100%;}
#about .image{
	display:flex;
	flex-wrap:wrap;
}
#about .image .left,
#about .image .right{width:50%}
#about .image .left{margin:0 0 15px;}
#about .link{
	margin:30px auto 0;
	display:flex;
    flex-wrap:wrap;
	justify-content:center;
}
#about .link li{
	margin:0 8px;
	display:table-cell;
}
#about .link li a{
	position:relative;
	padding:0 0 0 15px;
}
#about .link li a:hover{color:#006CB7}
#about .link li a::after{
	position:absolute;
	top:calc(50% - 5px);
	left:0;
	margin:auto;
	content:"";
	vertical-align:middle;
	width:6px;
	height:6px;
	border-top:2px solid #1a88d7;
	border-right:2px solid #1a88d7;
	transform:rotate(45deg);
}
@media only screen and (min-width:768px){
	#about{padding:80px 15px;}
	#about .image .left,
	#about .image .right{width:calc(50% - 10px);}
	#about .image .left{margin:0 10px 0 0;}
	#about .image .right{margin:0 0 0 10px;}
}

/* BANNER */
#banner{padding:45px 15px;}
#banner ul{
	display:table;
	width:100%;
	max-width:1120px;
	margin:auto;
}
#banner ul li{
	width:calc(50% - 5px);
	float:left;
}
#banner ul li:nth-child(odd){margin:0 5px 0 0;}
#banner ul li:nth-child(even){margin:0 0 0 5px;}
#banner ul li img{width:100%}
@media only screen and (min-width:768px){
	#banner{padding:80px 15px;}
	#banner ul li, #banner ul li:nth-child(odd), #banner ul li:nth-child(even){
		margin:0 20px 0 0;
		width:calc(25% - 15px);
	}
	#banner ul li:nth-child(4n){margin:0;}
}

/* DLB INTERACTIVE-1 AREA */
.dlb_interactive-1_area{background-color:#016BB9;}
.dlb_interactive-1_area .mt10{
	position:relative;
	display:table;
}
.dlb_interactive-1_area .dlb_interactive_txt_in{
	background-image:url(/dcms_media/image/what-university.png);
	background-repeat:no-repeat;
	background-position:top;
	height:100%;
	padding:4em 16px 32px;
}
.dlb_interactive-1_area .dlb_btn a{
	background-color:#FFF;
	color:#016BB9;
	padding:14px 1.5em;
	border:1px solid #016BB9!important;
	position:relative;
	top:0;
	border:1px solid #ccc;
	text-decoration:none;
	outline:none;
	transition:all .3s;
	box-shadow:2px 2px 0px 0px rgba(255,255,255,1);
}
.dlb_interactive-1_area .dlb_btn a:hover{
	top:-4px;
	box-shadow:2px 6px 0px 0px rgba(255,255,255,1);
}
.dlb_interactive-1_area .dlb_btn a:active{
	background-color:#016BB9;
	color:#FFF;
	border:1px solid #FFF!important;
	box-shadow:2px 6px 0px 0px rgba(255,255,255,1);
}
.dlb_interactive-1_area .dlb_btn a::before{border-color:#FFF;}
.dlb_interactive-1_area .dlb_btn a:hover::before{border-color:#FFF;}
.dlb_interactive-1_area .mt10 a{
	color:#FFF;
	text-decoration:none;
	padding:0 3.8em 0 0;
}
.dlb_interactive-1_area .mt10 a:hover{color:#E2F0FB;}
.dlb_interactive-1_area .mt10 a::before,
.dlb_interactive-1_area .mt10 a::after{
	position:absolute;
	right:15px;
	bottom:0;
	margin:auto;
	content:'';
	height:1px;
	background-color:#FFF;
	transition:0.4s;
}
.dlb_interactive-1_area .mt10 a::before{
	top:0;
	width:40px;
}
.dlb_interactive-1_area .mt10 a::after{
	top:-6px;
	width:8px;
	transform:rotate(45deg);
}
.dlb_interactive-1_area .mt10 a::after{
	top:-6px;
	width:8px;
	transform:rotate(45deg);
}
.dlb_interactive-1_area .mt10 a:hover::before,
.dlb_interactive-1_area .mt10 a:hover::after{
	right:0;
	background-color:#E2F0FB;
}
@media only screen and (max-width:767px){
	.dlb_interactive-1_area{margin-bottom:0;}
	.dlb_interactive-1_area .dlb_interactive_txt_in{
		padding:5em 24px 32px!important;
		background-size:60%;
		background-position:right 10% top 6%;
	}
	.dlb_interactive-1_area .mt10{margin:10px auto 0;}
	.dlb_interactive-1_area .col2_221{flex-wrap:wrap-reverse;}
	.dlb_interactive-1_area .inner{width:100%;}
}

/* CAMPUS */
#campus{
	padding:45px 15px;
	background-color:#E2F0FB;
}
#campus img{
	width:100%;
}
#campus .gridBox{
	max-width:1120px;
	margin:auto;
}
#campus .gridBox .left{
	margin:0 0 20px;
	background-size:cover;
	background-position:
	center;background-repeat:no-repeat;
}
#campus .imgList{
	margin:20px auto 0;
	display:table;
	width:100%;
}
#campus .imgList li{
	width:calc(100%/3 - 2px);
	margin:0 2px 0 0;
	float:left;
}
#campus .imgList li:nth-child(3n){margin:0;}
#campus .imgList figcaption{
	font-size:14px;
	text-align:center;
}
@media only screen and (min-width:768px){
	#campus{padding:80px 15px;}
	#campus .gridBox{
		display:flex;
		flex-wrap:wrap;
	}
	#campus .gridBox .left{
		margin:0 10px 0 0;
		width:calc(45% - 10px)
	}
	#campus .gridBox .left figure{display:none;}
	#campus .gridBox .right{
		margin:0 0 0 10px;
		width:calc(55% - 10px)
	}
}
@media only screen and (max-width:767px){
	#campus .gridBox .left{background-image:none!important;}
	#campus .dlb_btn_w40{
		margin:20px auto 0;
		display:block;
	}

}

/* DLB PNAVI04 AREA */
.dlb_pnavi04_area{
	padding:0 15px;
	background-color:transparent;
	margin:45px 0 0;
}
.dlb_pnavi04_area .dlb_pnavi04_txt{
	position:absolute;
	bottom:0;
	width:100%;
	padding:15px;
	background-color:transparent;
}
.dlb_color_base_pseudo_border::after,
.dlb_color_base_pseudo_border::before{display:none;}
.dlb_pnavi04_area .dlb_pnavi04_txt .miniTxt{
	display:block;
	font-size:11px;
}
.dlb_pnavi04_area .dlb_pnavi04_txt p{
	text-align:left;
	font-size:16px;
}
.dlb_pnavi04_block li{margin-bottom:15px;}
.dlb_pnavi04_area .dlb_pnavi04_txt a{color:#FFF;}
.dlb_pnavi04_block figure{position:relative;}
.dlb_pnavi04_block figure::after{
	position:absolute;
	top:0;
	left:0;
	content:'';
	width:100%;
	height:100%;
	background-color:rgba(0, 108, 183, 0.29);
	border-radius:4px;
}
.dlb_interactive-1_area .slick-slide {
	background-size:contain!important;
	background:#FFF;
}
@media only screen and (min-width:768px){
	.dlb_pnavi04_area{padding:80px 0 0;}
	.dlb_pnavi04_block li{margin-bottom:0;}
	.dlb_pnavi04_area .dlb_pnavi04_txt p{font-size:25px;}
}
@media only screen and (max-width:767px){
	.dlb_pnavi04_area .inner{width:100%;}
	.dlb_pnavi04_block li,
	.dlb_pnavi04_block li:nth-child(3n){
		margin-bottom:3px;
		margin-right:3px;
	}
	.dlb_pnavi04_block li{width:calc(50% - 2px);}
}