@charset "utf-8";
@import url("./SCDream/fonts.css");

html{font-size:20px;}
body * { font-family: 'SCDream'; box-sizing: border-box;}

.intro_wrap {position: relative;width: 100%;height: 100%;padding: 7.5rem 15rem;background: url('../images/intro_bg.png') no-repeat center;background-size: cover;overflow: hidden;}
/* .intro_wrap::before{content: "";width: 100%;height: 25rem;position: absolute;bottom: 0;left: 0;background: url('../images/bg_front.png') no-repeat top center;background-size: cover;z-index: 1;}  */
.intro_wrap .logo {text-align: center;}

.intro_img {position: absolute; width: 100%; bottom: 0; left: 0;}
.intro_img img {width: 100%;z-index: 1;position: relative;}
.intro_img::before, .intro_img::after {content: "";position: absolute;min-width: 15rem;min-height: 21.5rem;background-repeat: no-repeat;bottom: 9rem;}
/* .intro_img::before{background-image: url('../images/img_stu_01.png');left: 10rem;}
.intro_img::after {background-image: url('../images/img_stu_02.png');right: 6.5rem;} */

.con_wrap {position: relative; width: 100%; height: 100%; text-align: center;}
.con_wrap .list {position: relative;width: 100%;max-width: 49rem;margin: 2.5rem auto 0;z-index: 2;}
.con_wrap .list li {width: 100%; position: relative; margin-bottom: 2rem; padding: 1.1rem 2.2rem;background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px #00000030;}
.con_wrap .list li > div {display: flex;align-items: center;justify-content: space-evenly;}
.con_wrap .list li > div > p {width: 70%;text-align: center;font-weight: 700;font-size: 1.3rem;word-break: keep-all;line-height: 1.5;}
.con_wrap .list li a.btn {display: inline-block;padding: 0.75rem 1.5rem;color: #fff;  font-size: 1rem; font-weight: 500; background-color: #1f5aa0; border-radius: 1.2rem;}
.con_wrap .list li a.btn span{display: inline-block; position: relative; margin-left: 1rem;}
.con_wrap .list li a.btn span::before{content: "";position: absolute;width: 1.5rem;height: 1.5rem;background-color: #ffffff30;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.con_wrap .list li a.btn.gr {background-color: #1aa4c9;}
.con_wrap .list li a.btn:hover span::before{background-color: #ffffff60;}

/*230329*/
.content {position: relative; display: flex; width: 100%; align-items: flex-start; justify-content: space-between; max-width: 1200px; margin: 2.5rem auto 0; z-index: 2;}
.content > div {/*width: calc((100% - 1rem) / 2);*/ height: 100%; padding: 1.1rem 2.2rem;}
.content > div a.btn {display: inline-block;padding: 0.25rem 0.75rem;color: #fff;  font-size: 0.75rem; background-color: #1f5aa0; border-radius: 1.2rem;}
.content > div a.btn span{display: inline-block;position: relative;ma;margin-left: 0.3rem;}
.content > div a.btn span::before{content: "";position: absolute;width: 1rem;height: 1rem;background-color: #ffffff30;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.content > div a.btn.gr {background-color: #1aa4c9;}
.content > div a.btn:hover span::before{background-color: #ffffff60;}

.content .title {font-size: 1.3rem; font-weight: 700; margin-bottom: 1.5rem; line-height: 1.5; word-break: keep-all;}
.content .symbol {text-align: center;}
.content .symbol img {width: 30%;}
.content .con01 {width: 40%;height: 100%;max-height: 336px;/* padding-bottom: 2rem; */padding: 50px 0px;background-color: #fff;border-radius: 10px;box-shadow: 0 0 10px #00000030;}
.content .con01 a.btn {padding: 0.75rem 1.5rem; font-size: 1rem; font-weight: 700;}
.content .con02 {width: 58%; padding-top: 0; padding-left: 0;}
.content .con_list {text-align: left;}
.content .con_list li {position: relative; margin-bottom: 1rem; padding:0.75rem 7rem 0.75rem 1rem; background-color: #fff; border-radius: 10px; box-shadow: 0 0 10px #00000030; line-height: 1.3; font-size: 0.8rem; font-weight: 600; word-break: keep-all;}
.content .con_list li a.btn {position: absolute; right: 1rem; top: 50%; transform: translateY(-50%); font-weight: 400;}
.content .con_list li:hover {background-color: #fffcce;}

/*230504*/
.content .con02 .con_box {width: 100%;height: 100%;min-height: 336px;padding: 30px;background-color: #fff;border-radius: 10px;box-shadow: 0 0 10px #00000030;}
.content .con02 .con_box .title{text-align: center;margin-bottom: 0;padding: 0.75rem 0 0.5rem;}
.content .con02 .con_box .title span {display: block; font-size: 1rem; font-weight: 700;}
.content .con02 .con_box .txt_list {border-top: 1px dotted #ccc; margin-top: 0.5rem;}
.content .con02 .con_box .txt_list li {  padding: 0.25rem 0.25rem; font-size: 0.9rem; text-align: left;}
.content .con02 .con_box .txt_list li span {display: inline-block;padding: 0.25rem 0.5rem 0.25rem 0;border-radius: 20px;color: #1f5aa0;font-weight: 700;/* margin-top: -1px; */}
.content .con02 .con_box .txt_list li em {font-size: 1.1rem; font-weight: 700; color: #f79c14;}
.content .con02 .con_box .txt_list li .fs15 {font-size: 0.75rem;}
.content .con02 .con_box .txt_list li .fs15 em {font-size: 0.8rem;}
.content .con02 .con_box a.btn {padding: 0.75rem 1.5rem;font-size: 1rem;font-weight: 700;}
.content .con02 .con_box a.btn.mini {padding: 0px 8px;font-size: 0.6rem;}
.content .con02 .con_box a.btn.mini span::before {margin-left: -0.25rem;}

/*table*/
.tbl {position:relative; width:100%; margin: 1rem 0; font-size:0.8rem; background:#fff;  border:2px solid #31adcf; border-radius: 1rem;  overflow:hidden; text-align:center; }
.tbl table {position:relative; width:100%; -webkit-overflow-scrolling:touch; word-break:keep-all;}
.tbl table thead th {padding:0.65rem 0.5rem;vertical-align:middle;font-size:0.85rem;font-weight:600;border-bottom: 2px solid #31adcf;border-left: 1px solid #31adcf;background:#d6eff5}
.tbl table tbody th {padding:0.65rem 0.5rem; vertical-align:middle; color:#222; font-weight:600; border-bottom:1px solid #dad8d9; border-left:1px solid #dad8d9; background:#f5f9fc; overflow:hidden;}
.tbl table td {padding:0.5rem;border-bottom: 1px solid #31adcf;border-left: 1px solid #31adcf;word-break: break-all;vertical-align:middle;color:#333;  word-break: keep-all;}
.tbl table tfoot th {padding:0.65rem 0.5rem; color:#222; font-weight:400; border-bottom:1px solid #dad8d9; border-left:1px solid #dad8d9; background:#f7fcff;}
.tbl table tfoot td {padding:0.65rem 0.5rem; border-bottom:1px solid #dad8d9; border-left:1px solid #dad8d9; background:#fafbfb;}

/*copy*/
.copy {margin-top: 2.5rem;z-index: 2;position: relative;}
.copy p {font-size: 0.8rem; line-height: 1.5;}

.flxgp {display: flex;align-items: center;margin-top: 0.5rem;}
.pd-gp {display: flex;flex-direction: column;align-items: center;}
.hidden-mb {display: none;}
.ml {display: none;}

@media(max-width:1980px) {
    /*230329*/
    .intro_wrap {padding: 5rem 0;}   
    .con_wrap {width: 90%;margin: 0 auto;}
}

@media(max-width:1440px) {
    .intro_wrap {padding: 5rem 0;}   
    .intro_img::before{left: 0rem;}
    .intro_img::after{right: -3rem;}

}

@media(max-width:1024px) {
    
    html{font-size:19px}
    .intro_wrap {padding: 5rem 0;height: auto;}   
    .con_wrap {width: 90%; height: auto; margin: 0 auto;}
    .intro_img::before, .intro_img::after{display: none;}
    .intro_img {left: -50%;}
    .intro_img img {width: auto;}

    /*230329*/
    .content{flex-direction: column;}
    .content > .con01,  .content > .con02 {width: 100%; padding: 0 0 0 0;}
    .content > .con01 {height: auto; margin-bottom: 1rem; padding-bottom: 1rem;}
    .content > .con01 .symbol{padding: 0.75rem 0 0.75rem;}
    .content > .con01 .symbol img {width: 3rem; height: 3rem;}
    .content .title {margin-bottom: 0.5rem; font-size: 1rem;}
    .content .con02 .con_box .title{padding-top: 0;}
    .content .con02 .con_box {min-height: 0; padding-bottom: 1.25rem;}
}


@media(max-width:768px) {
    html{font-size:18px}
    .con_wrap .list li > div {flex-direction: column;}
    .con_wrap .list li > div > p {width: 100%; margin-bottom: 0.5rem; font-size: 1.1rem;}
    .intro_img img {width: auto;}
    /* .content .con02 .con_box .txt_list li span {display: block;} */

}


@media(max-width:480px) {
    .intro_wrap{padding: 2rem 0;}
    .con_wrap .list li{padding: 1.2rem; margin-bottom: 1rem;}
    .copy {margin-top: 1rem;}
    .hidden-mb {display: block;}
    .flxgp{flex-direction: column;}
    .content .con02 .con_box .txt_list li span {line-height: 1.4;}
    .content .con02 .con_box {padding: 30px 10px;}
    .ml {display: block;margin-left: 15px; margin-top: 10px;}
}

@media(max-width:380px) {


}