:root {
  --clr-main: #F49222;
  --clr-sub: #75B600;
  --clr-black: #333333;
  --clr-white: #fff;
  --clr-pink: #F88598;
  --clr-blue: #74CEE1;
  --fw-thin: 100;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  --fw-black: 900;
  --cubic: cubic-bezier(0.13, 1.05, 0.96, 1);
  --cubicHigh: cubic-bezier(.18,1.07,.55,1.07);
}

@media screen and (min-width: 768px), print {
  body {
    min-width: 120rem;
    overflow: hidden;
  }
  .mv {
    position: relative;
  }
  .mv__slider {
    margin-bottom: 0 !important;
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
  }
  .mv__slider.slick-initialized {
    opacity: 1;
  }
  .mv .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mv .slick-slide li {
    position: relative;
  }
  .mv .slick-slide img {
    width: 100vw;
  }
  .mv .slick-dots {
    bottom: 12rem;
  }
  .mv .slick-dots li {
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 .7rem;
  }
  .mv .slick-dots li button {
    background: #979797;
    padding: 0;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 999rem;
  }
  .mv .slick-dots li button::before {
    display: none;
  }
  .mv .slick-dots li.slick-active button {
    background: #fff;
  }
  .mv__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) translateY(3.6vw);
    -ms-transform: translate(-50%, -50%) translateY(3.6vw);
    transform: translate(-50%, -50%) translateY(3.6vw);
    font-size: 1.21vw;
    color: #fff;
    font-weight: 500;
    width: 13.3vw;
    height: 3.9vw;
    border-radius: 0.3vw;
    background-color: #F49222;
    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;
    border: .15vw solid #F49222;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .mv__btn:hover {
    background: #fff;
    color: #F49222;
  }
  .mv_news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 1.5rem;
    border: .1rem solid #FF4444;
    background: #FFF4F4;
  }
  .mv_news__ttl {
    background: #FF4444;
    color: #fff;
    width: 14rem;
    text-align: center;
    border-radius: 999rem;
    font-size: 1.5rem;
  }
  .mv_news__wrap {
    width: calc(100% - 14rem);
  }
  .mv_news__dd {
    padding-left: 1rem;
  }
  .mv_news__dd a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .mv_news__dd a span {
    font-size: 1.4rem;
    display: inline-block;
    white-space: nowrap;
  }
  .mv_news__dd a span:first-of-type {
    width: 9rem;
  }
  .mv_news__dd a span:nth-of-type(2) {
    color: #FF4444;
    max-width: calc(100% - 9rem - 2rem);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mv_news__dd a span:nth-of-type(3) {
    color: #FF4444;
    width: 2rem;
    text-align: right;
  }
  .popular {
    position: relative;
    z-index: 1;
    background: url(../images/top/popular_bg.svg) no-repeat center 4rem;
    height: 80rem;
  }
  .popular .campaign {
    pointer-events: none;
    position: relative;
    padding-top: 45rem;
  }
  .popular .campaign__ttl {
    position: relative;
    font-size: 3.6rem;
    margin-bottom: 4.5rem;
    font-weight: 500;
    text-align: center;
    color: #555555;
  }
  .popular .campaign__ttl span {
    position: relative;
  }
  .popular .campaign__ttl span::after, .popular .campaign__ttl span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1rem;
    height: 0.5rem;
    width: 8rem;
    background: url(/assets/images/top/line.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
  }
  .popular .campaign__ttl span::before {
    left: auto;
    right: -1rem;
    -webkit-transform: translateY(-50%) translateX(100%);
    -ms-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
  }
  .popular .campaign__listWrap {
    position: relative;
    padding-bottom: 4rem;
    pointer-events: auto;
  }
  .popular .campaign__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -1rem;
  }
  .popular .campaign .slick-list {
    width: 100%;
  }
  .popular .campaign__ele {
    max-width: 35.5rem;
    display: block !important;
    margin: 0 auto;
  }
  .popular .campaign__ele a {
    display: block;
  }
  .popular .campaign__allLink {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .popular .campaign .slick-dots {
    bottom: -3.5rem;
  }
  .popular .campaign .slick-dots li {
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 .7rem;
  }
  .popular .campaign .slick-dots li button {
    background: #979797;
    padding: 0;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 999rem;
  }
  .popular .campaign .slick-dots li button::before {
    display: none;
  }
  .popular .campaign .slick-dots li.slick-active button {
    background: #f49222;
  }
  .popular .campaign .slick-prev, .popular .campaign .slick-next {
    background: url(../images/common/arrow_white03.svg) no-repeat center center;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    border-radius: 999rem;
    border: .1rem solid #E3E3E3;
  }
  .popular .campaign .slick-prev::before, .popular .campaign .slick-next::before {
    display: none;
  }
  .popular .campaign .slick-prev {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
    left: -4rem;
  }
  .popular .campaign .slick-next {
    right: -4rem;
  }
  .popular .campaign .all {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #f49222;
    font-weight: bold;
    padding-right: 1.4em;
  }
  .popular .campaign .all::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 1.6rem;
    width: 1.6rem;
    background: url(../images/common/arrow_orange.svg) no-repeat;
    background-size: contain;
  }
  .popularWrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -8rem;
    background: #fff;
    border-radius: 2rem;
    padding: 4rem 6rem;
  }
  .popularWrap__ttl {
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
  }
  .popularWrap__ttl span {
    position: relative;
  }
  .popularWrap__ttl span::after, .popularWrap__ttl span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1rem;
    height: 0.5rem;
    width: 8rem;
    background: url(/assets/images/top/line.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
  }
  .popularWrap__ttl span::before {
    left: auto;
    right: -1rem;
    -webkit-transform: translateY(-50%) translateX(100%);
    -ms-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
  }
  .popularWrap__btnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.5rem;
  }
  .popularWrap__btn {
    text-align: center;
    width: calc(50% - 1rem);
  }
  .popularWrap__btn p {
    margin-bottom: 1rem;
    font-weight: 500;
  }
  .popularWrap__btn a {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    -webkit-box-shadow: 0.5rem 0.5rem 0 rgba(199, 192, 170, 0.5);
    box-shadow: 0.5rem 0.5rem 0 rgba(199, 192, 170, 0.5);
    border-radius: 1rem;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .popularWrap__btn a:hover {
    top: .5rem;
    left: .5rem;
    opacity: 1;
    -webkit-box-shadow: 0 0 0 rgba(199, 192, 170, 0.5);
    box-shadow: 0 0 0 rgba(199, 192, 170, 0.5);
  }
  .popularWrap__btn--first p {
    color: #F49222;
  }
  .popularWrap__btn--last p {
    color: #75B600;
  }
  .introduction {
    background: url(../images/top/introduction_bg.png);
    background-size: 1rem;
    padding: 15rem 0 9rem;
  }
  .introduction .board {
    position: relative;
    background: #fff;
    border-radius: 2rem;
    border: .6rem solid #FFE693;
    padding: 11rem;
  }
  .introduction .board::after, .introduction .board::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 6rem;
    width: 6rem;
    background: url(../images/top/board_corner.png);
  }
  .introduction .board::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background: url(../images/top/board_corner.png);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .introduction .board__clip {
    position: absolute;
    top: -7.2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .introduction .board__ele:nth-of-type(n + 2) {
    margin-top: 6rem;
    padding-top: 6rem;
    border-top: 2px dashed #F9B337;
  }
  .introduction .board__ttl {
    font-size: 1.8rem;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 500;
  }
  .introduction .board__ttl span {
    display: inline-block;
    position: relative;
    font-weight: 100;
    color: #F49222;
    padding-bottom: .8rem;
    margin-bottom: 1.5rem;
  }
  .introduction .board__ttl span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3rem;
    height: 1px;
    background: #F49222;
  }
  .introduction .board__ttl b {
    font-size: 3rem;
  }
  .introduction .board__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 5rem;
  }
  .introduction .board__img {
    width: 27.7rem;
  }
  .introduction .board__itemList {
    margin-top: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .introduction .board__itemEle {
    width: calc((100% / 3) - .15rem);
  }
  .introduction .board__itemEle:nth-of-type(n + 4) {
    margin-top: .2rem;
  }
  .introduction .board__itemEle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.4rem;
    background: #F6F6F6;
    min-height: 4.5rem;
    height: 100%;
    padding: 0.5rem 1.5rem;
    padding-right: 4rem;
    line-height: 1.5;
    font-weight: 100;
    letter-spacing: normal;
  }
  .introduction .board__itemEle a:hover {
    color: #fff;
    background: #BEBEBE;
    opacity: 1;
  }
  .introduction__btn {
    margin-top: 6rem;
  }
  .bnrArea {
    padding: 8rem 0 22rem;
  }
  .bnrArea__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .bnrArea__ele {
    width: calc(100% / 4 - 1.5rem);
  }
  .bnrArea__ele:nth-of-type(n + 2) {
    margin-left: 3rem;
  }
  .group {
    position: relative;
    background: url(../images/top/group_deco.png) center 15rem, -webkit-gradient(linear, left top, left bottom, from(#CCEAF0), to(#FAF9F2));
    background: url(../images/top/group_deco.png) center 15rem, linear-gradient(to bottom, #CCEAF0, #FAF9F2);
    background-size: contain;
    padding-bottom: 70rem;
  }
  .group::after, .group::before {
    content: "";
    position: absolute;
    bottom: 6rem;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(-68rem);
    -ms-transform: translateX(-50%) translateX(-68rem);
    transform: translateX(-50%) translateX(-68rem);
    background: url(../images/top/group_illust02.svg) no-repeat center center;
    background-size: contain;
    width: 11rem;
    height: 12rem;
    z-index: 3;
  }
  .group::before {
    width: 5rem;
    height: 8rem;
    -webkit-transform: translateX(-50%) translateX(68rem) translateY(-10rem);
    -ms-transform: translateX(-50%) translateX(68rem) translateY(-10rem);
    transform: translateX(-50%) translateX(68rem) translateY(-10rem);
    background: url(../images/top/group_illust01.svg) no-repeat center center;
    background-size: contain;
  }
  .group__bg {
    position: relative;
    width: 100%;
    height: 20rem;
    top: -13rem;
  }
  .group__bg::after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 250px;
    z-index: 10;
    background: url(../images/top/group_bg.png) repeat-x 0 0;
    overflow: hidden;
    -webkit-animation: typeloop 80s linear infinite;
    animation: typeloop 80s linear infinite;
    background-size: auto 250px;
  }
  .group .pickup {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 8rem;
    z-index: 2;
  }
  .group .pickup__ttl {
    text-align: left;
    padding-top: 5rem;
    position: relative;
    font-size: 3.6rem;
    margin-bottom: 11.5rem;
    font-weight: 500;
  }
  .group .pickup__ttl::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 19rem;
    width: 100%;
    background: url(../images/top/point_ttl.png) no-repeat top left;
    background-size: 36rem;
  }
  .group .pickup__ttl span {
    position: relative;
    z-index: 1;
  }
  .group .pickup__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .group .pickup__ele {
    border-radius: 1rem;
    position: relative;
    width: 50rem;
    -webkit-box-shadow: 1.7rem 2rem 6rem rgba(0, 0, 0, 0.2);
    box-shadow: 1.7rem 2rem 6rem rgba(0, 0, 0, 0.2);
  }
  .group .pickup__ele--report::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 29.2rem;
    height: 9.6rem;
    background: url(../images/top/pickup_illust.png) no-repeat center center;
    background-size: contain;
  }
  .group .pickup__btnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 3.7rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .group .pickup__btnWrap a:nth-of-type(n + 2) {
    margin-left: 2rem;
  }
  .group .waves {
    position: absolute;
    bottom: -.1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200vw;
  }
  .group .waves__ele {
    width: 50%;
  }
  .group .waves__ele:nth-of-type(1) {
    -webkit-animation: ticker 30s linear -15s infinite forwards;
    animation: ticker 30s linear -15s infinite forwards;
  }
  .group .waves__ele:nth-of-type(2) {
    -webkit-animation: ticker2 30s linear 0s infinite forwards;
    animation: ticker2 30s linear 0s infinite forwards;
  }
  .goal {
    position: relative;
    margin-top: 18rem;
    padding-top: 14rem;
    padding-bottom: 20rem;
    background: url(../images/top/goal_deco.png) center 6rem, -webkit-gradient(linear, left top, left bottom, from(#CCEAF0), to(#FAF9F2));
    background: url(../images/top/goal_deco.png) center 6rem, linear-gradient(to bottom, #CCEAF0, #FAF9F2);
    background-size: contain;
  }
  .goal .z-2 {
    position: relative;
    z-index: 2;
  }
  .goal .wavesB {
    position: absolute;
    top: -.1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200vw;
  }
  .goal .wavesB__ele {
    width: 50%;
  }
  .goal .wavesB__ele:nth-of-type(1) {
    -webkit-animation: ticker 30s linear -15s infinite forwards;
    animation: ticker 30s linear -15s infinite forwards;
  }
  .goal .wavesB__ele:nth-of-type(2) {
    -webkit-animation: ticker2 30s linear 0s infinite forwards;
    animation: ticker2 30s linear 0s infinite forwards;
  }
  .goal .waves {
    position: absolute;
    bottom: -.1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200vw;
  }
  .goal .waves__ele {
    width: 50%;
  }
  .goal .waves__ele:nth-of-type(1) {
    -webkit-animation: ticker 30s linear -15s infinite forwards;
    animation: ticker 30s linear -15s infinite forwards;
  }
  .goal .waves__ele:nth-of-type(2) {
    -webkit-animation: ticker2 30s linear 0s infinite forwards;
    animation: ticker2 30s linear 0s infinite forwards;
  }
  .goal__marquee {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 800rem;
    z-index: 2;
  }
  .goal__marquee img {
    width: calc((100% / 2) - 3rem);
  }
  .goal__figure {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .goal__figure:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .goal__figure:nth-of-type(n + 2) {
    margin-top: 15rem;
  }
  .goal__figure:first-of-type::after {
    content: "";
    position: absolute;
    bottom: -11rem;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(-6rem);
    -ms-transform: translateX(-50%) translateX(-6rem);
    transform: translateX(-50%) translateX(-6rem);
    width: 13.3rem;
    height: 11.4rem;
    background: url(../images/top/goal_illust02.svg) no-repeat;
  }
  .goal__figure:last-of-type::after {
    content: "";
    position: absolute;
    bottom: -16rem;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(54rem);
    -ms-transform: translateX(-50%) translateX(54rem);
    transform: translateX(-50%) translateX(54rem);
    width: 15.3rem;
    height: 11.4rem;
    background: url(../images/top/goal_illust01.svg) no-repeat;
    z-index: 2;
  }
  .goal__txtWrap {
    width: 68rem;
  }
  .goal__txtWrap--job {
    width: 54rem;
  }
  .goal__img {
    border-radius: 1.1rem;
    width: 52rem;
    -webkit-box-shadow: 2rem 2rem 4rem rgba(57, 98, 107, 0.3);
    box-shadow: 2rem 2rem 4rem rgba(57, 98, 107, 0.3);
  }
  .goal__ttl {
    font-size: 3.6rem;
    line-height: 1.5;
    padding: 3.5rem 0;
    font-weight: 500;
  }
  .goal__ttl--grow {
    background: url(../images/top/goal_ttl01.png) no-repeat left center;
    background-size: contain;
  }
  .goal__ttl--job {
    background: url(../images/top/goal_ttl02.png) no-repeat left center;
    background-size: contain;
  }
  .goal__txt {
    margin-top: -2rem;
    width: 53rem;
  }
  .goal__txt span {
    display: block;
    text-align: right;
    font-size: 1.2rem;
    margin-top: 1rem;
  }
  .goal__txt small {
    font-size: 1.2rem;
  }
  .goal__btn {
    margin-top: 2rem;
  }
  .goal__btn a {
    margin: 0;
  }
  .column {
    padding: 7.5rem 0 10rem;
  }
  .column__ttl {
    font-size: 3.6rem;
    text-align: center;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 3.5rem;
  }
  .column__ttl small {
    font-size: 1.8rem;
    color: #F49222;
    display: block;
    font-weight: lighter;
  }
  .column .slick-list {
    width: 100%;
  }
  .column-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .column-ele {
    -webkit-box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
    max-width: 34rem;
    display: block !important;
    margin: 0 auto;
    overflow: hidden;
  }
  .column-ele a {
    display: block;
  }
  .column-ele a:hover {
    opacity: 1;
  }
  .column-ele a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }
  .column-ele__wrap {
    padding: 2.4rem 2rem 2rem;
    min-height: 18.7rem;
  }
  .column-ele__img figure {
    position: relative;
    overflow: hidden;
    height: 20rem;
  }
  .column-ele__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .column-ele-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-ele-top__cat {
    background: #F49222;
    border-radius: .2rem;
    padding: 0 .5rem;
    color: #fff;
    font-weight: 500;
    font-size: 1.4rem;
  }
  .column-ele-top__date {
    font-size: 1.4rem;
    color: #BEBEBE;
  }
  .column-ele__ttl {
    display: block;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 1.2rem;
  }
  .column-ele__tag {
    position: relative;
    margin-top: 1rem;
    font-size: 1.2rem;
    font-weight: 500;
    padding-left: 1.5rem;
  }
  .column-ele__tag::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    background: url(../images/common/tag_icon.svg) no-repeat center center;
    background-size: contain;
  }
  .column-ele__tag, .column-ele__tag * {
    color: #F49222;
  }
  .column__btn {
    margin-top: 5rem;
  }
  .column .slick-list {
    padding: 2rem 0;
  }
  .column .slick-slide {
    margin: 0 1.5rem;
  }
  .column .slick-dots {
    bottom: -2.5rem;
  }
  .column .slick-dots li {
    height: 1.2rem;
    width: 1.2rem;
    margin: 0 .7rem;
  }
  .column .slick-dots li button {
    background: #979797;
    padding: 0;
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 999rem;
  }
  .column .slick-dots li button::before {
    display: none;
  }
  .column .slick-dots li.slick-active button {
    background: #F49222;
  }
  .column .slick-prev, .column .slick-next {
    background: url(../images/common/arrow_white03.svg) no-repeat center center;
    background-size: contain;
    width: 4rem;
    height: 4rem;
    border-radius: 999rem;
    border: .1rem solid #E3E3E3;
  }
  .column .slick-prev::before, .column .slick-next::before {
    display: none;
  }
  .column .slick-prev {
    -webkit-transform: translate(0, -50%) rotate(180deg);
    -ms-transform: translate(0, -50%) rotate(180deg);
    transform: translate(0, -50%) rotate(180deg);
    left: -4rem;
  }
  .column .slick-next {
    right: -4rem;
  }
  .news {
    background: url(../images/top/introduction_bg.png);
    background-size: 1rem;
    padding: 15rem 0 13rem;
  }
  .news .board {
    position: relative;
    background: #fff;
    border-radius: 2rem;
    border: .6rem solid #FFE693;
    padding: 6rem 10rem;
  }
  .news .board::after, .news .board::before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 6rem;
    width: 6rem;
    background: url(../images/top/board_corner.png);
  }
  .news .board::before {
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    background: url(../images/top/board_corner.png);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .news .board__clip {
    position: absolute;
    top: -7.2rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .news .board__ttl {
    text-align: center;
    font-size: 3.6rem;
    line-height: 1.5;
    font-weight: 500;
  }
  .news .board__ttl small {
    display: block;
    color: #F49222;
    font-size: 1.8rem;
    font-weight: lighter;
  }
  .news .board__list {
    margin-top: 2rem;
  }
  .news .board__ele:nth-of-type(n + 2) {
    border-top: .1rem dashed #F9B337;
  }
  .news .board__ele a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.8rem 4rem;
  }
  .news .board__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 24rem;
  }
  .news .board__date {
    display: inline-block;
    font-weight: lighter;
    font-size: 1.5rem;
    width: 11rem;
    padding-right: 1rem;
  }
  .news .board__tag {
    display: inline-block;
    text-align: center;
    background: #333;
    color: #fff;
    font-size: 1.5rem;
    width: 5rem;
    border-radius: 999rem;
  }
  .news .board__tag:nth-of-type(n + 2) {
    margin-left: 1rem;
  }
  .news .board__tag--pr {
    background: #F49222;
  }
  .news .board__tag--kantou {
    background: #8FC615;
  }
  .news .board__tag--kyushu {
    background: #F3BD52;
  }
  .news .board__tag--chugoku {
    background: #BC72CA;
  }
  .news .board__tag--all {
    background: #FF4444;
  }
  .news .board__tag--tokai {
    background: #74CEE1;
  }
  .news .board__tag--kansai {
    background: #F88598;
  }
  .news .board__archive {
    text-align: right;
    margin-top: 2rem;
    color: #F49222;
  }
  .news .board__txt {
    width: calc(100% - 24rem);
    padding-left: 1.5rem;
    font-weight: lighter;
  }
  .loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    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: 0;
    pointer-events: none;
    background: url(../images/top/loading_bg.png) center center;
    background-size: cover;
  }
  .loading.active {
    opacity: 1;
    pointer-events: inherit;
  }
  .loading.trans {
    -webkit-transition: 1s;
    transition: 1s;
  }
  .loading img {
    width: 60rem;
  }
}

@media screen and (max-width: 767px), print {
  body {
    overflow: hidden;
  }
  .mv__slider {
    margin-bottom: 0 !important;
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    transition: opacity .5s linear;
  }
  .mv__slider.slick-initialized {
    opacity: 1;
  }
  .mv .slick-slide, .mv .slick-slide * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mv .slick-dots {
    bottom: 13.33333vw;
  }
  .mv .slick-dots li {
    height: 2.13333vw;
    width: 2.13333vw;
    margin: 0 1.06667vw;
  }
  .mv .slick-dots li button {
    background: #979797;
    padding: 0;
    height: 2.13333vw;
    width: 2.13333vw;
    border-radius: 999rem;
  }
  .mv .slick-dots li button::before {
    display: none;
  }
  .mv .slick-dots li.slick-active button {
    background: #fff;
  }
  .mv__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) translateY(5.3vw);
    -ms-transform: translate(-50%, -50%) translateY(5.3vw);
    transform: translate(-50%, -50%) translateY(5.3vw);
    font-size: 3.2vw;
    color: #fff;
    font-weight: 500;
    width: 23.8vw;
    height: 8.2vw;
    border-radius: 0.9vw;
    background-color: #F49222;
    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;
    border: .15vw solid #F49222;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .mv_news {
    padding: 4vw;
    border: .1rem solid #FF4444;
    background: #FFF4F4;
  }
  .mv_news__ttl {
    background: #FF4444;
    color: #fff;
    width: 29.33333vw;
    text-align: center;
    border-radius: 999rem;
    font-size: 3.46667vw;
    margin-bottom: 1.33333vw;
  }
  .mv_news__dd a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .mv_news__dd a span {
    font-size: 3.2vw;
    display: inline-block;
    white-space: nowrap;
  }
  .mv_news__dd a span:first-of-type {
    width: 20vw;
  }
  .mv_news__dd a span:nth-of-type(2) {
    color: #FF4444;
    max-width: calc(100% - 24vw - 4vw);
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .mv_news__dd a span:nth-of-type(3) {
    color: #FF4444;
    width: 4vw;
    text-align: right;
  }
  .popular {
    position: relative;
    background: url(../images/top/popular_bg.svg) no-repeat center 4rem;
    height: 170vw;
  }
  .popular .campaign {
    pointer-events: none;
    padding-top: 90vw;
  }
  .popular .campaign__ttl {
    text-align: center;
    padding-top: 5.33333vw;
    position: relative;
    font-size: 6.4vw;
    margin-bottom: 8vw;
    font-weight: 500;
    color: #555555;
  }
  .popular .campaign__ttl span {
    position: relative;
  }
  .popular .campaign__ttl span::after, .popular .campaign__ttl span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1.33333vw;
    height: 0.8vw;
    width: 5.33333vw;
    background: url(../images/top/line_sp.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
  }
  .popular .campaign__ttl span::before {
    left: auto;
    right: -1.33333vw;
    -webkit-transform: translateY(-50%) translateX(100%);
    -ms-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
  }
  .popular .campaign__listWrap {
    position: relative;
    padding-bottom: 9.33333vw;
    pointer-events: auto;
  }
  .popular .campaign__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -4.26667vw;
  }
  .popular .campaign__list .slick-slide {
    margin: 0 1.86667vw;
  }
  .popular .campaign__list .slick-prev, .popular .campaign__list .slick-next {
    display: none;
  }
  .popular .campaign__list .slick-list {
    padding: 0 5vw;
  }
  .popular .campaign__allLink {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 4vw;
  }
  .popular .campaign .slick-dots {
    bottom: -8vw;
    width: auto;
    margin-left: 7vw;
  }
  .popular .campaign .slick-dots li {
    height: 2.13333vw;
    width: 2.13333vw;
    margin: 0 1.06667vw;
  }
  .popular .campaign .slick-dots li button {
    background: #979797;
    padding: 0;
    height: 2.13333vw;
    width: 2.13333vw;
    border-radius: 999rem;
  }
  .popular .campaign .slick-dots li button::before {
    display: none;
  }
  .popular .campaign .slick-dots li.slick-active button {
    background: #f49222;
  }
  .popularWrap {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -9.33333vw;
    background: #fff;
    border-radius: 2.66667vw;
    padding: 5.86667vw 0 0 !important;
    width: calc(100% - 6.7vw * 2);
  }
  .popularWrap__ttl {
    text-align: center;
    font-size: 4.8vw;
    font-weight: 500;
  }
  .popularWrap__ttl span {
    position: relative;
  }
  .popularWrap__ttl span::after, .popularWrap__ttl span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -1.33333vw;
    height: 0.8vw;
    width: 5.33333vw;
    background: url(../images/top/line_sp.png) no-repeat center center;
    background-size: contain;
    -webkit-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    transform: translateY(-50%) translateX(-100%);
  }
  .popularWrap__ttl span::before {
    left: auto;
    right: -1.33333vw;
    -webkit-transform: translateY(-50%) translateX(100%);
    -ms-transform: translateY(-50%) translateX(100%);
    transform: translateY(-50%) translateX(100%);
  }
  .popularWrap__btnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 2.66667vw;
  }
  .popularWrap__btn {
    text-align: center;
    width: calc(50% - 2vw);
  }
  .popularWrap__btn p {
    margin-bottom: 1rem;
    font-size: 3.46667vw;
    line-height: 1.5;
    font-weight: 500;
    white-space: nowrap;
  }
  .popularWrap__btn--first p {
    color: #F49222;
  }
  .popularWrap__btn--last p {
    color: #75B600;
  }
  .searchForm {
    margin-top: 4.8vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .searchForm > * {
    width: calc((100% - 16rem) / 3);
  }
  .searchForm button {
    display: inline-block;
    width: 100%;
    height: 16vw;
    background: #F88598;
    border-radius: 1.6vw;
    color: #fff;
    font-size: 4.26667vw;
    font-weight: 400;
    -webkit-box-shadow: 0.53333vw 0.8vw 0 #e3e0d6;
    box-shadow: 0.53333vw 0.8vw 0 #e3e0d6;
  }
  .searchForm button span {
    position: relative;
    display: inline-block;
    padding-left: 2.5rem;
  }
  .searchForm button span::after {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "";
    height: 5.33333vw;
    width: 5.33333vw;
    background: url(../images/common/search_icon.svg) no-repeat;
    background-size: contain;
  }
  .introduction {
    background: url(../images/top/introduction_bg.png);
    background-size: 1.4vw;
    padding: 18.66667vw 0 13.33333vw;
  }
  .introduction .board {
    position: relative;
    background: #fff;
    border-radius: 5.33333vw;
    border: 1.6vw solid #FFE693;
    padding: 16vw 4vw 13.33333vw;
    margin: 0 -1.6vw;
  }
  .introduction .board__ele:nth-of-type(n + 2) {
    margin-top: 9.33333vw;
    padding-top: 9.33333vw;
    border-top: 0.2rem dashed rgba(244, 146, 34, 0.4);
  }
  .introduction .board__clip {
    position: absolute;
    top: -13.33333vw;
    width: 19.46667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .introduction .board__ttl {
    font-size: 4.8vw;
    text-transform: uppercase;
    font-weight: 500;
  }
  .introduction .board__ttl span {
    display: inline-block;
    position: relative;
    font-weight: 100;
    color: #F49222;
    padding-bottom: 4vw;
    margin-bottom: 4vw;
  }
  .introduction .board__ttl span::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3rem;
    height: 1px;
    background: #F49222;
  }
  .introduction .board__ttl b {
    font-size: 6.4vw;
  }
  .introduction .board__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    position: relative;
  }
  .introduction .board__img {
    position: absolute;
    top: -4vw;
    right: 0;
    height: 18.66667vw;
  }
  .introduction .board__img img {
    max-width: 100%;
    height: 100%;
  }
  .introduction .board__itemList {
    margin-top: 5.33333vw;
    overflow: hidden;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .introduction .board__itemList.is-active {
    height: auto;
  }
  .introduction .board__itemEle {
    width: 100%;
  }
  .introduction .board__itemEle:nth-of-type(n + 2) {
    margin-top: 0.53333vw;
  }
  .introduction .board__itemEle a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 4vw;
    background: #F6F6F6;
    min-height: 13.33333vw;
    padding: 2.13333vw 4vw;
    padding-right: 10.66667vw;
    font-weight: 100;
    letter-spacing: normal;
    line-height: 1.5;
  }
  .introduction .board__moreBtn {
    text-align: center;
    margin-top: 6.4vw;
    width: 100%;
    font-size: 4vw;
    color: #F49222;
    font-weight: 500;
  }
  .introduction .board__moreBtn span {
    position: relative;
    display: inline-block;
    padding-right: 4.8vw;
  }
  .introduction .board__moreBtn span::after, .introduction .board__moreBtn span::before {
    content: "";
    position: absolute;
    right: 1.86667vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 3.73333vw;
    width: .2rem;
    border-radius: 999rem;
    background: #F49222;
  }
  .introduction .board__moreBtn span::before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  .introduction .board__moreBtn span.close {
    display: none;
  }
  .introduction .board__moreBtn.is-active .more {
    display: none;
  }
  .introduction .board__moreBtn.is-active .close {
    display: inline-block;
  }
  .introduction .board__moreBtn.is-active .close::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    -ms-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
  }
  .bnrArea {
    padding: 10.66667vw 0 21.86667vw;
  }
  .bnrArea__ele:nth-of-type(n + 2) {
    margin-top: 4.26667vw;
  }
  .group {
    position: relative;
    background: url(../images/top/group_deco_sp.png) -0.7vw 20vw, -webkit-gradient(linear, left top, left bottom, from(#CCEAF0), to(#FAF9F2));
    background: url(../images/top/group_deco_sp.png) -0.7vw 20vw, linear-gradient(to bottom, #CCEAF0, #FAF9F2);
    background-size: contain;
    padding-bottom: 193.33333vw;
  }
  .group::after, .group::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) translateX(-68rem);
    -ms-transform: translateX(-50%) translateX(-68rem);
    transform: translateX(-50%) translateX(-68rem);
    background: url(../images/top/group_illust02.svg) no-repeat center center;
    background-size: contain;
    width: 11rem;
    height: 12rem;
    z-index: 3;
  }
  .group::before {
    width: 5rem;
    height: 8rem;
    -webkit-transform: translateX(-50%) translateX(68rem) translateY(-10rem);
    -ms-transform: translateX(-50%) translateX(68rem) translateY(-10rem);
    transform: translateX(-50%) translateX(68rem) translateY(-10rem);
    background: url(../images/top/group_illust01.svg) no-repeat center center;
    background-size: contain;
  }
  .group__bg {
    position: relative;
    width: 100%;
    height: 33.06667vw;
    top: -10.66667vw;
  }
  .group__bg::after {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: 33.06667vw;
    z-index: 10;
    background: url(../images/top/group_bg.png) repeat-x 0 0;
    overflow: hidden;
    -webkit-animation: typeloop 80s linear infinite;
    animation: typeloop 80s linear infinite;
    background-size: auto 33.06667vw;
  }
  .group .pickup {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-top: 10.66667vw;
    z-index: 2;
    width: 100%;
  }
  .group .pickup__ttl {
    text-align: center;
    padding-top: 5.33333vw;
    position: relative;
    font-size: 6.4vw;
    margin-bottom: 24vw;
    font-weight: 500;
  }
  .group .pickup__ttl::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 13.33333vw;
    width: 100%;
    background: url(../images/top/point_ttl.png) no-repeat center top;
    background-size: auto 9.6vw;
  }
  .group .pickup__ttl span {
    position: relative;
    z-index: 1;
  }
  .group .pickup__ele {
    border-radius: 2.93333vw;
    position: relative;
    -webkit-box-shadow: 2.66667vw 2.66667vw 13.33333vw rgba(0, 0, 0, 0.2);
    box-shadow: 2.66667vw 2.66667vw 13.33333vw rgba(0, 0, 0, 0.2);
  }
  .group .pickup__ele:nth-of-type(n + 2) {
    margin-top: 8vw;
  }
  .group .pickup__ele--report {
    position: relative;
  }
  .group .pickup__ele--report::after {
    content: "";
    position: absolute;
    top: 0.53333vw;
    right: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    width: 49.6vw;
    height: 17.33333vw;
    background: url(../images/top/pickup_illust.png) no-repeat center center;
    background-size: contain;
  }
  .group .pickup__btnWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 6.13333vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .group .pickup__btnWrap a {
    font-weight: 500;
  }
  .group .pickup__btnWrap a:nth-of-type(n + 2) {
    margin-left: 2.66667vw;
  }
  .group .pickup__btnWrap a::after {
    right: 2.66667vw;
    width: 5.33333vw;
    height: 5.33333vw;
  }
  .group .waves {
    position: absolute;
    bottom: -.1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200vw;
  }
  .group .waves__ele {
    width: 50%;
  }
  .group .waves__ele:nth-of-type(1) {
    -webkit-animation: ticker 30s linear -15s infinite forwards;
    animation: ticker 30s linear -15s infinite forwards;
  }
  .group .waves__ele:nth-of-type(2) {
    -webkit-animation: ticker2 30s linear 0s infinite forwards;
    animation: ticker2 30s linear 0s infinite forwards;
  }
  .goal {
    position: relative;
    margin-top: 20vw;
    padding-top: 18.66667vw;
    padding-bottom: 24vw;
    background: url(../images/top/goal_deco_sp.png) no-repeat center -5.33333vw/contain, -webkit-gradient(linear, left top, left bottom, from(#CCEAF0), to(#FAF9F2));
    background: url(../images/top/goal_deco_sp.png) no-repeat center -5.33333vw/contain, linear-gradient(to bottom, #CCEAF0, #FAF9F2);
    background-size: contain;
  }
  .goal .contents-inner {
    position: relative;
    z-index: 2;
  }
  .goal .wavesB {
    position: absolute;
    top: -.1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200vw;
  }
  .goal .wavesB__ele {
    width: 50%;
  }
  .goal .wavesB__ele:nth-of-type(1) {
    -webkit-animation: ticker 30s linear -15s infinite forwards;
    animation: ticker 30s linear -15s infinite forwards;
  }
  .goal .wavesB__ele:nth-of-type(2) {
    -webkit-animation: ticker2 30s linear 0s infinite forwards;
    animation: ticker2 30s linear 0s infinite forwards;
  }
  .goal .waves {
    position: absolute;
    bottom: -.1rem;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 200vw;
  }
  .goal .waves__ele {
    width: 50%;
  }
  .goal .waves__ele:nth-of-type(1) {
    -webkit-animation: ticker 30s linear -15s infinite forwards;
    animation: ticker 30s linear -15s infinite forwards;
  }
  .goal .waves__ele:nth-of-type(2) {
    -webkit-animation: ticker2 30s linear 0s infinite forwards;
    animation: ticker2 30s linear 0s infinite forwards;
  }
  .goal__marquee {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1066.66667vw;
    z-index: 2;
  }
  .goal__marquee img {
    width: calc((100% / 2) - 3vw);
  }
  .goal__figure {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .goal__figure:nth-of-type(n + 2) {
    margin-top: 16vw;
  }
  .goal__figure:first-of-type::after {
    content: "";
    position: absolute;
    top: 58.66667vw;
    right: 0;
    width: 22.66667vw;
    height: 21.33333vw;
    background: url(../images/top/goal_illust02.svg) no-repeat;
    background-size: contain;
  }
  .goal__figure:last-of-type::after {
    content: "";
    position: absolute;
    bottom: -26.66667vw;
    left: 0;
    width: 22.66667vw;
    height: 17.33333vw;
    background: url(../images/top/goal_illust01.svg) no-repeat;
    background-size: contain;
    z-index: 2;
  }
  .goal__figure:last-of-type .goal__img {
    margin-left: 0vw;
    margin-right: 8vw;
  }
  .goal__img {
    border-radius: 2.93333vw;
    -webkit-box-shadow: 2.66667vw 2.66667vw 13.33333vw rgba(0, 0, 0, 0.2);
    box-shadow: 2.66667vw 2.66667vw 13.33333vw rgba(0, 0, 0, 0.2);
    margin-left: 8vw;
    margin-bottom: 8vw;
  }
  .goal__ttl {
    font-size: 6.13333vw;
    font-weight: 500;
    line-height: 1.5;
    padding: 5.33333vw 0;
  }
  .goal__ttl--grow {
    background: url(../images/top/goal_ttl01.png) no-repeat left center;
    background-size: contain;
  }
  .goal__ttl--job {
    background: url(../images/top/goal_ttl02.png) no-repeat left center;
    background-size: contain;
  }
  .goal__txt {
    margin-top: 1.33333vw;
    font-size: 4.26667vw;
  }
  .goal__txt small {
    font-size: 2.66667vw;
  }
  .goal__txt span {
    display: block;
    text-align: right;
    font-size: 3.2vw;
    margin-top: 2.66667vw;
  }
  .goal__btn {
    margin-top: 9.6vw;
  }
  .column {
    padding: 10.66667vw 0 16vw;
  }
  .column__ttl {
    font-size: 6.4vw;
    text-align: center;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 5.33333vw;
  }
  .column__ttl small {
    font-size: 4.8vw;
    color: #F49222;
    display: block;
    font-weight: lighter;
  }
  .column-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .column-ele {
    -webkit-box-shadow: 0 0 4vw rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4vw rgba(0, 0, 0, 0.1);
    border-radius: 2.66667vw;
    overflow: hidden;
  }
  .column-ele a {
    display: block;
  }
  .column-ele a:hover {
    opacity: 1;
  }
  .column-ele a:hover img {
    -webkit-transform: translate(-50%, -50%) scale(1.05);
    -ms-transform: translate(-50%, -50%) scale(1.05);
    transform: translate(-50%, -50%) scale(1.05);
  }
  .column-ele__img figure {
    position: relative;
    overflow: hidden;
    height: 47vw;
  }
  .column-ele__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .column-ele__wrap {
    padding: 6.4vw 5.33333vw 5.33333vw;
    min-height: 50vw;
  }
  .column-ele-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .column-ele-top__cat {
    background: #f49222;
    border-radius: 0.53333vw;
    padding: 0 1.33333vw;
    color: #fff;
    font-weight: 500;
    font-size: 3.73333vw;
  }
  .column-ele-top__date {
    font-size: 3.73333vw;
    color: #BEBEBE;
  }
  .column-ele__ttl {
    display: block;
    font-weight: 500;
    line-height: 1.5;
    margin-top: 3.2vw;
    font-size: 4.26667vw;
  }
  .column-ele__tag {
    position: relative;
    margin-top: 2.66667vw;
    font-size: 3.2vw;
    font-weight: 500;
    padding-left: 4vw;
  }
  .column-ele__tag::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3.2vw;
    height: 3.2vw;
    background: url(../images/common/tag_icon.svg) no-repeat center center;
    background-size: contain;
  }
  .column-ele__tag, .column-ele__tag * {
    color: #f49222;
  }
  .column__btn {
    margin-top: 10.66667vw;
  }
  .column .slick-list {
    padding: 5.33333vw 0;
  }
  .column .slick-slide {
    margin: 0 4vw;
  }
  .column .slick-dots {
    bottom: -4vw;
  }
  .column .slick-dots li {
    height: 2.13333vw;
    width: 2.13333vw;
    margin: 0 1.06667vw;
  }
  .column .slick-dots li button {
    background: #979797;
    padding: 0;
    height: 2.13333vw;
    width: 2.13333vw;
    border-radius: 999rem;
  }
  .column .slick-dots li button::before {
    display: none;
  }
  .column .slick-dots li.slick-active button {
    background: #f49222;
  }
  .column .slick-prev, .column .slick-next {
    display: none;
  }
  .news {
    background: url(../images/top/introduction_bg.png);
    background-size: 1.5vw;
    padding: 18.66667vw 0 18.66667vw;
  }
  .news .page-inner {
    padding: 0 !important;
  }
  .news .board {
    position: relative;
    background: #fff;
    border-radius: 5.33333vw;
    border: 1.6vw solid #FFE693;
    padding: 13.33333vw 4vw 10.66667vw;
    margin: 0 -1.6vw;
  }
  .news .board__ele:nth-of-type(n + 2) {
    margin-top: 2.66667vw;
    padding-top: 2.66667vw;
    border-top: 0.2rem dashed rgba(244, 146, 34, 0.4);
  }
  .news .board__ele a {
    position: relative;
    display: block;
    padding-right: 5.33333vw;
  }
  .news .board__ele a::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 1.33333vw;
    -webkit-transform: translateY(-50%) rotate(45deg);
    -ms-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 2.66667vw;
    height: 2.66667vw;
    border-top: .2rem solid #BEBEBE;
    border-right: .2rem solid #BEBEBE;
  }
  .news .board__clip {
    position: absolute;
    top: -13.33333vw;
    width: 19.46667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .news .board__ttl {
    text-align: center;
    font-size: 6.4vw;
    line-height: 1.5;
    font-weight: 500;
    margin-bottom: 8vw;
  }
  .news .board__ttl small {
    display: block;
    font-size: 4.8vw;
    font-weight: lighter;
    color: #F49222;
  }
  .news .board__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0;
  }
  .news .board__wrap small {
    margin-left: 2.66667vw;
  }
  .news .board__date {
    font-size: 3.73333vw;
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .news .board__txt {
    font-size: 4vw;
    margin-top: 1.06667vw;
  }
  .news .board__tag {
    background: #8FC615;
    border-radius: 999rem;
    padding: 0.26667vw 1.33333vw;
    width: 10.66667vw;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.5;
  }
  .news .board__tag:nth-of-type(n + 2) {
    margin-left: 1.86667vw;
  }
  .news .board__tag--pr {
    background: #F49222;
  }
  .news .board__tag--kantou {
    background: #8FC615;
  }
  .news .board__tag--kyushu {
    background: #F3BD52;
  }
  .news .board__tag--chugoku {
    background: #BC72CA;
  }
  .news .board__tag--all {
    background: #FF4444;
  }
  .news .board__tag--tokai {
    background: #74CEE1;
  }
  .news .board__tag--kansai {
    background: #F88598;
  }
  .news .board__archive {
    text-align: right;
    font-size: 4vw;
    font-weight: 500;
    margin-top: 8vw;
  }
  .loading {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    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: 0;
    pointer-events: none;
    background: url(../images/top/loading_bg.png) center center;
    background-size: cover;
  }
  .loading.active {
    opacity: 1;
    pointer-events: inherit;
  }
  .loading.trans {
    -webkit-transition: 1s;
    transition: 1s;
  }
  .loading img {
    width: 80%;
  }
}
