/* =====================================
TOP
===================================== */
.topBusiness {
    position: relative;
    background: url(/hp_2024/img/pc/topBusiness_bg-2x.png) no-repeat top center / 100%,
    url(/hp_2024/img/pc/topBusiness_bgBottom-2x.png) no-repeat bottom -1px center / 100% #ffffd3;
    padding-top: min(calc(180/ 1600 *100vw), 180px);
}

.topBusiness_box {
    width: min(calc(1280/ 1600 *100vw), 1280px);
    background: url(/hp_2024/img/pc/topBusiness_box_bg.png) no-repeat top center / 100%;
    margin: auto;
}

.topBusiness_box .title02 {
    line-height: 0.85;
}

.topBusiness_box .title02 small{
    line-height: 2.8;
}

.topBusiness_circle {
    position: relative;
    background-color: #fff;
    border: 1px solid #000;
    border-bottom:  3px solid #000;
    border-right:  3px solid #000;
    border-radius: 50%;
    width: min(calc(455/ 1600 *100vw), 455px);
    height: min(calc(455/ 1600 *100vw), 455px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: min(calc(20/ 1600 *100vw), 20px);
}

.topBusiness_circle h4 {
    text-align: center;
    font-size:  min(calc(29/ 1600 *100vw), 29px);
    color: var(--blue);
}

.topBusiness_circle p {
    width: min(calc(344/ 1600 *100vw), 344px);
    font-size:  min(calc(17/ 1600 *100vw), 17px);
    line-height: 1.75;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.topBusiness_circle a.btnIcon {
    display: block;
    font-size:  min(calc(14/ 1600 *100vw), 14px);
}

.topBusiness_circle a.btnIcon::after {
    width:  min(calc(20 / 1600* 100vw), 20px);
    height:  min(calc(18 / 1600* 100vw), 18px);
    right: -2.5em;
}

/* topBusiness_contents01 */
.topBusiness_contents01 {
    position: relative;
    margin-top: min(calc(88 / 1600* 100vw), 88px);
}

.topBusiness_contents01 .title02 {
    width: 7.24em;
    margin-left: auto;
}

.topBusiness_contents01 .topBusiness_circle:nth-of-type(1) {
    margin-top: -10.4%;
}

.topBusiness_contents01 .topBusiness_circle:nth-of-type(2) {
    margin-left: auto;
    margin-top: -28.4%;
}


/* topBusiness_contents02 */
.topBusiness_contents02 {
    position: relative;
    margin-top: min(calc(230 / 1600* 100vw), 230px);
}

.topBusiness_contents02 .topBusiness_circle:nth-of-type(1) {
    margin-left: auto;
    margin-top: -17.6%;
}

.topBusiness_contents02 .topBusiness_circle:nth-of-type(2) {
    margin-top: -22.2%;
}

.topBusiness_contents02 .topBusiness_circle:nth-of-type(3) {
    margin-left: auto;
    margin-top: -7.5%;
    margin-right: min(calc(50 / 1600* 100vw), 50px);
}

/* topBusiness_contents03 */
.topBusiness_contents03 {
    position: relative;
    margin-top: min(calc(107 / 1600* 100vw), 107px);
}

.topBusiness_contents03 .title02 {
    width: 7.24em;
    margin-left: auto;
}

.topBusiness_contents03 .topBusiness_circle:nth-of-type(1) {
    margin-top: -16.8%;
}

.topBusiness_contents03 .topBusiness_circle:nth-of-type(2) {
    margin-left: auto;
    margin-top: -25.2%;
}

/* 繧､繝ｩ繧ｹ繝磯 鄂ｮ */
.topBusiness .clowd01 {
    position: absolute;
    width: min(calc(368 / 1600* 100vw), 368px);
    top: min(calc(138 / 1600* 100vw), 138px);
    left: calc(50% - 41%);
}

.topBusiness .clowd02 {
    position: absolute;
    width: min(calc(111 / 1600* 100vw), 111px);
    top: min(calc(216 / 1600* 100vw), 216px);
    right: calc(50% - 40.5%);
}

.topBusiness_contents01 .topBusiness_circle .illust01 {
    position: absolute;
    width: min(calc(74 / 1600* 100vw), 74px);
    top: -1%;
    left: min(calc(51 / 1600* 100vw), 51px);
}

.topBusiness_contents01 .topBusiness_circle .illust02 {
    position: absolute;
    width: min(calc(58 / 1600* 100vw), 58px);
    top: -7.6%;
    right: min(calc(87 / 1600* 100vw), 87px);
}

.topBusiness_contents01 .topBusiness_circle .illust03,
.topBusiness_contents03 .topBusiness_circle .illust01 {
    position: absolute;
    width: min(calc(74 / 1600* 100vw), 74px);
    top: 0;
    right: min(calc(30 / 1600* 100vw), 30px);
}

.topBusiness_contents01 .illust04 {
    position: absolute;
    width: min(calc(57 / 1600* 100vw), 57px);
    bottom: min(calc(98 / 1600* 100vw), 98px);
    right: min(calc(498 / 1600* 100vw), 498px);
}

.topBusiness_contents02 .topBusiness_circle .illust01 {
    position: absolute;
    width: min(calc(103 / 1600* 100vw), 103px);
    top: -9%;
    left: min(calc(33 / 1600* 100vw), 33px);
}

.topBusiness_contents02 .topBusiness_circle .illust02 {
    position: absolute;
    width: min(calc(78 / 1600* 100vw), 78px);
    top: -7%;
    right: min(calc(87 / 1600* 100vw), 87px);
}

.topBusiness_contents02 .topBusiness_circle .illust03 {
    position: absolute;
    width: min(calc(73 / 1600* 100vw), 73px);
    top: 15.8%;
    left: -6.1%;
}

.topBusiness_contents02 .topBusiness_circle .illust04 {
    position: absolute;
    width: min(calc(98 / 1600* 100vw), 98px);
    bottom: -9.5%;
    right: min(calc(84 / 1600* 100vw), 84px);
}

.topBusiness_contents02 .illust05 {
    position: absolute;
    width: min(calc(46 / 1600* 100vw), 46px);
    bottom: 45.5%;
    left: 45.5%;
}

.topBusiness_contents02 .biking {
    position: absolute;
    top: 37.8%;
    right: -3.2%;
}

.topBusiness_contents02 .biking_boat {
    width: min(calc(316 / 1600* 100vw), 316px);
    top: -21%;
    left: -17%;
}

.topBusiness_contents02 .biking_pole {
    width: min(calc(266 / 1600* 100vw), 266px);
    top: -20%;
    left: min(calc(12 / 1600* 100vw), 12px);
}

.topBusiness_contents02 .trapeze {
    position: absolute;
    bottom: -1.2%;
    left: -1.2%;
}

.topBusiness_contents02 .swing_woman {
    width: min(calc(58 / 1600* 100vw), 58px);
    bottom: min(calc(104 / 1600* 100vw), 104px);
    right: -8%;
}

.topBusiness_contents02 .swing_men {
    width: min(calc(49 / 1600* 100vw), 49px);
    bottom: min(calc(78 / 1600* 100vw), 78px);
    left: min(calc(46 / 1600* 100vw), 46px);
    right: auto;
}

.topBusiness_contents03 .topBusiness_circle .illust02 {
    position: absolute;
    width: min(calc(27 / 1600* 100vw), 27px);
    bottom: -8%;
    left: min(calc(39 / 1600* 100vw), 39px);
}

.topBusiness_contents03 .topBusiness_circle .illust03 {
    position: absolute;
    width: min(calc(73 / 1600* 100vw), 73px);
    bottom: -11%;
    left: min(calc(96 / 1600* 100vw), 96px);
}

.topBusiness_contents03 .topBusiness_circle .illust04 {
    position: absolute;
    width: min(calc(82 / 1600* 100vw), 82px);
    top: -1%;
    right: min(calc(51 / 1600* 100vw), 51px);
}

.topBusiness_contents03  .illust05 {
    position: absolute;
    width: min(calc(91 / 1600* 100vw), 91px);
    bottom: 3.5%;
    left: min(calc(566 / 1600* 100vw), 566px);
}

@media screen and (max-width: 750px) {
    .topBusiness_contents01 .title02 {
        width: 7.24em;
        margin: 0 auto;
        line-height: 0.80;
        text-align: center;
    }
    .topBusiness_box {
        overflow-x: hidden;
        width: 100%;
        background: #ffffd3;
        padding-bottom: 4em;
        margin: auto;
    }
    .topBusiness_contents01 {
        position: relative;
        margin-top: calc(99 / 750* 100vw);
    }
    .topBusiness_contents01 .topBusiness_circle:nth-of-type(1) {
        margin-top: 0;
    }
    .topBusiness_circle {
        width: calc(765/ 750 *100vw);
        height: calc(765/ 750 *100vw);
        gap: calc(45/ 750 *100vw);
        margin-left: -2%;
    }
    .topBusiness {
        overflow: hidden;
        position: relative;
        background: url(/hp_2024/img/pc/topBusiness_bg-2x.png) no-repeat top center / 100%, #ffffd3;
        padding-top: min(calc(165/ 750*100vw), 165px);
    }
    .topBusiness_circle h4 {
        font-size: calc(52/ 750 *100vw);
    }
    .topBusiness_circle p {
        width: calc(620/ 750 *100vw);
        font-size: calc(28/ 750 *100vw);
        line-height: 1.75;
    }
    .topBusiness_circle a.btnIcon {
        display: block;
        font-size: calc(24/ 750 *100vw);
        margin: 0 auto 0 calc(250/ 750 *100vw);
    }
    .topBusiness_circle a.btnIcon::after {
        width: calc(33 / 750* 100vw);
        height: calc(31 / 750* 100vw);
        right: -3em;
    }
    .topBusiness .clowd01 {
        width: calc(580 / 750* 100vw);
        top: calc(65 / 750* 100vw);
        left: -37%;
    }
    .topBusiness .clowd02 {
        width: calc(169 / 750* 100vw);
        top: calc(306 / 750* 100vw);
        right: calc(50% - 57.5%);
    }
    .topBusiness_contents01 .topBusiness_circle:nth-of-type(2) {
        margin-top: calc(82 / 750* 100vw);
        margin-left: -1%;
    }
    .topBusiness_contents01 .topBusiness_circle .illust01 {
        width: calc(118 / 750* 100vw);
        top: 4%;
        left: calc(65 / 750* 100vw);
    }
    .topBusiness_contents01 .topBusiness_circle .illust02 {
        width: calc(88 / 750* 100vw);
        top: -0.6%;
        right: calc(93 / 750* 100vw);
    }
    .topBusiness_contents01 .topBusiness_circle .illust03,
    .topBusiness_contents03 .topBusiness_circle .illust01 {
        width: calc(118 / 750* 100vw);
        top: calc(75 / 750* 100vw);
        right: calc(60 / 750* 100vw);
    }
    .topBusiness_contents01 .illust04 {
        width: calc(86 / 750* 100vw);
        bottom: calc(725 / 750* 100vw);
        right: calc(35 / 750* 100vw);
    }
    .topBusiness_contents01 .illust05 {
        position: absolute;
        width: calc(48 / 750* 100vw);
        bottom: calc(780 / 750* 100vw);
        right: calc(138 / 750* 100vw);
    }
    .topBusiness_contents01 .illust06 {
        position: absolute;
        width: calc(424 / 750* 100vw);
        bottom: calc(654 / 750* 100vw);
        left: calc(-192 / 750* 100vw);
    }
    .topBusiness_contents01 .illust07 {
        position: absolute;
        width: calc(278 / 750* 100vw);
        bottom: calc(-98 / 750* 100vw);
        right: calc(90 / 750* 100vw);
    }
    .topBusiness_contents01 .illust08 {
        position: absolute;
        width: calc(66 / 750* 100vw);
        bottom: calc(-155 / 750* 100vw);
        right: calc(28 / 750* 100vw);
    }
    .topBusiness_contents02 {
        position: relative;
        margin-top: calc(390 / 1600* 100vw);
        text-align: center;
    }
    .topBusiness_contents02 .topBusiness_circle:nth-of-type(1) {
        margin-top: 2%;
        margin-left: -0.5%;
        width: calc(770 / 750* 100vw);
        height: calc(770 / 750* 100vw);
    }
    .topBusiness_contents02 .topBusiness_circle:nth-of-type(2) {
        width: calc(790/ 750 *100vw);
        height: calc(790/ 750 *100vw);
        margin-top: 10%;
        margin-left: -2%;
    }
    .topBusiness_contents02 .topBusiness_circle:nth-of-type(3) {
        margin-top: 11%;
        margin-left: -2%;
        margin-right: calc(50 / 750* 100vw);
        width: calc(790/ 750 *100vw);
        height: calc(790/ 750 *100vw);
    }
    .topBusiness_contents03 {
        position: relative;
        margin-top: calc(100 / 750* 100vw);
    }
    .topBusiness_contents03 .title02 {
        width: 7.24em;
        margin: 0 auto;
        text-align: center;
    }
    .topBusiness_contents03 .topBusiness_circle:nth-of-type(1) {
        margin-top: 1%;
        margin-left: -0.5%;
    }
    .topBusiness_contents03 .topBusiness_circle:nth-of-type(2) {
        margin-top: 8%;
        margin-left: -1%;
    }
    .topBusiness_contents02 .biking {
        top: 31.6%;
        right: -2.5%;
    }
    .topBusiness_contents02 .topBusiness_circle .illust01 {
        width: calc(158 / 750* 100vw);
        top: 1%;
        left: calc(523 / 750* 100vw);
    }
    .biking_base {
        display: block;
        width: calc(300 / 750* 100vw);
    }
    .topBusiness_contents02 .biking_boat {
        width: calc(415 / 750* 100vw);
        top: -21%;
        left: -17%;
    }
    .topBusiness_contents02 .biking_pole {
        width: calc(350 / 750 * 100vw);
        top: -20%;
        left: calc(15 / 750* 100vw);
    }
    .topBusiness_contents02 .topBusiness_circle .illust02 {
        width: calc(118 / 750* 100vw);
        top: -7%;
        right: calc(587 / 750* 100vw);
    }
    .topBusiness_contents02 .topBusiness_circle .illust04 {
        width: calc(158 / 750* 100vw);
        bottom: -4.5%;
        right: calc(74 / 750* 100vw);
    }
    .topBusiness_contents02 .illust05 {
        width: calc(69 / 750* 100vw);
        bottom: 31.3%;
        left: 77.5%;
    }
    .topBusiness_contents02 .illust06 {
        position: absolute;
        width: calc(48 / 750* 100vw);
        bottom: 75.3%;
        left: 10.5%;
    }
    .topBusiness_contents02 .trapeze {
        bottom: -19.2%;
        left: -20.2%;
        z-index: 2;
    }
    .topBusiness_contents02 .topBusiness_circle .illust03 {
        width: calc(112 / 750* 100vw);
        top: -0.2%;
        left: 4.9%;
    }
    .trapeze_base {
        display: block;
        width: calc(300 / 750* 100vw);
    }
    .topBusiness_contents02 .swing_woman {
        width: calc(78 / 750* 100vw);
        bottom: calc(132 / 750* 100vw);
        right: -8%;
    }
    .topBusiness_contents02 .swing_men {
        width: calc(78 / 750* 100vw);
        bottom: calc(58 / 750* 100vw);
        left: calc(46 / 750* 100vw);
        right: auto;
    }
    .topBusiness_contents03 .topBusiness_circle .illust01 {
        top: calc(10 / 750* 100vw);
    }
    .topBusiness_contents03 .topBusiness_circle .illust02 {
        width: calc(48 / 750* 100vw);
        bottom: -7%;
        left: calc(54 / 750* 100vw);
    }
    .topBusiness_contents03 .topBusiness_circle .illust03 {
        width: calc(55 / 750* 100vw);
        bottom: -8%;
        left: calc(145 / 750* 100vw);
    }
    .topBusiness_contents03 .topBusiness_circle .illust04 {
        width: calc(126 / 750* 100vw);
        top: 1.5%;
        right: calc(75 / 750* 100vw);
    }
    .topBusiness_contents03 .illust05 {
        width: calc(139 / 750* 100vw);
        bottom: -1.5%;
        left: calc(90 / 750* 100vw);
    }
}

.topRecruit_coaster {
    text-align: center;
    position: relative;
    max-width: 1600px;
    margin: 0.5% auto 0;
}

.topRecruit_coaster picture {
    display: block;
}

.topRecruit_coaster .coaster {
    width: min(calc(942 / 1600* 100vw), 942px);
    top: min(calc(10 / 1600* 100vw), 10px);
    left: min(calc(261 / 1600* 100vw), 261px);
}

.topRecruit_coaster .coaster_build {
    width: min(calc(113 / 1600* 100vw), 113px);
    top: 35.6%;
    left: 22.4%;
}

.topRecruit_coaster .coaster_bear {
    width: min(calc(72 / 1600* 100vw), 72px);
    top: min(calc(321 / 1600* 100vw), 321px);
    left: min(calc(387 / 1600* 100vw), 387px);
}

.topRecruit_coaster .kanransha {
    top: min(calc(98 / 1600* 100vw), 98px);
    right: min(calc(274 / 1600* 100vw), 274px);
}

.topRecruit_coaster .kanransha_base {
    display: block;
    width: min(calc(280 / 1600* 100vw), 280px);
    height: min(calc(280 / 1600* 100vw), 280px);
}

.topRecruit_coaster .kanransha_logo {
    width: min(calc(36 / 1600* 100vw), 36px);
    top: min(calc(128 / 1600* 100vw), 128px);
    right: min(calc(124 / 1600* 100vw), 124px);
}

.topRecruit_coaster .kanransha_rotate {
    width: min(calc(318 / 1600* 100vw), 318px);
    height: min(calc(318 / 1600* 100vw), 318px);
    left: 50%;
    top: 58%;
}

.topRecruit_coaster .kanransha_rotate .gondola .parts {
    width: min(calc(36 / 1600* 100vw), 36px);
}

.topRecruit_coaster .illust01 {
    position: absolute;
    width: min(calc(36 / 1600* 100vw), 36px);
    bottom: min(calc(75 / 1600* 100vw), 75px);
    left: min(calc(676 / 1600* 100vw), 676px);
}

.topRecruit_coaster .illust02 {
    position: absolute;
    width: min(calc(81 / 1600* 100vw), 81px);
    bottom: 0;
    right: min(calc(209 / 1600* 100vw), 209px);
}

.topRecruit_coaster .girl_img {
    width: min(calc(72 / 1600* 100vw), 72px);
    bottom: min(calc(93 / 1600* 100vw), 93px);
    left: min(calc(896 / 1600* 100vw), 896px);
}

@media screen and (max-width: 750px) {
    .topRecruit_coaster {
        overflow: hidden;
        background: url(/hp_2024/img/pc/topBusiness_bgBottom-2x.png) no-repeat top min(calc(314/ 1600 *100vw),314px) center / 100%, #ffffd3;
        transform: scale(2.1);
        transform-origin: top center;
        z-index: 2;
        margin-bottom: calc(232/750 * 100vw);
    }
}
/* =====================================
topRecruit
===================================== */
.topRecruit {
    position: relative;
}
.pin-spacer {
    background: linear-gradient(to bottom,#78c8fb 0%,#78c8fb 50%, #ffffd3 50%, #ffffd3 100%);
    background-attachment:fixed;
    /* url(/hp_2024/img/pc/topBusiness_bgBottom-2x.png) no-repeat top min(calc(314/ 1600 *100vw),314px) center / 100%, */
    /* , #ffffd3; */
}


.topRecruit .title01 {
    text-align: left;
}

.topRecruit .title01.icon::after {
    bottom: 0px;
    right: min(calc(18 / 1600* 100vw), 18px);
}

.title01 small.topRecruit_title01_small {
    font-size: 0.15em;
}

.side-scroll {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to bottom, #78c8fb 0%,#78c8fb 94.7%, #ffffd3 94.7%, #ffffd3 100%);
	background: #ffded3;
}

.side-scroll-list-wrapper {
    position: relative;
    width: 100%;
    height_bk: min(calc(470 / 1600* 100vw), 470px);
    margin-bottom: min(calc(70 / 1600* 100vw), 70px);
}

.side-scroll-list {
    position: absolute;
    top: min(calc(78 / 1600* 100vw), 78px);
    padding-left: min(calc(154 / 1600* 100vw), 154px);
    display: flex;
    gap: 0 0px;
}

.side-scroll-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: min(calc(285 / 1600* 100vw), 285px);
    height: min(calc(370 / 1600* 100vw), 370px);
    font-weight: 700;
}

.side-scroll-item+.side-scroll-item {
    margin-left: min(calc(70 / 1600* 100vw), 70px);
    margin-top: -0.5%;
}

.side-scroll-item+.side-scroll-item:nth-child(2n+1) {
    margin-top: min(calc(22 / 1600* 100vw), 22px);
}

.side-scroll-item picture {
    margin-bottom: min(calc(22/ 1600 *100vw), 22px);
}

.side-scroll-item .btnIcon {
    display: block;
    width: min(calc(215/ 1600 *100vw), 215px);
    font-size: min(calc(14/ 1600 *100vw), 14px);
    background: #fff;
    border: 1px solid var(--black);
    border-right: 3px solid var(--black);
    border-bottom: 3px solid var(--black);
    border-radius: 100px;
    text-align: center;
    padding: min(calc(5/ 1600 *100vw), 5px) min(calc(30/ 1600 *100vw), 30px);
    font-weight: normal;
}

.side-scroll-item a.btnIcon::after {
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
    width: min(calc(16/ 1600 *100vw), 16px);
    height: min(calc(14/ 1600 *100vw), 14px);
}

.topRecruit_bg {
        display: block;
}

@media screen and (max-width: 750px) {
    .pin-spacer {
        background: #78c8fb;
    }
    .side-scroll {
        z-index: 2;
        overflow-x: hidden;
         background: /*url(/hp_2024/img/pc/topBusiness_bgBottom-2x.png) no-repeat top min(calc(314/ 750 *100vw),314px) center / 100%, */
        linear-gradient(to bottom, #ffffd3 0%,#ffffd3 7%,#78c8fb 7%,#78c8fb 98.6%, #ffffd3 98.6%, #ffffd3 100%), #ffffd3;
    }
    .topRecruit .title01 {
        text-align: center;
        margin-bottom: calc(120 / 750* 100vw);
    }
    .topRecruit .title01.icon::after {
        bottom: -33%;
        right: 50%;
        transform: translateX(50%);
        height: calc(47 / 750* 100vw);
    }
    
    .side-scroll-list-wrapper {
        height_bk: calc(962 / 750* 100vw);
        margin-bottom: calc(70 / 750* 50vw);
    }
    
    .side-scroll-list {
        left: calc(8 / 750* 100vw);
        padding-left: 0;
    }
    .side-scroll-item {
        width: calc(550 / 750* 100vw);
        height: calc(682 / 750* 100vw);
    }
    
    .side-scroll-item+.side-scroll-item {
        margin-left: calc(90 / 750* 100vw);
        margin-right: calc(90 / 750* 100vw);
        margin-top: 0;
    }

    .side-scroll-item+.side-scroll-item:nth-child(2n+1) {
        margin-top: 0;
    }
    
    .side-scroll-item .btnIcon {
        display: block;
        width: calc(416/ 750 *100vw);
        font-size: calc(24/ 750 *100vw);
        padding: calc(24/ 750 *100vw) calc(30/ 750 *100vw);
        margin-top: 0.8em;
    }
    
    .side-scroll-item a.btnIcon::after {
        right: 1em;
        top: 50%;
        transform: translateY(-50%);
        width: min(calc(34/ 750 *100vw), 16px);
        height: min(calc(28/ 750 *100vw), 14px);
    }
}

/* =====================================
topAffiliated
===================================== */
.topAffiliated {
     background: #ffd1ca;  background: #ffffd3; 
    padding: min(calc(84 / 1600* 100vw), 84px) 0 min(calc(64 / 1600* 100vw), 64px);
	overflow: hidden;
}

.topAffiliated .title02 {
    font-size: min(calc(125/ 1600 *100vw), 125px);
    display: flex;
    white-space: nowrap;
    margin-bottom: min(calc(35/ 1600 *100vw), 35px);
	
}

.topAffiliated .and {
    font-size: min(calc(100/ 1600 *100vw), 100px);
}

.topAffiliated .title02 p {
    animation: a 20s linear infinite;
    padding: 0 0.5em;
	white-space: nowrap;
}

@keyframes a {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(-100%, 0, 0)
    }
}

.topAffiliated .sub_title {
    font-size: min(calc(23/ 1600 *100vw), 23px);
    margin-bottom: min(calc(22/ 1600 *100vw), 22px);
    text-align: center;
    display: block;
    letter-spacing: 0.01em;
    font-weight: 600;
}

.topAffiliated_btn {
    width: min(calc(1100/ 1600 *100vw), 1100px);
    display: flex;
    justify-content: center;
    gap: min(calc(25 / 1600* 100vw), 25px);
    margin: 0 auto min(calc(25/ 1600 *100vw), 25px);
    font-size: min(calc(14/ 1600 *100vw), 14px);
    text-align: center;
    letter-spacing: 0.1em;
}

.topAffiliated_btn p {
    margin-top: min(calc(15/ 1600 *100vw), 15px);
}

.topAffiliated_btn a.btn01 {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: min(calc(530/ 1600 *100vw), 530px);
    height: min(calc(130/ 1600 *100vw), 130px);
    font-size: min(calc(14/ 1600 *100vw), 14px);
    border-right: 3px solid var(--black);
    border-bottom: 3px solid var(--black);
    text-align: center;
    padding: min(calc(5/ 1600 *100vw), 5px) min(calc(25/ 1600 *100vw), 25px);
}

.topAffiliated_btn a.btn01::after {
    content: "";
    display: block;
    position: absolute;
    right: 1.5em;
    top: 50%;
    transform: translateY(-50%);
    width: min(calc(14/ 1600 *100vw), 14px);
    height: min(calc(14/ 1600 *100vw), 14px);
    background: url(/hp_2024/img/pc/link_b.svg) no-repeat center center / contain;
}

.accerisesite_img {
    width: min(calc(358/ 1600 *100vw), 358px);
}
.tigerise_img{
    width: min(calc(205/ 1600 *100vw), 205px);
}
.kmf_img{
    width: min(calc(411/ 1600 *100vw), 411px);
}
@media screen and (max-width: 750px) {
    .topAffiliated {
        overflow-x: hidden;
        padding: calc(24 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
    }
    .topAffiliated .title02 {
        font-size: calc(125/ 750 *100vw);
        margin-bottom: calc(25/ 750 *100vw);
    }
    .topAffiliated .sub_title {
        font-size: calc(34/ 750 *100vw);
        margin-bottom: calc(30 / 750* 100vw);
    }
    .topAffiliated_btn {
        width: 100%;
        display: block;
        margin: 0 auto min(calc(25/ 1600 *100vw), 25px);
        font-size: calc(26/ 750 *100vw);
        text-align: center;
        letter-spacing: 0.1em;
    }
    .topAffiliated_btn li {
        margin-bottom: calc(45/ 750 *100vw);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .topAffiliated_btn a.btn01 {
        position: relative;
        width: calc(560/ 750 *100vw);
        height: calc(130/ 750 *100vw);
        margin: auto;
    }
    .topAffiliated_btn a.btn01::after {
        width: calc(18/ 750 *100vw);
        height: calc(18/ 750 *100vw);
        right: 2.5em;
    }
    .iactor_img {
        width: calc(214/ 750 *100vw);
    }
    .kmf_img {
        width: calc(411/ 750 *100vw);
    }
    .accerisesite_img {
        width: calc(358/ 750 *100vw);
    }
    .tigerise_img {
        width: calc(215/ 750 *100vw);
    }
}