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:#002fbb !important; border-radius:10px !important; border:1px solid #002fbb !important; }
.btn_css:hover { background:#00279a !important; }
.call_css { color:#002fbb !important; }
.input_css { border-radius:10px !important; }
.input_css:hover, .input_css:active, .input_css:focus { border:1px solid #002fbb !important; }
.control input:checked~.check_css { background:#002fbb !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;	
}


@media screen and (max-width:2134px){
	/*section img { max-width:1200px !important; width:100%; }*/
	div.right_menu { max-width:160px; max-height:320px; 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;}

	
}

@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;}
}

@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; }
	section img.mo { display:block; }
	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;}
}

@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; }
}