@charset "UTF-8";

/* タイトル */
@media screen and (min-width: 901px) {
    a[id^="ti"]+section .inner_item_txt .heading.block_header_2 .h {
    writing-mode: vertical-rl;
    text-decoration: underline;
    text-underline-offset: -30px;
    padding-left: 5px;
}
}
@media screen and (max-width: 900px) {
    a[id^="ti"]+section .inner_item_txt .heading.block_header_2 .h {
    text-decoration: underline;
    text-underline-offset: 10px;
}
}

/* ライン */
@media screen and (min-width: 901px) {
    a[id^="ti"]+section .inner_item_txt {
    padding-right: 80px !important;
    padding-left: 80px !important ;
}
}

a[id^="ti"]+section .inner_item_txt .line {
    position: relative;
    padding-top: 60px;
}
a[id^="ti"]+section .inner_item_txt .line:before,
a[id^="ti"]+section .inner_item_txt .line:after {
    content: "";
    position: absolute;
    background: var(--i_border_color);
    display: block;
}
a[id^="ti"]+section .inner_item_txt .line:before {
    width: 30%;
    top: 30px;
    left: -40px;
    height: 1px;
}
a[id^="ti"]+section .inner_item_txt .line:after {
    width: 1px;
    top: 0;
    left: -20px;
    height: 45%;
}
@media screen and (max-width: 900px) {
    a[id^="ti"]+section .inner_item_txt .line {
    padding-top: 70px;
    padding-left: 50px;
    padding-right: 50px;
}
a[id^="ti"]+section .inner_item_txt .line:before {
    left: 0;
    top: 45px;
    width: 10%;
}
a[id^="ti"]+section .inner_item_txt .line:after {
    left: 20px;
    top: 15px;
    height: 55%;
}
}

@media screen and (max-width: 700px) {
    a[id^="ti"]+section .inner_item_txt .line:before {
        width: 80px;
    }
    a[id^="ti"]+section .inner_item_txt .line:after {
        height: 140px;
    }
}
@media screen and (max-width: 430px) {
    a[id^="ti"]+section .inner_item_txt .line {
        padding-left: 30px;
        padding-right: 30px;
    }
    a[id^="ti"]+section .inner_item_txt .line:before {
        left: -5px;
    }
    a[id^="ti"]+section .inner_item_txt .line:after {
        left: 10px;
    }
}
/* 共通 */
.js-anim {
  opacity: 0;
  transition: all 0.9s cubic-bezier(.25,.8,.25,1);
}

/* 下 */
.anim-up { transform: translateY(50px); }

/* 上 */
.anim-down { transform: translateY(-50px); }

/* 左 */
.anim-left { transform: translateX(-80px); }

/* 右 */
.anim-right { transform: translateX(80px); }

/* ズーム */
.anim-zoom { transform: scale(0.85); }

/* ふわっと回転 */
.anim-rotate {
  transform: translateY(40px) rotate(3deg);
}

/* 表示 */
.is-show {
  opacity: 1;
  transform: translate(0,0) scale(1) rotate(0);
}