/* sub_top */
.sub_visual { position: relative; height: 400px; overflow: hidden; }
.sub_visual .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: center; }
.sub_visual .bg { animation: suv_bg forwards linear 5s; }
@keyframes suv_bg {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.sub_visual.sub1 .bg { background: url(/image/sub/subcommon/subtop_bg1.jpg) no-repeat center/cover; }
.sub_visual.sub2 .bg { background: url(/image/sub/subcommon/subtop_bg2.jpg) no-repeat center/cover; }
.sub_visual.sub3 .bg { background: url(/image/sub/subcommon/subtop_bg3.jpg) no-repeat center/cover; }
.sub_visual.sub4 .bg { background: url(/image/sub/subcommon/subtop_bg4.jpg) no-repeat center/cover; }
.sub_visual.sub5 .bg { background: url(/image/sub/subcommon/subtop_bg5.jpg) no-repeat center/cover; }
.sub_visual.sub6 .bg { background: url(/image/sub/subcommon/subtop_bg6.jpg) no-repeat center/cover; }
.sub_visual.sub_member .bg { background: url(/image/sub/subcommon/subtop_bg6.jpg) no-repeat center/cover; }

.sub_visual .frame { display: none; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); }
.sub_visual .txtbox { z-index: 3; position: relative; top: 100px; height: calc(100% - 100px); padding: 0 20px; }
.sub_visual .txtbox .texts { position: relative; top: 50%; transform: translateY(-50%); text-align: center; }
.sub_visual .txtbox .text1 { font-family: 'hufsfontl'; font-weight: 600; font-size: 40px; color: #fff; letter-spacing: -0.05em; }

@media (max-width: 1535px) {
    .sub_visual { height: 350px; }
    .sub_visual .txtbox { top: 90px; height: calc(100% - 90px); }
}
@media (max-width: 1279px) {
    .sub_visual { height: 310px; }
    .sub_visual .txtbox { top: 80px; height: calc(100% - 80px); }
}
@media (max-width: 1023px) {
    .sub_visual { height: 280px; }
    .sub_visual .txtbox { top: 70px; height: calc(100% - 70px); }
    .sub_visual.sub1 .bg { background-position-x: 90%; }
    .sub_visual.sub2 .bg { background-position-x: 70%; }
    .sub_visual.sub3 .bg { background-position-x: 30%; }
    .sub_visual.sub4 .bg { background-position-x: 70%; }
    .sub_visual.sub5 .bg { background-position-x: 60%; }
    .sub_visual.sub6 .bg { background-position-x: 80%; }
    .sub_visual.sub_member .bg { background-position-x: 80%; }
}
@media (max-width: 767px) {
    .sub_visual { height: 240px; }
}

/* sub_common */
.sub_sect { position: relative; padding: 70px 0; overflow: hidden; }
.sub_sect .sub_tit { padding-bottom: 55px; text-align: center; font-family: 'hufsfontl'; font-weight: 600; font-size: 36px; color: #000; }
.sub_sect .sub_tit2 { padding-bottom: 45px; text-align: center; font-weight: 500; font-size: 20px; color: #00437f; line-height: 1.35; }

/* sub1_1 */
.sub1_1 .contents1 { position: relative; }
.sub1_1 .contents1 img { width: 100%; }
.sub1_1 .contents1 .textbox { z-index: 1; position: absolute; bottom: -50px; right: 0; padding: 60px; background-color: #13418c; font-family: 'hufsfontl'; font-size: 20px; color: #fff; letter-spacing: -0.03em; line-height: 2; }
.sub1_1 .contents2 { padding-top: 60px; margin-top: 75px; font-size: 20px; color: #5f5f5f; line-height: 1.6; letter-spacing: -0.02em; }
@media (max-width: 1535px) {
    .sub1_1 .contents1 .textbox { bottom: -50px; }
    .sub1_1 .contents2 { padding-top: 50px; }
}
@media (max-width: 1279px) {
    .sub1_1 .contents1 .textbox { bottom: -40px; }
    .sub1_1 .contents2 { padding-top: 40px; }
}
@media (max-width: 1023px) {
    .sub1_1 .contents1 .textbox { bottom: -30px; }
    .sub1_1 .contents2 { padding-top: 30px; }
}
@media (max-width: 767px) {
    .sub1_1 .contents1 .textbox { position: relative; bottom: initial; }
    .sub1_1 .contents1 .textbox br { display: none; }
    .sub1_1 .contents2 { padding-top: initial; }
}

/* sub1_2 */
.sub1_2 .cont { margin-top: 12px; padding: 30px; display: flex; flex-wrap: nowrap; align-items: center; background-color: #f5f7fa; border-radius: 10px; }
.sub1_2 .cont.no_top { margin-top: initial; }
.sub1_2 .cont .left { position: relative; padding-right: 25px; width: 240px; min-width: 240px; font-family: 'hufsfontl'; font-size: 24px; color: #053585; letter-spacing: -0.025em; }
.sub1_2 .cont .left b { font-weight: 600; font-size: inherit !important; }
.sub1_2 .cont .right { position: relative; padding-left: 25px; width: 100%; font-family: 'hufsfontl'; font-size: 18px; color: #6d6d6d; line-height: 1.7; }
.sub1_2 .cont .right::after { display: block; content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 70%; background-color: #d0dce8; }
.sub1_2 .cont .right * { font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.sub1_2 .cont .right dl { display: flex; flex-wrap: nowrap; align-items: center; }
@media (max-width: 1535px) {
    .sub1_2 .cont { padding: 25px; border-radius: 9px; }
    .sub1_2 .cont .left { width: 220px; min-width: 220px; }
}
@media (max-width: 1279px) {
    .sub1_2 .cont { padding: 20px; border-radius: 8px; }
    .sub1_2 .cont .left { width: 200px; min-width: 200px; }
}
@media (max-width: 1023px) {
    .sub1_2 .cont { padding: 15px; display: block; border-radius: 7px; }
    .sub1_2 .cont .left { padding-right: initial; width: 100%; min-width: initial; }
    .sub1_2 .cont .right { padding-left: initial; width: 100%; padding-top: 10px; margin-top: 10px; }
    .sub1_2 .cont .right::after { top: 0; transform: translateY(0); width: 100%; height: 1px; }
}

/* sub1_3 */
.sub1_3 .contents1 { text-align: center; }
.sub1_3 .contents1 img { width: 700px; }
.sub1_3 .contents2 { margin-top: 65px; font-family: 'hufsfontl'; font-size: 20px; color: #313131; line-height: 1.4; }
.sub1_3 .contents2 * { font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.sub1_3 .contents2 dl { display: flex; flex-wrap: nowrap; align-items: center; }
.sub1_3 .contents2 dl:nth-of-type(n + 2) { margin-top: 10px; }
.sub1_3 .contents2 dl dt { min-width: max-content; margin-right: 10px; }
.sub1_3 .contents2 dl dt img { width: 22px; }
@media (max-width: 1535px) {
    .sub1_3 .contents1 img { width: calc(450px + 16vw); }
    .sub1_3 .contents2 dl dt img { width: 21px; }
}
@media (max-width: 1279px) {
    .sub1_3 .contents2 dl dt img { width: 19px; }
}
@media (max-width: 1023px) {
    .sub1_3 .contents2 dl dt img { width: 19px; }
}

/* sub5_1 */
.sub5_1 .contents1 { font-family: 'hufsfontl'; font-size: 20px; color: #313131; line-height: 1.5; }
.sub5_1 .contents2 { margin-top: 70px; background-color: #f3f5f9; }
.sub5_1 .contents2 ul { display: flex; flex-wrap: nowrap; }
.sub5_1 .contents2 ul > li { width: 50%; }
.sub5_1 .contents2 ul > li img { width: 100%; }
.sub5_1 .contents2 ul > li .textbox { position: relative; top: 50%; transform: translateY(-50%); padding: 0 30px; font-family: 'hufsfontl'; font-size: 20px; color: #313131; line-height: 1.5; }
.sub5_1 .contents2 ul > li .textbox * { font-family: inherit; font-size: inherit; color: inherit; line-height: inherit; }
.sub5_1 .contents2 ul > li .textbox dl { display: flex; flex-wrap: nowrap; align-items: baseline; }
.sub5_1 .contents2 ul > li .textbox dl:nth-of-type(n + 2) { margin-top: 15px; }
.sub5_1 .contents2 ul > li .textbox dl dt { min-width: max-content; color: #053787; }
.sub5_1 .contents2 ul > li .textbox dl dt img { display: inline-block; margin-right: 10px; width: 44px; }
.sub5_1 .contents2 ul > li .textbox dl dd, .sub5_1 .contents2 ul > li .textbox dl dd * { word-break: break-all; } 
@media (max-width: 1535px) {
    .sub5_1 .contents2 ul > li .textbox { padding: 0 25px; }
    .sub5_1 .contents2 ul > li .textbox dl:nth-of-type(n + 2) { margin-top: 14px; }
    .sub5_1 .contents2 ul > li .textbox dl dt img { margin-right: 8px; width: 40px; }
}
@media (max-width: 1279px) {
    .sub5_1 .contents2 ul > li .textbox { padding: 0 20px; }
    .sub5_1 .contents2 ul > li .textbox dl:nth-of-type(n + 2) { margin-top: 12px; }
    .sub5_1 .contents2 ul > li .textbox dl dt img { margin-right: 6px; width: 30px; }
}
@media (max-width: 1279px) {
    .sub5_1 .contents2 ul > li .textbox { padding: 0 20px; }
    .sub5_1 .contents2 ul > li .textbox dl:nth-of-type(n + 2) { margin-top: 12px; }
    .sub5_1 .contents2 ul > li .textbox dl dt img { margin-right: 6px; width: 30px; }
}
@media (max-width: 1023px) {
    .sub5_1 .contents2 ul { display: block; padding: 20px; }
    .sub5_1 .contents2 ul > li { width: 100%; text-align: center; }
    .sub5_1 .contents2 ul > li img { width: 100%; max-width: 200px; }
    .sub5_1 .contents2 ul > li .textbox { top: initial; transform: translateY(0); padding: 0; text-align: left; margin-top: 20px; }
}

/* sub5_2 */
.sub5_2 .contents1 { position: relative; padding: 200px 0; overflow: hidden; background: url(/image/sub/sub5/sub5_2_img1.jpg) no-repeat center/cover; }
.sub5_2 .contents1 .textbox { padding: 70px 50px; font-family: 'hufsfontl'; font-size: 20px; color: #fff; line-height: 1.5; background-color: rgba(0, 0, 0, 0.6); }

/* sub6_1 */
.sub6_1 .contents1 .frame { display: none; }
.sub6_1 .contents1 .img1 { width: 100%; }
.sub6_1 .contents1 .textbox { z-index: 1; position: absolute; top: 60px; left: 60px; font-family: 'hufsfontl'; font-size: 20px; color: #5f5f5f; line-height: 1.5; }
.sub6_1 .cont1 { margin-top: 40px; padding: 45px 40px; background-color: #f2f3f7; border-radius: 5px; }
.sub6_1 .cont1 strong { display: block; margin-bottom: 20px; font-family: 'hufsfontl'; font-weight: 600; font-size: 30px; color: #053787; line-height: 1.35; }
.sub6_1 .cont1 .text1 { margin-bottom: 20px; font-family: 'hufsfontl'; font-weight: 600; font-size: 20px; color: #000; } 
.sub6_1 .cont1 .text2 { font-family: 'hufsfontl'; font-weight: 500; font-size: 18px; color: #5f5f5f; line-height: 1.65; } 
.sub6_1 .cont1 .text2 * { font-family: inherit; font-weight: inherit; font-size: inherit; color: inherit; line-height: inherit; } 
.sub6_1 .cont1 .text2 dl { display: flex; flex-wrap: nowrap; }
.sub6_1 .cont1 .text2 dl dt { min-width: max-content; margin-right: 6px; }
.sub6_1 .cont1 .text2 dl dt img { width: 7px; }
.sub6_1 .cont1 .text2 dl b { color: #053787; }
.sub6_1 .cont1 .text2 dl .morebtn { display: inline-block; margin-left: 15px; }
.sub6_1 .cont1 .text2 dl a { display: inline-block; padding: 5px 14px; text-align: center; font-family: 'hufsfontl'; font-size: 16px; color: #053787; line-height: 1.65; border: 1px solid #053787; border-radius: 5px; transition: background-color 0.3s; }
.sub6_1 .cont1 .text2 dl a:hover { background-color: rgba(5, 53, 133, 0.2); }
.sub6_1 .text3 { margin-top: 20px; font-family: 'hufsfontl'; font-size: 18px; color: #363636; line-height: 1.5; }
.sub6_1 .text3 b { color: #053585; font-size: inherit; }
.sub6_1 .gobtn { margin-top: 50px; display: flex; flex-wrap: nowrap; justify-content: center; }
.sub6_1 .gobtn a { display: inline-block; width: 370px; margin: 0 7px; padding: 12px; text-align: center; font-family: 'hufsfontl'; font-size: 18px; color: #fff; line-height: 1.35; background-color: #053585; border-radius: 5px; }
@media (max-width: 1535px) {
    .sub6_1 .contents1 .textbox { top: 50px; left: 50px; }
    .sub6_1 .cont1 { margin-top: 35px; padding: 40px 35px; }
    .sub6_1 .cont1 strong { margin-bottom: 17px; }
    .sub6_1 .cont1 .text1 { margin-bottom: 17px; }
    .sub6_1 .cont1 .text2 dl dt img { width: 6px; }
    .sub6_1 .gobtn a { width: 340px; padding: 11px; }
}
@media (max-width: 1279px) {
    .sub6_1 .contents1 .textbox { top: 40px; left: 40px; }
    .sub6_1 .cont1 { margin-top: 35px; padding: 30px 25px; }
    .sub6_1 .cont1 strong { margin-bottom: 15px; }
    .sub6_1 .cont1 .text1 { margin-bottom: 15px; }
    .sub6_1 .cont1 .text2 dl dt { margin-right: 5px; }
    .sub6_1 .cont1 .text2 dl dt img { width: 5px; }
    .sub6_1 .cont1 .text2 dl .morebtn { display: block; margin-left: initial; margin-top: 10px; }
    .sub6_1 .gobtn a { width: 300px; padding: 10px; }
}
@media (max-width: 1023px) {
    .sub6_1 .contents1 .textbox { top: 30px; left: 30px; }
    .sub6_1 .cont1 { margin-top: 35px; padding: 25px 20px; }
    .sub6_1 .cont1 strong { margin-bottom: 13px; }
    .sub6_1 .cont1 .text1 { margin-bottom: 13px; }
}
@media (max-width: 767px) {
    .sub6_1 .contents1 { padding: 20px; background: url(/image/sub/sub6/sub6_1_img1.jpg) no-repeat center/cover; background-position-x: 100%; }
    .sub6_1 .contents1 .frame { display: block; z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); }
    .sub6_1 .contents1 .img1 { display: none; }
    .sub6_1 .contents1 .textbox { z-index: 2; position: relative; top: initial; left: inherit; color: #fff; }
    .sub6_1 .contents1 .textbox .br1 { display: none; }
    .sub6_1 .cont1 strong { margin-bottom: 11px; }
    .sub6_1 .cont1 .text1 { margin-bottom: 11px; }
    .sub6_1 .gobtn { display: block; }
    .sub6_1 .gobtn a { width: 100%; padding: 9px; margin: 0; }
    .sub6_1 .gobtn a:nth-of-type(n + 2) { margin-top: 10px; }
}