.h_process {
  color: #3236CD !important;
}

.ccon1 {
  padding-top: 7vw;
}
.ccon1_top {
  width: 76%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3vw;
}
.ccon1_top_row01 {
    width: 49.3%;
    height: 24vw;
    border: 1px solid #e7e7ff;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: column;
    border-radius: 1.5vw;
}
.ccon1_top_row01_video {
  height: 20.92vw;
  border-radius: 1.5vw;
  overflow: hidden;
}
.ccon1_top_row01_tt {
  margin-top: 1vw;
  font-weight: 500;
}
.ccon1_top_row02 {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
.ccon1_01 {
    width: 17.2712%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0.4vw;
    margin-bottom: 3vw;
    overflow: hidden;
}
.ccon1_top_row02_tt {
  font-size: 2.9vw;
  margin-bottom: 5vw;
}
.ccon1_top_row02_bot {
  width: 58%;
  height: 3vw;
  border: 1px solid #e7e7ff;
  border-radius: 50vw;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4vw;
  cursor: pointer;
}
.ccon1_04 {
    width: 24.4048%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon1_02 {
    width: 26.5976%;
    display: flex;
    justify-content: center;
    align-items: center;  
    right: 0%;
    top: -10%;
}
.ccon1_03 {
    width: 38.342%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -21%;
    top: 21%;
}
.ccon1_mid {
  width: 76%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5vw;
}
.ccon1_mid_item {
  width: 18.2292vw;
  height: 13.9584vw;
  background-color: #060612;
  border-radius: 1.5vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  color: white;
  transition: background 0.3s;
}
.ccon1_mid_item.ccon1_change {
  background-color: #3236CD;
}
.ccon1_mid_item_tt_wrap {
  margin-left: 2.8vw;
  margin-top: 5vw;
}
.ccon1_mid_item_tt01 {
  color: #4448f6;
  font-weight: 700;
  font-size: 1.3vw;
  margin-bottom: 1vw;
  transition: color 0.3s;
}
.ccon1_mid_item.ccon1_change .ccon1_mid_item_tt01 {
  color: white;
}
.ccon1_mid_item_tt02 {
  line-height: 1.5;
  font-weight: 400;
}
.ccon1_mid_item_icon {
    right: 12%;
    top: 12%;
}
.ccon1_05 {
    width: 11.7143%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon1_06 {
    width: 10.5714%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon1_07 {
    width: 10.2857%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon1_08 {
    width: 9.71429%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ccon1_bot {
  width: 76%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #060612;
  border-radius: 1.5vw 1.5vw 0 0;
  overflow: hidden;
}
.ccon1_09a {
    width: 38.8812%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon1_09 {
    width: 22.9972%;
    display: flex;
    justify-content: center;
    align-items: center;  
  top: 0%;
}
.ccon1_09b {
    width: 41.7127%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -85%;
}
.ccon1_bot_tt {
  font-size: 1.5vw;
  top: 40%;
}
.ccon2 {
  background-image: url(/images/ccon2_bg.jpg);
  padding-top: 7vw;
}
.ccon2_top {
  margin-bottom: 3vw;
}
.ccon2_top_tt01 {
  font-size: 2.1vw;
  overflow: hidden;
}
.ccon2_top_tt02 {
  font-size: 2.8vw;
  overflow: hidden;
}
.acon06_mid {
  width: 81%;
  background-color: transparent;
  border: 1px solid #e7e7ff;
}
.acon08_bot_top_tt {
  margin-bottom: 2vw;
}
.ccon3 {
  padding-top: 7vw;
  padding-bottom: 7vw;
}
.ccon3_01 {
    width: 17.4278%;
    display: flex;
    justify-content: center;
    align-items: center;  
  margin-bottom: 3vw;
}
.ccon3_main {
  gap: 1vw;
}
.ccon3_row {
  width: 23%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 0.6vw;
}
.ccon3_row_item {
  border-radius: 1.5vw;
  padding-top: 1vw;
  padding-bottom: 3vw;
}
.ccon3_row_item01 {
  background-color: #3236CD;
  color: white;
}
.ccon3_row_item02 {
  background-color: #E7E7FF;
}
.ccon3_row_item03 {
  background-color: #060612;
  color: white;
}
.ccon3_row_img {
    width: 89.2694%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  border-radius: 1.5vw;
  margin-bottom: 2vw;
  position: relative;
}
.ccon3_row_tt01 {
  font-size: 1.3vw;
  font-weight: 800;
  line-height: 1.4;
  margin-bottom: 1.5vw;
  position: relative;
}
.ccon3_row_tt02 {
    width: 72%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  font-size: 0.9vw;
  white-space: nowrap;
  font-weight: 400;
  line-height: 1.7;
}
.ccon3_row_item03_absol {
    width: 137.9%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -13%;
}
.ccon3_06 {
    width: 39.8425%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -0.5%;
    top: 25%;
}
.ccon3_07 {
    width: 59.2651%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -8.6%;
    bottom: 17%;
}
.ccon3_05 {
  width: 26.3517%;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 10%;
  top: 22%;
  filter: brightness(0) saturate(100%) invert(93%) sepia(4%) saturate(590%) hue-rotate(202deg) brightness(97%) contrast(114%);
}
.ccon4 {
  padding-bottom: 3vw;
}
.ccon4_top {
  height: 17vw;
  background-color: #060612;
  gap: 33vw;
}
.ccon4_top_left {
  width: 20%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  gap: 2vw;
  margin-top: -2vw;
}
.ccon4_03 {
    width: 25.4593%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.ccon4_top_left_tt {
  font-size: 2.6vw;
  overflow: hidden;
}
.ccon4_01 {
    width: 14.1207%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon4_02 {
    width: 224.535%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: -36%;
}
div.ccon4_sd {
    width: 116.85%;
    display: flex;
    justify-content: center;
    align-items: center;  
  padding: 1.5vw 0;
}
.ccon4_main {
  width: 88%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #F4F4FE;
  padding-top: 2vw;
  border: 1px solid #e7e7ff;
  border-radius: 2vw;
    padding-bottom: 4vw;
}
.ccon4_qna_wrap {
  width: 88%;
    display: flex;
    justify-content: center;
    align-items: center;    
    flex-direction: column;
    gap: 0.5vw;
}
.ccon4_qna {
  width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;    
    flex-direction: column;
    padding: 3vw 6vw;
    background-color: #fff;
    border-radius: 1vw;
    border: 1px solid #e7e7ff;
    box-sizing: border-box;
    gap: 2vw;

}
.ccon4_qna_top {
  font-size: 1.3vw;
  border-bottom: 2px solid #000;
}
.ccon4_qna_btn {
    width: 5.48926%;
    display: flex;
    justify-content: center;
    align-items: center;  
  margin-top: 2vw;
  cursor: pointer;
}

@media screen and (max-width:599px) {
  .ccon1 {
    padding-top: 15vw;
}
.ccon1_top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3vw;
    flex-direction: column-reverse;
    gap: 5vw;
}
.ccon1_top_row02 {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ccon1_02 {
    width: 26.5976%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0%;
    top: -10%;
    display: none;
}
.ccon1_03 {
    width: 38.342%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -21%;
    top: 21%;
    display: none;
}
.ccon1_01 {
    width: 26.4%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 0;
    margin-bottom: 3vw;
}
.ccon1_top_row02_tt {
    font-size: 7.7vw;
    margin-bottom: 5vw;
    text-align: center;
}
.thin {
    font-weight: 200;
}
.ccon1_top_row02_bot {
    width: 69%;
    height: 11vw;
    border: 1px solid #e7e7ff;
    border-radius: 50vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9vw;
    cursor: pointer;
}
.ccon1_top_row01 {
    width: 88.3%;
    height: 65vw;
    border: 1px solid #e7e7ff;
    display: flex;
    justify-content: flex-start;
    align-content: center;
    flex-direction: column;
    border-radius: 3.5vw;
    overflow: hidden;
}
.ccon1_top_row01_video {
    height: 49.5vw;
    border-radius: 3.5vw;
    overflow: hidden;
}
.ccon1_top_row01_tt {
    margin-top: 4vw;
    font-weight: 500;
    text-align: center;
}
.ccon1_mid {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.5vw;
    gap: 2vw;
}
.ccon1_mid_item {
    width: 45.2292vw;
    height: 42.9584vw;
    border-radius: 3.5vw;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.ccon1_mid_item_tt01 {
    color: #4448f6;
    font-weight: 700;
    font-size: 4.3vw;
    margin-bottom: 4vw;
    transition: color 0.3s;
}
.ccon1_mid_item_tt_wrap {
    margin-left: 2.8vw;
    margin-top: 13vw;
}
.ccon1_bot {
    width: 93%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #060612;
    border-radius: 3.5vw 3.5vw 0 0;
    overflow: hidden;
}
.ccon1_09a {
    width: 83.8812%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon1_09 {
    width: 59.9972%;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0%;
}
.ccon1_09b {
    width: 74.7127%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -85%;
}
.ccon1_bot_tt {
    font-size: 4.5vw;
    top: 35%;
    line-height: 1.5;
}
.acon06_mid {
    width: 89%;
    background-color: transparent;
    border: 1px solid #e7e7ff;
}
.ccon2 {
    background-image: url(/images/ccon2_bg.jpg);
    padding-top: 15vw;
}
.ccon2_top_tt01 {
    font-size: 4.6vw;
    margin-bottom: 1vw;
}
.ccon2_top_tt02 {
    font-size: 7.7vw;
    text-align: center;
}
.ccon2_top {
    margin-bottom: 6vw;
}
.ccon3 {
    padding-top: 15vw;
    padding-bottom: 15vw;
}
.ccon3_01 {
    width: 52.4278%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 16vw;
}
div.ccon3_row_item {
  width: 90%;
}
.ccon3_row_item {
    border-radius: 4.5vw;
    padding-top: 4vw;
    padding-bottom: 6vw;
}

.ccon3_row_img {
    width: 89.2694%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 4.5vw;
    margin-bottom: 4vw;
    position: relative;
}
.ccon3_row_tt01 {
    font-size: 4.3vw;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 3.5vw;
    position: relative;
}
.ccon3_row_tt02 {
    width: 72%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    font-size: 3.3vw;
    white-space: nowrap;
    font-weight: 400;
    line-height: 1.7;
}
.ccon3_arr {
  width: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 52%;
}
.ccon3_arr_prev {
  left: 2%;
}
.ccon3_arr_next {
  right: 2%;
}
.ccon3_06 {
    width: 39.8425%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: -0.5%;
    top: 19%;
}
.ccon3_05 {
    width: 26.3517%;
    right: -6%;
    top: -1%;
}
.ccon3_07 {
    width: 59.2651%;
    display: flex;
    justify-content: center;
    align-items: center;
    right: -8.6%;
    bottom: 5%;
}
div.ccon4_top {
    height: auto;
    background-color: #060612;
    gap: 5vw;
    flex-direction: column;
    padding-top: 12vw;
    padding-bottom: 9vw;
    overflow: hidden;
}
.ccon4_top_left {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 2vw;
    margin-top: 0vw;
}
.ccon4_03 {
    width: 22.4593%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ccon4_top_left_tt {
    font-size: 7.7vw;
    white-space: nowrap;
}
.ccon4_01 {
    width: 47.1207%;
    display: flex;
    justify-content: center;
    align-items: center;
}
div.ccon4_sd.image_sd_wrap {
    width: 400%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5vw 0;
}
.ccon4_main {
    width: 93%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #F4F4FE;
    padding-top: 3vw;
    border: 1px solid #e7e7ff;
    border-radius: 4vw;
    padding-bottom: 5vw;
}
.ccon4_qna_top {
    font-size: 4vw;
    border-bottom: 1px solid #000;
}
.ccon4_qna {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    padding: 6vw 6vw;
    background-color: #fff;
    border-radius: 1vw;
    border: 1px solid #e7e7ff;
    box-sizing: border-box;
    gap: 4vw;
}
.ccon4_qna_wrap {
    width: 93%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.5vw;
}
.ccon4_qna_btn {
    width: 23.48926%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4vw;
    cursor: pointer;
}






}