/* newTop_CSS */
@charset "utf-8";


/*------------------------------------------------------------*/
/* new TOP  2021.10.28 ---------------------------------------*/
/*------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
section {
	max-width: 1190px;
	margin: 0 auto;
}

a {
	text-decoration: none;
}

.flexbox {
	display: flex;
}
.flexwrap {
	flex-wrap: wrap;
}
.sp-bt {
	justify-content: space-between;
}
.sp-ar {
	justify-content: space-around;
}
.al-ce {
	align-items: center;
}
.al-ed {
	align-items: end;
}


/*------------------------------------------------------------*/
/* COMMON ----------------------------------------------------*/
/*------------------------------------------------------------*/

/* Section Container */
div[class^="top_sec"] {
	background: #ffffff;
}
	/*Background-color*/
	.bk_gray {
		background-color: #e3e3e3 !important;
	}


/* Section Title */
@media screen and (max-width: 480px) {
div[class^="top_sec"] header {
	padding: 0.5rem 0;
}
}

div[class^="top_sec"] h2{
	color: #666464;
	display: flex;
	align-items: end;
	flex-wrap: wrap;
}
	@media screen and (min-width: 481px) {
		div[class^="top_sec"] h2 {
			/*font-size: 500%; 55pt*/
			font-size: 350%; /*pt*/
			line-height: 1.2;
			padding-left: 0.5rem;
		}
	}
	@media screen and (max-width: 480px) {
		div[class^="top_sec"] h2 {
			font-size: 280%; /*55pt*/
			line-height: 1.1;
			padding: 0 2vw;
		}
	}

div[class^="top_sec"] h2 img:first-of-type{
	margin-right: 30px;
	display: block;
}
	@media screen and (max-width: 480px) {
		div[class^="top_sec"] h2 img:first-of-type{
			height: 40px !important;
		}
	}

div[class^="top_sec"] h2 span{
	display: block;
	margin-bottom: 5px;
}
	@media screen and (min-width: 769px) {
		div[class^="top_sec"] h2 span{
			font-size: 40%; /*20pt*/
			margin-top: auto;
		}
	}
	@media screen and  (max-width: 768px) and (min-width: 481px) {
		div[class^="top_sec"] h2 span{
			font-size: 32%;
			margin-top: auto;
		}
	}
	@media screen and (max-width: 480px) {
		div[class^="top_sec"] h2 span {
			font-size: 35%; 
		}
		div[class^="top_sec"] h2 span::before {
			content: "\A" ;
			white-space: pre ;
		}
	}

div[class="top_sec_title"] {
	padding: 3rem 0 1rem 0;
	background-color: #e3e3e3 !important;
}
div[class^="top_sec_title"] > div {
	border-bottom: solid 1px #666464;
}



/* Panel SLIDER */
div.panel_slider_cont {
	margin: 0 auto;
	box-sizing: border-box;
}
@media screen and (max-width: 480px) {
	div.panel_slider_cont {
		width: 80%;
	}
	.panel_slider li.slick-slide {
		display: flex;
		justify-content: center;
	}
}
.slick-prev:before, .slick-next:before {
	color: #666464 !important;
}

@media screen and (min-width: 481px) {
	button.slick-next.slick-arrow {
		z-index: 100;
		right: 5px !important;
	}
	button.slick-prev.slick-arrow {
		z-index: 100;
		left: 5px !important;
	}
}


/*------------------------------------------------------------*/
/* SECTION----------------------------------------------------*/
/*------------------------------------------------------------*/




/*------------------------------------------------------------*/
/* TOP SLIDER ------------------------------------------------*/

#TOPslider {
	max-width: 1600px;
	margin: 0 auto;
	overflow: hidden;
}
/*
	@media screen and (min-width: 769px) {
		#TOPslider {
			height: 900px;
		}
 	}
*/
	@media screen and (max-width: 768px) and (min-width: 481px){
		#TOPslider {
			height: calc(100vh - 86px - 72px);
		}
	}
	@media screen and (max-width: 480px) {
		#TOPslider {
			height: calc(100vh - 86px - 72px);
		}
	}
	@media screen and (min-width: 769px) {
		#TOPslider .slide_movie {
			display: block;
		}
	}
	@media screen and (max-width: 768px) {
		#TOPslider .slide_movie {
			display: none;
		}
	}

#TOPslider img {
	margin:0 auto;
	padding: 0;
}

@media screen and (min-width: 769px) {
	#TOPslider .pc {
		display: block;
	}
	#TOPslider .tablet {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	#TOPslider .pc {
		display: none;
	}
	#TOPslider .tablet {
		display: block;
	}
}


@media screen and (min-width: 769px) {
	.slide_movie {
		/*overflow: hidden;*/
		position: relative;
		width: 100%;
	}
	.slide_movie video {
		-webkit-transform: translateX(-50%);
		left: 50%;
		max-height: initial;
		max-width: initial;
		height: 900px;
		width: 1800px !important;
		position: absolute;
		top: 0;
		transform: translateX(-50%);
		z-index: -1;
	}
	.slide_img01 {
		background: url(/ias/img/slider_2022/top_slide_01.jpg) no-repeat center center;
	}
	.slide_img02 {
		background: url(/ias/img/slider_2022/top_slide_02.jpg) no-repeat center center;
	}
	.slide_img03 {
		background: url(/ias/img/slider_2022/top_slide_03.jpg) no-repeat center center;
	}
	.slide_img04 {
		background: url(/ias/img/slider_2022/top_slide_04.jpg) no-repeat center center;
	}
	.slide_img05 {
		background: url(/ias/img/slider_2022/top_slide_05.jpg) no-repeat center center;
	}
	.slide_img06 {
		background: url(/ias/img/slider_2022/top_slide_06.jpg) no-repeat center center;
	}
	.slide_img07 {
		background: url(/ias/img/slider_2022/top_slide_07.jpg) no-repeat center center;
	}
	.slide_img08 {
		background: url(/ias/img/slider_2022/top_slide_08.jpg) no-repeat center center;
	}
	div[class^="slide_img"]:before {
		content: "";
		display: block;
		padding-top: calc(100vh - 86px);
	}
}
@media screen and (max-width: 768px) {
	.slide_img01 {
		background: url(/ias/img/slider_2022/top_slide_01_t.jpg) no-repeat center center;
	}
	.slide_img02 {
		background: url(/ias/img/slider_2022/top_slide_02_t.jpg) no-repeat center center;
	}
	.slide_img03 {
		background: url(/ias/img/slider_2022/top_slide_03_t.jpg) no-repeat center center;
	}
	.slide_img04 {
		background: url(/ias/img/slider_2022/top_slide_04_t.jpg) no-repeat center center;
	}
	.slide_img05 {
		background: url(/ias/img/slider_2022/top_slide_05.jpg) no-repeat center center;
	}
	.slide_img06 {
		background: url(/ias/img/slider_2022/top_slide_06.jpg) no-repeat center center;
	}
	.slide_img07 {
		background: url(/ias/img/slider_2022/top_slide_07.jpg) no-repeat center center;
	}
	.slide_img08 {
		background: url(/ias/img/slider_2022/top_slide_08.jpg) no-repeat center center;
	}
	div[class^="slide_img"]:before {
		content: "";
		display: block;
		padding-top: calc(100vh - 86px - 72px);
	}
}

.slide_img06::after, .slide_img07::after, .slide_img08::after {
	  content: '';
	  background-color: rgba(0,0,0,.5);
	  position: absolute;
	  left: 0;
	  right: 0;
	  top: 0;
	  bottom: 0;
}

div[class^="slide_img"] {
	width: 100%;
	position: relative;
}
div[class^="slide_img"] p {
	font-weight: 900;
	position: absolute;
	z-index:10;
	color:	#ffffff;
	font-size: 10vh;
	line-height:1.5;
}
@media screen and (min-width: 769px) {
	div[class^="slide_img"] {
		height: 900px;
		background-size: auto 900px;
	}
	div[class^="slide_img"] p {
		font-size: 10vh;
		line-height:1.2;
		text-align: center;
		left: 0;
		width: 100%;
	}
	.slide_img05 p {
		top: 25%;
	}
	.slide_img06 p {
		top: 40%;
	}
	.slide_img07 p {
		top: 50%;
	}
	.slide_img08 p {
		top: 40%;
	}
}
@media screen and (max-width: 768px) {
	div[class^="slide_img"] {
		background-size: auto calc(100vh - 86px - 72px);
	}
	div[class^="slide_img"] p {
		font-size: 8vh;
		line-height:1.2;
		text-align: left;
	}
	.slide_img02 p {
		bottom: 0;
		text-align: center;
		width: 100%;
	}
	.slide_img03 p {
		bottom: 0;
		text-align: center;
		width: 100%;
	}
	.slide_img04 p {
		bottom: 0;
		text-align: center;
		width: 100%;
	}
	.slide_img05 p {
		line-height:1.1 !important;
		top: 5%;
		left: 30px;
	}
	.slide_img05 p span {
		font-size: 155%;
	}
	.slide_img06 p {
		top: 40%;
		left: 30px;
	}
	.slide_img05 p span {
		font-size: 155%;
	}
	.slide_img07 p {
		top: 50%;
		left: 30%;
	}
	.slide_img08 p {
		top: 40%;
		left: 0;
		width: 100%;
		text-align: center !important;
	}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	.slide_img01 p {
		top: 24%;
		left: 30px;
	}
}
@media screen and (max-width: 480px)  {
	.slide_img01 p {
		bottom: 30px;
		left: 10px;
	}
	.slide_img01 p img {
		max-width: 200px;
		width: 100%;
	}
	.slide_img02 p {
		bottom: 10px;
	}
	.slide_img03 p {
		bottom: 30px;
	}
	.slide_img04 p {
		bottom: 30px;
	}
	.slide_img02 p img,
	.slide_img03 p img,
	.slide_img04 p img {
		width: 90%;
	}
}




/*------------------------------------------------------------*/
/* INFOMATION ------------------------------------------------*/

.top_sec01 {
	padding-top: 2rem;
}
	#news {
		width: 100%;
	}
		@media screen and (min-width: 769px) {
			#news {
				max-width: 400px;
			}
		}
	#events {
		width: 100%;
	}
		@media screen and (min-width: 769px) {
			#events {
				max-width: 400px;
			}
		}


#infomation h2 {
    letter-spacing: .1em;
	font-family: serif;
	text-align: center;
	margin-bottom: unset;
	display: inline-block !important;
	width: 100%;
}
	@media screen and (min-width: 769px) {
		#infomation h2 {
			border-bottom: 4px solid #ffffff;
			margin-bottom: 0.5rem;
			font-size: 200%;
		}
	}
	@media screen and (max-width: 768px) {
		#infomation h2 {
			font-size: 150%;
		}
	}

#news  ul li, #events ul li {
	font-weight: bold;
	border-bottom: solid 1px #d1d1d1;
	padding: 10px 0;
	font-size: 0.9rem;
	line-height: 1.4;
}

#news  li time, #events li time {
	color: #8d8d8d;
	font-weight: normal;
	line-height: 2.0;
}

#news time::after {
	content: "\A" ;
	white-space: pre ;
}
#events a::after {
	content: "\A" ;
	white-space: pre ;
}

#news  li a, #events li a {
	color: #000000;
}

.panel a.tolist {
	display: flex;
	align-items: center;
	color: #000000;
	font-weight: bold;
	margin-top: 1rem;
	line-height: 30px;
}


a.tolist span.arrow{
  position: relative;
  display: inline-block;
  padding-left: 20px;
	width:30px;
	height:30px;
	background: #000055;
	border-radius: 50%;
	margin-right: 0.5rem;
}

a.tolist span.arrow::before{
  content: '';
  width: 9px;
  height: 9px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 25%;
  margin-top: -5px;
}



/*タブ切り替え- SP*/
.tab-group,
.panel-group {
	display:flex;
	max-width: 860px;
	justify-content: space-between;
	margin: 0 auto;
}
.tab, .panel {
	box-sizing: border-box;
	padding: 0 0.5rem;
}

@media screen and (min-width:769px){
	.tab{
	    width: 100%;
	    max-width: 400px;
	}
}

@media screen and (max-width:768px){
.tab-panel{
	max-width: calc(768px - 10vw);
	margin: 0 auto;
	padding: 0 5vw;

}
.tab-group{
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.tab{
	flex-grow: 1;
	text-align:center;
	cursor:pointer;
}
.panel-group{

}
.panel{
    display:none;
}
.tab.is-active{
	background:#d81476;
	color:#FFF !important;
	transition: all 0.2s ease-out;
}
.tab.is-active h2 {
	color:#FFF !important;
}

.panel.is-show{
	display:block;
}
}




/*------------------------------------------------------------*/
/* AP-dualog 総合科学部で学ぶ→「Think Global?Act Localとは」 */
.top_sec02 {
}

	@media screen and (min-width:1024px){
		.ap_img .tablet {
		    display:none;
		}
		.ap_img .sp {
		    display:none;
		}
		.ap_img.local {
		    background: url(/ias/img/ap_01.jpg) no-repeat top center;
		    margin-bottom: 20px;
		}
		.ap_img.global {
		    background: url(/ias/img/ap_02.jpg) no-repeat top center;
		}
		.ap_img {
			height:384px;
		}
		.ap_img:before {
			content: "";
			display: block;
			padding-top: 384px;
		}
	}
	@media screen and (max-width:1023px) and (min-width:481px){
		.ap_img.local {
		    margin-bottom: 10px;
		}
		.ap_img .tablet {
		    display:block;
			padding: 0;
			width: 100%;
		}
		.ap_img .sp {
		    display:none;
		}
	}
	@media screen and (max-width:480px){
		.ap_img.local {
		    margin-bottom: 6px;
		}
		.ap_img .tablet {
		    display:none;
		}
		.ap_img .sp {
		    display:block;
			padding: 0;
		}
	}


.ap_img h1 {
    position: relative;
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
}
.ap_img h1 span {
	background: unset;
	color: #000;
}


/*------------------------------------------------------------*/
/* Who are we 数字で見る総合科学部の特徴 ---------------------*/
.merit_01_cont {
	background:linear-gradient(90deg,#910063 0%,#910063 50%,#dc8997 50%,#dc8997 100%);
}

#merit_01 {
	display: flex;
	color: #ffffff;
	text-align: center;
}
@media screen and (max-width:480px){
	#merit_01 {
		flex-direction: column;
	}
}

#merit_01 a:link,
#merit_01 a:visited,
#merit_01 a:hover,
#merit_01 a:active {
	color: #ffffff;
}
	@media screen and (min-width:481px){
	#merit_01 a p {
		font-size: 1.2rem;
	}
	}
	@media screen and (max-width:480px){
	#merit_01 a p {
		font-size: 1.2rem;
	}
	}

/*
#merit_01 span {
	font-size: 1.8rem;
	line-height: 1.2;
	vertical-align: baseline;
	margin-top:1rem;
}
#merit_01 span {
}
#merit_01 strong {
	font-size: 12rem;
	line-height: 1.0;
	vertical-align: baseline;
}
#merit_01 strong + span {
	font-size: 4rem;
	margin-left: -2rem;
}
#merit_01 span::after {
	content: "\A" ;
	white-space: pre ;
}
*/
#merit_01 div[class^="point"] {
	padding: 1.5rem 0;
}
	@media screen and (min-width:1190px){
		#merit_01 div[class^="point"] {
			width: 100%;
			max-width: 396px;
		}
	}
	@media screen and (min-width:1199px) and (min-width:481px) {
		#merit_01 div[class^="point"] {
			width: 33.3%;
		}
	}
	@media screen and (max-width:480px){
		#merit_01 div[class^="point"] {
			width: 100%;
		}
	}
@media screen and (min-width:480px){
	#merit_01 div[class^="point"] a.single_t img {
		max-width: 100%;
	} 
}
	@media screen and (max-width:480px){
		#merit_01 div[class^="point"] a.single_t img {
			max-width: 80%;
		} 
	}

#merit_01 .point01 {
	background: #910063; 
}
#merit_01 .point02 {
	background: #d81476; 
}
#merit_01 .point03 {
	background: #dc8997; 
}
#merit_01 div[class^="point"] > span:last-of-type {
	font-size: 1.2rem;
	text-align: left;
}



#merit_02 {
	display: flex;
	text-align: center;
	padding: 1rem 0 5rem;
	flex-wrap: wrap;
}
	@media screen and (min-width:400px){
		#merit_02 {
			justify-content: space-between;
		}
	}
	@media screen and (max-width:399px){
		#merit_02 {
			justify-content: space-around;
		}
	}

#merit_02 span {
	font-size: 1.2rem;
	color: #727171;
	vertical-align: bottom;
}
#merit_02 strong {
	font-size: 8rem;
	line-height: 1.1;
	vertical-align: baseline;
}
#merit_02 strong + span {
	font-size: 2.5rem;
	margin-left: -1rem;
}
#merit_02 span::after {
	content: "\A" ;
	white-space: pre ;
}
	#merit_02 div[class^="point"] a {
		color: #666464;
		font-size: 1.2rem;
	}
	@media screen and (min-width:768px){
		#merit_02 div[class^="point"] {
			width: 20%;
		}
		#merit_02 div[class^="point"] img {
			width: 100%;
			max-width: 200px;
		}
		#merit_02 div[class^="point"] a {
			font-size: 1.2rem;
		}
	}
	@media screen and (max-width:480px){
		#merit_02 div[class^="point"] {
			margin-bottom: 30px;
		}
		#merit_02 div[class^="point"] a {
			font-size: 1.2rem;
		}
	}

#merit_02 .point01 {
	color: #dc8997; 
}
#merit_02 .point02 {
	color: #7bbdbc; 
}
#merit_02 .point03 {
	color: #c7c44f; 
}
#merit_02 .point04 {
	color: #dc8997; 
}
#merit_02 .point05 {
	color: #7bbdbc; 
}



/*------------------------------------------------------------*/
/* CP 総合科学部のカリキュラムの魅力→学びの流れ -------------*/
.curriculum_cont {
	background:linear-gradient(90deg,#7bbdbc 0%,#7bbdbc 50%,#dc8997 50%,#dc8997 100%);
}

#curriculum {
	color: #ffffff;
}
/*
#curriculum ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
*/

#curriculum .slick-track {
	display: flex;
}
#curriculum .slick-slide {
	height: auto !important;
}

#curriculum .slick-prev,
#curriculum .slick-next {
	top: 40% !important;
}
#curriculum .slick-prev:before,
#curriculum .slick-next:before {
	color: #fff !important;
}

#curriculum ul#curr_list > li{
	display: flex;
	align-items: center;
}
#curriculum ul#curr_list > li > div {
	box-sizing: border-box;
	margin: 1rem;
}

@media screen and (min-width: 769px) {
	#curriculum h3 img {
		/*margin: 50px 0 70px;*/
		margin: 16px 0 70px;
	}
	#curriculum p {
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	#curriculum h3 img {
		/*margin: 30px 0 50px;*/
		margin: 0 0 50px;
	}
	#curriculum p {
		font-size: 1.2rem;
		line-height: 1.4;
	}
}
@media screen and (max-width: 480px) {
	#curriculum h3 img{
		/*margin: 30px 0 50px;*/
		margin: 0 0 50px;
	}
	#curriculum p {
		font-size: 1.2rem;
	}
}


#curriculum .d1 {
	background: #7bbdbc;
}
#curriculum .d2 {
	background: #6e5a8f;
}
#curriculum .d3 {
	background: #c7c44f;
}
#curriculum .d4 {
	background: #dc8997;
}
#curriculum .m1 {
	background: #d81476;
}
#curriculum .m2 {
	background: #910063;
}
#curriculum .m3 {
	background: #dc8997;
}
#curriculum .m4 {
	background: #910063;
}
#curriculum .h1 {
	background: #6e5a8f;
}
#curriculum .h2 {
	background: #7bbdbc;
}
#curriculum .h3 {
	background: #c7c44f;
}
#curriculum .h4 {
	background: #6e5a8f;
}


#curriculum li[class^="d"] div,
#curriculum li[class^="m"] div,
#curriculum li[class^="h"] div {
	width:100%;
    padding: 2rem;
    box-sizing: border-box;
}
	@media screen and (max-width: 768px) and (min-width: 481px) {
		#curriculum li[class^="d"] div,
		#curriculum li[class^="m"] div,
		#curriculum li[class^="h"] div {
		    padding: 2rem 1.5rem;
		}
	}

/*
@media screen and (min-width: 481px) {
#curriculum li[class^="d"] p,
#curriculum li[class^="m"] p,
#curriculum li[class^="h"] p {
	min-height:280px;
}
}
	@media screen and (max-width: 480px) {
		#curriculum li[class^="d"] p,
		#curriculum li[class^="m"] p,
		#curriculum li[class^="h"] p {
			min-height: 202px;
		}
	}
*/ 







/*------------------------------------------------------------*/
/* CP-4 cources 学部?大学院コース紹介 -----------------------*/
#CP-4cources {
}
#CP-4cources .panel_slider_cont {
	position:relative;
}

#CP-4cources li[class^="cources"] .flexbox {
	flex-direction: column;
}

#CP-4cources li a {
	text-decoration: none;
}
#CP-4cources figcaption {
	color: #ffffff;
	padding: 0.5rem 0.5rem 0.5rem 1.5rem;
	box-sizing: border-box;
	font-size: 1.4rem;
}
	@media screen and (max-width: 768px) and (min-width: 481px) {
		#CP-4cources figcaption {
			text-align: center;
			padding: 0.5rem ;

		}
	}

#CP-4cources .cources01 figcaption{
	background: #7bbdbc;
}
#CP-4cources .cources02 figcaption{
	background: #6e5a8f;
}
#CP-4cources .cources03 figcaption{
	background: #c7c44f;
}
#CP-4cources .cources04 figcaption{
	background: #dc8997;
}
#CP-4cources li[class^="cources"] img {
	width: 100%;
	max-width: 100%;
}
#CP-4cources li[class^="cources"] figure {
	cursor: pointer;
}

#CP-4cources .movie_1min_title {
	margin-top: 1rem;
	height:40px;
}
	@media screen and (min-width: 481px) {
		#CP-4cources .movie_1min_title.sp h3 {
			display: none;
		}
	}
#CP-4cources .movie_1min_title h3 {
	text-indent: 2rem;
	font-size: 1.4rem;
}
#CP-4cources .movie_1min a {
	margin-bottom: 1rem;
}
#CP-4cources .movie_1min img {
	background: #ccc;
	box-sizing: border-box;
	border: solid 1px #fff;
}



/*------------------------------------------------------------*/
/*CP certification 将来に生きる資格→取得可能資格一覧 --------*/

#certification {
	display: flex;
}
	@media screen and (max-width: 768px) {
		#certification {
			flex-direction: column;
		}
	}
#certification dl[class^="course"] {
	width: 100%;
}
	@media screen and (min-width: 769px) {
		#certification dl[class^="course"] {
			max-width: 297px;
		}
	}
	@media screen and (max-width: 768px) {
		#certification dl[class^="course"] {

		}
	}

#certification dl[class^="course"] dt {
	color: #ffffff;
	box-sizing: border-box;
	padding: 0 0.5rem 0 1.5rem;
	font-size: 1.4rem;
}

#certification dl[class^="course"] dd {
	padding: 1rem 0.5rem 2rem 1.5rem;
	color: #727171;
}
	@media screen and (min-width: 769px) {
		#certification dl[class^="course"] dd {
			font-size: 0.8rem;
		}
	}
	@media screen and (max-width: 768px) {
		#certification dl[class^="course"] dd {
			font-size: 1.0rem;
		}
	}


#certification .course01 dt { /*国際教養コース*/
	background: #7bbdbc;
}
#certification .course02 dt { /*心身健康コース*/
	background: #6e5a8f;
}
#certification .course03 dt { /*公共政策コース*/
	background: #c7c44f;
}
#certification .course04 dt { /*地域創成コース*/
	background: #dc8997;
}




/*------------------------------------------------------------*/
/* CP voice1 専門的な学び→教員からのメッセージ --------------*/
.top_sec07 h2 {
	clear: both;
	position: relative;
}
.top_sec07 a.cp1_list {
    padding: 3px 15px;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
	position: absolute;
	right: 0;
	top: calc(50% - 17px);
}
	@media screen and (min-width:481px){
		.top_sec07 a.cp1_list {
			font-size: 40%;
		}
	}
	@media screen and (max-width:480px){
		.top_sec07 a.cp1_list {
			font-size: 30%;
			vertical-align: top;
			margin-right:10px;
		}
	}
.top_sec07 a.cp1_list:hover {
	background-color: #b1b1b1;
	cursot: pointer;
}

#CP-voice1 .panel_slider img {
	width: 100%;
	max-width: 293px;
} 



/*------------------------------------------------------------*/
/* CP voice2 学びの実際→在学生の声 --------------------------*/
.top_sec08 {
}

#CP-voice2 .panel_slider img {
	width: 100%;
	max-width: 293px;
} 



/*------------------------------------------------------------*/
/* CP voice2 活躍する学生 ------------------------------------*/

#cp_voice2-2 .slick-prev,
#cp_voice2-2 .slick-next {
	top: 5% !important;
}

#cp_voice2-2 dl {
	max-width: 594px;
	width:100%;
	background: #ffffff;
	box-sizing:sborder-box;
}
	@media screen and (min-width: 481px) {
		#cp_voice2-2 dl {
			padding: 50px 30px;
		}
	}
	@media screen and (max-width: 480px) {
		#cp_voice2-2 dl {
			padding: 1rem 1rem;
		}
	}
#cp_voice2-2 dt {
	margin: 1rem 0;
	font-weight: bold;
	line-height: 1.4;
}
	@media screen and (min-width: 481px) {
		#cp_voice2-2 dt {
			font-size: 1.6rem;
		}
	}
	@media screen and (max-width: 480px) {
		#cp_voice2-2 dt {
		/*	font-size: 1.2rem;*/
		}
	}

@media screen and (min-width: 481px) {
	#cp_voice2-2 .cp_supp_text {
		display: block;
	}
	#cp_voice2-2 .show_text {
		display: none;
	}
}
@media screen and (max-width: 480px) {
	#cp_voice2-2 .cp_supp_text {
		display: none;
	}
	#cp_voice2-2 .show_text {
		display: block;
		color: #d81476;
		font-size: 1.2rem;
		font-weight: bold;
		margin-top: 1rem;
		border: none;
		background: #ffffff;
	}
}

#cp_voice2-2 dd {
	margin: 0.5rem 0 ;
}
#cp_voice2-2 dd p {
	text-align: justify;	/* Chrome?Firefox用 */
	text-justify: inter-ideograph;	/* IE?Edge用 */
}

#cp_voice2-2 dl > dd:first-of-type {
		line-height: 1.4;
}
	@media screen and (min-width: 481px) {
		#cp_voice2-2 dl > dd:first-of-type {
				font-size: 1.2rem;
				margin: 2rem 0;
		}
	}
	@media screen and (max-width: 480px) {
		#cp_voice2-2 dl > dd:first-of-type {
				margin: 0 0 1rem;
			/*	font-size: 1.2rem;*/
		}
	}


#cp_voice2-2 a {
	color: #d81476;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1rem;
    display: inline-block;
}

#cp_voice2-2 .cp_supp_img {
/*	max-height: 330px;*/
	max-width: 580px;
} 
	@media screen and (min-width: 1190px) {
		#cp_voice2-2 .cp_supp_img {
			padding-top:calc(50px + 1rem);
		}
	}



/*------------------------------------------------------------*/
/* DP supports 確かな実績→コロナ禍の中の就職サポート --------*/
.dp_supp_img {
	background: #d71476;
}
#dp_supp-title {
    width: 100%;
	background-color: #d71476;
	background-repeat:  no-repeat;
	background-position: center center;
    background-size: cover;
}
	@media screen and (min-width: 1190px) {
		#dp_supp-title {
    		background-image: url(/ias/img/dp_sup_01_pc.png) ;
		}
	}
	@media screen and (max-width: 1189px) {
		#dp_supp-title {
    		background-image: url(/ias/img/dp_sup_01_sp.jpg) ;
		}
	}
#dp_supp-title {
	position: relative;
    max-width: 1250px;
	padding-top: 170px !important;
	padding-right: 0 !important;
	padding-bottom: 10px !important;
    line-height: 1;
}
	@media screen and (min-width: 1190px) {
		#dp_supp-title {
    		padding-left: 998px !important;
		}
	}
	@media screen and (max-width: 1189px) {
		#dp_supp-title {
    		padding-left: calc(98% - 174px) !important;
		}
	}
#dp_supp-title p {
    position: relative;
    max-width: 1250px;
    width: 100%;
    margin: 0 auto;
}
#dp_supp-title p span {
	background: unset;
}


/*
.dp_supp_cont {
	background: linear-gradient(0deg,#ebebec 0%,#ebebec 50%,#d5d5d6 50%,#d5d5d6 100%);
}

.dp_supp_contWh {
	background:linear-gradient(90deg,#fff 0%,#fff 50%,rgba(0,0,0,0) 50%,rgba(0,0,0,0) 100%);
}
*/

@media screen and (min-width: 769px) {
	#dp_supp .topic01_text,
	#dp_supp .topic02_text {
		width: 50%;
	}
	#dp_supp div.topic01_img,
	#dp_supp div.topic02_img {
		width: 50%;
	}
}
@media screen and (max-width: 768px) {
	#dp_supp .topic01 {
	margin-bottom: 80px;
	}
	#dp_supp .topic01_text,
	#dp_supp .topic02_text {
		width: 100%;
	}
	#dp_supp .topic01_img,
	#dp_supp .topic02_img {
		width: 100%;
		height: 350px;
	}

}


#dp_supp .topic01_img,
#dp_supp .topic02_img {
	background-repeat:  no-repeat;
	background-position: center center;
}
#dp_supp div.topic01_img {
	background-image: url(/ias/img/dp_supp_img01.jpg) ;
}

#dp_supp div.topic02_img {
	background-image: url(/ias/img/dp_supp_img02.jpg) ;
}

#dp_supp dl {
	max-width: 600px;
	width:100%;
	background: #ffffff;
	padding: 50px 30px;
	box-sizing:sborder-box;
}
#dp_supp dt {
	margin: 1rem 0;
	font-weight: bold;
	line-height: 1.4;
}
	@media screen and (min-width: 481px) {
		#dp_supp dt  {
			font-size: 1.6rem;
		}
	}
	@media screen and (max-width: 480px) {
		#dp_supp dt  {
			font-size: 1.2rem;
		}
	}

#dp_supp dd {
	margin: 0.5rem 0 ;
}
#dp_supp dl > dd:first-of-type {
		font-size: 1.2rem;
		line-height: 1.4;
		margin: 2rem 0;
}
	@media screen and (min-width: 480px) {
		#dp_supp dl > dd:first-of-type {
				margin: 2rem 0;
		}
	}
	@media screen and (max-width: 480px) {
		#dp_supp dl > dd:first-of-type {
				margin: 0 0 1rem;
		}
	}
#dp_supp dd p {
	text-align: justify;	/* Chrome?Firefox用 */
	text-justify: inter-ideograph;	/* IE?Edge用 */
}

#dp_supp a {
	color: #d81476;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1rem;
    display: inline-block;
}



/*------------------------------------------------------------*/
/* DP outcomes 確かな実績→就職率と職種 ----------------------*/
/*
.top_sec11 .top_sec_title span.rate {
	margin-right: 20px;
}
@media screen and (max-width: 768px) and (min-width: 481px) {
	.top_sec11 .top_sec_title span.rate {
		margin-left: 0;
	}
}
@media screen and (max-width: 480px) {
	.top_sec11 .top_sec_title span.rate {
		vertical-align: baseline;
	}
	.top_sec11 .top_sec_title span.rate+img {
		margin-left:auto;
	}
}
*/
	@media screen and (min-width: 1047px) {
		div.top_sec11 .top_sec_title .title_sub {
			margin-bottom: 0.1em;
		}
		div.top_sec11 .top_sec_title .title_sub > span {
			font-size: 40%; /*20pt*/
			margin-bottom: 5px;
		}
		div.top_sec11 .top_sec_title .job_rate.pc {
			text-align: right;
		}
		div.top_sec11 .top_sec_title .job_rate.pc span {
			margin-right: 1rem;
		}
		div.top_sec11 .top_sec_title .job_rate.sp {
			display: none
		}

	}
	@media screen and (max-width: 1046px) {
		div.top_sec11 .top_sec_title .job_rate.pc {
			display: none
		}
		div.top_sec11 .top_sec_title .job_rate.sp {
			width:100%;
			text-align: right;
			border-bottom: none;
			box-sizing:border-box;
			padding: 0.5rem;
		}
		div.top_sec11 .top_sec_title .job_rate.sp > h2 {
			justify-content: flex-end;
		}
		div.top_sec11 .top_sec_title .job_rate.sp span {
			margin-right: 1rem;
		}
		div.top_sec11 .top_sec_title .job_rate.sp img {
			margin-right: 0 !important;
		}
	}
	@media screen and (max-width: 1046px) and (min-width: 769px) {
		div.top_sec11 .top_sec_title .title_sub > span {
			margin-bottom: 5px;
		}
	}
	@media screen and  (max-width: 768px) and (min-width: 481px) {
		div.top_sec11 h2 span{
			font-size: 32%; 
			margin-bottom: 5px;
		}
	}
	@media screen and (min-width: 481px) {
		div.top_sec11 h2 {
			width: 100%;
		}
		div.top_sec11 .top_sec_title .title_sub {
			width: calc(100% - 318px);
		}
	}
	@media screen and (max-width: 480px) {
		div.top_sec11 h2 span {
			font-size: 35%; 
			margin-bottom: 10px;
		}
	}



#DP-outcomes {
}
#DP-outcomes > div {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-around;
}
#DP-outcomes > div > div {
	text-align: center;
}
	@media screen and (max-width: 999px) and (min-width: 500px)  {
		#DP-outcomes > div > div {
			width: 50%;
		}
	}
#DP-outcomes > div > div > a {
	font-size: 1.4rem;
	color: #666464;
}
#DP-outcomes > div > div > a::before {
	content: "\A" ;
	white-space: pre;
}


/*------------------------------------------------------------*/
/* DP voice 確かな実績→卒業生の声 ---------------------------*/
.top_sec12 {
	background: #ffffff !important; 
}

#DP-voice .panel_slider img {
	width: 100%;
	max-width: 293px;
} 



/*------------------------------------------------------------*/
/* Admisshion 入試情報?資料請求 -----------------------------*/
#admission {
	padding-bottom: 5rem;
}

#admission > *:not(h2) {
	margin: 0 30px;
}

#admission h3 {
	color: #034638;
	font-size: 1.2rem;
	font-weight: bold;
}

.adm_btn {
	background: #d81476;
	padding: 1rem 2rem;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	border-radius: 5px;
	max-width: 290px;
	box-sizing: border-box;
	display: flex;
	align-items: center;
}
a.adm_btn:link,
a.adm_btn:hover,
a.adm_btn:visited,
a.adm_btn:active {
	color: #ffffff;
	text-decoration: none;
}
a.adm_btn:hover {
	opacity: 0.8;
}

a.adm_btn span.arrow{
  position: relative;
  display: inline-block;
  margin-left: 1rem;
}

a.adm_btn span.arrow::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}

#admission dl a:link,
#admission dl a:hover,
#admission dl a:visited,
#admission dl a:active {
	color: #000000;
}

#admission a.link_underline {
	text-decoration: underline;
}




/*------------------------------------------------------------*/
/*FOOTER Add 20220401 ----------------------------------------*/
/*------------------------------------------------------------*/
#footerMagin {
	margin-bottom: 72px;
}
#footerNav {
	background: #7bbdbc;
	color: #ffffff;;
}
#footerNav ul{
	display: flex;
	justify-content: space-around;
}
#footerNav ul li {
	text-align: center;
	width: 25%;
	box-sizing: border-box;
	padding: 10px 0;
	font-size: 0.8rem;
}
#footerNav ul li a:hover {
	opacity: 0.8;
}

#footerNav ul li img::after {
	content: "\A" ;
	white-space: pre ;
}
#footerNav a:link ,
#footerNav a:hover ,
#footerNav a:visited ,
#footerNav a:active {
	color: #ffffff;
	text-decoration: none;
} 








/*------------------------------------------------------------*/
/* Modal Window */
/*------------------------------------------------------------*/
div[id$="_dialog"] {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);	
	margin: 0 auto;
	z-index: 100;
	background: #ffffff;
	box-sizing: border-box;
	width: 90vw;
	max-width: 1190px;
	height: 90vh;
	border-radius: 4px;
}
div[id$="_dialog"] > p {
	padding: 1rem 1rem 0;
}
div[id$="_dialog"] > div {
	padding: 1rem;
}

.dialog-header {
	position: relative;
	display: flex;
	align-items: center;
}
.dialog-header > div {
	margin-left:3rem;
	font-size:20px;
}
.dialog-header .cancel-icons {
	position: absolute;
	top: 5px;
	right:5px;
	font-size: 32px;
/*
	font-weight: 900;
    border: solid 1px #555555;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    text-align: center;
*/
	cursor: pointer;
}

.dialog-main {
	overflow-y: auto;
	/*margin-bottom: 1rem;*/
	box-sizing: border-box;
	padding: 1rem 2.5rem 2rem !important;
	height: 100%;
	max-height: calc(90vh - 78px - 1rem);
	font-size: 90%;
}


/*CP4 ポップアップ*/
div[id^="cp4_"] .dialog-header {
	height: 78px;
}
div[id^="cp4_"] .dialog-header::after {
	box-sizing: border-box;
	content: "";
    position: absolute;
    left: 2.5rem;
    top: 0;
    width: 30%;
}
	#cp4_kk_dialog .dialog-header::after {
		border-bottom: 10px solid #7bbdbc;
	}
	#cp4_ss_dialog .dialog-header::after {
		border-bottom: 10px solid #6e5a8f;
	}
	#cp4_ks_dialog .dialog-header::after {
		border-bottom: 10px solid #c7c44f;
	}
	#cp4_cs_dialog .dialog-header::after {
		border-bottom: 10px solid #dc8997;
	}

div[id^="cp4_"] .dialog-header h3 {
	margin-left: 1.5rem;
	font-weight: bold;
	font-size: 1.6rem;
}
div[id^="cp4_"] .dialog-header h3 a:link,
div[id^="cp4_"] .dialog-header h3 a:visited,
div[id^="cp4_"] .dialog-header h3 a:hover,
div[id^="cp4_"] .dialog-header h3 a:active {
	color: #000000;
	text-decoration: underline;
}
div[id^="cp4_"] .dialog-header h3 a:hover{
	opacity: 0.8;
}

div[id^="cp4_"] .dialog-main {
	height: 100%;
	max-height: calc(90vh - 78px - 1rem);
}
div[id^="cp4_"] .dialog-main .dialog_m_cont {
	margin-bottom: 3rem;
}
div[id^="cp4_"] .dialog-main .dialog_m_cont.interview {
	display:flex;
}
	@media screen and (min-width: 1024px) {
		div[id^="cp4_"] .dialog-main .dialog_m_cont.interview p {
			margin: 0 0 1rem 2rem;
		}
	}
	@media screen and (max-width: 1024px) {
		div[id^="cp4_"] .dialog-main .dialog_m_cont.interview {
			flex-wrap:wrap;
			justify-content: center;
		}
		div[id^="cp4_"] .dialog-main .dialog_m_cont.interview p.name {
			text-align: center;
		}
	}

div[id^="cp4_"] .dialog-main .dialog_m_cont.interview img {
	width: 100%;
	max-width: 297px;
	height: auto;
	max-height: 420px;
}

div[id^="cp4_"] .dialog_m_cont dt {
	color: #555555;
	font-weight: bold;
	font-size: 1.3rem;
	border-bottom: solid 1px #ccc;
	box-sizing: border-box;
}
div[id^="cp4_"] .dialog_m_cont dt.career {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items:baseline;
}

@media screen and (min-width: 768px) {
	div[id^="cp4_"] .dialog_m_cont .employment.pc {
		display: block;
	}
	div[id^="cp4_"] .dialog_m_cont .employment.tablet {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	div[id^="cp4_"] .dialog_m_cont .employment.pc {
		display: none;
	}
	div[id^="cp4_"] .dialog_m_cont .employment.tablet {
		display: block;
		text-align: right;
		margin: 0 0 1rem 0;
		font-weight: bold;
	}
}

div[id^="cp4_"] .dialog_m_cont .employment strong {
	line-height:1;
	font-size:360%;

}
	#cp4_kk_dialog .dialog_m_cont .employment strong {
		color: #7bbdbc;
	}
	#cp4_ss_dialog .dialog_m_cont .employment strong {
		color: #6e5a8f;
	}
	#cp4_ks_dialog .dialog_m_cont .employment strong {
		color: #c7c44f;
	}
	#cp4_cs_dialog .dialog_m_cont .employment strong {
		color: #dc8997;
	}

div[id^="cp4_"] .dialog_m_cont dd {
	padding: 1rem 0;
	box-sizing: border-box;
}
div[id^="cp4_"] .dialog_m_cont p.name {
	font-weight: bold;
	line-height: 1.4;
	margin: 1rem 0;
}

/*活躍する学生*/
div[id^="cpvoice2_"] .dialog-header {
	height: 50px;
}
div[id^="cpvoice2_"] .dialog-main {
	max-height: calc(90vh - 78px - 1rem);
}
div[id^="cpvoice2_"] .dialog-main dt {
    font-size: 1.2rem;
    margin: 0 0 1rem 0;
    font-weight: bold;
    line-height: 1.4;
}
div[id^="cpvoice2_"] .dialog-main dd {
    margin: 0 0 1rem 0;
}
div[id^="cpvoice2_"] .dialog-main dd.external_link a {
	color:#d81476;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 1rem;
	border: none;
}

div[id^="dialog_overlay"] {
	width: 100%;
    height: 100%;
    background: #000000;
    opacity: .3;
    z-index: 99;
    top: 0;
    left: 0;
    position: fixed;
}