@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@700&display=swap');

.text-white {
    color: #fff;
}
.text-green {
  color: #00A440;
}
.text-yellow {
  color: #FFF000;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
.mt30 {
  margin-top: 30px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.zen-maru-gothic-bold {
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.title-block>h2,
.title-block>h3,
.title-block>h4,
.title-block>p {
    margin: 0;
}
.title-block>h2 {
    font-size: 90px;
    letter-spacing: 0.04em;
    line-height: 1.25em;
}
.title-block>h2>span {
    font-size: 0.7em;
    line-height: 1em;
    display: block;
}
.title-block>h3 {
    font-size: 60px;
    letter-spacing: 0.04em;
    line-height: 1.65em;
}
.title-block>h4 {
    font-size: 32px;
    letter-spacing: 0.08em;
    line-height: 1.55em;
}
.title-block>hr {
    border-top: 4px solid #FFD800;
    margin: 40px auto;
    width: 50px;
}
.title-block>p {
    font-size: 20px;
    letter-spacing: 0.04em;
    line-height: 2.25em;
}
.sub-title-block h3 {
    font-size: 29px;
    letter-spacing: 0.06em;
    line-height: 1.55em;
}
.koala-sec1 {
    padding: 100px 120px 360px;
    background-color: #00A440;
    background-image: url(../img2/koala_main6.png), url(../img2/koala_main4.png), url(../img2/koala_main7.png), url(../img2/koala_main9.png), url(../img2/koala_main1.png), url(../img2/koala_main5.png), url(../img2/koala_back_repeat.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat-y;
    background-position: right 80px bottom 180px, left 54% bottom 340px, right -50px bottom, left -50px bottom, left bottom, right top, center top;
    background-size: 222.5px, 184px, 463px, 419px, 1104px, 340px, 100%;
}
.koala-sec1-inner,
.koala-sec3-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.koala-sec1-child:first-child {
    width: 800px;
}
.koala-sec1-child:last-child {
    width: calc(100% - 800px);
    text-align: center;
}
.koala-sec1-child:first-child>img {
    max-height: 1063px;
}
.koala-sec1-child:last-child>img {
    max-height: 244px;
}
.koala-sec2 {
    padding: 360px 0 180px;
    background-color: #F4F6A9;
    position: relative;
}
.koala-sec2 .title-block,
.koala-sec4 .title-block,
.sub-title-block {
    position: relative;
}
.koala-sec2-inner,
.postar3-block-inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.koala-sec2-child {
    width: calc(25% - 30px);
}
.postar3-block-child {
    width: calc(100%/3 - 40px);
}
.postar3-block.abs {
    width: 100%;
    top: -233px;
    left: 50%;
    transform: translateX(-50%);
}
.koala-sec2>img.abs1 {
    max-height: 153px;
    bottom: -25px;
    z-index: 10;
    left: calc(50% + 280px);
}
.koala-sec2>img.abs2 {
    max-height: 235.5px;
    top: -170px;
    z-index: 10;
    right: calc(50% + 700px);
}
.koala-sec2 .title-block .abs1,
.koala-sec2 .title-block .abs2 {
    top: 100px;
}
.koala-sec2 .title-block .abs1 {
    max-height: 205px;
    left: -230px;
}
.koala-sec2 .title-block .abs2 {
    max-height: 208px;
    right: -180px;
}
.sub-title-block {
    margin-bottom: 20px;
}
.sub-title-block .abs {
    max-height: 78px;
    top: 10px;
}
.sub-title-block .abs1 {
    right: calc(50% + 420px);
}
.sub-title-block .abs2 {
    left: calc(50% + 420px);
}
.koala-sec5 .sub-title-block .abs1 {
    right: calc(50% + 380px);
}
.koala-sec5 .sub-title-block .abs2 {
    left: calc(50% + 380px);
}
.koala-sec3 {
    padding: 120px 0 180px;
    background-color: #00A440;
    background-image: url(../img2/koala_vis5.png), url(../img2/koala_vis4.png), url(../img2/koala_back_repeat.png);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: left top, right top 40%, center top;
    background-size: 829px, 116px, 100%;
    position: relative;
}
.koala-sec3-child {
    width: calc(50% - 30px);
}
.koala-sec3>img.abs {
    max-height: 134px;
    bottom: -15px;
    z-index: 10;
    right: calc(50% + 580px);
}
.koala-sec4 {
    padding: 180px 0;
    background-color: #FFFFEE;
    position: relative;
}
.koala-sec4 .title-block .abs1 {
    max-height: 540px;
    left: -265px;
    top: -40px;
}
.koala-sec4 .title-block .abs2 {
    max-height: 418px;
    right: -330px;
    top: 10px;
}
.koala-sec4>img.abs {
    max-height: 194px;
    bottom: -97px;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}
.koala-sec5 {
    padding: 120px 0 140px;
    background-color: #00A440;
    background-image: url(../img2/koala_other1.png), url(../img2/koala_other2.png), url(../img2/koala_back_repeat.png);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: left top, right top, center top;
    background-size: 428px, 285px, 100%;
    position: relative;
}
.contact-block a img {
    max-height: 140px;
}
/* 親要素の設定：画像を重ねる準備 */
.contact-block a {
  display: inline-block;
  position: relative;
  transition: transform 0.1s; /* 動きをなめらかに */
}
/* 2枚目の画像（ホバー用）を最初は非表示にする */
.contact-block a img:last-child {
  display: none;
}
/* ホバー時の挙動 */
.contact-block a:hover {
  transform: translateY(3px); /* 3px下に下げて「押し込み感」を出す */
}
/* ホバー時に画像を切り替える */
.contact-block a:hover img:first-child {
  display: none; /* 1枚目を隠す */
}
.contact-block a:hover img:last-child {
  display: inline-block; /* 2枚目を表示する */
}

.back-to-top {
    right: 50px;
    bottom: 50px;
    width: 185px;
    height: 318px;
    background-color: transparent;
}
.back-to-top>img {
    max-height: 318px;
}

.loop-sec {
    /* margin-top: -580px; */
    width: 100%;
    /* position: absolute; */
		position: relative;
    z-index: 10;
    margin: 80px 0 90px;
}
.loop_wrap {
    display: flex;
    width: 100%;
    height: 287px;
    overflow: hidden;
}
.loop_wrap div {
    flex: 0 0 auto;
    white-space: nowrap;
    overflow: hidden;
    line-height: 1;
}
.loop_wrap div:nth-child(odd) {
    animation: loop 100s -50s linear infinite;
    animation-direction: reverse;
}
.loop_wrap div:nth-child(even) {
    animation: loop2 100s linear infinite;
    animation-direction: reverse;
}
.loop_wrap div img {
    height: 287px;
    display: block;
}
@keyframes loop {
    0% {
        transform: translateX(-100%);
    }
    to {
        transform: translateX(100%);
    }
}
@keyframes loop2 {
    0% {
        transform: translateX(-200%);
    }
    to {
        transform: translateX(0);
    }
}

@media (max-width: 1799px) {
  .koala-sec1-child:first-child>img {
      max-height: 1013px;
  }
  .koala-sec1-child:first-child {
      width: 762px;
  }
  .koala-sec1-child:last-child {
      width: calc(100% - 762px);
  }
  .koala-sec1 {
      background-size: 192px, 164px, 423px, 389px, 1074px, 320px, 100%;
  }
  .koala-sec2>img.abs2 {
      right: calc(50% + 600px);
  }
}
@media (max-width: 1699px) {
  .koala-sec1-child:first-child>img {
      max-height: 963px;
  }
  .koala-sec1-child:first-child {
      width: 724px;
  }
  .koala-sec1-child:last-child {
      width: calc(100% - 724px);
  }
  .koala-sec1 {
      background-size: 162px, 144px, 393px, 359px, 1034px, 280px, 100%;
  }
  .koala-sec3 {
      background-size: 739px, 101px, 100%;
  }
  .koala-sec3>img.abs {
      right: calc(50% + 480px);
  }
}
@media (max-width: 1599px) {
  .koala-sec1-child:first-child>img {
      max-height: 913px;
  }
  .koala-sec1-child:first-child {
      width: 687px;
  }
  .koala-sec1-child:last-child {
      width: calc(100% - 687px);
  }
  .koala-sec1 {
      background-size: 162px, 144px, 393px, 359px, 1004px, 260px, 100%;
  }
  .koala-sec5 {
      background-size: 358px, 225px, 100%;
  }
  .loop_wrap,
  .loop_wrap div img {
      height: 257px;
  }
}
@media (max-width: 1549px) {
  .koala-sec1-child:first-child>img {
      max-height: 863px;
  }
  .koala-sec1-child:first-child {
      width: 649px;
  }
  .koala-sec1-child:last-child {
      width: calc(100% - 649px);
  }
  .koala-sec1-child:last-child>img {
      max-height: 224px;
  }
  .title-block>h2 {
      font-size: 84px;
  }
  .back-to-top>img {
      max-height: 288px;
  }
  .back-to-top {
      width: 167px;
      height: 288px;
  }
  .koala-sec2>img.abs2 {
      right: calc(50% + 585px);
      max-height: 210px;
      top: -150px;
  }
  .koala-sec1 {
      background-size: 162px, 144px, 393px, 359px, 964px, 250px, 100%;
      background-position: right 80px bottom 180px, left 51% bottom 310px, right -50px bottom, left -50px bottom, left bottom, right top, center top;
  }
}
@media (max-width: 1499px) {
  .koala-sec1-child:first-child>img {
      max-height: 763px;
  }
  .koala-sec1-child:first-child {
      width: 574px;
  }
  .koala-sec1-child:last-child {
      width: calc(100% - 574px);
  }
  .koala-sec1 {
      background-size: 142px, 124px, 363px, 329px, 884px, 240px, 100%;
      padding: 100px 100px 330px;
  }
  .koala-sec2 {
      padding: 330px 0 150px;
  }
  .koala-sec1-child:last-child>img {
      max-height: 204px;
  }
  .title-block>h2 {
      font-size: 78px;
  }
  .title-block>h3 {
      font-size: 56px;
  }
  .koala-sec3 {
      background-size: 699px, 91px, 100%;
      padding: 100px 0 150px;
  }
  .koala-sec4 {
      padding: 150px 0;
  }
  .koala-sec5 {
      background-size: 328px, 195px, 100%;
      padding: 100px 0;
  }
  .back-to-top>img {
      max-height: 258px;
  }
  .back-to-top {
      width: 150px;
      height: 258px;
  }
  .koala-sec3>img.abs {
      right: calc(50% + 400px);
      max-height: 124px;
  }
  .koala-sec4>img.abs {
      max-height: 174px;
      bottom: -87px;
  }
  .koala-sec4 .title-block .abs2 {
      max-height: 318px;
      right: -230px;
      top: 30px;
  }
  .koala-sec4 .title-block .abs1 {
      max-height: 440px;
      left: -160px;
      top: -15px;
  }
  .koala-sec2>img.abs1 {
      max-height: 138px;
  }
  .koala-sec2 .title-block .abs2 {
      max-height: 178px;
      right: -120px;
  }
  .koala-sec2 .title-block .abs1 {
      max-height: 175px;
      left: -110px;
  }
  .koala-sec2>img.abs2 {
      right: calc(50% + 550px);
      max-height: 190px;
      top: -135px;
  }
  .postar3-block.abs {
      z-index: 10;
  }
}
@media (max-width: 1399px) {
    .koala-sec1-child:first-child>img {
        max-height: 713px;
    }
    .koala-sec1-child:first-child {
        width: 536px;
    }
    .koala-sec1-child:last-child {
        width: calc(100% - 536px);
    }
    .koala-sec1-child:last-child>img {
        max-height: 184px;
    }
    .title-block>h2 {
        font-size: 72px;
    }
    .title-block>h4 {
        font-size: 30px;
    }
    .title-block>p {
        font-size: 18px;
        line-height: 2.1em;
    }
    .koala-sec1 {
        background-size: 132px, 114px, 323px, 299px, 834px, 230px, 100%;
    }
    .koala-sec3 {
        background-size: 649px, 81px, 100%;
        background-position: left top, right top 55%, center top;
    }
    .sub-title-block h3 {
        font-size: 26px;
    }
    .sub-title-block .abs {
        max-height: 72px;
    }
    .sub-title-block .abs2 {
        left: calc(50% + 360px);
    }
    .sub-title-block .abs1 {
        right: calc(50% + 360px);
    }
    .koala-sec5 .sub-title-block .abs1 {
        right: calc(50% + 320px);
    }
    .koala-sec5 .sub-title-block .abs2 {
        left: calc(50% + 320px);
    }
    .koala-sec2>img.abs1 {
        max-height: 123px;
        left: calc(50% + 220px);
    }
    .koala-sec2>img.abs2 {
        right: calc(50% + 525px);
        max-height: 170px;
        top: -120px;
    }
    .koala-sec2 .title-block .abs1 {
        max-height: 160px;
        left: -40px;
    }
    .koala-sec2 .title-block .abs2 {
        max-height: 168px;
        right: -30px;
    }
    .back-to-top>img {
        max-height: 228px;
    }
    .back-to-top {
        width: 132px;
        height: 228px;
    }
    .koala-sec3>img.abs {
        max-height: 114px;
    }
    .koala-sec4 .title-block .abs2 {
        max-height: 288px;
        right: -130px;
        top: 20px;
    }
    .koala-sec4 .title-block .abs1 {
        max-height: 370px;
        left: -65px;
        top: -5px;
    }
    .loop-sec {
        margin: 75px 0 80px;
    }
    .koala-sec4>img.abs {
        max-height: 154px;
        bottom: -77px;
    }
    .loop_wrap,
    .loop_wrap div img {
        height: 227px;
    }
}
@media (max-width: 1299px) {
    .koala-sec1-child:first-child>img {
        max-height: 663px;
    }
    .koala-sec1-child:first-child {
        width: 499px;
    }
    .koala-sec1-child:last-child {
        width: calc(100% - 499px);
    }
    .title-block>h2 {
        font-size: 66px;
    }
    .koala-sec1-child:last-child>img {
        max-height: 164px;
    }
    .mt50 {
        margin-top: 40px !important;
    }
    .title-block>hr {
        border-top: 3px solid #FFD800;
        margin: 35px auto;
        width: 40px;
    }
    .koala-sec1 {
        background-size: 132px, 114px, 323px, 299px, 794px, 215px, 100%;
    }
    .koala-sec3 {
        background-size: 599px, 71px, 100%;
    }
    .koala-sec5 {
        background-size: 288px, 180px, 100%;
    }
    .back-to-top {
        right: 40px;
        bottom: 40px;
    }
    .koala-sec2>img.abs2 {
        max-height: 0;
    }
}
@media (max-width: 1199px) {
    .koala-sec1 {
        background-size: 112px, 104px, 293px, 279px, 774px, 200px, 100%;
        padding: 100px 60px 270px;
        background-position: right 80px bottom 180px, left 51% bottom 260px, right -50px bottom, left -50px bottom, left bottom, right top, center top;
    }
    .koala-sec1-child:first-child>img {
        max-height: 613px;
    }
    .koala-sec1-child:first-child {
        width: 461px;
    }
    .koala-sec1-child:last-child {
        width: calc(100% - 461px);
    }
    .title-block>hr {
        border-top: 2px solid #FFD800;
        margin: 30px auto;
    }
    .mt50 {
        margin-top: 35px !important;
    }
    .koala-sec1-child:last-child>img {
        max-height: 154px;
    }
    .title-block>h2 {
        font-size: 60px;
    }
    .title-block>h4 {
        font-size: 28px;
    }
    .title-block>p {
        font-size: 17px;
    }
    .koala-sec2 {
        padding: 270px 0 120px;
    }
    .postar3-block.abs {
        top: -191px;
    }
    .title-block>h3 {
        font-size: 52px;
        line-height: 1.5em;
    }
    .koala-sec2 .title-block .abs1, .koala-sec2 .title-block .abs2 {
        top: 60px;
    }
    .koala-sec2 .title-block .abs1 {
        max-height: 140px;
        left: -60px;
    }
    .koala-sec2 .title-block .abs2 {
        max-height: 140px;
        right: -50px;
    }
    .koala-sec2>img.abs1 {
        max-height: 113px;
        left: calc(50% + 160px);
    }
    .sub-title-block h3 {
        font-size: 24px;
    }
    .sub-title-block .abs {
        max-height: 64px;
    }
    .sub-title-block .abs2 {
        left: calc(50% + 330px);
    }
    .sub-title-block .abs1 {
        right: calc(50% + 330px);
    }
    .koala-sec5 .sub-title-block .abs1 {
        right: calc(50% + 300px);
    }
    .koala-sec5 .sub-title-block .abs2 {
        left: calc(50% + 300px);
    }
    .koala-sec3>img.abs {
        max-height: 104px;
        right: calc(50% + 300px);
    }
    .koala-sec3 {
        background-size: 559px, 66px, 100%;
        padding: 100px 0 120px;
    }
    .back-to-top>img {
        max-height: 198px;
    }
    .back-to-top {
        width: 115px;
        height: 198px;
    }
    .koala-sec4 {
        padding: 120px 0;
    }
    .koala-sec4>img.abs {
        max-height: 134px;
        bottom: -67px;
    }
    .koala-sec5 {
        background-size: 258px, 165px, 100%;
    }
    .loop_wrap, .loop_wrap div img {
        height: 197px;
    }
    .loop-sec {
        margin: 60px 0;
    }
    .koala-sec4 .title-block .abs1,
    .koala-sec4 .title-block .abs2 {
        max-height: 0;
    }
    .mt60 {
        margin-top: 50px !important;
    }
}
@media (max-width: 1150px) {
    .koala-sec1 {
        background-size: 112px, 104px, 293px, 279px, 714px, 185px, 100%;
        padding: 100px 30px 270px;
    }
}
@media (max-width: 1099px) {
    .koala-sec1 {
        background-size: 112px, 104px, 293px, 279px, 714px, 185px, 100%;
        padding: 100px 15px 270px;
    }
    .koala-sec2>img.abs1 {
        max-height: 108px;
    }
    .koala-sec2 .title-block .abs1, .koala-sec2 .title-block .abs2 {
        top: 50px;
    }
    .koala-sec2 .title-block .abs2 {
        max-height: 130px;
        right: -20px;
    }
    .koala-sec2 .title-block .abs1 {
        max-height: 130px;
        left: -25px;
    }
}
@media (max-width: 1024px) {
    .koala-sec1 {
        background-size: 102px, 104px, 273px, 269px, 684px, 170px, 100%;
        padding: 80px 15px 250px;
        background-position: right 80px bottom 180px, left 51% bottom 210px, right -50px bottom, left -50px bottom, left bottom, right top, center top;
    }
    .koala-sec1-child:last-child>img {
        max-height: 144px;
    }
    .title-block>h2 {
        font-size: 56px;
    }
    .title-block>h3 {
        font-size: 48px;
    }
    .koala-sec2 {
        padding: 250px 0 100px;
    }
    .koala-sec3 {
        background-size: 529px, 61px, 100%;
    }
    .koala-sec3,
    .koala-sec4,
    .koala-sec5 {
        padding: 100px 0;
    }
    .koala-sec4>img.abs {
        max-height: 124px;
        bottom: -62px;
    }
}
@media (max-width: 991px) {
    .koala-sec1 {
        background-size: 102px, 104px, 273px, 269px, 654px, 160px, 100%;
        padding: 80px 30px 200px;
        background-position: right 80px bottom 180px, left 51% bottom 160px, right -50px bottom, left -50px bottom, left bottom, right top, center top;
    }
    .postar3-block.abs {
        top: -134px;
    }
    .koala-sec2 {
        padding: 200px 0 100px;
    }
    .koala-sec1-child:last-child>img {
        max-height: 134px;
    }
    .title-block>h3 {
        font-size: 44px;
        letter-spacing: 0.02em;
    }
    .title-block>h2 {
        font-size: 54px;
    }
    .title-block>h4 {
        font-size: 26px;
    }
    .koala-sec2 .title-block .abs2 {
        max-height: 110px;
        right: -70px;
    }
    .koala-sec2 .title-block .abs1 {
        max-height: 110px;
        left: -70px;
    }
    .mt60 {
        margin-top: 40px !important;
    }
    .koala-sec2>img.abs1 {
        max-height: 93px;
        left: calc(50% + 100px);
    }
    .koala-sec2-child {
        width: calc(25% - 15px);
    }
    .koala-sec3-child:first-child {
        width: calc(45% - 20px);
    }
    .koala-sec3-child:last-child {
        width: calc(55% - 20px);
    }
    .title-block>p {
        font-size: 16px;
        text-align: justify !important;
    }
    .koala-sec3 {
        background-size: 479px, 56px, 100%;
    }
    .koala-sec3>img.abs {
        max-height: 94px;
        right: calc(50% + 220px);
    }
    .back-to-top {
        bottom: 20px !important;
        right: 20px !important;
    }
    .title-block>p br {
        display: none;
    }
    .title-block>p br.block991 {
        display: block;
    }
    .loop-sec {
        margin: 50px 0;
    }
    .koala-sec2 .title-block .abs1, .koala-sec2 .title-block .abs2 {
        top: 0;
    }
    .koala-sec1-child .title-block p {
        padding: 0 30px;
    }
}
@media (max-width: 899px) {
    .koala-sec1 {
        background-size: 97px, 99px, 253px, 249px, 654px, 145px, 100%;
        background-position: right 80px bottom 180px, left 51% bottom 120px, right -50px bottom, left -50px bottom, left bottom, right top, center top;
    }
    .koala-sec1-child:first-child>img {
        max-height: 583px;
    }
    .koala-sec1-child:first-child {
        width: 438px;
    }
    .koala-sec1-child:last-child {
        width: calc(100% - 438px);
    }
}
@media (max-width: 840px) {
    .koala-sec1-child:last-child>img {
        max-height: 124px;
    }
    .title-block>h2 {
        font-size: 50px;
    }
    .title-block>h4 {
        font-size: 25px;
    }
    .mt30 {
        margin-top: 25px !important;
    }
    .mt50 {
        margin-top: 30px !important;
    }
    .title-block>hr {
        margin: 25px auto;
    }
    .title-block>p {
        line-height: 2em;
    }
    .koala-sec1-child:first-child>img {
        max-height: 503px;
    }
    .koala-sec1-child:first-child {
        width: 378px;
    }
    .koala-sec1-child:last-child {
        width: calc(100% - 378px);
    }
    .koala-sec1 {
        background-size: 97px, 99px, 253px, 249px, 574px, 130px, 100%;
    }
    .koala-sec3 {
        background-size: 429px, 51px, 100%;
        background-position: left top, right top 71%, center top;
    }
    .loop_wrap, .loop_wrap div img {
        height: 167px;
    }
    .title-block>h3 {
        font-size: 42px;
    }
    .sub-title-block h3 {
        font-size: 22px;
    }
    .sub-title-block .abs {
        max-height: 58px;
    }
    .sub-title-block .abs2 {
        left: calc(50% + 300px);
    }
    .sub-title-block .abs1 {
        right: calc(50% + 300px);
    }
    .koala-sec5 .sub-title-block .abs1 {
        right: calc(50% + 265px);
    }
    .koala-sec5 .sub-title-block .abs2 {
        left: calc(50% + 265px);
    }
}
@media (max-width: 799px) {
    .koala-sec1-child:first-child>img {
        max-height: 483px;
    }
    .koala-sec1-child:first-child {
        width: 363px;
    }
    .koala-sec1-child:last-child {
        width: calc(100% - 363px);
    }
    .koala-sec1 {
        background-size: 87px, 89px, 243px, 239px, 564px, 120px, 100%;
    }
    .koala-sec2 .title-block .abs2 {
        max-height: 100px;
        right: -20px;
    }
    .koala-sec2 .title-block .abs1 {
        max-height: 100px;
        left: -30px;
    }
}
@media (max-width: 767px) {
    .postar3-block-child {
        width: calc(100% / 3 - 20px);
    }
    .koala-sec1-child:last-child>img {
        max-height: 104px;
    }
    .title-block>h2 {
        font-size: 44px;
    }
    .title-block>h4 {
        font-size: 24px;
    }
    .mt30 {
        margin-top: 20px !important;
    }
    .title-block>p {
        font-size: 15px;
    }
    .koala-sec1-child:first-child>img,
    .koala-sec3-child:first-child>img {
        max-height: 433px;
    }
    .koala-sec1-child:first-child {
        width: 325px;
    }
    .koala-sec1-child:last-child {
        width: calc(100% - 325px);
    }
    .koala-sec1 {
        background-size: 77px, 79px, 223px, 219px, 504px, 110px, 100%;
        padding: 80px 30px 160px;
        background-position: right 80px bottom 180px, left 50% bottom 80px, right -50px bottom, left -50px bottom, left bottom, right top, center top;
    }
    .postar3-block.abs {
        top: -106px;
    }
    .koala-sec2 {
        padding: 160px 0 80px;
    }
    .title-block>h3 {
        font-size: 36px;
    }
    .koala-sec2 .title-block .abs2 {
        max-height: 85px;
        right: -40px;
    }
    .koala-sec2 .title-block .abs1 {
        max-height: 85px;
        left: -45px;
    }
    .koala-sec2 .title-block .abs1, .koala-sec2 .title-block .abs2 {
        top: 10px;
    }
    .koala-sec2>img.abs1 {
        max-height: 78px;
        left: calc(50% + 30px);
    }
    .mt60 {
        margin-top: 30px !important;
    }
    .koala-sec3-child:first-child,
    .koala-sec3-child:last-child {
        width: 100%;
    }
    .koala-sec3-child:last-child {
        margin-top: 30px;
    }
    .koala-sec3-child:first-child {
        text-align: center;
    }
    .koala-sec3, .koala-sec4, .koala-sec5 {
        padding: 80px 0;
    }
    .sub-title-block h3 {
        font-size: 20px;
        letter-spacing: 0.02em;
    }
    .sub-title-block .abs {
        max-height: 54px;
        top: 8px;
    }
    .sub-title-block .abs2 {
        left: calc(50% + 265px);
    }
    .sub-title-block .abs1 {
        right: calc(50% + 265px);
    }
    .koala-sec3>img.abs {
        max-height: 79px;
        right: calc(50% + 130px);
    }
    .koala-sec3 {
        background-size: 389px, 46px, 100%;
        background-position: left top, right top 45%, center top;
    }
    .back-to-top>img {
        max-height: 168px;
    }
    .back-to-top {
        width: 98px;
        height: 168px;
    }
    .koala-sec4>img.abs {
        max-height: 104px;
        bottom: -57px;
    }
    .loop-sec {
        margin: 40px 0;
    }
    .koala-sec5 {
        background-size: 228px, 140px, 100%;
    }
    .koala-sec5 .sub-title-block .abs1 {
        right: calc(50% + 245px);
    }
    .koala-sec5 .sub-title-block .abs2 {
        left: calc(50% + 245px);
    }
}
@media (max-width: 720px) {
    .koala-sec1 {
        padding: 80px 20px 160px;
    }
    .koala-sec1-child .title-block p {
        padding: 0 20px;
    }
    .loop_wrap, .loop_wrap div img {
        height: 147px;
    }
}
@media (max-width: 680px) {
    .title-block>h2 {
        font-size: 40px;
    }
    .koala-sec1-child:last-child>img {
        max-height: 94px;
    }
    .title-block>h4 {
        font-size: 23px;
    }
    .koala-sec1-child:first-child>img, .koala-sec3-child:first-child>img {
        max-height: 403px;
    }
    .koala-sec1-child:first-child {
        width: 303px;
    }
    .koala-sec1-child:last-child {
        width: calc(100% - 303px);
    }
    .title-block>hr {
        margin: 20px auto;
    }
    .mt30 {
        margin-top: 15px !important;
    }
    .mt50 {
        margin-top: 25px !important;
    }
    .koala-sec1 {
        background-size: 72px, 74px, 213px, 209px, 474px, 100px, 100%;
    }
    .koala-sec3 {
        background-size: 359px, 46px, 100%;
    }
    .title-block>p {
        letter-spacing: 0.02em;
    }
}
@media (max-width: 640px) {
    .koala-sec1-child:first-child,
    .koala-sec1-child:last-child {
        width: 100%;
    }
    .koala-sec1-child:last-child {
        margin-top: 40px;
    }
    .koala-sec1-child:first-child {
        text-align: center;
    }
    .koala-sec1 {
        padding: 80px 15px 160px;
        background-size: 0, 0, 213px, 209px, 359px, 120px, 100%;
        background-position: right 80px bottom 180px, left 50% bottom 80px, right -50px bottom, left -50px bottom, left top, right top, center top;
        background-image: url(../img2/koala_main6.png), url(../img2/koala_main4.png), url(../img2/koala_main7.png), url(../img2/koala_main9.png), url(../img2/koala_vis5.png), url(../img2/koala_main5.png), url(../img2/koala_back_repeat.png);
    }
    .koala-sec1-child .title-block p {
        padding: 0;
    }
    .koala-sec2>img.abs1 {
        max-height: 73px;
        left: calc(50% + 55px);
        bottom: -15px;
    }
    .koala-sec3>img.abs {
        max-height: 69px;
        right: calc(50% + 145px);
    }
    .koala-sec1-inner {
        max-width: 510px;
        margin: 0 auto;
    }
    .sub-title-block h3 {
        font-size: 19px;
    }
    .sub-title-block .abs {
        max-height: 52px;
    }
    .sub-title-block .abs1 {
        right: calc(50% + 245px);
    }
    .sub-title-block .abs2 {
        left: calc(50% + 245px);
    }
    .koala-sec5 .sub-title-block .abs1 {
        right: calc(50% + 220px);
    }
    .koala-sec5 .sub-title-block .abs2 {
        left: calc(50% + 220px);
    }
}
@media (max-width: 575px) {
    .koala-sec5 {
        background-size: 178px, 110px, 100%;
    }
    .koala-sec3 {
        background-size: 329px, 46px, 100%;
    }
    .koala-sec1 {
        background-size: 0, 0, 213px, 209px, 329px, 120px, 100%;
        padding: 80px 30px 160px;
    }
    .loop_wrap, .loop_wrap div img {
        height: 127px;
    }
    .loop-sec {
        margin: 35px 0;
    }
    .back-to-top>img {
        max-height: 148px;
    }
    .back-to-top {
        width: 86px;
        height: 148px;
    }
    .sub-title-block .abs {
        max-height: 80px;
    }
    .sub-title-block .abs1 {
        right: calc(50% + 180px);
    }
    .sub-title-block .abs2 {
        left: calc(50% + 180px);
    }
    .koala-sec5 .sub-title-block .abs1,
    .koala-sec5 .sub-title-block .abs2 {
        max-height: 52px;
    }
}
@media (min-width: 576px) {
  .sub-title-block h3 br.none576 {
      display: none;
  }
}
@media (max-width: 540px) {
    .postar3-block-child {
        width: calc(100% / 3 - 10px);
    }
    .koala-sec3 {
        background-size: 299px, 46px, 100%;
    }
    .koala-sec1 {
        background-size: 0, 0, 213px, 209px, 299px, 100px, 100%;
    }
    .koala-sec2 .title-block .abs1,
    .koala-sec2 .title-block .abs2 {
        max-height: 0;
    }
    .sub-title-block h3 {
        font-size: 18px;
    }
    .sub-title-block .abs {
        max-height: 78px;
    }
    .sub-title-block .abs1 {
        right: calc(50% + 165px);
    }
    .sub-title-block .abs2 {
        left: calc(50% + 165px);
    }
    .koala-sec5 .sub-title-block .abs1,
    .koala-sec5 .sub-title-block .abs2 {
        max-height: 50px;
    }
    .koala-sec5 .sub-title-block .abs1 {
        right: calc(50% + 210px);
    }
    .koala-sec5 .sub-title-block .abs2 {
        left: calc(50% + 210px);
    }
}
@media (max-width: 520px) {
    .postar3-block.abs {
        top: -101px;
    }
    .koala-sec2>img.abs1 {
        max-height: 68px;
        left: calc(50% + 45px);
        bottom: -12px;
    }
    .koala-sec3>img.abs {
        max-height: 64px;
        right: calc(50% + 140px);
    }
    .koala-sec4>img.abs {
        max-height: 94px;
        bottom: -52px;
    }
    .koala-sec1 {
        padding: 80px 30px 150px;
    }
    .koala-sec2 {
        padding: 150px 0 80px;
    }
}
@media (max-width: 500px) {
    .koala-sec5 .sub-title-block .abs1 {
        right: calc(50% + 205px);
    }
    .koala-sec5 .sub-title-block .abs2 {
        left: calc(50% + 205px);
    }
}
@media (max-width: 480px) {
    .koala-sec1-child:last-child>img {
        max-height: 84px;
    }
    .title-block>h2 {
        font-size: 36px;
    }
    .title-block>h4 {
        font-size: 20px;
    }
    .title-block>p {
        font-size: 14px;
    }
    .koala-sec1 {
        padding: 70px 30px 140px;
        background-size: 0, 0, 203px, 199px, 269px, 90px, 100%;
    }
    .koala-sec2 {
        padding: 140px 0 70px;
    }
    .title-block>h3 {
        font-size: 32px;
    }
    .postar3-block.abs {
        top: -92px;
    }
    .koala-sec2-child {
        width: calc(50% - 15px);
    }
    .koala-sec2-child:nth-child(n+3) {
        margin-top: 30px;
    }
    .koala-sec2>img.abs1 {
        max-height: 63px;
        left: calc(50% + 45px);
        left: 50%;
        transform: translateX(-50%);
    }
    .koala-sec3 {
        background-size: 269px, 41px, 100%;
        background-position: left top, right top 42%, center top;
    }
    .koala-sec3>img.abs {
        max-height: 59px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    .koala-sec3, .koala-sec4, .koala-sec5 {
        padding: 70px 0;
    }
    .koala-sec4>img.abs {
        max-height: 84px;
        bottom: -47px;
    }
    .koala-sec5 {
        background-size: 148px, 85px, 100%;
    }
    .sub-title-block h3 {
        font-size: 17px;
    }
    .sub-title-block .abs {
        max-height: 68px;
    }
    .sub-title-block .abs1 {
        right: calc(50% + 150px);
    }
    .sub-title-block .abs2 {
        left: calc(50% + 150px);
    }
    .koala-sec5 .sub-title-block .abs1, .koala-sec5 .sub-title-block .abs2 {
        max-height: 42px;
    }
    .koala-sec5 .sub-title-block .abs1 {
        right: calc(50% + 190px);
    }
    .koala-sec5 .sub-title-block .abs2 {
        left: calc(50% + 190px);
    }
    .back-to-top>img {
        max-height: 128px;
    }
    .back-to-top {
        width: 74px;
        height: 128px;
        bottom: 15px !important;
        right: 15px !important;
    }
    .loop-sec {
        margin: 30px 0;
    }
}
@media (max-width: 440px) {
    .koala-sec1-child:first-child>img, .koala-sec3-child:first-child>img {
        max-height: 373px;
    }
    .koala-sec1-child:last-child>img {
        max-height: 69px;
    }
    .mt50 {
        margin-top: 20px !important;
    }
    .postar3-block.abs {
        top: -82px;
    }
    .koala-sec1 {
        padding: 70px 30px 130px;
        background-size: 0, 0, 203px, 199px, 239px, 80px, 100%;
    }
    .koala-sec2 {
        padding: 130px 0 70px;
    }
    .koala-sec3 {
        background-size: 239px, 41px, 100%;
    }
    .loop_wrap, .loop_wrap div img {
        height: 107px;
    }
    .loop-sec {
        margin: 25px 0;
    }
    .sub-title-block .abs,
    .koala-sec5 .sub-title-block .abs1,
    .koala-sec5 .sub-title-block .abs2 {
        max-height: 0;
    }
    .title-block>h3 {
        font-size: 30px;
    }
    .title-block>h4 {
        font-size: 19px;
    }
    .mt30 {
        margin-top: 20px !important;
    }
    .koala-sec2>img.abs1 {
        max-height: 58px;
    }
    .koala-sec3>img.abs {
        max-height: 54px;
    }
    .koala-sec3 .sub-title-block h3 br {
        display: none;
    }
    .sub-title-block h3 {
        text-align: justify !important;
    }
}
@media (max-width: 430px) {
    .title-block>hr {
        width: 30px;
    }
    .postar3-block.abs {
        top: -80px;
    }
    .title-block>h2 {
        font-size: 32px;
    }
    .title-block>h4 {
        font-size: 18px;
    }
}
@media (max-width: 414px) {
    .koala-sec1-child:first-child>img, .koala-sec3-child:first-child>img {
        max-height: 343px;
    }
    .koala-sec1 {
        padding: 70px 30px 120px;
        background-size: 0, 0, 183px, 179px, 209px, 75px, 100%;
    }
    .koala-sec2 {
        padding: 120px 0 70px;
    }
    .koala-sec3 {
        background-size: 209px, 36px, 100%;
    }
}
@media (max-width: 390px) {
    .back-to-top>img {
        max-height: 118px;
    }
    .back-to-top {
        width: 69px;
        height: 118px;
    }
    .koala-sec4>img.abs {
        max-height: 74px;
        bottom: -42px;
    }
    .postar3-block.abs {
        top: -75px;
    }
}
@media (max-width: 375px) {
    .koala-sec1 {
        padding: 70px 30px 115px;
        background-size: 0, 0, 173px, 169px, 189px, 70px, 100%;
    }
    .koala-sec2 {
        padding: 115px 0 70px;
    }
    .postar3-block.abs {
        top: -71px;
    }
    .koala-sec1-child:last-child>img {
        max-height: 64px;
    }
    .title-block>h2 {
        font-size: 30px;
    }
    .title-block>h4 {
        font-size: 17px;
    }
    .title-block>h3 {
        font-size: 28px;
    }
    .koala-sec3 {
        background-size: 189px, 36px, 100%;
    }
    .loop_wrap, .loop_wrap div img {
        height: 97px;
    }
    .koala-sec5 {
        background-size: 128px, 75px, 100%;
    }
    .koala-sec1-child:first-child>img, .koala-sec3-child:first-child>img {
        max-height: 333px;
    }
    .koala-sec4 .postar3-block-child {
        width: calc(100% / 2 - 10px);
    }
    .koala-sec4 .postar3-block-child:last-child {
        margin: 20px auto 0;
    }
    .koala-sec2-child {
        width: calc(50% - 10px);
    }
    .koala-sec2-child:nth-child(n+3) {
        margin-top: 20px;
    }
}
@media (max-width: 360px) {
    .koala-sec1-child:first-child>img, .koala-sec3-child:first-child>img {
        max-height: 398px;
    }
    .koala-sec1 {
        padding: 60px 30px 100px;
        background-size: 0, 0, 153px, 149px, 169px, 65px, 100%;
    }
    .postar3-block.abs {
        top: -68px;
    }
    .koala-sec2 {
        padding: 100px 0 60px;
    }
    .koala-sec2>img.abs1 {
        max-height: 53px;
    }
    .koala-sec3 {
        background-size: 169px, 31px, 100%;
        background-position: left top, right top 47%, center top;
    }
    .koala-sec3, .koala-sec4, .koala-sec5 {
        padding: 60px 0;
    }
    .koala-sec3>img.abs {
        max-height: 49px;
    }
    .mt60 {
        margin-top: 25px !important;
    }
    .koala-sec4>img.abs {
        max-height: 64px;
        bottom: -37px;
    }
    .loop_wrap, .loop_wrap div img {
        height: 92px;
    }
    .back-to-top>img {
        max-height: 113px;
    }
    .back-to-top {
        width: 66px;
        height: 113px;
    }
    .sub-title-block h3 {
        font-size: 16px;
    }
    .title-block>p {
        font-size: 13px;
    }
    .title-block>h3 {
        font-size: 25px;
    }
    .koala-sec1-child:last-child {
        margin-top: 35px;
    }
    .koala-sec3-child:last-child {
        margin-top: 25px;
    }
    .title-block>h4 {
        font-size: 16px;
    }
    .title-block>h2 {
        font-size: 28px;
    }
    .koala-sec1-child:last-child>img {
        max-height: 59px;
    }
}
@media (max-width: 340px) {
    .postar3-block.abs {
        top: -63px;
    }
    .loop-sec {
        margin: 20px 0;
    }
}