@charset "UTF-8";
@media screen and (min-width: 768px) {
  .urawakari .tpl-main {
    overflow: visible !important;
  }
}

.side_wrap .tpl-section{max-width: 1100px;padding: 50px 0 100px;}
.side_wrap .side_inner{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;}
.side_wrap .side_left{width: 31.5%;background: #fff;border-radius: 17px;text-align: center;padding: 20px 15px 40px;position: relative;}
.side_wrap .side_left {position: sticky;top: 120px;}
.side_wrap .side_left .info-tit .txt-line{font-size: 1.4rem;letter-spacing: 0.1em;line-height:1.28;font-weight: bold;padding: 0 0 8px;margin: 0 0 8px;}
.side_wrap .side_left .info-tit .ttl-en{font-size: 2.5rem;letter-spacing: 0.1em;margin: 0 0 8px;}
.side_wrap .side_left .info-tit .ttl-jp{font-size: 1.3rem;font-weight: bold;letter-spacing: 0.1em;line-height: 2;border-bottom: 2px dotted #707070;max-width: 230px;margin: 0 auto 40px;}
.side_wrap .side_left .img-abs-tit{position: absolute;top: 14%;}
.side_wrap .side_left .img-abs-tit01{left: 2%;}
.side_wrap .side_left .img-abs-tit02{right: 0;top: 17%;}

.side_wrap .side_left .info-inner .info-ttl{font-size: 1.5rem;font-weight: bold;margin: 0 0 15px;letter-spacing: 0.1em;line-height: 1.4;}
.side_wrap .side_left .info-inner .tpl-article__copy{padding: 0;letter-spacing: 0.05em;}
.side_wrap .side_left .list-img{position: relative;padding: 86px 0 38px;margin: 20px 0 0;}
.side_wrap .side_left .list-img .img-abs{position: absolute;}
.side_wrap .side_left .img-root{width: 72.66982622%;}

.side_wrap .side_left .list-img .img-abs01{width: 40.442338%;left: 5%;top: 0;}
.side_wrap .side_left .list-img .img-abs02{width: 31.94153238%;left: 24%;bottom: 0;}
.side_wrap .side_left .list-img .img-abs03{width: 44.233807%;right: 2%;top:14%;}

.side_wrap .side_right{width: 62.727%;}
.side_wrap .side_right .list-card{display: flex;justify-content: space-between;row-gap: 50px;flex-wrap: wrap;position: relative;}
.side_wrap .side_right .list-card::after{position: absolute;width: 288px;height: 143px;background: url('../images/urawakari/icon-random-top.svg') no-repeat center center/100% 100%;top: -30px;right: 10px;content: "";animation: bound .6s cubic-bezier(.33, 1, .68, 1) forwards calc(.06 * 1s + 0s);}

.side_wrap .card-link:nth-of-type(2){margin-top: 140px;}
.side_wrap .card-link:nth-of-type(2n+1){margin-top: -140px;}
.side_wrap .card-link:nth-of-type(1){margin-top: 0;}

.side_wrap .side_left .info-tit .txt-line{position: relative;width: fit-content;margin: 0 auto 8px;padding: 0 24px 8px;}
.side_wrap .txt-line::before{position: absolute;content: "";background: url('../images/urawakari/line-brd-left.png') no-repeat center center/100% 100%;top: 0;left: 0;width: 16px;height: 43px;}
.side_wrap .txt-line::after{position: absolute;content: "";background: url('../images/urawakari/line-brd.png') no-repeat center center/100% 100%;top: 0;right: 0;width: 16px;height: 43px;}

@media (min-width: 769px) and (max-width: 1199px) {
  .side_wrap .side_left{width: 45%;}
  .side_wrap .side_right{width: 50%;}
  .side_wrap .card-link:nth-of-type(2),.side_wrap .card-link:nth-of-type(2n+1) {margin-top: unset;}
  .side_wrap .side_right .list-card::after {width: 40%;right: 0;}
  .tpl-section{width: calc(100% - 40px);}
}

@media screen and (max-width: 1000px) {
  .side_wrap .side_right .list-card::after {display: none;}
}
@media screen and (max-width: 768px) {
  .bg_wrap{padding-top: 64px;}
  .side_wrap .side_left{width: calc(100% + 14vw);margin: 0 -7vw;position: relative;top: 0;border-radius: 0;padding: 40px 20px;}
  .side_wrap .side_right{width: 100%;margin-top: 50px;}
  .side_wrap .card-link:nth-of-type(2),.side_wrap .card-link:nth-of-type(2n+1) ,.side_wrap .card-link:nth-of-type(1){margin-top: unset;}
  .side_wrap .tpl-section{padding-top: 0;}
  .side_wrap .side_left .info-box{max-width: 375px;margin: 0 auto;position: relative;}
  .side_wrap .side_right .list-card{flex-direction: column;justify-content: center;align-items: center;row-gap: 40px;}
}