@charset "utf-8";

.sub02-pg01 .cont-bg{background-color: #D45A26 }
.sub02-pg02 .cont-bg{background-color: #1152A4 }
.sub02-pg03 .cont-bg{background-color: #353452}
.sub02-pg04 .cont-bg{background-color: #501011}
.sub02-pg05 .cont-bg{background-color: #271650}

.sub02 .cont1 .sub-cmn-titBx .txt{font-size: var(--fontSize-22);line-height: 44px;}

.cardType-list{gap: 1px}
.cardType-list > li{padding: 5.8rem 2rem 6.8rem; background: rgba(239, 239, 239, 0.85);border-radius: 49px;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;transition: .4s;}
.cardType-list strong,
.cardType-list .txt{color: var(--color-txt);text-align: center;}
.cardType-list strong{display: block;font-size: var(--fontSize-26);line-height: 31px;margin-top: 3.6rem;}
.cardType-list .txt{margin-top: 4.1rem;}
.sub02-pg01 .cardType-list > li.active{background: linear-gradient(17deg, #F0B22B 21.05%, #FF5E24 94.91%);}
.sub02-pg02 .cardType-list > li.active{background: linear-gradient(17deg, #1A90F2 27.65%, #18E66E 94.91%);}
.sub02-pg03 .cardType-list > li.active{background: linear-gradient(17deg, #1652D3 27.65%, #FF2424 94.91%);}
.sub02-pg04 .cardType-list > li.active{background: linear-gradient(17deg, #B31650 27.65%, #E8B716 94.91%);}
.sub02-pg05 .cardType-list > li.active{background: linear-gradient(17deg, #1C6AD0 27.65%, #A513BC 94.91%);}
.cardType-list > li.active strong,
.cardType-list > li.active .txt{color: #fff;}


.bs-info-list{display: grid;grid-gap: 12rem}
.bs-info-list .mo-img{display: none;}

.sub02 .tb-wr{margin-top: 6.3rem;}

.circle-list{justify-content: space-between;}
.circle-list > li{position: relative; width: 32.1rem;height: 32.1rem;border-radius: 100%;mix-blend-mode: multiply;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 1rem}
.circle-list > li:nth-child(1){border: 4px solid #FFF;box-shadow: 11px 11px 10px 0 rgba(138, 99, 155, 0.30);z-index: 5;mix-blend-mode: inherit;}
.circle-list > li:nth-child(2){z-index: 4;}
.circle-list > li:nth-child(3){z-index: 3;}
.circle-list > li:nth-child(4){z-index: 2;}
.circle-list > li:nth-child(5){z-index: 1;}

.sub02-pg01 .circle-list > li:nth-child(1){background: #ED6031;}
.sub02-pg01 .circle-list > li:nth-child(2){background: linear-gradient(355deg, #F0B22B -191.75%, #FF5E24 98.12%);}
.sub02-pg01 .circle-list > li:nth-child(3){background: linear-gradient(177deg, #F0B22B -46.37%, #FF5E24 146.81%);}
.sub02-pg01 .circle-list > li:nth-child(4){background: linear-gradient(355deg, #F0B22B 28.56%, #FF5E24 204.64%);}
.sub02-pg01 .circle-list > li:nth-child(5){background: #F0B22B;}

.sub02-pg02 .circle-list > li:nth-child(1){background: #18E66E}
.sub02-pg02 .circle-list > li:nth-child(2){background: linear-gradient(355deg, #1A90F1 -191.75%, #26EC83 98.12%);}
.sub02-pg02 .circle-list > li:nth-child(3){background: linear-gradient(177deg, #1A90F1 -47.29%, #18E66E 145.9%);}
.sub02-pg02 .circle-list > li:nth-child(4){background: linear-gradient(355deg, #1A90F1 27.73%, #18E66E 203.81%);}
.sub02-pg02 .circle-list > li:nth-child(5){background: #1990F1 }

.sub02-pg03 .circle-list > li:nth-child(1){background: #EE2730}
.sub02-pg03 .circle-list > li:nth-child(2){background: linear-gradient(355deg, #1652D3 -191.75%, #F82529 98.12%);}
.sub02-pg03 .circle-list > li:nth-child(3){background: linear-gradient(177deg, #1752D3 -46.37%, #F4262C 146.81%);}
.sub02-pg03 .circle-list > li:nth-child(4){background: linear-gradient(355deg, #1652D3 28.56%, #F3262D 204.64%);}
.sub02-pg03 .circle-list > li:nth-child(5){background: #1652D3}

.sub02-pg04 .circle-list > li:nth-child(1){background: #E5B019}
.sub02-pg04 .circle-list > li:nth-child(2){background: linear-gradient(355deg, #B31650 -191.75%, #E5B018 98.12%);}
.sub02-pg04 .circle-list > li:nth-child(3){background: linear-gradient(177deg, #B31650 -47.29%, #E6B217 145.9%);}
.sub02-pg04 .circle-list > li:nth-child(4){background: linear-gradient(355deg, #B31650 27.73%, #E5B019 203.81%);}
.sub02-pg04 .circle-list > li:nth-child(5){background: #B31650}

.sub02-pg05 .circle-list > li:nth-child(1){background: #9B18BC}
.sub02-pg05 .circle-list > li:nth-child(2){background: linear-gradient(355deg, #1C6AD0 -191.75%, #981CBE 98.12%);}
.sub02-pg05 .circle-list > li:nth-child(3){background: linear-gradient(177deg, #1C6AD0 -46.37%, #9A1ABE 146.81%);}
.sub02-pg05 .circle-list > li:nth-child(4){background: linear-gradient(355deg, #1C6AD0 28.56%, #A315BC 204.64%);}
.sub02-pg05 .circle-list > li:nth-child(5){background: #1C6AD0}

.circle-list strong{display: block;font-size: var(--fontSize-27);color: #fff;text-align: center;line-height: 36px;}
.circle-list > li:nth-child(2),
.circle-list > li:nth-child(3),
.circle-list > li:nth-child(4){margin: 0 -6rem}
.circle-list > li:nth-child(1){margin-right: -6rem;}
.circle-list > li:nth-child(5){margin-left: -6rem;}


.imgGrid-list{grid-gap: 2.9rem}
.imgGrid-list .box-img{border-radius: vaR(--radius-10);overflow: hidden;}
.imgGrid-list .i-bx{margin-top: 4rem;padding-left: 3rem;display: grid;grid-gap: 1.5rem}
.imgGrid-list .i-bx > li{display: flex;align-items: flex-start;gap: 2rem}
.imgGrid-list .i-bx .name,
.imgGrid-list .i-bx p{font-size: var(--fontSize-20);line-height: 26px;}
.imgGrid-list .i-bx .name{min-width: 7.5rem;display: flex;align-items: center;justify-content: space-between;font-weight: 700}


.contact-wr{width: 100%;border-radius: var(--radius-20);overflow: hidden;background: url(/theme/basic/img/sub/sub02/sub02_contact_bg.jpg?v=1) no-repeat center / cover;margin-top: 16.6rem;}
.contact-wr> a{justify-content: space-between;align-items: flex-end;padding: 13.7rem 7rem 4.3rem}
.contact-wr .i-bx strong,
.contact-wr .i-bx p{color: #fff;}
.contact-wr .i-bx strong{display: block;font-size: 6.5rem;font-family: "Outfit", sans-serif;text-transform: uppercase;line-height: 78px;letter-spacing: -1.3px;}
.contact-wr .i-bx p{font-size: var(--fontSize-20);line-height: 30px;margin-top: 3.4rem;}
.contact-wr .icon{padding-bottom: .8rem;}
.contact-wr:hover .icon{animation: leftRight 1.6s ease-in-out infinite;}
@keyframes leftRight {
  0%, 100% {
    transform: translateX(15px);
  }
  50% {
    transform: translateX(0);
  }
}


.sub02-pg01 .mo-table{display: none;}
.sub02-pg01 .mo-table tbody tr td{padding: 1.2rem 1rem;}
.sub02-pg01 .mo-table .tb-list-wr{align-items: flex-start;}


@media all and (max-width:1400px) {
  .sub02 .cont1 .sub-cmn-titBx .txt{font-size: var(--fontSize-20);}
  .sub02 .cont1 .sub-cmn-titBx .txt br.br_pc{display: none;}

  .cardType-list .icon{width: 10rem;}
  .cardType-list > li{padding: 4rem 2rem}
  .cardType-list strong{font-size: var(--fontSize-23);margin-top: 2rem;}
  .cardType-list .txt{margin-top: 2rem;}

  .circle-list > li{width: 20rem;height: 20rem;}
  .circle-list .icon{width: 6.5rem;}
  .circle-list strong{font-size: var(--fontSize-18);line-height: 28px;}
  .circle-list > li:nth-child(2), .circle-list > li:nth-child(3), .circle-list > li:nth-child(4){margin: 0 -2rem}
  .circle-list > li:nth-child(1){margin-right: -2rem;}
  .circle-list > li:nth-child(5){margin-left: -2rem;}

  .contact-wr> a{padding: 12rem 4rem 4rem}
}
@media all and (max-width:960px) {

  .cardType-list{grid-template-columns: repeat(3,1fr);}

  .circle-list > li{width: 16rem;height: 16rem;}
  .circle-list strong{font-size: var(--fontSize-14);line-height: 20px;}

  .imgGrid-list{grid-gap: 2rem}
  .imgGrid-list .i-bx .name, .imgGrid-list .i-bx p{font-size: var(--fontSize-18);}

  .contact-wr .i-bx strong{font-size: 6rem;}
  .contact-wr .icon{width: 9rem;}

}
@media all and (max-width:768px) {
  .bs-info-list{grid-gap: 6rem;}
  .sub02 .cont1 .sub-cmn-titBx .txt{font-size: var(--fontSize-16);line-height: 28px;}
  .cardType-list{grid-template-columns: repeat(2,1fr);grid-gap: 2rem}
  .cardType-list > li{padding: 3rem 2rem}
  .cardType-list .icon{width: 8rem;}
  .cardType-list strong{font-size: var(--fontSize-18);line-height: 26px;}
  .cardType-list .txt{margin-top: 1.5rem;line-height: 26px;}
  .cardType-list .txt br.br_pc{display: none}
  .cardType-list .txt br.br_mo{display: inline-block;}

  /* .circle-list{display: grid;grid-template-columns: repeat(2,1fr);}
  .circle-list > li{width: 25rem;height: 25rem;}
  .circle-list .icon{width: 7rem;}
  .circle-list strong{font-size: var(--fontSize-18);line-height: 28px;}
  .circle-list > li:nth-child(1){margin-right: -6rem;}
  .circle-list > li:nth-child(2){margin-left: -6rem;}
  .circle-list > li:nth-child(3){margin-right: -6rem;margin-top: -3rem;}
  .circle-list > li:nth-child(4){margin-left: -6rem;margin-top: -3rem;} */

  .cmn-tb thead tr th, .cmn-tb tbody tr td, .tb-list > li{font-size: var(--fontSize-16);line-height: 23px;}
  .cmn-tb thead tr th,
  .cmn-tb tbody tr td{padding: 1rem;}

  .imgGrid-list{grid-template-columns: 1fr;grid-gap: 4rem}
  .imgGrid-list .i-bx{padding-left: 0;margin-top: 2rem;grid-gap: 1rem}
  .imgGrid-list .i-bx .name, .imgGrid-list .i-bx p{font-size: var(--fontSize-16);line-height: 24px;}
  .imgGrid-list .i-bx .name{min-width: 6rem;}

  .circle-list{flex-direction: column;justify-content: center;}
  .circle-list > li{width: 23rem;height: 23rem;}
  .circle-list > li:nth-child(1){margin-right: 0;margin-bottom: -1rem;}
  .circle-list > li:nth-child(2),
  .circle-list > li:nth-child(3),
  .circle-list > li:nth-child(4){margin: -1.5rem 0}
  .circle-list > li:nth-child(1){margin-right: 0;}
  .circle-list > li:nth-child(5){margin-left: 0;margin-top: -1.5rem;}
  .circle-list .icon{width: 5.8rem;}
  .circle-list strong{font-size: var(--fontSize-18);line-height: 26px;}

  .bs-info-list .pc-img{display: none;}
  .bs-info-list .mo-img{display: block;margin: 0 auto;width: calc(100% - 8rem)}


  .contact-wr{margin-top: 10rem;}
  .contact-wr> a{padding: 8rem 4rem 4rem}
  .contact-wr .i-bx strong{font-size: var(--fontSize-35);line-height: 45px;}
  .contact-wr .i-bx p{margin-top: 2rem;}
  .contact-wr .icon{width: 7rem;}

  .sub02-pg01 .pc-table{display: none;}
  .sub02-pg01 .mo-table{display: block;border-top: 2px solid #666B71;width: 100%;}
}

@media all and (max-width:640px) {
  .cardType-list{grid-template-columns: 1fr;grid-gap: 1.5rem}
  .cardType-list .icon{width: 6.5rem;}

  .contact-wr{margin-top: 8rem;}
  .contact-wr> a{padding: 5rem 2rem 3rem;flex-direction: column;align-items: flex-start;}
  .contact-wr .i-bx strong{font-size: var(--fontSize-25);line-height: 30px;}
  .contact-wr .i-bx p{font-size: var(--fontSize-16);line-height: 24px;}
  .contact-wr .icon{width: 5rem;padding-bottom: 0;margin-top: .5rem;}
}


@media all and (max-width:480px) {
  .sub02-pg03 .link-wr ul.select_bx > li.li-01,
  .sub02-pg05 .link-wr ul.select_bx > li.li-01{width: 17%;}
  .sub02-pg03 .link-wr ul.select_bx > li.li-02,
  .sub02-pg05 .link-wr ul.select_bx > li.li-02{width: 83%;}
  .sub02-pg03 .link-wr .label span,
  .sub02-pg05 .link-wr .label span{white-space: nowrap;}
}

@media all and (max-width:350px) {
  .sub02-pg05 .cont3 .sub-cmn-titBx .tit br{display: none}
}