html {scroll-behavior:smooth;}

section img.pc { display:block; }
section img.mo { display:none; }

body { background:transparent; }

li.menu-txt {padding-top:17px;font-size: 1.5em;}
/*
div.bl { background:#002fbb; }
div.block { background:url('../../images/ICT_landing_img_bg_block.png') repeat; }
*/
section img { margin:0 auto !important; text-align:center !important;}

section { position:relative; text-align:center; width:100%; height:100%; margin:0; padding:0; }
section.section-bg-00 {	background:#2C449F/*#30469e*/;}
section.section-bg-01 { background:#eeeeee;}
section.section-bg-02 { background:#d5d5d5; }
section.section-bg-03 { background:#ffffff; }
section.academy-logo {padding-bottom:60px;}
section.academy-logo img {width:200px;}
section.bg-img {background:url('/landing/project_01/images/sn_qmqc_bg.png') repeat;}
/*
section.line  { background:url('../../images/ICT_landing_img_bg_line.png') repeat-x; }
section.block  { background:url('../../images/ICT_landing_img_bg_block.png') repeat; }
section img { max-width:1768px; width:100%; margin:0; padding:0; }
section.b148 { padding-bottom:calc((100vw / 2048) * 148); }
section.t99 { padding-top:calc((100vw / 2048) * 99); }
section.t129 { padding-top:calc((100vw / 2048) * 129); }
section.b125 { padding-bottom:calc((100vw / 2048) * 125); }
section div.logo { position:absolute; margin:0 auto; left:0; right:0; top:0; }
section div.z0 { position:relative !important; }
section div.z1 { z-index:1; }
section div.z2 { z-index:2; }
section div.z3 { z-index:3; }
section div.z4 { z-index:4; }
section div.z5 { z-index:5; }
section div.z6 { z-index:6; }
section div.z7 { z-index:7; }
section div.z8 { z-index:8; }
section div.z9 { z-index:9; }
section div.z10 { z-index:10; }
section div.z11 { z-index:11; }
section div.z12 { z-index:12; }
section div.z13 { z-index:13; }
section div.zA { z-index:14; }
section.b159 { padding-bottom:calc((100vw / 2048) * 159); }
section.at { vertical-align:top; }
section.at img { vertical-align:top; }
section.ab { vertical-align:bottom; }
section.ab img { vertical-align:bottom; }
*/
iframe.youtube_iframe { max-width:1544px; max-height:763px; min-width:242px; min-height:120px; width:calc((100vw / 2048) * 1604); height:calc((100vw / 2048) * 823); margin:0; padding:0; border:10px solid #002fbb; border-radius:20px; }

section.b134 { padding-bottom:calc((100vw / 2048) * 134); }
section.b85 { padding-bottom:calc((100vw / 2048) * 85); }

section.t135 { padding-top:calc((100vw / 2048) * 135); }
section.b108 { padding-bottom:calc((100vw / 2048) * 108); }

section.t238 { padding-top:calc((100vw / 2048) * 238); }

section.b238 { padding-bottom:calc((100vw / 2048) * 238); }

section img.class_q, section img.class_a { cursor:pointer; }

.btn_css { background:#e04585 !important; border-radius:10px !important; border:1px solid #e04585 !important; }
.btn_css:hover { background:#e04585 !important; }
/*.call_css { color:#002fbb !important; }*/
.input_css {/* border-radius:10px !important;*/ }
.input_css:hover, .input_css:active, .input_css:focus { border:1px solid #e04585 !important; }
.control input:checked~.check_css { background:#e04585 !important; }

.consult-box {background-color:#f0f0f0;}
.agree-box,.schedule-box{text-align:left}
.agree-box strong, .schedule-box span.title{font-weight:bold;}
.schedule-box span {display:inline-block; line-height:2.0em; font-size:1.2em;}
.schedule-box span.title{width:120px;margin-left:10px;}
.schedule-box span.content {margin-left:10px;margin-right:10px;}

div.pagination_top_Preview { padding-top:calc((100vw / 2048) * 55); }

div.right_menu { position:fixed;bottom:0;right:0;max-width:245px;max-height:490px;width:calc((100vw / 2048) * 245);height:calc((100vw / 2048) * 490);z-index:999; }
div.right_menu_pc { position:fixed;bottom:0;right:0;max-width:245px;max-height:490px;width:calc((100vw / 2048) * 245);height:calc((100vw / 2048) * 245);z-index:999; }

div.top_menu { position:fixed;top:0;max-width:245px;max-height:50px;width:calc((100vw / 2048) * 245);height:calc((100vw / 2048) * 50);z-index:999; border:1px solid red; background:#ffffff; }
div.top_menu_pc { position:fixed;top:0;max-width:245px;max-height:50px;width:calc((100vw / 2048) * 245);height:calc((100vw / 2048) * 50);z-index:999; border:1px solid red; }

div.loading {
	display: block;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .8 ) url('/images/loading_icon_01.gif') 50% 50% no-repeat !important;
}

.modal {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba( 255, 255, 255, .5 ) url('/images/loading.gif') 50% 50% no-repeat;
	background-size: 100px;
	display:flex;
	justify-content: center;
	align-items: center;
	font-size: 0.7rem;
	color:#000;
	font-weight: bold;
}
.modal div.modal-inbox{
	background: rgba( 255, 255, 255, .5 );
	display:flex;
	justify-content:center;
	align-items:center;
	width:50px;
	height:70px;
	border-radius: 25px;
}
.modal div.modal-inbox::before{
	content: "Loading";
	background-color: #fff;
	width: 50px;
	text-align: center;
}

body.loading {
	overflow: hidden;
}

body.loading .modal {
	/* display: block; */
	display: flex;
}
body.unload .modal {
	display:none;	
}



/* graduate-review */
.graduate-review {
	background-color: #011e4a;
}
.graduate-review .container .section-content {
	padding-bottom: 5px;
}
.graduate-review .container .section-content > ul > li .collapse {
	position: relative;
	cursor: pointer;
}
.graduate-review .container .section-content > ul > li .collapse > dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding: 30px 50px;
	background-color: #fff;
}
.graduate-review .container .section-content > ul > li .collapse > dl > dt, .graduate-review .container .section-content > ul > li .collapse > dl dd {
	display: table-cell;
	vertical-align: top;
}
.graduate-review .container .section-content > ul > li .collapse > dl dt {
	width: 190px;
	font-size: 22px;
	line-height: 24px;
	font-weight: bold;
	color: #08bfbf;
}
.graduate-review .container .section-content > ul > li .collapse > dl dd strong {
	display: block;
	font-size: 22px;
	line-height: 24px;
	font-weight: 500;
	color: #333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-right: 100px;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
.graduate-review .container .section-content > ul > li .collapse > dl dd .review-content {
	display: none;
	margin-top: 25px;
}
.graduate-review .container .section-content > ul > li .collapse > dl dd .review-content p {
	font-size: 16px;
	line-height: 26px;
	color: #666;
	font-weight: 400;
	text-align:left;
	text-indent: 20px;
}
.graduate-review .container .section-content > ul > li .collapse .ico-arrow {
	position: absolute;
	top: 21px;
	right: 50px;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 0.15s;
	transition-duration: 0.15s;
	-webkit-transition-timing-function: linear;
	transition-timing-function: linear;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	border: 1px solid #ddd;
	background-image: url(../images/toggle_dir.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 12px auto;
}
.graduate-review .container .section-content > ul > li .collapse:hover > dl dd strong {
	color: #08bfbf;
}
.graduate-review .container .section-content > ul > li .collapse:hover .ico-arrow {
	background-image: url(../images/toggle_dir_ov1.png);
	background-color: #08bfbf;
	border-color: #08bfbf;
}
.graduate-review .container .section-content > ul > li.active .collapse .ico-arrow {
	transform: rotate(180deg);
	background-image: url(../images/toggle_dir_ov1.png);
	background-color: #08bfbf;
	border-color: #08bfbf;
}
.graduate-review .container .section-content > ul > li.active .collapse:hover dl dd strong {
	color: #333;
}
.graduate-review .container .section-content > ul > li ~ li {
	margin-top: 10px;
}
.graduate-review .container .section-content .pagination {
	margin-top: 50px;
}
/* pagination */
.pagination {
	text-align: center;
}
.pagination > ol {
	font-size: 0;
}
.pagination > ol > li {
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	margin-top:20px;
}
.pagination > ol > li > a {
	display: block;
	width: 45px;
	height: 45px;
	color: #fff;
	font-size: 20px;
	line-height: 45px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	background-color: #011e4a;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto auto;
}
.pagination > ol > li.active > a {
	background-color: #496cee;
}
.pagination > ol > li.first > a {
	background-image: url(../images/page_pprev.png);
}
.pagination > ol > li.first > a.disable {
	background-image: url(../images/page_pprev_off.png);
}
.pagination > ol > li.prev > a {
	background-image: url(../images/page_prev.png);
}
.pagination > ol > li.next > a {
	background-image: url(../images/page_next.png);
}
.pagination > ol > li.last > a {
	background-image: url(../images/page_nnext.png);
}
.pagination > ol > li:last-child {
	margin-right: 0;
}
.pagination.type-2 > ol > li > a {
	background: none;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: auto auto;
}
.pagination.type-2 > ol > li.active > a {
	background-color: #496cee;
}
.pagination.type-2 a.disable:hover { cursor:default;}
.pagination.type-2 > ol > li.first > a {
	background-image: url(../images/page_pprev.png);
}
.pagination.type-2 > ol > li.first > a.disable {
	background-image: url(../images/page_pprev_off.png);
}
.pagination.type-2 > ol > li.prev > a {
	background-image: url(../images/page_prev.png);
}
.pagination.type-2 > ol > li.prev > a.disable {
	background-image: url(../images/page_prev_off.png);
}
.pagination.type-2 > ol > li.next > a {
	background-image: url(../images/page_next.png);
}
.pagination.type-2 > ol > li.next > a.disable {
	background-image: url(../images/page_next_off.png);
}
.pagination.type-2 > ol > li.last > a {
	background-image: url(../images/page_nnext.png);
}
.pagination.type-2 > ol > li.last > a.disable {
	background-image: url(../images/page_nnext_off.png);
}


@media screen and (max-width:2134px){
	section img { max-width:1200px !important; width:100%; }
	div.right_menu { max-width:160px; /*max-height:320px;*/ max-height:445px;width:100% !important; height:100% !important; }
	div.right_menu img { max-width:160px !important; max-height:160px !important; width:100% !important;}
	div.right_menu_pc { max-width:160px; max-height:160px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:160px !important; max-height:160px !important; width:100% !important;}
	div.container-fluid {padding:120px;}
	section.academy-logo {padding-bottom:60px; padding-top:30px;}
	section.academy-logo img {width:200px;}
}

@media screen and (max-width:1920px){
	section img { max-width:1152px !important; width:100%; }
	nav {font-size:100%}
	div.right_menu { max-width:140px; max-height:280px; width:100% !important; height:100% !important; }
	div.right_menu img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.right_menu_pc { max-width:140px; max-height:140px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.container-fluid {padding:120px;}
	section.academy-logo {padding-bottom:60px; padding-top:30px;}
	section.academy-logo img {width:200px;}
}

@media screen and (max-width:1600px){
	section img { width:100%; }
	div.pagination_top_Preview { padding-top:calc((100vw / 2048) * 60) !important; }
	div.right_menu { max-width:140px; max-height:280px; width:100% !important; height:100% !important; }
	div.right_menu img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.right_menu_pc { max-width:140px; max-height:140px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.container-fluid {padding:120px;}
	section.academy-logo {padding-bottom:60px; padding-top:30px;}
	section.academy-logo img {width:200px;}
}

@media screen and (max-width:1400px){
	section img { max-width:960px !important; width:100%; }
	div.right_menu { max-width:140px; max-height:280px; width:100% !important; height:100% !important; }
	div.right_menu img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.right_menu_pc { max-width:140px; max-height:140px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.container-fluid {padding:120px;}
	section.academy-logo {padding-bottom:60px; padding-top:30px;}
	section.academy-logo img {width:200px;}
}

@media screen and (max-width:1360px){
	section img { max-width:860px !important; width:100%; }
	nav {font-size:calc(100vw / 1920 * 25) !important;}
	div.right_menu { max-width:140px; max-height:280px; width:100% !important; height:100% !important; }
	div.right_menu img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.right_menu_pc { max-width:140px; max-height:140px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.container-fluid {padding:120px;}
	section.academy-logo {padding-bottom:60px; padding-top:30px;}
	section.academy-logo img {width:200px;}
}

@media screen and (max-width:1280px){
	section img { width:100%; }
	div.pagination_top_Preview { padding-top:calc((100vw / 2048) * 75) !important; }
	div.right_menu { max-width:140px; max-height:280px; width:100% !important; height:100% !important; }
	div.right_menu img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.right_menu_pc { max-width:140px; max-height:140px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.container-fluid {padding:120px;}
	section.academy-logo {padding-bottom:60px;}
	section.academy-logo img {width:200px;}
}

@media screen and (max-width:1024px){
	section img { width:100%; }
	nav {font-size:calc(100vw / 1920 * 29) !important}
	div.pagination_top_Preview { padding-top:calc((100vw / 2048) * 80) !important; }
	div.right_menu { max-width:140px; max-height:280px; width:100% !important; height:100% !important; }
	div.right_menu img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.right_menu_pc { max-width:140px; max-height:140px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:140px !important; max-height:140px !important; width:100% !important;}
	div.container-fluid {padding:120px;}
	section.academy-logo {padding-bottom:60px; padding-top:30px;}
	section.academy-logo img {width:200px;}
	.graduate-review .container .section-content > ul > li > .collapse > dl {
		padding: 15px 10px;
	}
	.graduate-review .container .section-content > ul > li > .collapse > dl > dt {
		width: 120px;
		font-size: 16px;
		line-height: 18px;
	}
	.graduate-review .container .section-content > ul > li > .collapse > dl > dd strong {
		font-size: 16px;
		line-height: 18px;
		padding-right: 60px;
	}
	.graduate-review .container .section-content > ul > li > .collapse > dl > dd .review-content {
		margin-top: 15px;
	}
	.graduate-review .container .section-content > ul > li > .collapse > dl > dd .review-content p {
		font-size: 14px;
		line-height: 20px;
	}
	.graduate-review .container .section-content > ul > li > .collapse .ico-arrow {
		top: 10px;
		right: 10px;
		width: 30px;
		height: 30px;
	}
	.graduate-review .container .section-content .pagination {
		margin-top: 30px;
	}
	

	
}

@media screen and (max-width:860px){
	section img { width:100%;}
	nav {font-size:calc(100vw / 1920 * 35) !important}
	div.pagination_top_Preview { padding-top:calc((100vw / 2048) * 85) !important; }
	div.right_menu { max-width:100px; max-height:300px; width:100% !important; height:100% !important; }
	div.right_menu img { max-width:100px !important; max-height:100px !important; width:100% !important;}
	div.right_menu_pc { max-width:100px; max-height:100px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:100px !important; max-height:100px !important; width:100% !important;}
	div.container-fluid {padding:10px;}
	section.academy-logo {padding:10px; padding-top:10px;}
	section.academy-logo img {width:100px;}
	.graduate-review .container .section-content > ul > li .collapse > dl dt {
		font-size: 14px;
		width: 100px;
	}
	.graduate-review .container .section-content > ul > li .collapse > dl dd strong {
		font-size: 14px;
	}
	.graduate-review .container .section-content > ul > li .collapse > dl dd .review-content p {
		font-size: 12px;
		line-height: 18px;
	}
}

@media screen and (max-width:1024px){
	iframe.youtube_iframe { max-width:1544px; max-height:763px; min-width:242px; min-height:120px; width:calc((100vw / 2048) * 1704); height:calc((100vw / 2048) * 923); margin:0; padding:0; border:5px solid #002fbb; border-radius:10px; }
}
@media screen and (max-width:780px){
	section img.pc { display:none; width:100%;}
	section img.mo { display:block; width:100%;}
	header#mo nav {font-size:calc(100vw / 1920 * 60) !important}
	div.swiper-pagination { bottom:0 !important; }
	div.pagination_top_Preview { padding-top:calc((100vw / 2048) * 110) !important; }
	div.pagination_top_Preview2 { padding-top:calc((100vw / 2048) * 40) !important; }
	div.right_menu { max-width:68px; max-height:204px; width:100% !important; height:100% !important; }
	div.right_menu img { max-width:68px !important; max-height:68px !important; width:100% !important;}
	div.right_menu_pc { max-width:90px; max-height:90px; width:100% !important; height:100% !important; }
	div.right_menu_pc img { max-width:90px !important; max-height:90px !important; width:100% !important;}
	.graduate-review .container .section-content > ul > li .collapse > dl dt {
		font-size: 14px;
		width: 100px;
	}
	.graduate-review .container .section-content > ul > li .collapse > dl dd strong {
		font-size: 14px;
	}
	.graduate-review .container .section-content > ul > li .collapse > dl dd .review-content p {
		font-size: 12px;
		line-height: 18px;
	}
}

@media screen and (max-width:480px){
	div.pagination_top_Preview { padding-top:calc((100vw / 2048) * 140) !important; }
	div.pagination_top_Preview2 { padding-top:calc((100vw / 2048) * 60) !important; }
}

@media screen and (max-width:360px){
	div.pagination_top_Preview { padding-top:calc((100vw / 2048) * 150) !important; }
	div.pagination_top_Preview2 { padding-top:calc((100vw / 2048) * 70) !important; }
}