@charset "UTF-8";
/* CSS Document */
//ブレイクポイントを指定------ここから
$xl: 1399px;
$lg: 1199px;
$md: 991px;
$sm: 767px;
$xs: 575px;

@mixin xl {
  @media screen and (max-width: ($xl)) {
    @content;
  }
}
@mixin lg {
  @media screen and (max-width: ($lg)) {
    @content;
  }
}
@mixin md {
  @media screen and (max-width: ($md)) {
    @content;
  }
}
@mixin sm {
  @media screen and (max-width: ($sm)) {
    @content;
  }
}
@mixin xs {
  @media screen and (max-width: ($xs)) {
    @content;
  }
}
//ブレイクポイントを指定------ここまで

//カラー
$green: #22923b;
$yellow: #fff100;




///*---------- greetings ----------*/
#greetings {
    position: relative;
    padding-bottom: 3rem;
    margin-bottom: 19rem;
    @include lg {
        padding-bottom: 0rem;
    }
    @include sm {
        margin-bottom: 10rem;
    }
    .greetings-img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: -1;
        @include lg {
            right: -7rem;
        }
        @include md {
            width: 85%;
            right: -10rem;
            bottom: -4rem;
        }
        @include sm {
            position: revert;
            width: 100%;
            text-align: right;
            margin-top: 2rem;
        }
        @include xs {
            margin-top:0rem;
        }
        img {
            width: 100%;
            height: 100%;
            @include sm {
                width: 90%;
            }
        }
    }
    .greetings-box {
        dl {
            text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
            -webkit-filter: drop-shadow(0px 0px 10px #fff);
            filter: drop-shadow(0px 0px 2px #fff);
            dt {
                font-size: 30px;
                font-size: 3rem;
                color: $green;
                margin-bottom: 3rem;
                line-height: 5rem;
                @include lg {
                    font-size: 26px;
                    font-size: 2.6rem;
                    margin-bottom: 2rem;
                    line-height: 4rem;
                }
                @include xs {
                    font-size: 23px;
                    font-size: 2.3rem;
                    line-height: 3.5rem;
                }
            }
            dd {
                line-height: 3.3rem;
                font-weight: 500;
                @include md {
                    width: 63%;
                }
                @include sm {
                    width: 100%;
                }
                @include xs {
                    line-height: 2.8rem;
                }
            }
        }
    }
    
}




///*---------- policy ----------*/
#policy {
    background-image: url("../img/company-policy_re.jpg");
    margin-bottom: 5rem;
    padding-bottom: 13rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    @include xs {
        padding-bottom: 9rem;
        margin-bottom: 3rem;
    }
    h3 {
        padding-top: 8rem;
    }
    dl {
        text-align: center;
        dt {
            font-size: 61px;
            font-size: 6.1rem;
            font-weight: 800;
            margin-bottom: 5.5rem;
            span {
                color: $green;
            }
            @include md {
                font-size: 55px;
                font-size: 5.5rem;
            }
            @include sm {
                font-size: 43px;
                font-size: 4.3rem;
                margin-bottom: 3.5rem;
            }
            @include xs {
                line-height: 4.5rem;
                font-size: 3.3rem;
                margin-bottom: 2rem;
            }
        }
        dd {
            font-size: 20px;
            font-size: 2rem;
            line-height: 3.3rem;
            font-weight: 500;
        }
    }
    
}

///*----------  ----------*/
#company-imgs {
    margin-bottom: 13rem;
    @include lg {
        margin-bottom: 10rem;
    }
    @keyframes infinity-scroll-left {
    from {
      transform: translateX(0);
    }
      to {
      transform: translateX(-100%);
    }
    }
    .scroll-infinity__wrap {
      display: flex;
      overflow: hidden;
    }
    .scroll-infinity__list {
      display: flex;
      list-style: none;
      padding: 0
    }
    .scroll-infinity__list--left {
      animation: infinity-scroll-left 40s infinite linear 0.5s both;
    }
    .scroll-infinity__item {
      width: calc(100vw / 3);
        @include sm {
          width: calc(100vw /1.5);
        }
    }
    .scroll-infinity__item {
        img {
            width:  100%;
            height: 100%;
            padding-left: 2rem;
        }
    }
}

///*---------- about ----------*/
#about {
    margin-bottom: 10rem;
    .inner {
//        width: 85%;
    }
    table {
        width: 100%;
        margin-bottom: 5rem;
        tr {
            border-bottom: solid 0.5px #000000;
            th {
                background-color: #daefda;
                font-weight: normal;
                padding-left: 4rem;
                padding-right: 1rem;
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                @include sm {
                    padding-left: 2rem;
                }
                @include xs {
                    display: block;
                padding-top: 1rem;
                padding-bottom: 1rem;
                }
            }
            td {
                padding-left: 3rem;
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
                @include sm {
                    padding-left: 2rem;
                }
                @include xs {
                    display: block;
                    padding-top: 1rem;
                    padding-bottom: 1rem;
                }
                a {
                     color: #000000;
                     text-decoration: none;
                }
            }
            &:first-of-type {
                border-top: solid 0.5px #000000;
            }
        }
    }
    .about-img {
        img {
            padding-bottom: 3rem;
             width: 100%;
            @include xs {
                padding-bottom: 1.5rem;
            }
        }
    }
}
///*----------  ----------*/