@charset "utf-8";


/* SUB COMMON */
.sub {  }
.sub_content { padding: 50px; }
.sub_content .container { max-width:1170px; }

/* SUB VISUAL */
.sub_visual { position: relative; display: table;  background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height:700px; }
.sub.s1_1 .sub_visual { background-image:url('../images/sub/s1_1_visual.jpg'); }
.sub.s1_2 .sub_visual { background-image:url('../images/sub/s1_2_visual.jpg'); }
.sub.s1_3 .sub_visual { background-image:url('../images/sub/s1_3_visual.jpg'); }
.sub.s1_4 .sub_visual { background-image:url('../images/sub/s1_4_visual.jpg'); }
.sub.s1_5 .sub_visual { background-image:url('../images/sub/s1_5_visual.jpg'); }
.sub.s1_6 .sub_visual { background-image:url('../images/sub/s1_6_visual.jpg'); }
.sub.s2_1 .sub_visual { background-image:url('../images/sub/s2_1_visual.jpg'); }
.sub.s2_2 .sub_visual { background-image:url('../images/sub/s2_2_visual.jpg'); }
.sub.s2_3 .sub_visual { background-image:url('../images/sub/s2_3_visual.jpg'); }
.sub.s2_4 .sub_visual { background-image:url('../images/sub/s2_4_visual.jpg'); }
.sub.s2_5 .sub_visual { background-image:url('../images/sub/s2_5_visual.jpg'); }
.sub.s3_1 .sub_visual { background-image:url('../images/sub/s3_1_visual.jpg'); }
.sub.s3_2 .sub_visual { background-image:url('../images/sub/s3_2_visual.jpg'); }
.sub.s3_3 .sub_visual { background-image:url('../images/sub/s3_3_visual.jpg'); }
.sub.s3_4 .sub_visual { background-image:url('../images/sub/s3_4_visual.jpg'); }
.sub.s3_5 .sub_visual { background-image:url('../images/sub/s3_5_visual.jpg'); }
.sub.s3_6 .sub_visual { background-image:url('../images/sub/s3_6_visual.jpg'); }
.sub.post .sub_visual { background-image:url('../images/sub/post_visual.jpg'); }
.sub.list .sub_visual { background-image:url('../images/sub/list_visual.jpg'); }
.sub_visual .text_wrap { display:table-cell; text-align: center; vertical-align:middle; }
.sub_visual .text_wrap .category span { display:inline-block; font-size:24px; color:#ffffff; padding-bottom:5px; border-bottom:2px solid #ffffff; margin-bottom:40px; }
.sub_visual .text_wrap .writer{font-size: 18px; color:#FFF;margin-top:40px}


.sub_visual .text_wrap .subject { font-size: 40px; line-height:54px; font-weight:600; color:#ffffff; }

@media all and (max-width:767px){
    .sub_visual .text_wrap{padding: 0 20px;}
    .sub_visual .text_wrap .subject {word-break: keep-all;}
    .sub_visual .text_wrap .writer{font-size: 16px;word-break: keep-all; }
}

.sub_top .info_box{
  font-size: 16px;
  line-height: 30px;
  padding: 1.5rem;
background: #f4f4f4;
  margin-bottom: 3.5rem;
  text-align: center;
}
.sub_top .info_box .info_text{

}
.sub_content .part{
  margin-bottom: 40px;
}
.sub_content .part .txt_wrap { margin-bottom:40px; }
.sub_content .part .txt_tit { font-size:24px; font-weight:600; text-decoration: underline; margin-bottom:15px; }
.sub_content .part .txt_desc { font-size:16px; line-height:30px; letter-spacing: -0.03em}

.sub_content .part .txt_wrap {
    margin: 20px 0;
}
.sub_content .part .txt_wrap p{
  font-size: 16px;

  line-height: 30px;
  letter-spacing: -0.03em
}
.sub_content .part .txt_wrap .title{
  font-weight: bold; font-size: 22px;margin-bottom: 10px
}
.sub_content .part .img_wrap{
  text-align: center;
  margin: 20px 0;
}
.sub_content .part .img_wrap.full {
  margin: 0px -50px;
}
.sub_content .part .caption{
  color:#666666; font-size: 14px; margin-top:10px
}

.tac{text-align: center!important}
.tal{text-align: left!important}
.tar{text-align: right!important}

.mt0{margin-top:0 !important}
.mt5{margin-top:5px !important}
.mt10 {margin-top: 0.625rem !important;}
.mt13 {margin-top: 13px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt80{margin-top:80px !important;}

.mb40 {margin-bottom: 2.5rem !important;;}
.mb0 {margin-bottom:0!important;;}
.mb20 {margin-bottom:20px!important;}
.mb30 {margin-bottom:30px!important;}

.fwn{font-weight:normal !important; }
.fwb{font-weight: bold !important; }
.width100 img{width: 100%;}
/*ROW*/
.row:after { display: block; content: ''; clear: both; }
.row .col_2 { float: left; width:50%; padding: 10px; box-sizing: border-box; }
.row .col_2:first-child { padding-left: 0px; }
.row .col_2:last-child { padding-right: 0px; }
.row .col_3 { float: left; width:33.3333%; padding: 10px; box-sizing: border-box; }
.row .col_3.two { width: 66.6666%; }
.row .col_3:first-child { padding-left: 0px; }
.row .col_3:last-child { padding-right: 0px; }

.row .col_4 { float: left; width:25%; padding: 10px; box-sizing: border-box; }
.row .col_4:first-child { padding-left: 0px; }
.row .col_4:last-child { padding-right: 0px; }



/* column */
.row {
  overflow: hidden;
}
.row:after {
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
}
.row.mt30 {
  margin-top: 1.875rem;
}
.row.mb30 {
  margin-bottom: 1.875rem;
}
.row.mb60 {
  margin-bottom: 3.75rem;
}
.row .column {
  display: inline-block;
  float:left;
  padding-left: 2.5%;
}
.row.width50 .column {
  padding-left: 0px;
}
.row .column:first-child {padding-left: 0;}
.row .column figure.mid {margin-bottom: 0.9375rem;}
.row .column figure.mb0 {margin-bottom: 0; }
.row .column.mid {vertical-align: middle;}
.row .column.right {float: right; }
.row .column.right {padding-left: 2.5%; }
.row .column.right + .column {padding-left: 0; }

.row.half > .column:first-child {width: 48.75%;}
.row.half > .column {width: 51.25%;}
.row.half > .column.right:first-child {width: 51.25%;}
.row.half > .column.right + .column {width: 48.75%;}

.row.width1 > .column:first-child {width: 1%;}
.row.width1 > .column {width: 99%;}
.row.width3 > .column:first-child {width: 3%;}
.row.width3 > .column {width: 97%;}
.row.width5 > .column:first-child {width: 5%;}
.row.width5 > .column {width: 95%;}
.row.width8 > .column:first-child {width: 8%;}
.row.width8 > .column {width: 92%;}
.row.width10 > .column:first-child {width: 10%;}
.row.width10 > .column {width: 90%;}
.row.width14 > .column:first-child {width: 14%;}
.row.width14 > .column {width: 86%;}
.row.width15 > .column:first-child {width: 15%;}
.row.width15 > .column {width: 85%;}
.row.width16 > .column:first-child {width: 16%;}
.row.width16 > .column {width: 84%;}
.row.width17 > .column:first-child {width: 17%;}
.row.width17 > .column {width: 83%;}
.row.width20 > .column:first-child {width: 20%;}
.row.width20 > .column {width: 80%;}
.row.width21 > .column:first-child {width: 21%;}
.row.width21 > .column {width: 79%;}
.row.width23 > .column:first-child {width: 23%;}
.row.width23 > .column {width: 77%;}
.row.width25 > .column:first-child {width: 25%;}
.row.width25 > .column {width: 75%;}
.row.width26 > .column:first-child {width: 26%;}
.row.width26 > .column {width: 74%;}
.row.width28 > .column:first-child {width: 28%;}
.row.width28 > .column {width: 71%;}
.row.width32 > .column:first-child {width: 32%;}
.row.width32 > .column {width: 67%;}
.row.width36 > .column:first-child {width: 36%;}
.row.width36 > .column {width: 64%;}
.row.width37 > .column:first-child {width: 37%;}
.row.width37 > .column {width: 63%;}
/* .row.width36 > .column.right {width: 64%;}
.row.width36 > .column.right + .column {width: 36%;} /* 454px  40.3333 */
.row.width40 > .column:first-child {width: 40%;}
.row.width40 > .column {width: 60%;}
.row.width41 > .column:first-child {width: 41%;}
.row.width41 > .column {width: 59%;}
.row.width42 > .column:first-child {width: 42%;}
.row.width42 > .column {width: 58%;}
.row.width48 > .column:first-child {width: 48%;}
.row.width48 > .column {width: 52%;}
.row.width50 > .column:first-child {width: calc(50% - 15px); margin-right: 30px;}
.row.width50 > .column {width:  calc(50% - 15px);}

.row.width51 > .column:first-child {width: 51%;}
.row.width51 > .column {width: 49%;}

.row.width52 > .column:first-child {width: 52.0834%;}
.row.width52 > .column {width: 47.9166%;} /* 545px 45.4166 */
.row.width54 > .column:first-child {width: 54.6667%;}
.row.width54 > .column {width: 45.3333%;} /* 514px */
.row.width56 > .column:first-child {width: 57.1117%;}
.row.width56 > .column {width: 42.8883%;}
.row.width57 > .column:first-child {width: 57.6667%;}
.row.width57 > .column {width: 42.3333%;} /* 478px  40.3333 */

.row.width57_2 > .column:first-child {width: 57%;}
.row.width57_2 > .column {width: 43%;} /* 478px  40.3333 */

.row.width59_2 > .column:first-child {width: 59%;}
.row.width59_2 > .column {width: 41%;} /* 462px  41 */

.row.width59 > .column:first-child {width: 59.6667%;}
.row.width59 > .column {width: 40.3333%;} /* 454px  40.3333 */
.row.width59 > .column.right {width: 62.1667%;}
.row.width59 > .column.right + .column {width: 37.8333%;} /* 454px  40.3333 */

.row.width60 > .column {width: 60%;}
.row.width60 > .column + .column {width: 40%;}
.row.width61 > .column {width: 61%;}
.row.width61 > .column + .column {width: 39%;}
.row.width62 > .column {width: 62%;}
.row.width62 > .column + .column {width: 38%;}
.row.width63 > .column {width: 63%;}
.row.width63 > .column + .column {width: 37%;}

.row.width64 > .column {width: 64.6667%;}
.row.width64 > .column + .column {width: 35.3333%;}

.row.width65 > .column {width: 64.6667%;}
.row.width65 > .column + .column {width: 35.3333%;}

.row.width66 > .column {width: 66%;}
.row.width66 > .column + .column {width: 34%;}
.row.width67 > .column {width: 67%;}
.row.width67 > .column + .column {width: 33%;}
.row.width68 > .column {width: 68%;}
.row.width68 > .column + .column {width: 32%;}
.row.width70 > .column {width: 70%;}
.row.width70 > .column + .column {width: 30%;}
.row.width71 > .column {width: 71%;}
.row.width71 > .column + .column {width: 29%;} /* 311  */
.row.width72 > .column {width: 72%;}
.row.width72 > .column + .column {width: 28%;} /* 311  */
.row.width74 > .column {width: 74%;}
.row.width74 > .column + .column {width: 26%;} /* 311  */
.row.width77 > .column {width: 77%;}
.row.width77 > .column + .column {width: 23%;} /* 311  */
.row.width85 > .column {width: 85%;}
.row.width85 > .column + .column {width: 15%;} /* 311  */

.art_txt { position:absolute; left:0px; right:0px; bottom: -5px; color:#ffffff; font-size:80px; line-height:80px; height:80px; font-weight:bold; }

@media all and (max-width:1024px){
   .row.tb-no > .column{width: 100% !important; padding: 0 !important; }
}


/* SUB */

.s1_1_box { position: relative; background-color:#005a4a;  background-image: url('../images/sub/s1_1_2.png'); background-size :100% contain; background-repeat: no-repeat; background-position: right bottom; padding: 90px 0;}
.s1_1_box .box_wrap{margin:0 90px;}
.s1_1_box .txt_point { position: relative; font-size:32px;  text-align: left; line-height:50px;  margin-top: 50px;margin-bottom:60px; z-index:99; color: #fff;}
.s1_1_box .txt_point span { font-weight:bold ;  color: #fff;}
.s1_1_box .txt_desc { position: relative; font-size: 16px; line-height: 30px; letter-spacing: -0.03em;  text-align: left;  z-index:99; color: #fff;}
.s1_1_box .tb{display: none}
@media all and (max-width:1280px){
    .s1_1_box {background-size: 40%;}
}

@media all and (max-width:1024px){
.s1_1_box {background-image: none; padding: 50px 0 0 0;}
.s1_1_box .box_wrap{margin:0 50px;}
.s1_1_box .tb{display: block; margin-top: 50px;}
}
@media all and (max-width:767px){
.s1_1_box {background-image: none; padding: 30px 0 0 0;}
.s1_1_box .box_wrap{margin:0 30px;}
.s1_1_box .tb{margin-top: 30px;}

  .s1_1_box .txt_point {  margin-bottom:30px; margin-top: 20px; font-size: 24px; line-height: 42px;}
  .s1_1_box .txt_desc { word-break: keep-all;}

}

.ccolor1-2{color: #31896a;}
.s1_2 .info_text { text-align:center; }
.s1_2 .box { background-color:#eaecea; padding: 70px 0 0 0 }
.s1_2 .box .part{margin: 0 40px 80px 40px;}
.s1_2 .box .wh_box{padding: 30px; background: #fff; display: flex; gap:8px; border-radius:24px ; align-items: flex-start; margin-top: 20px;}
.s1_2 .box .wh_box>:nth-child(1){  flex-shrink: 0;  white-space: nowrap; font-weight: bold;}
.s1_2 .box .wh_box span{font-weight: bold;}
.s1_2 .img_wrap.last img{width: 100%;}

@media all and (max-width:767px){
.s1_2 .box {padding: 30px 0 0 0 }
.s1_2 .box .part{margin: 0 16px 50px 16px;}
.s1_2 .box .wh_box{padding: 20px;}
}

.s1_3 .name1{font-size: 25px; line-height: 30px; font-weight: bold;}
.s1_3 .name2{font-size: 18px; line-height: 30px;}
@media all and (max-width:875px){
.s1_3 .name1{font-size: 22px; line-height: 27px }
.s1_3 .name2{font-size: 16px; line-height: 27px;}
}



.s1_3 .box_intro1{background: linear-gradient(to bottom, #f0f0f5 50%, #334ea0 50%); position: relative; height: 580px;}
.s1_3 .box_intro1 .name_wrap1 *{color:#334ea0;}
.s1_3 .box_intro1 .name_wrap2 *{color: #fff;}
.s1_3 .box_intro1 .int_name{position: absolute;   top: 50%; transform: translateY(-50%); right:30%;}
.s1_3 .box_intro1 .int_logo{position: absolute; bottom: 22px; right: 19px;}
.s1_3 .box_intro1 .int_pp{position: absolute; bottom: 0px; left: 10%;}
.s1_3 .box_intro1 .name_wrap1 {position: absolute; right: 32%; top:50px}
.s1_3 .box_intro1 .name_wrap2{position: absolute; right: 18%; bottom:90px}

@media all and (max-width:1190px){
.s1_3 .box_intro1 .int_name{ position: absolute;right:32%; width: 140px;}
.s1_3 .box_intro1 .int_pp{position: absolute; bottom: 0px; left:8%;}
.s1_3 .box_intro1 .name_wrap1 {position: absolute; top:60px; right: 27%;}
.s1_3 .box_intro1 .name_wrap2{ position: absolute;right:9%}
}

@media all and (max-width:1040px){
.s1_3 .box_intro1{height: 500px;}
.s1_3 .box_intro1 .name_wrap1 {position: absolute;right:18% }
.s1_3 .box_intro1 .name_wrap2{ position: absolute;right:7%; bottom: 70px;}
.s1_3 .box_intro1 .int_pp{width: 480px;}
} 

@media all and (max-width:960px){
.s1_3 .box_intro1{height: 450px;}
.s1_3 .box_intro1 .name_wrap1 {position: absolute;right:25% }
.s1_3 .box_intro1 .name_wrap2{ position: absolute;right:10%;}
.s1_3 .box_intro1 .int_name{position: absolute;  right:38%; width: 120px;}
.s1_3 .box_intro1 .int_pp{width: 400px;position: absolute; left: 30px; }
} 
@media all and (max-width:875px){
    
.s1_3 .box_intro1{height: 380px;}
.s1_3 .box_intro1 .name_wrap1 {position: absolute;right:25%; top:30px }
.s1_3 .box_intro1 .name_wrap2{ position: absolute;right:10%; bottom: 50px;}
.s1_3 .box_intro1 .int_name{position: absolute;  right:40%; width: 100px;}
.s1_3 .box_intro1 .int_logo{position: absolute; bottom: 12px; width: 180px;}
.s1_3 .box_intro1 .int_pp{width: 340px;position: absolute; left: 30px; }

}
@media all and (max-width:767px){
    .s1_3 .box_intro1 .int_logo{width: 150px; bottom: 20px; right: 20px;}
.s1_3 .box_intro1{background:none; height: auto;}
.s1_3 .box_intro1 .mo_wrap{background: linear-gradient(to bottom, #f0f0f5 50%, #334ea0 50%); position: relative; text-align: center; padding:60px 20px 0 20px; margin: 20px auto;}
.s1_3 .box_intro1 .name_wrap1 {position: static; }
.s1_3 .box_intro1 .name_wrap2{ position: static}
.s1_3 .box_intro1 .int_pp{position: static;}
.s1_3 .box_intro1 .int_name{position: absolute; right:auto; left: 20px; top: 20px; transform: translateY(0);}
.s1_3 .box_intro1 .name_wrap2 *{color:#334ea0; text-align: right;}
}



.s1_3 .box_intro2{ background: linear-gradient(to bottom, #f0f0f5 0% 35%, #266277 35% 100%);; position: relative; height: 580px;}
.s1_3 .box_intro2 .name_wrap1 *{color: #fff;}
.s1_3 .box_intro2 .name_wrap2 *{color: #266277;}
.s1_3 .box_intro2 .int_name{position: absolute;   top: 35%; left: 40px; transform:translateY(-50%);}
.s1_3 .box_intro2 .int_logo{position: absolute; bottom: 22px; right: 19px;}
.s1_3 .box_intro2 .int_pp{position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
.s1_3 .box_intro2 .name_wrap1 {position: absolute; left: 30px; bottom:40px}
.s1_3 .box_intro2 .name_wrap2{position: absolute; right:40px; top: 20px; width:340px; word-break: keep-all;} 



@media all and (max-width:1190px){
    
.s1_3 .box_intro2 .int_pp{width: 560px;}
.s1_3 .box_intro2 .name_wrap2{ position: absolute; width: 320px; right: 20px;}
}

@media all and (max-width:1091px){


.s1_3 .box_intro2{height: 580px; background: linear-gradient(to bottom, #f0f0f5 0% 40%, #266277 40% 100%);}
.s1_3 .box_intro2 .int_name{position: absolute; top:40%;}
.s1_3 .box_intro2 .int_pp{width: 500px;}
.s1_3 .box_intro2 .name_wrap1{ position: absolute; width: 170px; right: 20px; word-break: keep-all;}
.s1_3 .box_intro2 .name_wrap1 .mo-no{display: none;}
} 

@media all and (max-width:1000px){
.s1_3 .box_intro2 .name_wrap2{ width:440px; right: 10px;}
.s1_3 .box_intro2 .int_name{width: 180px;}
.s1_3 .box_intro2 .int_pp{left: 56%;}
.s1_3 .box_intro2 .int_logo{z-index: 2;}
} 
@media all and (max-width:880px){
    .s1_3 .box_intro2{height: 500px;}
    .s1_3 .box_intro2 .int_pp{width: 420px;}
.s1_3 .box_intro2 .name_wrap1{right: 10px;}

}
@media all and (max-width:767px){
.s1_3 .box_intro2 .int_logo{width: 150px; bottom: 20px; right: 20px;}
.s1_3 .box_intro2{background:none; height: auto;}
.s1_3 .box_intro2 .mo_wrap{background: linear-gradient(to bottom, #f0f0f5 50%, #266277 50%); position: relative; text-align: center; padding:60px 20px 0 20px; margin: 20px auto;}
.s1_3 .box_intro2 .name_wrap1 {position: static; width: 100%;}
.s1_3 .box_intro2 .name_wrap2{ position: static;width: 100%;}
.s1_3 .box_intro2 .int_pp{position: static;    transform: translateX(0%);}
.s1_3 .box_intro2 .int_name{position: absolute; right:auto; left: 20px; top: 20px; transform: translateY(0); width: 140px;}
.s1_3 .box_intro2 .name_wrap1 *{color:#266277; text-align:left; }
.s1_3 .box_intro2 .name_wrap2 *{color:#266277; text-align: right;}
}






.s1_3 .top{margin-top: 70px;}
.s1_3 .flex{display: flex; align-items: flex-start; gap: 16px;}
.s1_3 .part{margin-bottom: 80px;}S
.s1_3 .txt_wrap{margin-top: 0 !important; margin-bottom: 0 !important;}
.s1_3 .img_wrap{margin-top: 0 !important; margin-bottom: 0 !important;}
.s1_3 .flex>:nth-child(1){  flex-shrink: 0;  white-space: nowrap; font-weight: bold; line-height: normal !important; padding-top: 4px;}
.s1_3 .ccolor1-3_1{color: #334ea0; border-top: 1px solid #334ea0; width: fit-content; font-weight: bold;}
.s1_3 .ccolor1-3_2{color: #e1586a; border-top: 1px solid #e1586a; width: fit-content; font-weight: bold;}
.s1_3 .ccolor1-3_3{color:#266277 ; border-top: 1px solid #266277; width: fit-content; font-weight: bold;}
.s1_3 .ccolor1-3_4{color: #df580f; border-top: 1px solid #df580f; width: fit-content; font-weight: bold;}
.s1_3 .tit{color: #266277;  font-size: 20px; font-weight: normal; line-height: 38px; margin: 80px auto;}
.s1_3 .tit span{ font-family: 'JalnanGothic'; font-weight: bold;color: #266277; }
.s1_3 .two{margin-top: 120px;}
@media all and (max-width:1024px){
.mo-only{display: block !important;}
.pc-only{display: none !important;}
}
@media all and (max-width:767px){
    .s1_3 .part{margin-bottom: 60px;}
.s1_3 .top{margin-top: 60px;}
.s1_3 .two{margin-top: 80px;}
.s1_3 .tit{margin: 60px auto;}
.s1_3 .row>:nth-child(1){margin-bottom: 20px !important;}

}

.s1_4 .flexs{display: flex; gap: 30px; justify-content:center;}
.s1_4 .flexs .img_wrap{margin-left: 0 !important; margin-right: 0 !important;}

.s1_4 .line{display: flex; gap: 8px; justify-content: center; margin-bottom: 50px; margin-top: 150px;align-items: center;}
.s1_4 .line .title{border-bottom: 1px solid #ea502d; }
.s1_4 .line .title span{color:#ea502d;}

.s1_4 .box_wrap {display: flex;flex-wrap: wrap;gap:  60px 30px ; }
.s1_4 .box_wrap .box {width: calc((100% - 60px) / 3); }

.s1_4 .box_wrap .box>:nth-child(2){padding: 20px }
.s1_4 .box .name{padding: 15px;color: #fff;  font-weight: bold; font-size: 20px; position: relative;}
.s1_4 .box .name .img_wrap{position: absolute; right: 5px; bottom: -7px; margin: 0 !important;}
.s1_4 .box_wrap>:nth-child(1){border: 1px solid #ea502d;}
.s1_4 .box_wrap>:nth-child(1) .name{background: #ea502d;}
.s1_4 .box_wrap>:nth-child(2){border: 1px solid #7062aa;}
.s1_4 .box_wrap>:nth-child(2) .name{background: #7062aa;}
.s1_4 .box_wrap>:nth-child(3){border: 1px solid #bc538a;}
.s1_4 .box_wrap>:nth-child(3) .name{background: #bc538a;}
.s1_4 .box_wrap>:nth-child(4){border: 1px solid #e3629f;}
.s1_4 .box_wrap>:nth-child(4) .name{background: #e3629f;}
.s1_4 .box_wrap>:nth-child(5){border: 1px solid #c45354;}
.s1_4 .box_wrap>:nth-child(5) .name{background: #c45354;}
.s1_4 .box_wrap>:nth-child(6){border: 1px solid #119389;}
.s1_4 .box_wrap>:nth-child(6) .name{background: #119389;}
.s1_4 .box_wrap>:nth-child(7){border: 1px solid #4f9fcd;}
.s1_4 .box_wrap>:nth-child(7) .name{background: #4f9fcd;}
.s1_4 .box_wrap>:nth-child(8){border: 1px solid #f29747;}
.s1_4 .box_wrap>:nth-child(8) .name{background: #f29747;}
.s1_4 .box_wrap>:nth-child(9){border: 1px solid #285184;}
.s1_4 .box_wrap>:nth-child(9) .name{background: #285184;}

@media (max-width: 1280px) {
    .s1_4 .box_wrap {gap:  40px 30px ; }

    .s1_4 .line{margin-top: 80px; }
    .s1_4 .line img{width: 24px;}

    .s1_4 .box .name{font-size: 18px; padding: 10px;}
    .s1_4 .box .name .img_wrap{width: 70px;}
}
@media (max-width: 1024px) {
      .s1_4 .box_wrap .box { width: calc((100% - 30px) / 2); }
}


@media (max-width: 767px) {
   .s1_4 .flexs{display: block;}
}
@media (max-width: 640px) {
    .s1_4 .box_wrap .box {width: 100%;  }
} 

.s1_5 .txt_wrap{margin: 0; padding: 100px 120px; background-image: url('../images/sub/s1_5_bg.jpg'); background-size: cover; background-color: #c5d9b1; background-repeat: no-repeat;  }
.s1_5 .title small{display: block; font-weight: normal; font-size: 16px;}
.s1_5 .flex_box{display: flex; align-items: flex-end; justify-content: space-between; gap: 38px;}
.s1_5 .flex_box >div{width: 50%;}
.s1_5 .img_wrap{margin: 0 !important;}

.s1_5 .mb60{margin-bottom: 60px;}
.s1_5 .box1 .title,.s1_5 .box2 .title,.s1_5 .box3 .title,
.s1_5 .box4 .title,.s1_5 .box6 .title,.s1_5 .box7 .title{margin-top: 20px;}

.s1_5 .box{padding: 22px ;border: 3px solid #222; background: #fff}
.s1_5 .box1 { box-shadow:10px 10px 0 #00595c;  }
.s1_5 .box1_img_mo{display: none;}

.s1_5 .box2{ box-shadow:10px 10px 0 #e94436;  }
.s1_5 .box3 { box-shadow:10px 10px 0 #ee7815;  }
.s1_5 .box4 { box-shadow:10px 10px 0 #e94436;  }

.s1_5 .box5 { box-shadow:10px 10px 0 #e94436; display: flex;gap: 20px; justify-content: space-between; }
.s1_5 .box5>:nth-child(1){width: 46%;}
.s1_5 .box5>:nth-child(2){width: 54%;}

.s1_5 .box6 { box-shadow:10px 10px 0 #4f9fcd;   }
.s1_5 .box7 { box-shadow:10px 10px 0 #e3629f;padding: 0 0  22px 22px  !important;}
.s1_5 .box7 p{margin-right: 22px !important;}

.s1_5 .box8 { box-shadow:10px 10px 0 #e9c02b;display: flex;gap: 20px; }
.s1_5 .box8>:nth-child(1){width: 58%;}
.s1_5 .box8>:nth-child(2){width: 42%;}
.s1_5 .flex_box2{display: flex; align-items: flex-end;  gap: 12px;}
.s1_5 .flex_box2>:nth-child(2){width: 82%;}
.s1_5 .flex_box2>:nth-child(3){width: 18%;}

.s1_5 .box9{ box-shadow:10px 10px 0 #4f9fcd;display: flex;gap: 20px; justify-content: left; }
.s1_5 .box9>:nth-child(1){width: 45%;}
.s1_5 .box9>:nth-child(2){width: 55%;}

.s1_5 .box10 { box-shadow:10px 10px 0 #e94436; }
.s1_5 .box10>:nth-child(1){display: flex; gap: 20px; margin-bottom: 20px;}


@media (max-width: 1280px) {
.s1_5 .txt_wrap{padding: 80px 60px;}
.s1_5 .box5 {display: block;  }
.s1_5 .box5>:nth-child(1){width: 100%;}
.s1_5 .box5>:nth-child(2){width: 100%;}
.s1_5 .box5 .img_wrap img{width: fit-content !important; margin-bottom: 20px; }
}
@media (max-width: 840px) {
.s1_5 .box1_img_mo{display: block;}
.s1_5 .box1_img{display: none;}
.s1_5 .flex_box,.s1_5 .flex_box2{display: block;}
.s1_5 .flex_box >div,.s1_5 .flex_box2>:nth-child(1),.s1_5 .flex_box2>:nth-child(2){width: 100%;}
.s1_5 .mb60{margin-bottom: 0 !important;}
.s1_5 .box{margin-top: 80px !important;}
.s1_5 .box1,.s1_5 .box2,.s1_5 .box8{margin-top: 0 !important; margin-bottom: 80px !important;}
.s1_5 .mt80{margin-top: 80px !important;}

.s1_5 .box8 { display: block; margin-bottom: 20px;}
.s1_5 .box8>:nth-child(1){width:100%; margin-bottom: 20px !important; }
.s1_5 .box8>:nth-child(2){width: 100%;}
.s1_5 .box8>:nth-child(2) img{ margin-top: 10px;}


.s1_5 .box9{ display: block;}
.s1_5 .box9>:nth-child(1){width: 100%; margin-bottom: 20px !important;}
.s1_5 .box9>:nth-child(2){width: 100%;}

.s1_5 .box10>:nth-child(1){display: block;}
.s1_5 .box10 .img_wrap{margin-bottom: 20px !important; }

.s1_5 .txt_wrap{padding: 40px 30px 40px 20px; }

.s1_5 .box5 .img_wrap img,.s1_5 .box10 .img_wrap img{width: 100% !important;}

}


.s1_6 .box_tit{background: #a8aac3; height: 44px;}
.s1_6 .box_tit .left{height: 44px; background: #285184; border-radius: 0 999px 999px 0; width: fit-content; display: flex;
align-items: center; justify-content: center; padding: 0 30px; color: #fff;font-size: 22px; font-weight: bold;}
.s1_6 .box_wrap{padding: 50px; background: #edeef1; display: flex; gap: 30px; flex-wrap: wrap;}
.s1_6 .box {padding-bottom: 30px; display: flex; align-items:flex-start; justify-content: space-between; border-bottom: 1px solid #285184; margin-top: 30px; width: calc((100% - 60px) / 2); gap: 10px; margin-top: 0;}
.s1_6 .box .img_wrap{width: 40%; margin: 0 !important; display: flex; align-items: flex-end;}
.s1_6 .box .img_wrap img{height: 170px;}
.s1_6 .box .txt_wrap{width: 60%; margin: 0 !important;}
.s1_6 .box .txt_wrap .tit{color: #285184;}
.s1_6 .box .txt_wrap .tit span{font-size: 22px; font-weight: bold;color: #285184;}
.s1_6 .box .txt_wrap p{word-break: keep-all;}

@media all and (max-width:1024px){

.s1_6 .width730{max-width: 730px; margin: auto;}
.s1_6 .box_wrap{padding: 40px;}
.s1_6 .box{width: 100%; align-items: center;}
}
@media all and (max-width:767px){
    
.s1_6 .box_wrap{padding: 40px 20px}
.s1_6 .box {display: block}
.s1_6 .box .img_wrap{width: 100%; margin: 0 0 20px 0 !important;}
.s1_6 .box .txt_wrap{width: 100%; margin: 0 0 20px 0 !important;}
}


.s2_1 .title { display:inline-block; clear:both; color:#d06968;}

.s2_1 .box{background: #d06968; padding: 80px;}
.s2_1 .box .flex{display: flex; gap: 30px; border-bottom: 1px solid #fff; margin-bottom: 40px; padding-bottom: 40px; align-items: center;}
.s2_1 .box .last{border: none !important; margin-bottom: 0 !important; padding-bottom: 0 !important;}
.s2_1 .box .img_wrap{margin: 0 !important; width: 30%;}
.s2_1 .box .txt_wrap{margin: 0 !important;  width: 70%;}
.s2_1 .box .title small{display: block; color: #e7e9ce; font-weight: normal;}
.s2_1 .box .title {color:#e7e9ce}
.s2_1 .box p{color:#fff}

@media all and (max-width:767px){
 .s2_1 .box{padding: 40px 20px;}   
.s2_1 .box .flex{display: block;}
.s2_1 .box .img_wrap{width: 100%; margin-bottom: 20px !important;}
.s2_1 .box .txt_wrap{width: 100%;}
}

.s2_2 .title{ color: #17938a; border-bottom: 1px solid #17938a; width: fit-content; padding-bottom: 8px; word-break: keep-all;}

.s2_3 .title{ color: #17938a; border-bottom: 1px solid #17938a; width: fit-content; padding-bottom: 8px; word-break: keep-all;}
.s2_3 .writer{font-style: italic !important;}

@media all and (max-width:1280px){
    .s2_3 .tb-no .column{width: 100% !important; padding: 0 !important;}

.pc-only{display: none !important;}
.mo-only{display: block !important;}
}



@media all and (max-width:480px){
    .s2_2 .box .box_tit{font-size: 14px !important;left: 50%; padding: 5px 0px; transform: translate(-50%,0); width: 90%; text-align: center;  align-items: center; justify-content: center;} }


@media all and (max-width:380px){

    .s2_2 .box .box_tit{font-size: 16px !important;left: 0; padding: 0; top:0; display: block; position: static; color: #689886 ; background: none; height: auto;   box-shadow: none; text-align: left; font-weight: bold; transform: translate(0,0); word-break: keep-all;} }


.s2_5 .card_box{ background-color: #f7f7f7; padding:40px }
.s2_5 .card_number { position: relative; border-bottom:3px solid #000; padding-bottom:10px;font-weight: bold; }
.s2_5 .card_number .name { font-size:14px; position:absolute; right:0px; bottom: 20px; }
.s2_5 .card_number .count { display: flex; align-items: center;  width: 40px;height:40px;border-radius:30px; border: 3px solid #000;  justify-content: center; }
.s2_5 .card_number .count span { display:inline-block; font-size:16px; line-height: 40px; }


.s2_5 .title small{display: block; margin-bottom: 5px;}
@media all and (max-width:1280px){
     .s2_5 .width54 .column{width: 100% !important; padding: 0 !important}
  
}
@media all and (max-width:767px){
   .s2_5 .card_box{padding: 30px 20px;}
.s2_5 .card_box .img_wrap img{width: 100%;}
}



.s3_1 {}

.s3_1 .part{margin-top: 60px;}
.s3_1 .title { color:#007393; width: fit-content; text-decoration: underline;   text-decoration-color: #007393;
  text-decoration-thickness: 1px;  text-underline-offset: 4px;     }
.s3_1 .title2{font-size: 20px; color:#639da5; font-weight: bold; margin-bottom: 20px; line-height: 20px;}
.s3_1 .pl12{padding-left: 12px;}

.s3_1 .box1{background: #639da5;}
.s3_1 .box2{background: #eff5ee; color: #3c3e59;}


.s3_1 .box_wrap1{display: flex; align-items: flex-start; border-top: 1px solid #639da5; margin-left: 12px;}
.s3_1 .box_wrap1 .box1{padding: 10px 0 10px 16px ; width:30%; color: #fff;}
.s3_1 .box_wrap1 .box1 span{color:#fff}
.s3_1 .box_wrap1 .box2{padding: 10px 16px; width: fit-content; width: 70%;}

.s3_1 .box_wrap2{display: flex; gap: 5px;  flex-wrap: wrap;}
.s3_1 .box_wrap2>div{width: calc((100% - 30px) / 6); } 
.s3_1 .box_wrap2>div .box1{padding: 16px 0; text-align: center; color: #fff; line-height: 24px;}
.s3_1 .box_wrap2>div .box1 span{color: #fff;}
.s3_1 .box_wrap2>div .box2{padding: 16px 40px; text-align: center; height: 130px; word-break: keep-all; color: #3c3e59;}

.s3_1 .box_wrap3{display: flex;}
.s3_1 .box_wrap3 .box1{width: 30%; padding: 40px; }
.s3_1 .box_wrap3 .box1 p{color: #fff;}
.s3_1 .box_wrap3 .box1 span{color: #fff; font-size: 18px;}
.s3_1 .box_wrap3 .box2{width: 70%; padding: 40px;}
.s3_1 .box_wrap3 .box2 .tit{font-size: 20px; font-weight: bold; color:#007393;}
.s3_1 .box_wrap3 .box2 p{color:#007393;}
.s3_1 .box_wrap3 .box2 .fwb{color:#007393;  margin-top: 20px;}
.s3_1 .box_wrap3 .box2 .dash{position: relative; position: relative; padding-left: 10px;}
.s3_1 .box_wrap3 .box2 .dash::before{content: '-'; position: absolute; left: 0px;}

.s3_1 .box {border: 2px solid #342d4b; padding: 0 40px 60px 40px;}
.s3_1 .box .txt_wrap{margin: 0 !important;}
.s3_1 .box .title{border: none !important; padding: 16px 60px; font-family: 'JalnanGothic'; font-weight:500 !important; color: #fff;width:fit-content; margin: 0 auto; background: #342d4b; border-radius: 0 0 30px 30px; text-decoration: none;}

.s3_1 .box .flex{display: flex; gap: 20px; padding: 30px 0; border-top:dashed 1px #7f7a8d;}
.s3_1 .box .flex>:nth-child(1){width: 10%; margin: 0 !important;}
.s3_1 .box .flex>:nth-child(2){width: 90%;}
.s3_1 .box .flex .tit{font-size: 22px;}
.s3_1 .box .flex.first{border: none;}
.s3_1 .box .flex.last{padding-bottom: 0 !important; }

@media all and (max-width:1024px){
 .s3_1 .mm20{margin-bottom: 20px !important;}
.s3_1 .box_wrap2>div{width: calc((100% - 16px) / 3); }  
.s3_1 .box_wrap3{display: block;}
.s3_1 .box_wrap3 .box1{width:100%; padding: 20px; }
.s3_1 .box_wrap3 .box2{width: 100%; padding: 20px;}
.s3_1 .box .flex{display: block;}
.s3_1 .box .flex>:nth-child(1){width: 100%; margin-bottom: 20px !important;}
.s3_1 .box .flex>:nth-child(2){width: 100%;}

}
@media all and (max-width:767px){
.s3_1 .box_wrap2>div{width: calc((100% - 16px) / 2); }  
.s3_1 .box_wrap2>div .box2{padding: 16px 20px; height: 140px;}
.s3_1 .box_wrap1 .box1{padding: 10px; word-break: keep-all;text-align: center;}
.s3_1 .box_wrap1 .box1 span{display: block; text-align: center;}

.s3_1 .box { padding: 0 30px 40px 30px;}

}

.s3_2 {}

.s3_2 .part{margin-bottom: 60px;}
.s3_2 .title{border-radius: 999px; padding: 12px 25px; width: fit-content; text-align: center; color: #fff;display: flex;  align-items: center; line-height:0 !important; height: 47px;}

.s3_2 .flex_left{display: flex; gap: 30px;}
.s3_2  .txt2 .big{font-size: 20px !important; font-weight: bold;}
.s3_2  .txt2 .flex{display: flex; align-items: center; gap: 5px;}
.s3_2 .flex.start{align-items: flex-start !important;}
.s3_2 .flex.start b{margin-top: 4px;   }
.s3_2 .flex b{ flex-shrink: 0;   white-space: nowrap; }
.s3_2 .flex_txt{display: flex; justify-content: space-between;}
.s3_2 .flex_txt.end{align-items: flex-end;}

.s3_2 .round1{background:#08509a ;}
.s3_2 .round2{background:#3da2ac ;}
.s3_2 .round3{background:#e1747b ;}
.s3_2 .round4{background: #e88b3a;}

.s3_2 .ccolor1{color: #08509a }
.s3_2 .ccolor2{color: #3da2ac }
.s3_2 .ccolor3{color: #e1747b}
.s3_2 .ccolor4{color: #e88b3a}

.s3_2 .flexs.left{justify-content: left !important;}
.s3_2 .flexs.width40>:nth-child(1){width: 40%;}
.s3_2 .flexs.width40>:nth-child(2){width: 60%;}

.s3_2 .flexs.width40 .max img{height: 375px !important; object-fit: cover;}


.s3_2 .flexs.width40>:nth-child(1) .img_wrap img{width: 100%;}
.s3_2 .flexs.width40>:nth-child(2) .img_wrap img{width: 100%;}
.s3_2 .flex_txt .img_wrap img{width: fit-content !important;}
.s3_2 .caption{margin-top: 0 !important;}
.s3_2 .caption.mt10{margin-top: 10px !important;}
.s3_2 .caption.mt20{margin-top: 20px !important;}

.s3_2 .ml{margin-left: 70px;}

@media all and (max-width:1024px){
.s3_2 .flex_txt{display: block; }
.s3_2 .flex_txt .img_wrap{text-align: left;}
.s3_2 .tb-no .img_wrap img{width: 100% !important;}

.s3_2 .flexs.width40 .max img{height: 250px !important; object-fit: cover;}

.s3_2 .ml{margin-left: 6%;}
}
@media all and (max-width:767px){

.s3_2 .flex_left{display: block}
.s3_2 .txt2{margin: 20px 0 !important;}
.s3_2 .flex_left .img_wrap img,.s3_2 .flexs .img_wrap img{width: 100%;}
.s3_2 .flexs.width40 .max img{height:auto !important; object-fit: contain;}
.s3_2 .row .img_wrap img{width: 100%;}
.s3_2 .mm{margin-top: 40px;}
.s3_2 .mm0{margin-top: 0px !important;}

.s3_2 .flexs.width40>:nth-child(1){width: 100%;}
.s3_2 .flexs.width40>:nth-child(2){width: 100%;}


.s3_2 .ml{margin-left: 0px;}
}


.s3_3 .ccolor3_3{color: #8687c1;;}
.s3_3 .part{background: #8687c1; padding: 50px;}
.s3_3 .box{background: #fff; padding: 60px 40px 40px 40px; border-radius: 40px; position: relative;}
.s3_3 .box .top{position: absolute; top:-42px ;left: 50%; transform: translate(-50%,0); width: 100%;}
.s3_3 .box .title{color:#6e6bb0}
.s3_3 .box  .flex_c{display: flex; align-items: flex-end; justify-content:center; gap:40px;}
.s3_3 .box  .flex_c .box_t{background: #6e6bb0; padding: 7px 28px; text-align: center; width: fit-content; color: #fff;font-weight: bold; border-radius: 8px 8px 8px 0; position: relative; margin-bottom: 28px;}
.s3_3 .box  .flex_c .box_t img{position: absolute; bottom: -16px; left: 0;}
.s3_3 .box  .flex_c p{color: #6e6bb0;}
.s3_3 .box  .flex_c .img_wrap{width: fit-content; margin-left: 25px;}
.s3_3 .box  .flex_c .title{font-size: 28px !important;}

.s3_3 .flex_3{display: flex; gap: 30px; margin-top: 20px; margin-bottom: 20px;} 
.s3_3 .flex_3 .box_3{width: calc((100% - 60px) / 3); padding: 30px 10px; background: #8687c1; text-align: center; border-radius: 30px;}
.s3_3 .flex_3 .box_3 .title{color: #fad08b; font-size: 18px; line-height: 22px;}
.s3_3 .flex_3 .box_3 .title small{color: #fff; font-size: 14px; font-weight: normal;}
.s3_3 .flex_3 .box_3 p{color: #fff; font-size: 16px !important;}

.s3_3 .box_top{text-align: center; padding: 15px 10px; background: #8687c1; border-radius: 20px 20px 0 0; color: #fff;}
.s3_3 .box_bt{ padding:  20px; border-radius:0 0  20px 20px ; border: 1px solid  #8687c1 ; background: #fef4f1;}
.s3_3 .box_bt>div{display: flex; gap: 20px; }
.s3_3 .box_bt>div p{border-bottom: 1px solid #8687c1; font-size: 14px !important;}
.s3_3 .box_bt>div .ccolor3_3{font-weight: bold;}
.s3_3 .box_bt>div>:nth-child(1){width: 40%; }
.s3_3 .box_bt>div>:nth-child(2){width: 60%;}

.s3_3 .tit{font-weight: 500; font-size: 18px ;}

.s3_3 .flex_2{display: flex; gap:30px; flex-wrap: wrap; margin-top: 20px; flex-wrap: wrap;} 
.s3_3  .flex_2>div{width: calc((100% - 60px) / 2);}
.s3_3  .flex_2>div .num{color:#8687c1; position: relative;}
.s3_3  .flex_2>div .num::after{content: ''; width: 100%; height: 1px; background: #8687c1; position: absolute; top: 50%;}
.s3_3  .flex_2>div p{color:#8687c1; }
.s3_3 .mt{margin-top: 60px !important;}
@media all and (max-width:1280px){
    .s3_3 .box{padding:  40px;}
.s3_3 .box .top{top:-40px ;left: 50%;  width: 80%;}
}
.s3_3 .tm-only{display: none !important;}
@media all and (max-width:1024px){
.s3_3 .tb-none{display: none !important;}
.s3_3 .tm-only{display: block !important;}

.s3_3 .part{padding: 40px;}
.s3_3 .box {border-radius: 22px;}
.s3_3 .box .top{top:-30px ;}
.s3_3 .box  .flex_c{display: block}
.s3_3 .box  .flex_c .pc-only{display: none !important;}
.s3_3 .box  .flex_c .mo-only{display: inline-block !important; margin-left: 0 !important; text-align: right !important; width: 100%;}

.s3_3 .boxs{margin: 20px 0; max-width: 400px;}
.s3_3  .flex_2>div{width: 100%;}
}
@media all and (max-width:767px){

.s3_3 .part{ padding: 30px 16px 30px 16px;}
.s3_3 .box{ padding: 32px 20px 20px 20px}

.s3_3 .flex_3{flex-wrap: wrap;}
.s3_3 .flex_3 .box_3{width: 100% ;}


}

.s3_4 .ml{margin-left: -14px;}
.s3_4 .box1{padding: 60px 30px; background: #ece5e1}

.s3_4 .box1 .row {margin-top: 60px; border-top: 1px solid #5b402b; padding-top: 60px;}
.s3_4 .box1 .first{padding-top: 0 !important; margin-top: 0 !important; border: none !important;}
.s3_4 .box1 .row .column .txt_wrap {margin: 0 !important;}
.s3_4 .box1 .row .column .img_wrap{margin: 0 !important;}

.s3_4 .box1 .row .column .txt_wrap .title{color: #5b402b;}
.s3_4 .box1 .row .column .txt_wrap .title span{color: #5b402b; font-weight: normal; font-size: 18px;} 
.s3_4 .box1 .row .column .txt_wrap p span{display: block; color: #5b402b; margin-top: 40px;}
.s3_4 .box1 .row .column .txt_wrap p span b{color: #5b402b;}
@media all and (max-width:1024px){
    
  .s3_4 .box1{padding: 60px 20px;}
.s3_4 .box1 .row .column{width: 100% !important;}
.s3_4 .box1 .row .column .img_wrap{margin: 0 0 20px 0 !important; }
}

.s3_5 .title{color: #a24843;}
.s3_5 .flex_box{display: flex; gap: 30px; justify-content: center; align-items: center;}
.s3_5 .flex_box>div{margin: 0 !important; }
.s3_5 .flex_box p{text-align: center; color: #a24843; font-size: 20px !important; line-height: 38px !important;}
.s3_5 .flex_box p span{display: block; font-size: 18px;color: #a24843;}

@media all and (max-width:1024px){
.s3_5 .flex_box>div{width: 50%;}
.s3_5 .flex_box p{word-break: keep-all;}
    .s3_5 .pc-only{display: none !important;}
}
@media all and (max-width:767px){
    .s3_4 .ml{margin-left: -10px;}
    .s3_4 .ml span{display: block; margin-left: 10px;}
    .s3_5 .flex_box>div{width: 100%; }
    .s3_5 .flex_box{display: block;}
  .s3_5 .flex_box .img_wrap{margin-bottom: 60px !important; }
  
}

.s3_6 {}
.s3_6 .part .title {background: #f6ad38; width: fit-content; padding: 0 15px; position: relative;}
.s3_6 .part .title span{position: absolute; right: -30px; top: -10px;}

.post .img_box{display: flex; gap: 30px; flex-wrap: wrap;}
.post .img_box .img_wrap {
  width: calc((100% - 30px) / 2); margin: 0 !important;
}
@media (max-width: 767px) {
    .post .img_box {gap: 20px;}
  .post .img_box .img_wrap {
    width: 100%; 
  }

}
.post .top_img{position: relative;}
.post .top_img a{position: absolute; right: 0; bottom: 0;}
.post .part1 .txt_wrap{ margin: 0 !important; padding: 40px 40px 60px 40px; background: #f2f3f8;}
.post .part1 .box p{text-align: center; color:#6a668d; font-weight: bold;padding: 20px 25px; background: white; margin-bottom: 40px; box-shadow: 0 4px 20px rgba(106, 102, 141, 0.2); border-radius: 20px; font-size: 18px;}
.post .part1 .box small{color:#6a668d; display: block; font-size: 16px;}
.post .part1 .box .red{color:#f6615e;display: block;}

.post .part2 {margin-top: 100px;}
.post .part2 .txt_wrap{ margin: 0 !important; padding: 25px 40px 60px 40px; background: #f2f3f8;}
.post .box_tit{display: flex; gap:40px; align-items: center;}
.post .box_tit .img_wrap{margin: 0 !important;}
.post .box_tit .title{color:#5158a5; font-size: 36px !important;}

.post .box2{padding: 20px 25px; background: white; margin-bottom: 20px; box-shadow: 0 4px 20px rgba(106, 102, 141, 0.2); border-radius: 20px;}
.post .box2 .round{height: 40px; padding: 0 15px; display: flex; align-items: center; justify-content: center; 
    background: #24396c; width: fit-content; color: #fff; font-size: 18px; border-radius: 999px; line-height: 0; margin-bottom: 16px; font-weight: bold; text-align: center;}
.post .box2.ico1{position: relative;}
.post .box2.ico1 img{position: absolute; right: 0; bottom: -40px;}
.post .box2.ico2{position: relative;}
.post .box2.ico2 img{position: absolute; right: 40%; bottom: -20px;}
.post .box2 .round .mo-only{display: none !important;}

.post .fwn{color: #fff; margin-right: 5px;}
@media all and (max-width:1024px){
.post .box2.ico2 img{position: absolute; right: 20%; bottom: -20px;}
}
@media all and (max-width:767px){

    .post .part1 .txt_wrap{padding: 30px 20px;}
    .post .part2 .txt_wrap{padding: 30px 20px;}
.post .box2.ico2 img{position: absolute; right: 0%; bottom: -50px;}
.post .box2{padding:15px;}

.post .part1 .box p{ font-size: 16px;word-break: keep-all;}
.post .part1 .box small{font-size: 14px; word-break: keep-all;}


}
@media all and (max-width:560px){    .post .fwn{ margin-right: 0px;}
       .post .box_tit {gap: 0; justify-content: space-between;}
    .post .box_tit .title{font-size: 24px !important;}
.post .box_tit .img_wrap{width: 80px;}
.post .box2 .round{font-size: 16px; margin-bottom: 10px; display: block; height: auto; padding:10px 15px; line-height: 23px; word-break: keep-all; width: 100%; border-radius: 22px;}
.post .box2 .round .mo-only{display: block !important;}
.post .box2.ico1 img{position: absolute; right: 0; bottom: -30px; width: 40px;}
.post .box2.ico2 img{position: absolute; right: 0; bottom: -20px; width: 60px;;}

}


/* SUB BOX */
.start_box { background-color:#f7f7f7; padding: 20px; font-size:16px; line-height:30px; text-align:center; margin-bottom:50px; }
.end_box { border-top: 1px solid #303030; border-bottom: 1px solid #303030; padding: 20px; font-size:16px; line-height:30px; margin-bottom:50px; }

.img_wrap.full { margin: 0px -50px; }
.img_wrap.full img{ max-width:initial; width:100%; text-align: center !important; margin: 0 auto;}
.img_wrap { text-align: center; margin-bottom:40px; }
.img_wrap.half {}
.img_wrap.half:after { display:block; content:''; clear:both; }
.img_wrap.half figure { float:left; width:49%; margin-right:2%; }
.img_wrap.half figure:last-child { margin-right:0px; }



/* SUB ARROW */
.sub_move_arrow { position: relative; background-color:#f1f1f1; text-align:center; margin-top:80px;  }
.sub_move_arrow:after { display: block; content: ''; clear: both; width: 1px; height: 20px; background-color: #333333; position: absolute; left: 0px; right: 0px; top: 50%; margin: -10px auto 0px auto; z-index:2; }
.sub_move_arrow .move_prev { display:inline-block; padding-right:40px; }
.sub_move_arrow .move_next { display:inline-block; padding-left: 40px;}
.sub_move_arrow a { display: block; font-size: 16px; color: #333333; line-height: 40px; padding: 20px 0px; height: 80px; box-sizing: border-box; }



/*listPage*/
.listarea{padding: 50px; width: 80%;margin:0 auto}
.listPages {
	padding: 50px 80px;
	background-color: #fff;
}

.listPages-area {
	margin-bottom: 50px;
}

.list_title {
	margin-bottom: 40px;
	font-size: 28px;
	font-family: 'S-CoreDream-6Bold';
	text-align: center;
  border-bottom: 1px solid #333;;
  padding-bottom: 10px;
  font-weight: bold;
}

.list_list {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: center;
}
.list_item.one{width:100%}
.list_item {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	width: 48.6078%;
	margin-right: 7.1896%;
}

.list_item:last-child {
	margin-right: 0;
}

.list_item-vol {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
}

.list_item-img {
	margin-bottom: 15px;
	box-shadow: 5px 5px #ddd;
	width:200px;
}

.list_item-webzine {
	display: inline-block;
	margin-bottom: 10px;
	padding: 5px 30px;
	background-color: #62b0e3;
	color: #fff;
	border-radius: 40px;
	font-weight: bold;
}

.list_item-view {
	text-align: center;
	width: 100%;
}
.list_item-view .vol{
  font-weight: bold;
  font-size: 22px
}
.list_item-view a {
	display: inline-block;
	font-weight: bold;
	font-size: 16px;
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 14px 16px;
	padding-left: 20px;
}
.list_item-view a:first-child {
	background-image: url('../images/list/ico-pdf.png');
}
.list_item-view a:last-child{
	background-image: url('../images/list/ico-ebook.png');
}

.flexs{display: flex; justify-content: space-between; gap: 30px;}

.wbk{word-break: keep-all;}
@media all and (max-width:1410px) {

 }
 @media all and (max-width:1024px) {
  .sub_visual { height:600px; }
  .sub_visual .text_wrap .category span { font-size:18px; margin-bottom:30px; }
  .sub_visual .text_wrap .subject { font-size:30px; line-height:42px; }
  .sub_content .part .txt_wrap .title { font-size: 20px; }
 }
 .mo-only{display: none}
@media all and (max-width:767px) {

  .re-mt0{margin-top: 0}
  .mo-only{display: block}
  .pc-only{display: none}
  .img_wrap.full { margin: 0px -20px !important; }

  .sub_visual { height:400px; }
  .sub_visual .text_wrap .category span { font-size:16px; margin-bottom:20px; }
  .sub_visual .text_wrap .subject { font-size:26px; line-height:36px; }
  .sub_content { padding: 20px; }
  .sub_content .part .txt_wrap .title { font-size: 18px; }

  .row .column{display: block; float: none; width:100% !important; margin-left: 0px; margin-right: 0px; padding-left: 0; padding-right: 0;}
  .row .col_2 { width: 100%; padding: 0px; }
  .row .col_3 { width: 100%; padding: 0px; }
  .row .col_3.two { width: 100%; padding: 0px; }
  .row .col_4 { width: 50%; padding: 0px; }

  .listarea{width:100%}
  .list_list{display: block;}
  .list_item{width:100%;padding:20px}

  .art_txt { font-size:60px; line-height:60px; height:60px; }


  .s1_3 .color .title {font-size:22px !important;}
  .s1_4 .box2 { padding: 20px 15px;}
  .s2_1 .box1 { padding: 20px;}
  .s2_1 .box1 .mini-box{margin-top:0px; padding: 5px 10px ;}
  .s2_1 .box1 .mini-box p{word-break:break-all}
  .s2_3_box .color_box { padding-bottom:200px; }
  .s2_3_box .row.half .column { width:100%; }
  .s2_3_box .txt_tit { font-size:15px; }
  .s2_3_box .txt_desc  { font-size:13px; }
  .s2_4_box .txt_tit { font-size:18px; }
  .s2_4_box .txt_desc { font-size:14px; line-height:26px; }
  .s2_4 .flower{display: block;}
  .s3_2_box .column { margin-bottom:50px; }
  .s3_3 .box1{ padding: 20px;}
  .s3_3 .box2 {padding:10px 20px; }
  

  .start_box  { font-size: 14px;}
  .start_box br {display: none;}
  .end_box { font-size: 14px; text-align:center; }
  .end_box br {display: none;}
  .flexs{display: block;}
 }
@media all and (max-width:460px) {
  .sub_visual { height:300px; }
  .sub_visual .text_wrap .category span { font-size:14px; margin-bottom:10px; }
  .sub_visual .text_wrap .subject { font-size:22px; line-height:28px; }
  .art_txt { font-size:40px; line-height:40px; height:40px; }
  .s1_1 .alert_list li { font-size:14px; }
  .s1_1 .alert_list li span.num { clear:both; display:block; font-size:14px; width:18px; line-height:18px; height:18px; margin-right: 0px; margin-bottom:5px; padding:5px; }

}
@media all and (max-width:400px) {
 }