@charset "UTF-8";@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");:root {
    --grid_content-margin: 6.25%;
    --grid_content-small: 70.8333333333%;
    --grid_content-medium: 87.5%
}
main.l-main.u-overflow {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif!important;
}
@media screen and (max-width: 767px) {
    :root {
        --grid_content-small:85.7142857143%;
        --grid_content-medium: 85.7142857143%;
        --grid_content-margin: 7.1428571429%;
        --grid_header-menu: 42.8571428571%;
        --grid_header-switch: 14.2857142857%;
        --grid_sitemap: 100%;
        --grid_footer-information: 100%
    }
}

:root {
    --color_theme: #F08300;
    --color_txt: #ffffff;
    --color_line: #3f3f3f;
    --color_placeholder: #cccccc;
    --color_clear: transparent;
    --color_white: #ffffff;
    --color_black: #111111;
    --color_red: #ff0000;
    --color_red2: #d70000;
    --color_red3: #d60000;
    --color_gray: #333333;
    --color_gray2: #E0E0E0;
    --color_gray3: #F3F3F3;
    --color_gray4: #EEEEEE;
    --color_gray5: #999999;
    --color_gray6: #666666;
    --color_orange: #e08831;
    --color_green: #a6bd3b;
    --color_green2: #abcd04;
    --color_green3: #9fbf02;
    --color_green4: #A0BF03;
    --color_brown: #803b2c;
    --color_brown2: #803B2D;
    --color_brown3: #944A3C;
    --color_blue: #00a6cc;
    --color_blue2: #00A6CB;
    --color_purple: #68318e;
    --color_purple2: #69318E;
    --color_purple3: #813AB0;
    --color_pink: #e94567;
    --color_pink2: #E84566
}

:root {
    --space_level1: 4;
    --space_level2: 8;
    --space_level3: 10;
    --space_level4: 12;
    --space_level5: 16;
    --space_level6: 20;
    --space_level7: 24;
    --space_level8: 30;
    --space_level9: 40;
    --space_level10: 60;
    --space_level11: 80;
    --space_level12: 100;
    --space_level13: 120;
    --space_level14: 160;
    --space_level15: 180;
    --space_level16: 240
}

@media screen and (max-width: 767px) {
    :root {
        --space_level1:2;
        --space_level2: 4;
        --space_level3: 5;
        --space_level4: 6;
        --space_level5: 8;
        --space_level6: 10;
        --space_level7: 12;
        --space_level8: 15;
        --space_level9: 20;
        --space_level10: 30;
        --space_level11: 40;
        --space_level12: 50;
        --space_level13: 60;
        --space_level14: 80;
        --space_level15: 90;
        --space_level16: 120
    }
}

:root {
    --font-size_level1: 10;
    --font-size_level2: 12;
    --font-size_level3: 14;
    --font-size_level4: 16;
    --font-size_level5: 18;
    --font-size_level6: 24;
    --font-size_level7: 28;
    --font-size_level8: 30;
    --font-size_level9: 36;
    --font-size_level10: 48;
    --font-size_level11: 60;
    --font-size_level12: 72
}

@media screen and (max-width: 1023px) {
    :root {
        --font-size_level1:10;
        --font-size_level2: 11;
        --font-size_level3: 12;
        --font-size_level4: 16;
        --font-size_level5: 18;
        --font-size_level6: 21;
        --font-size_level7: 24;
        --font-size_level8: 26;
        --font-size_level9: 32;
        --font-size_level10: 36;
        --font-size_level11: 48;
        --font-size_level12: 60
    }
}

@media screen and (max-width: 767px) {
    :root {
        --font-size_level1:10;
        --font-size_level2: 11;
        --font-size_level3: 12;
        --font-size_level4: 14;
        --font-size_level5: 16;
        --font-size_level6: 18;
        --font-size_level7: 18;
        --font-size_level8: 21;
        --font-size_level9: 20;
        --font-size_level10: 21;
        --font-size_level11: 22;
        --font-size_level12: 48
    }
}

:root {
    --font-family_type1: Hiragino Kaku Gothic Pro,'ヒラギノ角ゴ Pro W3','ヒラギノ角ゴ Pro','メイリオ','游ゴシック体','ＭＳ Ｐゴシック','Yu Gothic',YuGothic,'Meiryo',メイリオ,'MS PGothic',sans-serif;
    --font-family_type2: UD Shin Go NT Regular,UD新ゴNT R;
    --font-family_type3: 'Red Hat Display',sans-serif
}

:root {
    --font-family_base: 游ゴシック体, "Yu Gothic", YuGothic!important;
    --font-family_udshingo-r: 游ゴシック体, "Yu Gothic", YuGothic!important;
    --font-family_udshingo-m: 游ゴシック体, "Yu Gothic", YuGothic!important;
    --font-family_udshingo-db: 游ゴシック体, "Yu Gothic", YuGothic!important;
    --font-family_udshingo-b: 游ゴシック体, "Yu Gothic", YuGothic!important;
    --font-family_noto: 'Noto Sans JP','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    --font-family_en: 'Red Hat Display',sans-serif
}

.t-home-news,.t-home-service,.t-home-slide,.t-home-visual {
    background-color: var(--color_white);
    position: relative;
    z-index: 10
}

.t-home-visual__pict__gradient {
    display: none
}

.ua-edge-18-lte .t-home-visual__pict__gradient {
    display: block
}

.ua-edge-18-lte .t-home-visual__pict__normal {
    display: none
}

.t-home-visual {
    padding-bottom: 6.5rem;
    background-color: var(--color_white);
    position: relative
}

@media screen and (max-width: 767px) {
    .t-home-visual {
        padding-bottom:3rem
    }
}

.t-home-visual__copy-en {
    font-size: 10rem;
    line-height: 1;
    font-family: var(--font-family_en);
    font-weight: 700;
    background-color: var(--color__black);
    word-break: keep-all;
    z-index: 1
}

.t-home-visual__copy-en span {
    display: block;
    opacity: 0;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem);
    will-change: opacity,transform;
    -webkit-transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1)
}

.is-op2 .t-home-visual__copy-en span {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width: 1600px) {
    .t-home-visual__copy-en {
        font-size:calc(8.4rem + 1vw)
    }
}

@media screen and (max-width: 767px) {
    .t-home-visual__copy-en {
        font-size:6.8rem
    }
}

@media screen and (max-width: 420px) {
    .t-home-visual__copy-en {
        font-size:4.6rem
    }
}

.t-home-visual__copy-en.-white {
    width: 100%;
    color: var(--color_white);
    position: absolute;
    top: 9rem;
    left: -31.83%;
    z-index: 1000
}

@media screen and (min-width: 1430px) {
    .t-home-visual__copy-en.-white {
        left:-37.36%
    }
}

@media screen and (min-width: 1700px) {
    .t-home-visual__copy-en.-white {
        left:-44.42%
    }
}

@media screen and (max-width: 1023px) {
    .t-home-visual__copy-en.-white {
        left:-22.45%
    }
}

@media screen and (max-width: 767px) {
    .t-home-visual__copy-en.-white {
        left:-25.8%;
        top: 2.5rem
    }
}

.t-home-visual__txt-wrap {
    position: relative;
    z-index: 1000
}

.t-home-visual__txt-wrap .u-mt-button3 {
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem);
    opacity: 0;
    -webkit-transition: opacity 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s 0.4s cubic-bezier(0.215,0.61,0.355,1);
    will-change: opacity,transform
}

.is-op3 .t-home-visual__txt-wrap .u-mt-button3 {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (max-width: 420px) {
    .t-home-visual__txt-wrap .c-txt-medium,.t-home-visual__txt-wrap p.u-mt-button3 {
        display:none
    }
}

.t-home-visual__copy-ja {
    display: inline-block;
    margin-top: 1.5rem;
    font-size: 2.4rem;
    line-height: 1;
    font-family: var(--font-family_udshingo-db);
    text-shadow: 2px 2px 0px var(--color_white);
    position: relative;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem);
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s cubic-bezier(0.215,0.61,0.355,1);
    will-change: opacity,transform
}

.is-op3 .t-home-visual__copy-ja {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media screen and (min-width: 1600px) {
    .t-home-visual__copy-ja {
        font-size:calc(.8rem + 1vw)
    }
}

@media screen and (max-width: 767px) {
    .t-home-visual__copy-ja {
        margin-top:1rem;
        font-size: 1.4rem
    }
}

@supports (-ms-ime-align:auto) {
    .t-home-visual__copy-ja {
        font-family: "UD Shin Go NT DemiBold"
    }
}

.t-home-visual__txt {
    margin-top: 3.4rem;
    -webkit-transform: translateY(2.5rem);
    transform: translateY(2.5rem);
    opacity: 0;
    -webkit-transition: opacity 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1),transform 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 1.2s 0.2s cubic-bezier(0.215,0.61,0.355,1);
    will-change: opacity,transform
}

.is-op3 .t-home-visual__txt {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.t-home-visual__content {
    width: calc(100% + ((100vw - 100%) / 2));
    padding-top: 9rem;
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1s cubic-bezier(0.215,0.61,0.355,1);
    will-change: opacity
}

.is-op1 .t-home-visual__content {
    opacity: 1
}

@media screen and (min-width: 1430px) {
    .t-home-visual__content {
        width:calc(100% + ((100vw - 100%) / 2.6) - 7vh)
    }
}

@media screen and (max-width: 767px) {
    .t-home-visual__content {
        padding-top:2.5rem
    }
}

.t-home-visual__obj {
    width: 85.44%;
    -webkit-mask-image: url(/assets/image/common/logo/bg-logo.svg);
    mask-image: url(/assets/image/common/logo/bg-logo.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top left;
    mask-position: top left;
    -webkit-mask-size: 100%;
    mask-size: 100%;
    position: absolute;
    top: 0;
    right: -12.65%;
    z-index: 10;
    overflow: hidden
}

.t-home-visual__obj * {
    pointer-events: none
}

@media screen and (min-width: 1430px) {
    .t-home-visual__obj {
        width:82%
    }
}

@media screen and (min-width: 1700px) {
    .t-home-visual__obj {
        width:78%
    }
}

@media screen and (max-width: 1023px) {
    .t-home-visual__obj {
        width:91.95%
    }
}

@media screen and (max-width: 767px) {
    .t-home-visual__obj {
        right:-15.8%
    }
}

.t-home-visual__obj__gradation {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    mix-blend-mode: multiply;
    background-color: var(--color_theme)
}

.ua-edge-18 .t-home-visual__obj__gradation {
    mix-blend-mode: normal;
    background: none
}

.t-home-visual__obj__gradation canvas {
    width: 100%;
    height: 100%
}

.t-home-visual__pict {
    pointer-events: none;
    position: relative;
    width: 100%
}

.is-op1 .t-home-visual__pict .swiper-slide-active img,.is-op1 .t-home-visual__pict .swiper-slide-duplicate-active img,.is-op1 .t-home-visual__pict .swiper-slide-prev img {
    -webkit-animation: zoom 9s linear forwards;
    animation: zoom 9s linear forwards
}
.c-col {
    margin: 6% 0 4%;
}
@supports (-ms-ime-align:auto) {
    .swiper-slide-active img,.swiper-slide-duplicate-active img,.swiper-slide-prev img {
        -webkit-animation: none!important;
        animation: none!important
    }
}

.t-home-message {
    padding: 10% 0 6rem;
    position: relative;
    z-index: 10
}

.t-home-message .c-content-medium {
    width: 100%;
    position: relative;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .t-home-message {
        padding:8rem 0 8rem
    }
}

.t-home-message__inner {
    padding-bottom: 8rem;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-home-message__inner {
        padding-bottom:0
    }
}

.t-home-message__bg {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 1.2s cubic-bezier(0.215,0.61,0.355,1);
    will-change: opacity
}

.is-op2 .t-home-message__bg {
    opacity: 1
}

.t-home-message__bg.is-hide {
    visibility: hidden;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-home-message__bg:after,.t-home-message__bg:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.t-home-message__bg:before {
    background: rgba(0,0,0,0.25)
}

.t-home-message__bg:after {
    background: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.25)),to(rgba(0,0,0,0)));
    background: linear-gradient(90deg,rgba(0,0,0,0.25) 0%,rgba(0,0,0,0) 100%)
}

.t-home-message__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    right: 6rem;
    top: 2rem;
    bottom: auto;
    z-index: 100000;
    opacity: 0;
    -webkit-transition: opacity 0.6s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 0.6s cubic-bezier(0.215,0.61,0.355,1);
    will-change: opacity,position
}

@media screen and (max-width: 1023px) {
    .t-home-message__pagination {
        right:2rem
    }
}

@media screen and (max-width: 810px) {
    .t-home-message__pagination {
        top:-2rem;
        right: 2.7rem;
        opacity: 1
    }
}

@media screen and (max-width: 420px) {
    .t-home-message__pagination {
        top:-1rem
    }
}

@media screen and (max-width: 400px) {
    .t-home-message__pagination {
        top:-2rem
    }
}

@supports (-ms-ime-align:auto) {
    .t-home-message__pagination.is-fixed,.t-home-message__pagination.is-pos-bottom {
        position: absolute!important;
        right: 6rem!important;
        top: auto!important;
        bottom: 2rem!important;
        opacity: 1!important
    }
}

.t-home-message__pagination.is-pos-bottom {
    position: absolute;
    top: auto;
    bottom: 0rem;
    opacity: 1
}

.t-home-message__pagination.is-fixed {
    position: fixed;
    top: auto;
    bottom: 6rem;
    opacity: 1
}

.swiper-pagination-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 1;
    position: relative;
    -webkit-transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
    transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
    width: 40px;
    height: 40px;
    margin: 0!important;
    padding: 0!important;
    font-size: 1.2rem;
    font-family: var(--font-family_en);
    color: var(--color_white);
    background: transparent;
    font-weight: 700;
    text-align: center
}

.swiper-pagination-bullet:focus {
    outline: none
}

@media screen and (max-width: 767px) {
    .swiper-pagination-bullet {
        width:30px;
        height: 30px;
        font-size: 1rem
    }
}

.swiper-pagination-bullet+.swiper-pagination-bullet {
    margin-left: 1rem!important
}

.swiper-pagination-bullet .circle {
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (max-width: 767px) {
    .swiper-pagination-bullet .circle {
        width:30px!important;
        height: 30px!important
    }
}

.circle1,.circle2 {
    stroke-width: 1px;
    fill: none;
    -webkit-transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
    transition: all 0.6s cubic-bezier(0.19,1,0.22,1)
}

.circle1 {
    stroke: #fff;
    stroke-dasharray: 125px;
    stroke-dashoffset: 125px
}

.circle2 {
    opacity: 0;
    stroke: rgba(255,255,255,0.25)
}

.swiper-pagination-bullet:hover .circle2 {
    opacity: 1
}

.swiper-pagination-bullet-active .circle {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.is-op2 .swiper-pagination-bullet-active .circle1 {
    -webkit-animation: sliderPagination 5s linear forwards;
    animation: sliderPagination 5s linear forwards
}

.swiper-pagination-bullet-active .circle2 {
    opacity: 1
}

.t-home-service {
    overflow: hidden
}

.t-slide-control {
    width: 9.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    bottom: 5rem;
    left: 0
}

@media screen and (max-width: 767px) {
    .t-slide-control {
        display:none
    }
}

.t-slide-control__next,.t-slide-control__prev {
    --size: 4rem;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    border: 1px solid var(--color_gray2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    -webkit-transition: all 0.6s cubic-bezier(0.19,1,0.22,1);
    transition: all 0.6s cubic-bezier(0.19,1,0.22,1)
}

.t-slide-control__next[aria-disabled=true],.t-slide-control__prev[aria-disabled=true] {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.t-slide-control__next[aria-disabled=true]:before,.t-slide-control__prev[aria-disabled=true]:before {
    opacity: 0.3
}

.t-slide-control__next:hover,.t-slide-control__prev:hover {
    border: 1px solid var(--color_black)
}

.t-slide-control__next:before,.t-slide-control__prev:before {
    --size_w: 6px;
    --size_h: 11px;
    content: "";
    display: block;
    width: var(--size_w);
    height: var(--size_h);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.t-slide-control__prev:before {
    --size_w: 6px;
    --size_h: 11px;
    background-image: url(/assets/image/common/icon-arrow-left-small_black.svg);
    background-size: var(--size_w) var(--size_h)
}

.t-slide-control__next:before {
    --size_w: 6px;
    --size_h: 11px;
    background-image: url(/assets/image/common/icon-arrow-right-small_black.svg);
    background-size: var(--size_w) var(--size_h)
}

.t-home-service__slide {
    width: 100%;
    margin-top: 6rem;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 767px) {
    .t-home-service__slide {
        margin-top:2.2rem
    }
}

.t-home-service__slide .swiper-scrollbar {
    width: calc(100% - (6rem + 14.8rem));
    height: 1px;
    margin-top: 8.3rem;
    margin-bottom: 7.1rem;
    margin-left: 14.8rem;
    background-color: #e0e0e0;
    position: relative;
    top: 1px
}

@media screen and (max-width: 767px) {
    .t-home-service__slide .swiper-scrollbar {
        width:calc(100% - 27px);
        margin-top: 4.6rem;
        margin-bottom: 3.3rem;
        margin-left: 0
    }
}

.t-home-service__slide .swiper-scrollbar-drag {
    position: relative;
    background-color: #111111;
    border-radius: 100px;
    height: 5px;
    position: relative;
    border-radius: 100px;
    z-index: 10;
    cursor: pointer;
    top: -2px
}

.t-home-service__slide .swiper-wrapper {
    width: 100%
}

.t-home-service__slide__item a {
    display: block
}

.t-home-service__slide__item a:hover .t-home-service__slide__pict>img {
    -webkit-transform: scale(1.025);
    transform: scale(1.025)
}

.t-home-service__slide__item a:hover .t-home-service__slide__pict:after {
    opacity: 0.4
}

.t-home-service__slide__item.-home-care a:hover .t-home-service__heading {
    color: var(--color_theme)
}

.t-home-service__slide__item.-visiting-care a:hover .t-home-service__heading {
    color: var(--color_green4)
}

.t-home-service__slide__item.-welfare a:hover .t-home-service__heading {
    color: var(--color_brown3)
}

.t-home-service__slide__item.-care-school a:hover .t-home-service__heading {
    color: var(--color_blue2)
}

.t-home-service__slide__item.-care-staff a:hover .t-home-service__heading {
    color: var(--color_purple3)
}

.t-home-service__slide__item.-nursery-school a:hover .t-home-service__heading {
    color: var(--color_pink2)
}

.t-home-service__slide__pict {
    position: relative;
    overflow: hidden;
    border-width: 0 0 4px 0;
    border-style: solid
}

@media screen and (max-width: 767px) {
    .t-home-service__slide__pict {
        border-width:0 0 2px 0
    }
}

.-home-care .t-home-service__slide__pict {
    border: none;
}

.-visiting-care .t-home-service__slide__pict {
    border: none;
}

.-welfare .t-home-service__slide__pict {
    border: none;
}

.-care-school .t-home-service__slide__pict {
    border: none;
}

.-care-staff .t-home-service__slide__pict {
    border: none;
}

.-nursery-school .t-home-service__slide__pict {
    border: none;
}

.t-home-service__slide__pict img {
    display: block;
    -webkit-transition: -webkit-transform 0.8s cubic-bezier(0.215,0.61,0.355,1);
    transition: -webkit-transform 0.8s cubic-bezier(0.215,0.61,0.355,1);
    transition: transform 0.8s cubic-bezier(0.215,0.61,0.355,1);
    transition: transform 0.8s cubic-bezier(0.215,0.61,0.355,1),-webkit-transform 0.8s cubic-bezier(0.215,0.61,0.355,1);
    will-change: transform
}

.t-home-service__slide__pict:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.25)));
    background: linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    will-change: opacity;
    -webkit-transition: opacity 0.8s cubic-bezier(0.215,0.61,0.355,1);
    transition: opacity 0.8s cubic-bezier(0.215,0.61,0.355,1)
}

.t-home-service__slide__logo {
    position: absolute;
    left: 50%;
    bottom: 3rem;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

@media screen and (max-width: 767px) {
    .t-home-service__slide__logo {
        bottom:1.7rem
    }
}

.-home-care .t-home-service__slide__logo {
    width: 84.34%
}

.-visiting-care .t-home-service__slide__logo {
    width: 86.53%
}

.-welfare .t-home-service__slide__logo {
    width: 83.8%
}

.-care-school .t-home-service__slide__logo {
    width: 67.58%
}

.-care-staff .t-home-service__slide__logo {
    width: 65.93%
}

.-nursery-school .t-home-service__slide__logo {
    width: 48.35%
}

.t-home-service__txt {
    margin-top: 10%;
    margin-bottom: 4%;
    font-size: 1vw;
    line-height: 1.5vw;
    color: #000000;
    font-weight: 600;
}
span.u-effect-border-bg {
    letter-spacing: 0vw;
    font-size: 0.9vw;
    font-weight: 600;
}
.t-home-service__txt:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc((((var(--font-size_level2) * -0.1rem) * 1.6) + (var(--font-size_level2) * 0.1rem)) / 2 + 0rem)
}

.t-home-service__txt:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc((((var(--font-size_level2) * -0.1rem) * 1.6) + (var(--font-size_level2) * 0.1rem)) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-home-service__txt {
        margin-top:1.4rem;
        font-size: calc(var(--font-size_level2) * 0.1rem);
        line-height: 1.4
    }

    .t-home-service__txt:before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-bottom: calc((((var(--font-size_level2) * -0.1rem) * 1.4) + (var(--font-size_level2) * 0.1rem)) / 2 + 0rem)
    }

    .t-home-service__txt:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-top: calc((((var(--font-size_level2) * -0.1rem) * 1.4) + (var(--font-size_level2) * 0.1rem)) / 2 + 0rem)
    }
}

.t-home-service__heading {
    margin-top: 1.3rem;
    font-size: 2rem;
    line-height: 1.4;
    font-family: var(--font-family_udshingo-db);
    -webkit-transition: color 0.3s cubic-bezier(0.215,0.61,0.355,1);
    transition: color 0.3s cubic-bezier(0.215,0.61,0.355,1);
    will-change: color
}

.t-home-service__heading:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-bottom: calc(((-2rem * 1.4) + 2rem) / 2 + 0rem)
}

.t-home-service__heading:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(((-2rem * 1.4) + 2rem) / 2 + 0rem)
}

@media screen and (max-width: 767px) {
    .t-home-service__heading {
        margin-top:0.9rem;
        font-size: 1.6rem;
        line-height: 1.4
    }
}

@supports (-ms-ime-align:auto) {
    .t-home-service__heading {
        font-family: "UD Shin Go NT DemiBold"
    }
}

.t-home-blog {
    padding-top: 28.8rem;
    padding-bottom: 16.8rem;
    background-color: var(--color_white);
    position: relative
}

@media screen and (max-width: 767px) {
    .t-home-blog {
        padding-top:14rem;
        padding-bottom: 8.5rem
    }
}

.t-home-blog__bg {
    width: calc(100% - 14.8% - 3.45%);
    height: 71.2%;
    background-color: #F5F6F4;
    position: absolute;
    top: 12.8rem;
    left: 0
}

.t-home-blog__bg.-right {
    left: auto;
    right: 0
}

@media screen and (max-width: 767px) {
    .t-home-blog__bg {
        width:calc(100% - 54px);
        height: 77.5%;
        top: 6rem
    }
}

.t-home-blog__bg__obj {
    width: 78.8%;
    position: absolute;
    top: 6.4rem;
    left: -9%
}

@media screen and (max-width: 767px) {
    .t-home-blog__bg__obj {
        width:108.7%;
        top: 4.5rem;
        left: -13.7%
    }
}

.t-home-news {
    margin-top: 5%;
    padding-top: 6%;
    padding-bottom: 1.5%;
    position: relative;
    background: #ededed;
}
.c-col {
    margin: 6% 0 5%;
    font-weight: 500;
}
@media screen and (max-width: 767px) {
    .t-home-news {
        padding-top:8rem;
        padding-bottom: 8.5rem
    }
}

.t-home-news__bg {
    width: calc(100% - 14.8% - 3.45%);
    height: 100%;
    height: 100%;
    background-color: #F5F6F4;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1
}

@media screen and (max-width: 767px) {
    .t-home-news__bg {
        width:calc(100% - 54px)
    }
}

.t-home-news__list {
    border-top: 1px solid #E0E0E0
}

.t-home-news__list li {
    border-bottom: 1px solid #E0E0E0
}

.t-home-news__list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-align: baseline;
    -ms-flex-align: initial;
    align-items: baseline;
    padding: 2.3rem 0;
    -webkit-transition: background-color 0.4s cubic-bezier(0.39,0.575,0.565,1);
    transition: background-color 0.4s cubic-bezier(0.39,0.575,0.565,1)
}

.t-home-news__list a:hover {
    background-color: rgba(255,255,255,0.6)
}

@media screen and (max-width: 767px) {
    .t-home-news__list a {
        padding:2rem 0
    }
}

.t-home-news__date {
    width: 13%;
    font-size: 0.9vw;
    font-weight: 600;
    line-height: 1;
    color: #000;
    letter-spacing: 2px;
}

@media screen and (max-width: 767px) {
    .t-home-news__date {
        width:8.2rem
    }
}

.t-home-news__content {
    width: calc(100% - 19.5rem)
}

@media screen and (max-width: 767px) {
    .t-home-news__content {
        width:calc(100% - 8.2rem)
    }
}

.t-home-news__txt {
    font-size: 0.94vw;
    line-height: 1.4vw;
    font-weight: 600;
    letter-spacing: 0.04vw;
}
.t-home-slide:before {
    content: "";
    display: block;
    width: 50%;
    height: 10rem;
    background-color: #F5F6F4;
    position: absolute;
    top: 0;
    right: 0
}
img.mainimg.sponly {
    display: none;
}
@media screen and (max-width: 767px) {
    .t-home-slide:before {
        height:4rem
    }
    .t-home-news__content {
    width: 100%!important;
    margin-top: 3%!important;
    font-size: 13px!important;
    line-height: 20px!important;
}
.t-home-service__txt {
    margin-top: 10%;
    font-size: 12px;
    line-height: 18px;
    font-weight: 600;
}
.t-home-news {
    margin-top: 0%!important;
    padding-top: 15%;
    padding-bottom: 12.5%;
    position: relative;
    background: #ededed;
}
.t-home-news__date {
    width:100%;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    color: #909090;
    letter-spacing: 0px;
}
.t-home-news__date {
    width: 100%;
}
span.u-effect-border-bg {
    letter-spacing: 0vw;
    font-size: 10px;
    font-weight: 600;
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif!important;
}
.t-home-news__txt {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 0px;
}
.c-col {
    margin: 15% 0 5%;
    font-weight: 500;
}
img.mainimg.pconly {
    display: none;
}
img.mainimg.sponly {
    display: inline;
}
}
