/*!
Kuang v1.0.0
Copyright 2022 KuaNg**/

.flex_grid{ 
	display: flex; 
	flex-flow:row wrap;
	justify_content: space_between;
	margin: 0 auto;
    gap: 6%;
}

.flex_grid .flexbox_1_1{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_2{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_3{ flex: 0 0 auto; width: 100%;}
.flex_grid .flexbox_1_4{ flex: 0 0 auto; width: 100%;}

/**/
@media(min-width: 320px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 100%;}
	.flex_grid .flexbox_1_3{ width: 100%;}
	.flex_grid .flexbox_1_4{ width: 100%;}
}

@media(min-width: 768px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 100%;}
	.flex_grid .flexbox_1_3{ width: 47%;}
	.flex_grid .flexbox_1_4{ width: 47%;}
}

@media(min-width:1024px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 47%;}
	.flex_grid .flexbox_1_3{ width: 31.6%;}
	.flex_grid .flexbox_1_4{ width: 47%;}
}

@media(min-width:1200px) {
	.flex_grid .flexbox_1_1{ width: 100%;}
	.flex_grid .flexbox_1_2{ width: 47%;}
	.flex_grid .flexbox_1_3{ width: 31.6%;}
	.flex_grid .flexbox_1_4{ width: 23.1%;}
}

@media(min-width:2560px) {
    body.page section.vision{ height:670px; }
    body.index{background: url(../images/vision_4K.png) no-repeat top center;  background-size:contain;}
    body.index section.vision{ height:1440px; }
    body.index main section .box{ padding:20px 30px 240px 30px;}
    body.page main section .box{ padding: 20px 30px 220px;}
}

@media(min-width:3840px) {
    body.index{ background: url(../images/vision_4K.png) no-repeat top center; background-size:contain;}
    body.index section.vision{ height:2000px; }
    body.page section.vision{ height:970px; }
    body.page main section .box{ min-height:600px;}
}


@media(max-width:1366px) {
    body.index{ background: url(../images/vision_bg.png) no-repeat top center;  background-size:contain;}
    body.page{background: url("../images/page_bg.png") no-repeat top center; background-size:contain;}
    header .logo a{ position: fixed; left: 20px; top: 20px;}
    nav {position: fixed; right: 30px; top: 25px;}
    body.index section.vision{ height:57vw; }
    body.page section.vision{ height:23vw;; }
    .burger-box{ display: block;}
    nav .pc_menu{display:none;}
    a.btn_top{ display: none;}
    main section.object .data{ padding: 80px 0 0 0;}
    section.prefer .judge div a{ height:290px; }
}


@media(max-width:768px) {
    body.index{ background: url(../images/vision_ipad.png) no-repeat top center #fcf8e9; background-size:contain;}
    body.index section.vision{ height:780px; }
    main section.object .data{ padding: 60px 0 0 60px;}
    main section.program .program_list .hd .flex_box{ font-size: 2rem;}
    main section.program .program_list .hd .date{ width:30%; }
    section.prefer .judge div a{ height:212px; }
    section.activity .works_list .work{ width:50%; max-width:330px; margin: 0 0 45px;}
    .modal .img{ margin: 0 auto 20px;}
}

@media(max-width:667px) {
    body.index{ background: url(../images/vision_bg.png) no-repeat top center #fcf8e9;  background-size:contain;}
    body.index section.vision{ height:60vw; }
    a.btn_apply{ display: none;}
}

@media(max-width:580px) {
    body.index{ background: url(../images/vision_phone.png) no-repeat top center ;background-size:contain;}
    body.page{background: url("../images/page_vision_iphone.png") no-repeat top center ; background-size:contain;}
    header .logo a{ min-width:70px; min-height: 50px; }
    body.index section.vision{ height:160vw; }
    body.page section.vision{ height:40vw; }
    a.btn_apply{ display: none;}
    body.index main section .box{ padding: 80px 30px 120px; }
    body.page main section .box{ padding: 60px 30px 80px; }
    main section.topic h2{ font-size: 2.4rem;}
    main section.program .program_list ul{padding:20px 30px;}
    main section.program .program_list .hd .flex_box span{ width: 100%;}
    main section.program .program_list .hd .more{ display: none;}
    main section.program .program_list .ft{ display: block; }
    main section.object .data{ padding: 12vw 0 0 0; margin: 0 0 0 20px;}
    section.prefer .judge div{ width:100%;}
    section.activity .intro{ padding: 30px;}
    section.activity .intro .title h3{ font-size: 3rem; text-align: left}
    section.activity .works_list .work{ width:100%; max-width:330px; margin: 0 auto 45px;}
    footer{ padding:60px 20px 120px;}
    footer .hd a.btn{ margin:0 0 20px 0;}
    section.study iframe{ height:2800px;}
    a.btn_apply_mobile{ z-index:999; position:fixed; right:10px; bottom:10px; display:inline-block; background:url(../images/btn_apply_m.png) no-repeat center center; width:36px; height:130px;}
    a.btn_apply_mobile:hover{ background:url(../images/btn_apply_m_c.png) no-repeat center center;}
}

@media(max-height:400px) {

}