@charset "utf-8";

img{image-rendering: -webkit-optimize-contrast;}

.ocBanner{
	width: 1000px;
	margin: 0 auto;
	padding-top: 100px;
}
.ocBanner img{width: 100%;}

/**************************************************
 visualHanger
**************************************************/
#visualHanger{
	position: relative;
	min-width: 1250px;
	/*height: 760px;*/
	top: 90px;
	/*background: url("../img/visual.jpg")no-repeat center center;
	background-size: cover;*/
}
#visualHanger.nu{
	background: url("../img/visual_nu.jpg")no-repeat center center;
	background-size: cover;
}
#visualHanger.ct{
	background: url("../img/visual_ct.jpg")no-repeat center center;
	background-size: cover;
}
#visualHanger.co{
	background: url("../img/visual_co.jpg")no-repeat center center;
	background-size: cover;
}
#visualHanger.pc{
	background: url("../img/visual_pc.jpg")no-repeat center center;
	background-size: cover;
}

#visualHanger h2{
	/*position: absolute;
	top: 70px;
	left: 50px;*/
}
#visualHanger h2 img{width: 100%;}
#visualHanger h2 span{
	display:inline-block;
	font-size: 3.5rem;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 1.0;
	margin-top: 20px;
	padding: 15px 25px 8px 25px;
	color: #FFFFFF;
	border: 3px solid #FFFFFF;
}
#visualHanger.nu h2,
#visualHanger.ct h2,
#visualHanger.co h2,
#visualHanger.pc h2{
	top: auto;
	bottom: 70px;
}
#visualHanger.nu h2 span{background-color: #255FAB;}
#visualHanger.ct h2 span{background-color: #EE8100;}
#visualHanger.co h2 span{background-color: #43AE34;}
#visualHanger.pc h2 span{background-color: #E53077;}



/**************************************************
 article
**************************************************/
article{
	position: relative;
	min-width: 1250px;
	margin-top: 90px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1.0;
}

section{padding: 80px 0;}

section h3{
	width: 740px;
	margin: 0 auto;
	padding: 95px 0 30px 0;
	border: 5px solid #006DD9;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: 700;
	letter-spacing: 3px;
	line-height: 1.3;
	color: #006DD9;
}

section p.style1{
	padding: 40px 0 0 0;
	text-align: center;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: 500;
	letter-spacing: 2px;
	line-height: 1.4;
}

section p.style1 span{
	position: relative;
	z-index: 0;
}

#aoBanner{
	text-align: center;
	padding: 80px 0 0 0;
}
#aoBanner.style1{padding: 40px 0 40px 0;}

section p.style1 span::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 20px;
	left: 0;
	bottom: -6px;
	background-color: #FFFF00;
	z-index: -1;
}

#dep h3{
	background: url("../img/icon1.png") no-repeat center 28px;
	background-size: 60px 49px;
}

#dep ul{
	width: 1150px;
	margin: 0 auto;
	padding: 80px 0 0 0;
	text-align: center;
	font-size: 0;
}

#dep ul li{
	display: inline-block;
	vertical-align: top;
	width: 275px;
	margin: 0 5px;
	box-shadow: 0 0 7px 0 rgba(207,219,224,1.0);
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 2px;
	position: relative;
}

#dep ul li::before{
	position: absolute;
	content: '';
	width: 63px;
	height: 63px;
	top: -10px;
	left: -10px;
	z-index: 10;
}

#dep ul li a{
	display: block;
	padding: 10px 10px 20px 10px;
	color: #FFFFFF;
}

#dep ul li a img{
	display: block;
	width: 100%;
	border: 2px solid #FFFFFF;
	margin-bottom: 20px;
}

#dep ul li a:hover{opacity: 0.5;}

#dep ul li a:hover img{opacity: 1.0;}

#dep ul li:nth-child(1)::before{
	background: url("../img/dp1.png") no-repeat 0 0;
	background-size: 63px;
}

#dep ul li:nth-child(1) a{
	background: url("../img/tri_nu.png") no-repeat right bottom #80BFE8;
	background-size: 30px;
}

#dep ul li:nth-child(2)::before{
	background: url("../img/dp2.png") no-repeat 0 0;
	background-size: 63px;
}

#dep ul li:nth-child(2) a{
	background: url("../img/tri_ct.png") no-repeat right bottom #F7BF57;
	background-size: 30px;
}

#dep ul li:nth-child(3)::before{
	background: url("../img/dp3.png") no-repeat 0 0;
	background-size: 63px;
}

#dep ul li:nth-child(3) a{
	background: url("../img/tri_or.png") no-repeat right bottom #A6CF80;
	background-size: 30px;
}

#dep ul li:nth-child(4)::before{
	background: url("../img/dp4.png") no-repeat 0 0;
	background-size: 63px;
}

#dep ul li:nth-child(4) a{
	background: url("../img/tri_pc.png") no-repeat right bottom #EF9AA4;
	background-size: 30px;
}

.btn{
	width: 230px;
	margin: 60px auto 0 auto;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: center;
}

.btn a{
	display: block;
	height: 50px;
	border: 3px solid #006DD9;
	color: #006DD9;
	background: url("../img/pointer1.png") no-repeat 92% center;
	background-size: 8px 14px;
	border-radius: 10.0rem;
	padding: 15px 0 0 0;
}

.btn a:hover{
	color: #FFFFFF;
	background: url("../img/pointer2.png") no-repeat 92% center #006DD9;
	background-size: 8px 14px;
}

/*#cl{background-color: #F4F8FB;}*/

#cl h3{
	background: url("../img/icon2.png") no-repeat center 30px;
	background-size: 60px 46px;
}

#cl ul{
	padding: 80px 50px 0 50px;
	text-align: center;
	font-size: 0;
}

#cl ul li{
	display: inline-block;
	vertical-align: top;
	width: calc((100% - 100px) / 3);
	margin: 0;
	padding: 10px;
	background-color: #FFFFFF;
	box-shadow: 0 0 7px 0 rgba(207,219,224,0.65);
}

#cl ul li:nth-child(2){margin: 0 50px;}

#cl ul li span{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 56.25%;
}

#cl ul li span iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#dormitory h3{
	background: url("../img/icon3.png") no-repeat center 25px;
	background-size: 68px 60px;
}

/*#dormitory div{
	width: 920px;
	padding: 10px;
	margin: 80px auto 0 auto;
	background-color: #FFFFFF;
	box-shadow: 0 0 7px 0 rgba(207,219,224,0.65);
}

#dormitory div span{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 56.25%;
}

#dormitory div span iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}*/

section h4{
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: 700;
	letter-spacing: 2px;
}

section h4 span{
	position: relative;
	z-index: 0;
}

section h4 span::before{
	position: absolute;
	content: '';
	width: 100%;
	height: 20px;
	left: 0;
	bottom: 0;
	background-color: #FFFF00;
	z-index: -1;
}

.inner{
	width: 1150px;
	margin: 0 auto;
}

#depInfo{background-color: #F4F8FB;}

#depNavi{
	position: relative;
	background-color: #FFFFFF;
	margin: 40px 0 0 0;
	padding: 10px;
	box-shadow: 0 0 7px 0 rgba(207,219,224,0.65);
}

#depNavi ul{
	font-size: 0;
	text-align: center;
}

#depNavi ul li{
	display: inline-block;
	vertical-align: top;
	width: 275px;
	height: 180px;
	margin: 0 0 0 10px;
	font-family: UD新丸ゴ DB,UD Shin Maru Go DemiBold;
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 1px;
	line-height: 1.2;
}

#depNavi ul li:first-child{margin: 0;}

#depNavi ul li a{
	display: block;
	height: 100%;
	color: #FFFFFF;
	padding: 110px 0 0 0;
}

#depNavi ul li a small{
	display: block;
	font-family: Calibri,Arial;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 0;
}

#depNavi ul li:first-child a{
	background: url(../img/tri_nu.png) no-repeat right bottom,url(../img/icon_nu2.png) no-repeat center 18px #80BFE8;
	background-size: 30px,80px;
}

#depNavi ul li:nth-child(2) a{
	background: url(../img/tri_ct.png) no-repeat right bottom,url(../img/icon_ct2.png) no-repeat center 18px #F7BF57;
	background-size: 30px,80px;
}

#depNavi ul li:nth-child(3) a{
	background: url(../img/tri_or.png) no-repeat right bottom,url(../img/icon_or2.png) no-repeat center 18px #A6CF80;
	background-size: 30px,80px;
}

#depNavi ul li:nth-child(4) a{
	background: url(../img/tri_pc.png) no-repeat right bottom,url(../img/icon_pc2.png) no-repeat center 18px #EF9AA4;
	background-size: 30px,80px;
}

#depNavi ul li a:hover{opacity: 0.5;}

#info ul{
	/*text-align: center;*/
	padding: 5px 0 0 0;
	font-size: 0;
}

#info ul li{
	display: inline-block;
	vertical-align: top;
	width: 360px;
	padding: 5px;
	background-color: #FFFFFF;
	box-shadow: 0 0 7px 0 rgba(207,219,224,0.65);
	text-align: left;
	margin: 35px 0 0 0;
}

#info ul li:nth-child(2){margin: 35px 35px 0 35px;}

#info ul li a{
	display: block;
	color: #FFFFFF;
}

#info ul li a img{
	display: block;
	width: 100%;
}

#info ul li a span{
	display: block;
	height: 50px;
	padding: 12px 0 0 20px;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 1px;
}

#info ul li:nth-child(1) a span,
#info ul.style1 li:nth-child(2) a span{
	background: url("../img/bg1.png") no-repeat right bottom #FF9326;
	background-size: 25px;
}

#info ul li:nth-child(2) a span,
#info ul.style1 li:nth-child(3) a span{
	background: url("../img/bg2.png") no-repeat right bottom #B973FF;
	background-size: 25px;
}

#info ul li:nth-child(3) a span,
#info ul.style1 li:nth-child(4) a span{
	background: url("../img/bg3.png") no-repeat right bottom #00D9D9;
	background-size: 25px;
	/*padding: 14px 0 0 0;
	font-size: 20px;
	font-size: 2.0rem;
	letter-spacing: 0;
	text-align: center;*/
}

#info ul li a:hover{opacity: 0.5;}

#info ul li a:hover img{opacity: 1.0;}

#info p{
	text-align: center;
	padding: 80px 0 0 0;
}

#info p img{margin: 0 5px;}



/**************************************************
 footer
**************************************************/
/*footer{
	background-color: #F4F8FB;
	text-align: center;
	padding: 50px 0;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: 500;
}*/



/**************************************************
 2021/07/07追加
**************************************************/
.copy{
	width: 1000px;
	/*margin: 0px auto 30px auto;*/
	margin: 80px auto 0 auto;
	padding: 30px;
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 2.0;
	text-align: center;
	color: #006DD9;
	background-color: #F4F8FB;
}

.movieHanger{
	width: 920px;
	padding: 10px;
	margin: 80px auto 0 auto;
	background-color: #FFFFFF;
	box-shadow: 0 0 7px 0 rgba(207,219,224,0.65);
}
.movieHanger span{
	position: relative;
	display: block;
	width: 100%;
	padding-top: 56.25%;
}
.movieHanger span iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.twoColumn,
.multiple{
	width: 1200px;
	margin: 80px auto 0 auto;
}
.multiple{margin: 40px auto 0 auto;}
.twoColumn span,
.multiple span{
	position: relative;
	display: inline-block;
	width: 580px;
	padding: 10px;
	padding-top: calc((56.25% * 0.483) + 10px);
	background-color: #FFFFFF;
	box-shadow: 0 0 7px 0 rgba(207,219,224,0.65);
}
.twoColumn span:last-child{margin-left: 40px;}
.multiple span{margin: 40px 40px 0 0;}
.multiple span:nth-child(2n){margin: 40px 0 0 0;}
.twoColumn span iframe,
.multiple span iframe{
	position: absolute;
	top: 10px;
	right: 10px;
	width: calc(100% - 20px) !important;
	height: calc(100% - 20px) !important;
}

#class{background-color: #F4F8FB;}
#class h3{
	background: url("../img/icon4.png") no-repeat center 20px;
	background-size: auto 56px;
}

#ct{background-color: #F4F8FB;}
#ct h3{
	background: url("../img/icon5.png") no-repeat center 18px;
	background-size: auto 60px;
}
.dep{
	position: relative;
	width: 700px;
	margin: 80px auto 0 auto;
}
.dep::before{
	position: absolute;
	content: '';
	width: 70px;
	height: 70px;
	top: -20px;
	left: -20px;
	z-index: 10;
}
.dep a{
	width: 100%;
	padding: 10px;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.dep a:hover{opacity: 0.5;}
.dep a img{
	width: 45%;
	border: 2px solid #FFFFFF;
}
.dep a:hover img{opacity: 1.0;}
.dep a span{
	width: 55%;
	padding-left: 20px;
	font-size: 3.2rem;
	font-weight: 700;
	letter-spacing: 2px;
	color: #FFFFFF;
}
.dep.nu::before{
	background: url("../img/dp1.png") no-repeat 0 0;
	background-size: 70px;
}
.dep.nu a{
	background: url("../img/tri_nu.png") no-repeat right bottom #80BFE8;
	background-size: 40px;
}
.dep.ct::before{
	background: url("../img/dp2.png") no-repeat 0 0;
	background-size: 70px;
}
.dep.ct a{
	background: url("../img/tri_ct.png") no-repeat right bottom #F7BF57;
	background-size: 40px;
}
.dep.co::before{
	background: url("../img/dp3.png") no-repeat 0 0;
	background-size: 70px;
}
.dep.co a{
	background: url("../img/tri_or.png") no-repeat right bottom #A6CF80;
	background-size: 40px;
}
.dep.pc::before{
	background: url("../img/dp4.png") no-repeat 0 0;
	background-size: 70px;
}
.dep.pc a{
	background: url("../img/tri_pc.png") no-repeat right bottom #EF9AA4;
	background-size: 40px;
}

#check{background-color: #F4F8FB;}
#check h3{
	background: url("../img/icon6.png") no-repeat center 20px;
	background-size: auto 56px;
}

.cs{
	width: 920px;
	margin: 80px auto 0 auto;
	padding: 50px 0;
	background-color: #FFFFFF;
	text-align: center;
	font-size: 2.0rem;
	font-weight: 700;
	box-shadow: 0 0 7px 0 rgba(207,219,224,0.65);
}

#info ul.style1 li.nu a span{
	background: url("../img/tri_nu.png") no-repeat right bottom #80BFE8;
	background-size: 25px;
}
#info ul.style1 li.ct a span{
	background: url("../img/tri_ct.png") no-repeat right bottom #F7BF57;
	background-size: 25px;
}
#info ul.style1 li.co a span{
	background: url("../img/tri_or.png") no-repeat right bottom #A6CF80;
	background-size: 25px;
}
#info ul.style1 li.pc a span{
	background: url("../img/tri_pc.png") no-repeat right bottom #EF9AA4;
	background-size: 25px;
}

.ocBtn{
	position: fixed;
	top: 120px;
	right: -61px;
	font-size: 1.5rem;
	font-weight: 700;
	text-align: center;
	z-index: 99999;
	letter-spacing: 1px;
	/*border: 2px solid #FFFF00;
	border-right: none;*/
	-webkit-writing-mode: vertical-rl;
  	-ms-writing-mode: tb-rl;
  	-o-writing-mode: vertical-rl;
  	writing-mode: vertical-rl;
}
.ocBtn a{
	display: block;
	padding: 15px 15px;
	background-color: #0C73D9;
	color: #FFFF00;
}
.ocBtn a:hover{opacity: 0.5;}
.ocBtn.show{animation: show 0.25s ease-in-out forwards 0.55s;}
@keyframes show{
  	0%{
	  	right: -61px;
	}
  	100%{
		right: 0;
	}
}



/**************************************************
 2021/09/13追加
**************************************************/
#eventHanger{
	width: 640px;
	margin: 0 auto;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#eventHanger dl{
	width: 300px;
	margin: 50px 0 0 0;
	/*background-color: #E5F4FB;*/
	background-color: #FFFFFF;
	border-radius: 0.7rem;
}
#eventHanger dl a{
	display: block;
	padding: 20px;
}
#eventHanger dl a dt{
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.3;
	color: #FF4D4D;
	padding: 0 0 10px 0;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
}
#eventHanger dl a dt img{
	display: block;
	width: 100%;
	/*border: 1px solid #DDDDDD;*/
	margin-bottom: 15px;
}
#eventHanger dl a dd{
	position: relative;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.8;
	padding: 10px 0 45px 0;
	color: #000000;
	border-top: 1px solid #FF4D4D;
	-webkit-transition: 0.2s ease-out;
	-moz-transition: 0.2s ease-out;
	-o-transition: 0.2s ease-out;
	-ms-transition: 0.2s ease-out;
}
#eventHanger dl a dd::before{
	position: absolute;
	content: '詳しく見る';
	padding: 10px 15px 10px 30px;
	font-size: 1.4rem;
	line-height: 1.0;
	font-weight: 500;
	color: #FFFFFF;
	background: url("https://niigata-coll-mt.ac.jp/event/img/icon.png") no-repeat 10px center #FF4D4D;
	background-size: 15px;
	border-radius: 0.4rem;
	right: 0;
	bottom: 0;
}
#eventHanger dl a:hover dt,
#eventHanger dl a:hover dd{opacity: 0.5;}
#eventHanger dl a:hover dt img{opacity: 1.0;}






/**************************************************
 Responsive
**************************************************/
@media screen and (max-width: 640px){
	
.ocBanner{
	width: 100%;
	padding: 20px 20px 20px 20px;
}
	
/** visualHanger ********************/
#visualHanger{
	min-width: 100%;
	/*height: 70vw;*/
	top: 60px;
	/*background: url("../img/visual.jpg") no-repeat center center;
	background-size: cover;*/
}

#visualHanger h2{
	/*position: absolute;
	width: 76%;
	top: 10px;
	left: 20px;*/
}
#visualHanger h2 span{
	font-size: 2.0rem;
	letter-spacing: 1px;
	margin-top: 10px;
	padding: 10px 20px 5px 20px;
	border: 2px solid #FFFFFF;
}
#visualHanger.nu h2,
#visualHanger.ct h2,
#visualHanger.co h2,
#visualHanger.pc h2{
	top: auto;
	bottom: 20px;
}
#visualHanger h2 img{width: 100%;}
	
	

/** article ********************/
article{
	min-width: 100%;
	margin-top: 60px;
}

section{padding: 40px 20px;}

section h3{
	width: 100%;
	padding: 65px 0 20px 0;
	font-size: 27px;
	font-size: 2.7rem;
	letter-spacing: 1px;
}

section p.style1{
	padding: 30px 0 0 0;
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 1px;
}

section p.style1 span::before{height: 18px;}
	
#aoBanner{padding: 40px 20px 0 20px;}
#aoBanner.style1{padding: 20px 0 20px 0;}
#aoBanner img{width: 100%;}

#dep h3{
	background: url("../img/icon1.png") no-repeat center 20px;
	background-size: 40px 32px;
}

#dep ul{
	width: 100%;
	padding: 30px 0 0 0;
}

#dep ul li{
	width: calc(50% - 10px);
	margin: 20px 0 0 0;
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 1px;
}
	
#dep ul li:nth-child(2n){margin: 20px 0 0 20px;}

#dep ul li::before{
	width: 55px;
	height: 55px;
}

#dep ul li a{padding: 10px 10px 15px 10px;}

#dep ul li a img{margin-bottom: 14px;}

#dep ul li:nth-child(1)::before{
	background: url("../img/dp1.png") no-repeat 0 0;
	background-size: 55px;
}

#dep ul li:nth-child(1) a{
	background: url("../img/tri_nu.png") no-repeat right bottom #80BFE8;
	background-size: 20px;
}

#dep ul li:nth-child(2)::before{
	background: url("../img/dp2.png") no-repeat 0 0;
	background-size: 55px;
}

#dep ul li:nth-child(2) a{
	background: url("../img/tri_ct.png") no-repeat right bottom #F7BF57;
	background-size: 20px;
}

#dep ul li:nth-child(3)::before{
	background: url("../img/dp3.png") no-repeat 0 0;
	background-size: 55px;
}

#dep ul li:nth-child(3) a{
	background: url("../img/tri_or.png") no-repeat right bottom #A6CF80;
	background-size: 20px;
}

#dep ul li:nth-child(4)::before{
	background: url("../img/dp4.png") no-repeat 0 0;
	background-size: 55px;
}

#dep ul li:nth-child(4) a{
	background: url("../img/tri_pc.png") no-repeat right bottom #EF9AA4;
	background-size: 20px;
}

.btn{margin: 40px auto 0 auto;}

#cl h3{
	background: url("../img/icon2.png") no-repeat center 22px;
	background-size: 40px 30px;
}

#cl ul{padding: 20px 0 0 0;}

#cl ul li{
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 10px;
}

#cl ul li:nth-child(2){margin: 20px 0 0 0;}

#dormitory h3{
	background: url("../img/icon3.png") no-repeat center 15px;
	background-size: 45px 40px;
	letter-spacing: 0;
}

/*#dormitory div{
	width: 100%;
	margin: 40px auto 0 auto;
}*/

section h4{
	font-size: 22px;
	font-size: 2.2rem;
	letter-spacing: 1px;
}

section h4 span::before{
	height: 18px;
	bottom: -2px;
}

.inner{width: 100%;}

#depNavi{
	margin: 30px 0 0 0;
	padding: 5px;
}

#depNavi ul li{
	width: calc(50% - 10px);
	height: 140px;
	margin: 5px;
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: 1px;
	line-height: 1.2;
}

#depNavi ul li:first-child{margin: 5px;}

#depNavi ul li a{
	display: block;
	height: 100%;
	color: #FFFFFF;
	padding: 70px 0 0 0;
}
	
#depNavi ul li a span{display: block;}
	
#depNavi ul li a span:first-child{display: none;}

#depNavi ul li a small{
	font-size: 12px;
	font-size: 1.2rem;
}

#depNavi ul li:first-child a{
	background: url(../img/tri_nu.png) no-repeat right bottom,url(../img/icon_nu2.png) no-repeat center 10px #80BFE8;
	background-size: 20px,50px;
}

#depNavi ul li:nth-child(2) a{
	background: url(../img/tri_ct.png) no-repeat right bottom,url(../img/icon_ct2.png) no-repeat center 10px #F7BF57;
	background-size: 20px,50px;
}

#depNavi ul li:nth-child(3) a{
	background: url(../img/tri_or.png) no-repeat right bottom,url(../img/icon_or2.png) no-repeat center 10px #A6CF80;
	background-size: 20px,50px;
}

#depNavi ul li:nth-child(4) a{
	background: url(../img/tri_pc.png) no-repeat right bottom,url(../img/icon_pc2.png) no-repeat center 10px #EF9AA4;
	background-size: 20px,50px;
}

#info ul{padding: 10px 0 0 0;}

#info ul li{
	display: block;
	width: 100%;
	margin: 20px 0 0 0;
}

#info ul li:nth-child(2){margin: 20px 0 0 0;}

#info ul li a span{
	height: auto;
	padding: 15px 0 15px 15px;
	font-size: 20px;
	font-size: 2.0rem;
}

#info ul li:nth-child(1) a span,
#info ul.style1 li:nth-child(2) a span{
	background: url("../img/bg1.png") no-repeat right bottom #FF9326;
	background-size: 20px;
}

#info ul li:nth-child(2) a span,
#info ul.style1 li:nth-child(3) a span{
	background: url("../img/bg2.png") no-repeat right bottom #B973FF;
	background-size: 20px;
}

#info ul li:nth-child(3) a span,
#info ul.style1 li:nth-child(4) a span{
	background: url("../img/bg3.png") no-repeat right bottom #00D9D9;
	background-size: 20px;
	/*padding: 15px 0 15px 10px;
	font-size: 18px;
	font-size: 1.8rem;
	text-align: left;*/
}

#info p{
	text-align: left;
	padding: 20px 0 0 0;
}

#info p img{
	width: calc(50% - 10px);
	margin: 20px 0 0 0;
}
	
#info p a:nth-child(2n) {margin: 20px 0 0 20px;}
	
	

/** footer ********************/
/*footer{padding: 30px 5px;}*/
	
	
	
/**************************************************
 2021/07/07追加
**************************************************/
.copy{
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 15px;
	font-size: 1.8rem;
}
	
.movieHanger{
	width: 100%;
	margin: 40px auto 0 auto;
}
	
.twoColumn,
.multiple{
	width: 100%;
	margin: 40px auto 0 auto;
}
.multiple{margin: 20px auto 0 auto;}
.twoColumn span,
.multiple span{
	display: block;
	width: 100%;
	padding: 10px;
	padding-top: calc(56.25% + 10px);
}
.twoColumn span:last-child{margin: 20px 0 0 0;}
.multiple span{margin: 20px 0 0 0;}
.multiple span:nth-child(2n){margin: 20px 0 0 0;}
	
#class h3{
	background: url("../img/icon4.png") no-repeat center 15px;
	background-size: auto 38px;
}
	
#ct h3{
	background: url("../img/icon5.png") no-repeat center 15px;
	background-size: auto 38px;
}
.dep{
	width: 100%;
	margin: 40px auto 0 auto;
}
.dep::before{
	width: 50px;
	height: 50px;
	top: -10px;
	left: -10px;
}
.dep a img{width: 100%;}
.dep a span{
	width: 100%;
	padding: 20px 0 10px 0;
	font-size: 2.0rem;
	letter-spacing: 0;
	text-align: center;
}
.dep.nu::before{
	background: url("../img/dp1.png") no-repeat 0 0;
	background-size: 50px;
}
.dep.nu a{
	background: url("../img/tri_nu.png") no-repeat right bottom #80BFE8;
	background-size: 25px;
}
	
.cs{
	width: 100%;
	margin: 40px auto 0 auto;
	padding: 40px 0;
	font-size: 1.8rem;
}
	
#info ul.style1 li.nu a span{
	background: url("../img/tri_nu.png") no-repeat right bottom #80BFE8;
	background-size: 20px;
}
#info ul.style1 li.ct a span{
	background: url("../img/tri_ct.png") no-repeat right bottom #F7BF57;
	background-size: 20px;
}
#info ul.style1 li.co a span{
	background: url("../img/tri_or.png") no-repeat right bottom #A6CF80;
	background-size: 20px;
}
#info ul.style1 li.pc a span{
	background: url("../img/tri_pc.png") no-repeat right bottom #EF9AA4;
	background-size: 20px;
}
	
.ocBtn{
	top: 80px;
	right: -44px;
	font-size: 1.2rem;
}
.ocBtn a{padding: 15px 10px;}	
@keyframes show{
  	0%{
	  	right: -44px;
	}
  	100%{
		right: 0;
	}
}
	
	

/**************************************************
 2021/09/13追加
**************************************************/
#eventHanger{width: 100%;}
#eventHanger dl{
	width: calc(50% - 5px);
	margin: 30px 0 0 0;
}
#eventHanger dl a{padding: 10px;}
#eventHanger dl a dt{font-size: 1.6rem;}
#eventHanger dl a dd{
	font-size: 1.3rem;
	padding: 10px 0 40px 0;
}
#eventHanger dl a dd::before{font-size: 1.3rem;}

}