.trxBtnLnk{display: block;height: auto;}
.trxBtnLnk > span{width: 48px;height: 48px;}
.trxBtnLnk > span > img{width: 20px;top: 14px;left: 14px;}
/* #trxIdx04Div > div > a{width: 50px;height: 50px;}
#trxIdx04Div > div > a > img{top: 15px;left: 15px;} */
#trxIdx02 .shwMo, #trxIdx02 .shwTab{display: none;}

#trxIdx02{margin-bottom: 140px;}
#trxIdx02 > ul{height: auto;display: flex;flex-wrap: wrap;gap: 20px;width: 100%;}
#trxIdx02 > ul > li{width: calc(25% - 15px);margin: 0;}
#trxIdx02 > ul > li > a{padding: 35px 10px 45px;display: flex;flex-direction: column;align-items: center;height: 100%;}
#trxIdx02 > ul > li > a > img{max-width: 173px;width: calc(100% - 60px);}
#trxIdx02 > ul > li > a > strong{margin-bottom: 20px;margin-top: 15px;}
#trxIdx02 > ul > li > a > span{padding-bottom: 0 !important;letter-spacing: -0.06rem;text-align: center;word-break: keep-all;line-height: 1.2em;}
#trxIdx02 > ul > li > a > i{width: calc(100% + 12px);height: calc(100% + 12px);border-radius: 16px; pointer-events: none;}
#trxIdx02 > ul > li > a > i > b{width: 60px;height: 60px;}
#trxIdx02 > ul > li > a > i > b > img{width: 24px;top: 17px;left: 20px;}
.trxIdx01Itm{background-color: #fff194;}

#trxIdx03{height: auto;margin-bottom: 130px;/* overflow: hidden;padding: 0 10px 10px;max-width: 1300px; */}
#trxIdx03 > span {font-weight: bold;color: #666666;font-size: 1.667em;line-height: 0.700em;display: block;margin-bottom: 30px;letter-spacing: -0.06em;}
#trxIdx03 > strong {display: block;font-weight: 500;color: #333333;font-size: 5.000em;line-height: 0.917em;margin-bottom: 33px;letter-spacing: -0.06em;}
#trxIdx03 > p {font-size: 1.500em;line-height: 1.556em;color: #666666;font-weight: 400;position: relative;margin-bottom: 53px;}
#trxIdx03 > a{position: absolute;top: 140px;right: 0;}
#trxIdx03 .btnWrp{display: flex;position: absolute;top: 140px;right: 0;}
#trxIdx03 .btnWrp > ul{display: flex;gap: 5px;}
#trxIdx03 .btnWrp > ul > li > a{display: flex;justify-content: center;align-items: center;width: 100%;height: 48px;border: 1px solid #3b77b6;color: #666666;font-size: 1.5em;line-height: 2.5em;letter-spacing: -0.06rem;border-radius: 24px;width: 130px;}
#trxIdx03 .btnWrp > ul > li > a:hover,
#trxIdx03 .btnWrp > ul > li > a:focus{text-decoration: none;}
#trxIdx03 .btnWrp > ul > li.on > a{background-color: #3b77b6;color: #ffffff;}
#trxIdx03 .trxIdx03Div{position: relative;}
/*#trxIdx03 .bx-viewport{padding: 10px;margin: -10px;width: calc(100% + 20px) !important;}*/

.trxIdx03Itm{border: 1px #d9d9d9 solid;border-radius: 8px;}
.trxIdx03Itm > a{position: relative;}
.trxIdx03Itm .imgBox{border-radius: 8px 8px 0 0;overflow: hidden;}
.trxIdx03Itm .imgBox > img{width: 100%;display: block;max-height: 225px;}
.trxIdx03Itm .txtBox{background-color: #ffffff;height: 165px;background-color: #fff;border-radius: 0 0 8px 8px;overflow: hidden;padding: 25px 30px;display: flex;flex-direction: column;justify-content: space-between;border-top: 1px solid #d9d9d9;}
.trxIdx03Itm .txtBox > p{font-weight: 500;font-size: 1.5em;line-height: 1.5em;color: #333333;word-break: keep-all;}
.trxIdx03Itm .txtBox > span{font-size: 1.17em;line-height: 2.08em;color: #666666;}
.trxIdx03Itm .txtBox > span::before{content: '';display: inline-block;width: 14px;height: 14px;background: url(../img/240715/icon_clock.png) no-repeat center;background-size: 100% auto;margin: 0 10px -2px 0;}
.trxIdx03Itm > a:hover,
.trxIdx03Itm > a:focus{text-decoration: none;}
.trxIdx03Itm:hover p,
.trxIdx03Itm:focus p{text-decoration: underline;}
.trxIdx03Itm > a > i {position: absolute;top: -6px;left: -6px;border: 6px #3b77b6 solid;opacity: 0;transition: opacity 0.5s;width: calc(100% + 12px);height: calc(100% + 12px);border-radius: 16px;pointer-events: none;}
.trxIdx03Itm > a > i > b {width: 60px;height: 60px;background-color: #3b77b6;position: absolute;top: 0;right: 0;border-radius: 0 0 0 5px;}
.trxIdx03Itm > a > i > b > img {width: 24px;top: 17px;left: 20px;position: absolute;}
.trxIdx03Itm > a:hover > i {opacity: 1;}
.trxIdx03Ctl {position: absolute;top: 50%;border: 2px #3b77b6 solid;width: 48px;height: 48px;border-radius: 100%;text-indent: -60px;overflow: hidden;background-repeat: no-repeat; background-size: 12px auto;background-position: center center;transform-origin: center;transform: translateY(-50%);}
.trxIdx03Prv {left: -88px;background-image: url(../img/240715/icon_sld_prev.png);}
.trxIdx03Nxt {right: -88px;background-image: url(../img/240715/icon_sld_next.png);}
.trxIdx04Itm > img{height: 370px;}

.trxIdx03Div{display: none;}
.trxIdx03Div.on{display: block;}
#trxIdx03 .swiper{padding: 10px;margin: -10px;width: calc(100% + 20px) !important;}
.trxIdx04Ctl{z-index: 10;}

@media (min-width: 320px) and (max-width: 1600px){
    #trxIdx03{padding: 0 30px 10px;}
    .trxIdx03Prv{left: -63px;}
    .trxIdx03Nxt{right: -63px;}

    #trxIdx03 > span{font-size:1.333em;margin-bottom:15px;}
    #trxIdx03 > strong{font-size:3.500em;margin-bottom:18px;}
    #trxIdx03 > p{font-size:1.333em;}
    #trxIdx03 .btnWrp{top:84px;right:30px;}
    #trxIdx03 .btnWrp > ul > li > a{font-size: 1.333em;}
    #trxIdx03 .trxIdx03Div{width: calc(100% - 126px);margin: 0 auto;}
    .trxIdx03Itm .txtBox{padding: 20px;}
    .trxIdx03Itm .txtBox > p{font-size: 1.25em;line-height: 1.5em;}
    .trxIdx03Itm .txtBox > span{font-size: 1em;line-height: 1.67em;}
    #trxIdx02 > a{top: 84px;}
    #trxIdx02 > ul > li > a > i > b,
    .trxIdx03Itm > a > i > b{width: 50px;height: 50px;}
    #trxIdx02 > ul > li > a > i > b > img,
    .trxIdx03Itm > a > i > b  > img{width: 20px;top: 14px;left: 17px;}

}


@media (min-width: 320px) and (max-width: 1024px){
    .trxBtnLnk > span{width: 40px;height: 40px;margin-left: 10px;}
    .trxBtnLnk > span > img{width: 16px;top: 12px;left: 12px;}
    #trxIdx04Div > div > a{width: 40px;height: 40px;}
    #trxIdx04Div > div > a > img{top: 12px;left: 12px;}
    #trxIdx02 > ul{gap: 10px;}
    #trxIdx02 > ul > li{width: calc(50% - 5px);}
    #trxIdx02 > ul > li > a{padding: 20px 10px 30px;}
    #trxIdx02 > ul > li > a > strong{padding: 0;}
    #trxIdx02 > ul > li > a > img{width: calc(100% - 20px);margin: 0;}
    /*#trxIdx02 > ul{gap: 15px;padding: 0;}
    #trxIdx02 > ul > li{width: calc(25% - 11.5px);}
    #trxIdx02 > ul > li > a > strong{padding: 0;}
    #trxIdx02 > ul > li > a > img{margin: 0;width: calc(100% - 30px);}*/
    .trxIdx01Itm{display: flex;align-items: flex-end;}
    .trxIdx03Itm > a > i{display: none;}

    #trxIdx03 > span{text-align:center;margin-bottom:10px;}
    #trxIdx03 > strong{font-size:3.000em;text-align:center;margin-bottom:20px;}
    #trxIdx03 > p{text-align:center;margin-bottom:100px;}
    #trxIdx03 .btnWrp{top:160px;left: 50%;transform: translateX(-50%);justify-content: center;}
    #trxIdx03 .btnWrp > ul > li > a{height: 40px;width: 100px;}
    .trxBtnLnk{line-height: 36px;}
    .trxIdx03Ctl{width: 40px;height: 40px;border: 1px #3b77b6 solid;background-size: 10px auto;top: auto;bottom: -80px;}
    .trxIdx03Prv{left: calc(50% - 47px);}
    .trxIdx03Nxt{right: calc(50% - 47px);}
    .trxIdx03Itm .txtBox{height: 145px;}
    #trxIdx02 > a{top: 160px;}
    #trxIdx02 > p{margin-bottom: 100px;}
    #trxIdx02 > strong{margin-bottom: 20px;}
    #trxIdx03 .trxIdx03Div{width: 100%;}
    #trxIdx03 .bx-viewport{width: 100% !important;padding: 0;margin: 0;}
    #trxIdx02{margin-bottom: 80px;}
    #trxIdx03{padding: 0 15px;}
    /*.trxIdx03Itm .imgBox > img{max-height: 260px;}*/
    /*.trxIdx03Itm .imgBox > img{height: 54.16vw;max-height: 100vw;}*/

    #trxIdx04Div .swiper{margin-bottom: 55px;}
    .trxIdx04Itm > a{padding: 15px;}
    #trxIdx04DivBrd > div > div > ul{padding: 10px 15px;}
    .trxIdx04Itm > img {height: 54.16vw;max-height: 100vw;}
}



@media (min-width: 320px) and (max-width: 960px){
    #trxIdx02 .shwTab{display: block;}
    #trxIdx02 > ul > li > a{padding: 30px 10px;}
    #trxIdx02 > ul > li > a > span{line-height: 1.5em;}
    #trxIdx02 > ul > li > a > strong{margin: 10px 0 15px;}
    #trxIdx02 > ul > li > a > span{line-height: 1.5em;}
}

@media (min-width: 320px) and (max-width:768px){
    #trxIdx02 .shwMo{display: block;}
    #trxIdx02 span.shwMo{height: 1.5em;}
/*    #trxIdx02 > ul{gap: 10px;}
    #trxIdx02 > ul > li{width: calc(50% - 5px);}
    #trxIdx02 > ul > li > a{padding: 20px 10px 30px;}
    #trxIdx02 > ul > li > a > img{width: calc(100% - 20px);}*/
    /*#trxIdx01{margin-bottom: 60px;}*/


    .trxIdx03Itm .imgBox > img{height: 54.16vw;max-height: 100vw;}
    .trxIdx03Itm .txtBox{height: 110px;padding: 15px;}
    #trxIdx03 .btnWrp > ul > li > a{width: 90px;}
    .trxIdx03Prv{left: calc(50% - 45px);}
    .trxIdx03Nxt{right: calc(50% - 45px);}

}