@charset "UTF-8";

.top-main_visual {
	background: url(../images/top/top-main_bg.png);
	padding: 30px 5% 0;

	/* 20180726 added */
	position: relative;
}

/* 20180726 added */
.top-main_visual .main_area_banner{
	position: absolute;
	top: 30px;
	right: 30px;
	width: 15vw;
	height: 15vw;
	border-radius: 50%;
	background: yellow;
	box-shadow: 0 5px 5px rgba(0,0,0,.3);
}
.top-main_visual .main_area_banner a{
	width: 100%;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: rgba(50,100,205,1);
}
.top-main_visual .main_area_banner a span{
	display: inline-block;
	font-size: 1.3vw;
	line-height: 1.3;
	padding: 0.1vw 0.5vw;
	border-radius: 5px;
	font-weight: bold;
	margin-bottom: 0.5vw;
}
.top-main_visual .main_area_banner a em{
	font-size: 2vw;
	line-height: 1.3;
	font-weight: bold;
}

.top-main_visual .banner_newcourse{
	position: absolute;
	top: 30px;
	right: 30px;
	width: 15vw;
	height: 15vw;
	border-radius: 50%;
	box-shadow: 0 5px 5px rgba(0,0,0,.3);
}
.top-main_visual .banner_newcourse a{
	width: 100%;
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.top-main_visual .banner_newcourse a img{
	width: 100%;
	height: auto;
}


.top-main_visual .top-main_copy{
	width: 90%;
	margin: 2vw auto 4vw;
}
.top-main_visual .top-main_copy::after{
	content: '';
	width: 40%;
	margin: 25px 30% 0;
	height: 4px;
	border-radius: 10px;
	background: url(../images/top/main_copy_bar.png) no-repeat center center;
	background-size: cover;
}
.top-main_visual .top-main_precopy{
	text-align: center;
}
.top-main_visual .top-main_precopy p{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 24px;
}
.top-main_visual .top-main_copy p{
	display: block;
	text-align: center;
}
.top-main_visual .top-main_copy p img.pc-object{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 77%;
	height: auto;
	vertical-align: middle;
}
.top-main_visual .top-main_copy .ico-main{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 103px;
	height: 87px;
	background-image: url(../images/top/main_ico.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: middle;
}

.top-main_visual ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
	justify-content: center;
	margin: 0 auto;
}
.top-main_visual ul li{
	width: 20%;
	height: 450px;
	padding-top: 50px;
	overflow: hidden;
}
.top-main_visual ul li a{
	display: block;
	position: relative;
}
.top-main_visual ul li a::before {
	content: '';
	width: 8vw;
	height: 8vw;
	min-width: 80px;
	min-height: 80px;
	position: absolute;
	z-index: 0;
	border:12px solid #FFF;
	border-radius: 4vw;
}
.top-main_visual ul li a:hover{
	opacity: 1;
}
.top-main_visual ul li a:hover::before {
	content: '';
	border:16px solid #FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.top-main_visual ul li .top-mv-course_students{
	position: relative;
	z-index: 5;
}
.top-main_visual ul li a .top-mv-course_students img{
	width: 100%;
}
/*
.top-main_visual ul li:first-child a .top-mv-course_students img{
	display: block;
	margin-top: -6vw;
}
*/
.top-main_visual ul li a:hover .top-mv-course_students img{
	width: 104%;
	margin-top: -2%;
	margin-left: -2%;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
/*
.top-main_visual ul li:first-child a:hover .top-mv-course_students img{
	display: block;
	margin-top: calc(-2% + -6vw);
}
*/
.top-main_visual ul li .top-mv-course_name{
	color: #FFF;
	font-size: 20px;
	letter-spacing: 0;
	font-weight: 600;
	text-align: center;
	min-height: 90px;
}
.top-main_visual ul li .top-mv-course_name span{
	font-size: 13px;
	font-weight: 600;
	display: block;
	margin-top: 5px;
}
/*
.top-main_visual ul li:first-child a::before{
	content: url(../images/top/top-course_icon01.svg);
	left:5%;
	top:110px;
}
*/
.top-main_visual ul li:nth-child(1) a::before{
	content: "";
	left:19%;
	top:110px;
}
.top-main_visual ul li:nth-child(1) a::after {
	content: "";
	position: absolute;
	top: 137px;
	left: 29%;
	width: 4.5vw;
	height: 4.5vw;
	background-image: url(https://tmc.tsuzuki.ac.jp/wp-content/uploads/2025/05/icon_ai.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.top-main_visual ul li:nth-child(2) a::before{
	content: url(../images/top/top-course_icon03.svg);
	left:10%;
	left:45%;
	top:130px;
	top:120px;
}
.top-main_visual ul li:nth-child(3) a::before{
	content: url(../images/top/top-course_icon04.svg);
	left:50%;
	left:50%;
	top:140px;
	top:120px;
}
.top-main_visual ul li:nth-child(4) a::before{
	content: url(../images/top/top-course_icon05.svg);
	left:50%;
	left:50%;
	top:140px;
	top:120px;
}



.top-navi{
	width: 100%;
	background: rgba(50,100,205,1);
	padding: 0 5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    box-shadow: 0 -5px 15px rgba(0,0,0,.3);
    position: relative;
    z-index: 100;
}
.top-navi li {
	width: 20%;
}
.top-navi li a{
	display: block;
	color: #FFF;
	padding: 30px 0 45px;
	text-align: center;
	font-size: 19px;
	font-weight: 600;
background: #3264cd;
background: -moz-linear-gradient(left, #3264cd 0%, #285abe  100%);
background: -webkit-linear-gradient(left, #3264cd 0%,#285abe  100%);
background: linear-gradient(to right, #3264cd 0%,#285abe  100%);
position: relative;
}
.top-navi li a::after {
	content: '';
	position: absolute;
	width: 20px;
	height: 2px;
	background: #FFF;
	position: absolute;
	left: calc(50% - 10px);
	bottom: 25px;
}



.top-target_navi{
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    justify-content: center;
    padding: 70px 0 60px;
}
.top-target_navi li a{
	width: 150px;
	height: 150px;
	border: 4px solid rgba(50,100,205,1);
	border-radius: 75px;
	background: #FFF;
	display: block;
	margin: 0 1vw;
	text-align: center;
	padding: 45px 0 0;
	font-size: 18px;
	font-weight: 600;
	color: rgba(50,100,205,1);
}



h3.top-section_title{
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	color: rgba(50,100,205,1);
	font-size: 40px;
	letter-spacing: .3em;
	text-align: center;
	margin-bottom: 40px;
}


#cms_slide {
	width: 100%;
}
#cms_slide ul{
	width: 100%;
	position:relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
#cms_slide ul:after {
	clear:both;
	content:"";
	height: 0;
	display: block;
	visibility: hidden;
}

#cms_slide ul li {
	margin: .75% .25% 0;
}
#cms_slide ul li.minipanel {
	width: 24.5%;
}
#cms_slide ul li.largepanel {
	width: 49.5%;
}
#cms_slide ul li a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 0;
	border-top: 8px solid #000;
}
#cms_slide ul li a.top-cms_bnr {
	border: none;
}



#cms_slide-next {
	position:absolute;
	top:150px;
	right:40px;
	z-index:250;
}
#cms_slide-next span {
	width:45px;
	height:45px;
	display:block;
	background-image:url(../images/top/cms_slide_next.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#cms_slide-prev {
	position:absolute;
	top:150px;
	left:40px;
	z-index:250;
}
#cms_slide-prev span {
	width:45px;
	height:45px;
	display:block;
	background-image:url(../images/top/cms_slide_prev.png);
	background-repeat:no-repeat;
	background-position:center center;
}

@media screen and (max-width: 761px ) {
	.top-news-list_wrap_ul li:nth-child(n+5){
		display: none;
	}
}

.top-special_bnr {
	width: 100%;
	clear:both;
	padding-top: 50px;
}
.top-special_bnr img{
	width: 100%;
}

.top h3.section_head_title {
	background: rgba(50,100,205,1);
	color: #FFF;
}
.top h3.section_head_title::after {
	border-bottom: 3px solid #FFF;
}
.top p.section_head_bnr{
	background: rgba(50,100,205,1);
	color: #FFF;
	text-align: center;
	padding: 0 0 60px;
}
.top p.section_head_bnr img{
	width: 100%;
	height: auto;
	max-width: 920px;
}
.top p.section_head_bnr img.mb-object{
	display: none !important;
}
.top p.section_head_bnr img.pc-object{
	display: inline !important;
}

.top-course_navi {
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-basis:25%;

}
.top-course_navi li {
	position: relative;
	width: 25%;
}
/*
.top-course_navi li:first-child{
	background: #FFAABA url(../images/common/bg_stripe.png) ;
	background-blend-mode: overlay;
}
*/
.top-course_navi li:nth-child(1){
	/*background: #FFD200 url(../images/common/bg_stripe.png) ;*/
	background: #D4777A url(../images/common/bg_stripe.png) ;
	background-blend-mode: overlay;
}
.top-course_navi li:nth-child(2){
	/*background: #0ACDDC url(../images/common/bg_stripe.png) ;*/
	background: #66CDAA url(../images/common/bg_stripe.png) ;
	background-blend-mode: overlay;
}
.top-course_navi li:nth-child(3){
	/*background: #66CDAA url(../images/common/bg_stripe.png) ;*/
	background: #A898CD url(../images/common/bg_stripe.png) ;
	background-blend-mode: overlay;
}
.top-course_navi li:nth-child(4){
	background: #0ACDDC url(../images/common/bg_stripe.png) ;
	background-blend-mode: overlay;
}
.top-course_navi li::before {
	content: '';
	position: absolute;
	width: 12.5vw;
	height: 12.5vw;
	border-radius: 6.25vw;
	bottom: 50px;
	left: 25%;
	z-index: 0;
}
/*
.top-course_navi li:first-child::before {
	background: #FFD4DC;
}
*/
.top-course_navi li:nth-child(1)::before {
	/*background: #FFEE80;*/
	background: #F0D1D2;
}
.top-course_navi li:nth-child(2)::before {
	/*background: #80E8ED;*/
	background: #94dcc4;
}
.top-course_navi li:nth-child(3)::before {
	/*background: #94dcc4;*/
	background: #C2B7DC;
}
.top-course_navi li:nth-child(4)::before {
	background: #80E8ED;
}


.top-course_navi dt{
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: #FFF;
	padding: 50px 10px 0;
	min-height: 110px;
}
.top-course_navi dd{
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	color: #FFF;
	min-height: 110px;
}
.top-course_navi dd img{
	width: 100%;
}
/*
.top-course_navi li:first-child dd.top-course_navi_img img {
	display: block;
	margin-top: -60px;

}
*/
.top-course_navi dd.top-course_navi_icon{
	width: 50%;
	margin:10px 25% ;
}

.top-course_navi dd.top-course_navi_img{
	width: 70%;
	margin:10px 15% ;
	position: relative;
	z-index: 5;
}



.top-footer_copy {
	width: 100%;
	background: #FFF;
	font-size: 28px;
	text-align: center;
	color: rgba(50,100,205,1);
	padding: 35px 0;
	position: relative;
}



/* 20180726 added */

.youtube_box {
	width: 300px;

	background: rgba(50,100,205,1);
	padding: 4px;
	margin: 0 1vw;
}

.youtube_box > p {
	position: relative;
	width: 100%;
	padding-top: 56.25%;

	/*margin: 0 1vw;*/
}
.youtube_box > p > iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

/* ---- 20191126 add ---- */
.box-announce{
	width: 920px;
	margin: 50px auto 0 auto;
	padding: 20px;
	border: 2px solid rgba(50,100,205,1);
}
		.box-announce h3{
			font-weight: 600;
			margin-bottom: 20px;
			text-align: center;
		}
		.box-announce p.text-date{
			text-align: right;
			font-size: 14px;
			margin-bottom: 20px;
		}
		.box-announce p.text{
			margin-bottom: 20px;
		}
		.box-announce br.sp-object{
			display: none;
		}
		.box-announce p.text-main{
			text-align: center;
		}


/* -- Media query	761px以下の場合 スマートフォン設定------------------------------------------------------------- */
@media screen and (max-width: 761px ) {


.top-main_visual {
	background: url(../images/top/top-main_bg.png);
	padding: 18vw 0 0;
    overflow: hidden;
}

	/* 20180726 added */
	.top-main_visual .main_area_banner{
		top: 16vw;
		right: 10px;
		width: 22vw;
		height: 22vw;
		border-radius: 50%;

	}
	.top-main_visual .main_area_banner a span{
		font-size: 2.5vw;
		line-height: 1.5;
		margin-bottom: 0.2vw;
	}
	.top-main_visual .main_area_banner a em{
		font-size: 3.5vw;
		line-height: 1.2;
	}

	.top-main_visual .banner_newcourse{
		top: 29.0vw;
		right: 10px;
		width: 22vw;
		height: 22vw;
	}
	.top-main_visual .banner_newcourse a{
		width: 100%;
		height: 100%;
		display: inline-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.top-main_visual .banner_newcourse a img{
		width: 100%;
		height: auto;
	}



.top-main_visual .top-main_copy{
	width: 80%;
	width: 90%;
	margin: 2vw 5% 0;
}
.top-main_visual .top-main_copy p{
	text-align: left;
}
.top-main_visual .top-main_copy::after{
	content: '';
	width: 60%;
	margin: 10px 40% 0 0;
	height: 7px;
	border-radius: 10px;
	background: url(../images/top/main_copy_bar.png) no-repeat center center;
	background-size: cover;
}
.top-main_visual .top-main_precopy{
	text-align: center;
}
.top-main_visual .top-main_precopy p{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 100%;
}
.top-main_visual .top-main_copy p img.mb-object{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 77%;
	height: auto;
	vertical-align: middle;
}
.top-main_visual .top-main_copy p img.pc-object{
	display: none;
}
.top-main_visual .top-main_copy .ico-main{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 20%;
	height: calc(20% * 16.8%);
	background-image: url(../images/top/main_ico.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	vertical-align: middle;
	margin-right: 3%;
}


.top-main_visual ul {
	position: relative;
	bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    margin-top: 50.0vw;
	z-index: 1;
	box-shadow: 0 0 20px rgba(0,0,0,.6);
}
.top-main_visual ul li{
	width: 100%;
	height: auto;
	padding: 0;
	overflow: inherit;
}
.top-main_visual ul li a{
	display: block;
	position: relative;
	padding: 10px 10px 10px;
	height: 25vw;
	height: 18vw;
	height: 19vw;
	line-height: 1.3em;
	background: #3264cd;
	background: -moz-linear-gradient(-45deg, #3264cd 0%, #285abe 100%);
	background: -webkit-linear-gradient(-45deg, #3264cd 0%,#285abe 100%);
	background: linear-gradient(135deg, #3264cd 0%,#285abe 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3264cd', endColorstr='#285abe',GradientType=1
	);
}
.top-main_visual ul li:first-child a,
.top-main_visual ul li:nth-child(2) a,
.top-main_visual ul li:nth-child(3) a,
.top-main_visual ul li:nth-child(4) a,
.top-main_visual ul li:nth-child(5) a {
	padding-top: calc(0.4em + 5px);
}

.top-main_visual ul li a::before {
	content: '';
	width: 14vw;
	height: 14vw;
	min-width: inherit;
	min-height: inherit;
	position: absolute;
	z-index: -5;
	border:8px solid #FFF;
	border-radius: 14vw;
	margin-left: -7vw;
}
.top-main_visual ul li a:hover{
	opacity: 1.0;
}
.top-main_visual ul li a:hover::before {
	content: '';
	border:12px solid #FFF;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.top-main_visual ul li .top-mv-course_students{
	position: absolute;
	z-index: 1;
	width: 25vw;
	height: 60vw;
	top: -67vw;
}
.top-main_visual ul li a .top-mv-course_students img{
	width: 200%;
	width: 160%;
	width: 110%;
	width: 40.0vw;
	height: auto;
}
.top-main_visual ul li a:hover .top-mv-course_students img{
	width: 100%;
	width: 38.0vw;
	margin-top: -2%;
	margin-top: -1.0vw;
	margin-left: -2%;
	margin-left: -1.0vw;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.top-main_visual ul li .top-mv-course_name{
	color: #FFF;
	font-size: 16px;
	font-weight: 600;
	text-align: left;
	min-height: inherit;
	background: url(../images/top/top-course_arrow.svg) no-repeat center 85%;
	background-size: contain;
	padding-bottom: 10px;
	padding-left: 10px;
}

.top-main_visual ul li .top-mv-course_name span{
	font-size: 13px;
	font-weight: 600;
	display: block;
	margin-top: 0;
}

.top-main_visual ul li:nth-child(1) a::before{
	content: "";
	left: -13vw;
	left: 30vw;
	left: 13vw;
	top: -45vw;
	top: -65vw;
	top: -47vw;
}
.top-main_visual ul li:nth-child(1) a::after {
	content: "";
	position: absolute;
	top: -44vw;
	left: 9.5vw;
	width: 7vw;
	height: 7vw;
	background-image: url(https://tmc.tsuzuki.ac.jp/wp-content/uploads/2025/05/icon_ai.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-position: center;
}
.top-main_visual ul li:nth-child(1) .top-mv-course_students{
	left: -17vw;
	left: -42vw;
	top: -19vw;
}
.top-main_visual ul li:nth-child(1) .top-mv-course_students img{
	margin-left: -30px;
	margin-left: -16vw;
	margin-left: 32vw;
	margin-top: -2vw;
	margin-top: -22vw;
}
.top-main_visual ul li:nth-child(1) a:hover .top-mv-course_students img{
	margin-left: 33vw;
	margin-top: 0;
	margin-top: -20vw;
}

.top-main_visual ul li:nth-child(2) a::before{
	content: url(../images/top/top-course_icon03.svg);
	left: 49vw;
	left: 37vw;
	top: -83vw;
	top: -66vw;
}
.top-main_visual ul li:nth-child(2) .top-mv-course_students{
	left: 50vw;
	left: 32vw;
	top: -47vw;
}
.top-main_visual ul li:nth-child(2) .top-mv-course_students img{
	margin-left: -40px;
	margin-left: -8vw;
	margin-left: -17vw;
	margin-top: -12vw;
}
.top-main_visual ul li:nth-child(2) a:hover .top-mv-course_students img{
	margin-left: -16vw;
	margin-top: -10vw;
}

.top-main_visual ul li:nth-child(3) a::before{
	content: url(../images/top/top-course_icon04.svg);
	left: 67vw;
	left: 60vw;
	top: -101vw;
	top: -85vw;
}
.top-main_visual ul li:nth-child(3) .top-mv-course_students{
	left: 25vw;
	left: 13vw;
	top: -48vw;
}
.top-main_visual ul li:nth-child(3) .top-mv-course_students img{
	margin-left: -20px;
	margin-left: -8vw;
	margin-left: 23vw;
	margin-top: -31vw;
}
.top-main_visual ul li:nth-child(3) a:hover .top-mv-course_students img{
	margin-left: 27vw;
	margin-top: -29vw;
}

.top-main_visual ul li:nth-child(4) a::before{
	content: url(../images/top/top-course_icon05.svg);
	left: 86vw;
	left: 84vw;
	top: -119vw;
	top: -104vw;
}
.top-main_visual ul li:nth-child(4) .top-mv-course_students{
	left: 25vw;
	left: 18vw;
	top: -49vw;
}
.top-main_visual ul li:nth-child(4) .top-mv-course_students img{
	margin-left: -20px;
	margin-left: -8vw;
	margin-left: 45vw;
	margin-top: -49vw;
}
.top-main_visual ul li:nth-child(4) a:hover .top-mv-course_students img{
	margin-left: 46vw;
	margin-top: -47vw;
}



.top-navi{
display: none;
}
.top-navi li a::after {
display: none;
}



.top-target_navi{
	width: 100%;
    display: block;
    padding: 10px 0;
}
.top-target_navi li a{
	width: 100%;
	height: auto;
	border: none;
	border-radius: 0;
	border-bottom: 2px solid rgba(50,100,205,1);
	display: block;
	margin: 0;
    padding: 10px 0 8px;
	font-size: 14px;
}



.top-cms_wrap {
	width: 100%;
	background: #DFDFDF;
	margin-top: 0;
	padding-top:50px;
	padding-bottom: 20px;
}
h3.top-section_title{
	font-family: 'Roboto', sans-serif;
	font-style: italic;
	color: rgba(50,100,205,1);
	font-size: 26px;
	letter-spacing: .3em;
	text-align: center;
	margin-bottom: 40px;
}



#cms_slide {
	width: 100%;
}
#cms_slide ul{
	width: 100%;
	position:relative;
	display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
}
#cms_slide ul:after {
	clear:both;
	content:"";
	height: 0;
	display: block;
	visibility: hidden;
}

#cms_slide ul li {
	margin: 1% .5% 0;
}
#cms_slide ul li.minipanel {
	width: 49%;
}
#cms_slide ul li.largepanel {
	width: 99%;
}
#cms_slide ul li a {
	display: block;
	position: relative;
	z-index: 1;
	padding: 0;
	border-top: 8px solid #000;
}
#cms_slide ul li a.top-cms_bnr {
	border: none;
}




#cms_slide-next {
	position:absolute;
	top:150px;
	right:40px;
	z-index:250;
}
#cms_slide-next span {
	width:45px;
	height:45px;
	display:block;
	background-image:url(../images/top/cms_slide_next.png);
	background-repeat:no-repeat;
	background-position:center center;
}
#cms_slide-prev {
	position:absolute;
	top:150px;
	left:40px;
	z-index:250;
}
#cms_slide-prev span {
	width:45px;
	height:45px;
	display:block;
	background-image:url(../images/top/cms_slide_prev.png);
	background-repeat:no-repeat;
	background-position:center center;
}





.top-special_bnr {
	width: 100%;
	clear:both;
	padding-top: 50px;
}
.top-special_bnr img{
	width: 100%;
}

.top h3.section_head_title {
	background: rgba(50,100,205,1);
	color: #FFF;
}
.top h3.section_head_title::after {
	border-bottom: 3px solid #FFF;
}
.top p.section_head_bnr{
	padding: 0 15px 40px;
}
.top p.section_head_bnr img.mb-object{
	display: inline !important;
}
.top p.section_head_bnr img.pc-object{
	display: none !important;
}



.top-course_navi {
    display: block;
    flex-basis:100%;
}
.top-course_navi li {
	position: relative;
	width: 100%;
}
.top-course_navi li::before {
	content: '';
	position: absolute;
	width: 20vw;
	height: 20vw;
	border-radius: 10vw;
	bottom: 20px;
	left: 75%;
	z-index: 0;
}

.top-course_navi li a {
	display: block;
	min-height: 250px;
	min-height: 280px;
}

.top-course_navi dt{
	font-size: 18px;
	font-weight: 600;
	text-align: left;
	color: #FFF;
	padding: 20% 20px 0;
	min-height: inherit;
}
.top-course_navi dd{
	font-size: 14px;
	font-weight: 600;
	text-align: left;
	color: #FFF;
	min-height: inherit;
	margin: 0 20px;
}
.top-course_navi dd img{
	width: 100%;
}
.top-course_navi dd.top-course_navi_icon{
	width: 20%;
	margin:0 ;
	position: absolute;
	top: 10px;
	left: 5px;
}

.top-course_navi dd.top-course_navi_img{
	width: 40%;
	margin:0;
	position: absolute;
	z-index: 5;
	top: 0;
	right: 20px;
	max-height: 100%;
	overflow:hidden;
}
.top-course_navi dd.top-course_navi_img img{
	width: 70%;
	margin-left: 30%;
	margin-top: 20px;
}
.top-course_navi li:first-child dd.top-course_navi_img img {
	display: block;
	margin-top: 0;
}


.top-footer_copy {
	width: 100%;
	background: #FFF;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	color: rgba(50,100,205,1);
	padding: 35px 0 0 0;
	position: relative;
}


	/* 20180726 added */

	.youtube_box {
		width: 90%;
		margin: 20px auto 10px;
		padding: 3px
	}

/* ---- 20191126 add ---- */
.box-announce{
	width: auto;
	margin: 10px 10px 10px 10px;
	padding: 10px;
}
		.box-announce br.sp-object{
			display: inline;
		}
		.box-announce p.text-main{
			text-align: left;
		}
		.box-announce p.text{
			font-size: 14px;
		}
		.box-announce p.text-main{
			font-size: 14px;
		}

}


/*20240409追加*/
@media only screen and (min-width: 769px) {
	/*メインビジュアル*/
	.top-main_visual ul li .top-mv-course_name font {
		position: absolute;
		top: -45px;
		left: 50%;
		transform: translateY(0) translateX(-50%);
		width: 100%;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 20px;
		color: #FF7600;
		text-align: center;
	}
	
	.pc {
		display: block!important;
	}
	
	.smp {
		display: none!important;
	}
	
}

@media only screen and (max-width: 769px) {
	/*メインビジュアル*/
	.top-main_visual ul li .top-mv-course_name {
		position: relative;
	}
	
	.top-main_visual ul li .top-mv-course_name font {
		position: absolute;
		top: -16px;
		left: 10px;
		width: 100%;
		font-size: 12px;
		font-weight: bold;
		letter-spacing: 0.5px;
		line-height: 12px;
		color: #FF7600;
		text-align: left;
	}
	
	.pc {
		display: none!important;
	}
	
	.smp {
		display: none!important;
	}
	
}