@charset "UTF-8";
/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Home */
#Home {
  /* scroll */
  /** scroll **/
}
#Home #Cover {
  width: 100%;
  height: calc(100vh - 120px);
  margin-bottom: 0;
  overflow: hidden;
  /*
  opacity: 0;
  transition: opacity 2s ease-out;
  */
  /*
  &.inView {
  	opacity: 1;
  	.innerWide {
  		&::before {
  			transform: scale(1.1);
  		}
  		@media screen and ($less-tab) {
  			.bg {
  				transform: scale(1.1);
  			}
  		}
  	}
  }
  */
  /*
  &.logoBlack {
  	@media screen and ($over-tab) {
  		.innerWide {
  			.logo {
  				.svg {
  					.fill-white {
  						fill: $BLACK;
  					}
  				}
  			}
  		}
  	}
  }
  */
}
@media screen and (max-width: 768px) {
  #Home #Cover {
    height: auto;
  }
}
#Home #Cover .innerWide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  /*
  &::before {
  	content: '';
  	display: block;
  	width: 100%;
  	height: calc(100vh - 120px);
  	position: absolute;
  	top: 0;
  	left: 0;
  	z-index: 10;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-image: url(/assets/images/home/cover.jpg);
  	@media screen and ($retina1), screen and ($retina2) {
  		background-image: url(/assets/images/home/cover@2x.jpg);
  	}
  	transition-duration: 15s;
  	transition-delay: 0s;
  	transition-timing-function: linear;
  	transition-property: transform;

  	@media screen and ($less-tab) {
  		display: none;
  	}
  }
  */
}
@media screen and (min-width: 769px) {
  #Home #Cover .innerWide .slick-slider,
  #Home #Cover .innerWide .slick-list,
  #Home #Cover .innerWide .slick-track,
  #Home #Cover .innerWide .slick-slide {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 768px) {
  #Home #Cover .innerWide::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(155, 155, 155, 0)), to(rgba(0, 0, 0, 0.3)));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(155, 155, 155, 0) 60%, rgba(0, 0, 0, 0.3) 100%);
  }
  #Home #Cover .innerWide .slick-slider,
  #Home #Cover .innerWide .slick-list,
  #Home #Cover .innerWide .slick-track,
  #Home #Cover .innerWide .slick-slide {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  #Home #Cover .innerWide .slideWrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
}
#Home #Cover .innerWide .slideWrap .slick-slide {
  opacity: 1 !important;
}
#Home #Cover .innerWide .slideWrap .slide::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transition: opacity 0 ease-out, -webkit-transform 0 ease-out;
  transition: opacity 0 ease-out, -webkit-transform 0 ease-out;
  transition: transform 0 ease-out, opacity 0 ease-out;
  transition: transform 0 ease-out, opacity 0 ease-out, -webkit-transform 0 ease-out;
}
#Home #Cover .innerWide .slideWrap .slide.slick-active::after {
  opacity: 1;
  -webkit-transform: scale(1.1, 1.1);
      -ms-transform: scale(1.1, 1.1);
          transform: scale(1.1, 1.1);
  -webkit-transition: opacity 3s ease-out, -webkit-transform 10s ease-out;
  transition: opacity 3s ease-out, -webkit-transform 10s ease-out;
  transition: transform 10s ease-out, opacity 3s ease-out;
  transition: transform 10s ease-out, opacity 3s ease-out, -webkit-transform 10s ease-out;
}
#Home #Cover .innerWide .slideWrap .slide.slick-continue::after {
  opacity: 0;
  -webkit-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: opacity 2s ease-out, -webkit-transform 10s ease-out;
  transition: opacity 2s ease-out, -webkit-transform 10s ease-out;
  transition: transform 10s ease-out, opacity 2s ease-out;
  transition: transform 10s ease-out, opacity 2s ease-out, -webkit-transform 10s ease-out;
}
#Home #Cover .innerWide .slideWrap .slide img {
  display: none;
}
@media screen and (max-width: 768px) {
  #Home #Cover .innerWide .slideWrap .slide {
    width: 100vw;
    overflow: hidden;
  }
  #Home #Cover .innerWide .slideWrap .slide::after {
    position: relative;
    width: 100vw;
    padding-top: 106.6666666667%;
  }
}
#Home #Cover .innerWide .slide01::after {
  background-image: url(/assets/images/home/cover_04@1x.jpg?v=20210212_01);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  #Home #Cover .innerWide .slide01::after {
    background-image: url(/assets/images/home/cover_04@2x.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #Home #Cover .innerWide .slide01::after {
    background-image: url(/assets/images/home/sp_cover_04.jpg?v=20210212_01);
  }
}
#Home #Cover .innerWide .slide02::after {
  background-image: url(/assets/images/home/cover_05@1x.jpg?v=20210212_01);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  #Home #Cover .innerWide .slide02::after {
    background-image: url(/assets/images/home/cover_05@2x.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #Home #Cover .innerWide .slide02::after {
    background-image: url(/assets/images/home/sp_cover_05.jpg?v=20210212_01);
  }
}
#Home #Cover .innerWide .slide03::after {
  background-image: url(/assets/images/home/cover_06@1x.jpg?v=20210212_01);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  #Home #Cover .innerWide .slide03::after {
    background-image: url(/assets/images/home/cover_06@2x.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #Home #Cover .innerWide .slide03::after {
    background-image: url(/assets/images/home/sp_cover_06.jpg?v=20210212_01);
  }
}
#Home #Cover .innerWide .logo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 63.3333333333%;
  padding-bottom: 3.7878787879%;
}
#Home #Cover .innerWide .logo span {
  display: inline-block;
}
#Home #Cover .innerWide .logo .svg {
  width: 314px;
  height: 166px;
}
#Home #Cover .innerWide .logo .svg .fill-white {
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#Home #Cover .innerWide .news {
  position: absolute;
  z-index: 100;
  left: 0;
  bottom: 0;
  background: #f2f2f2;
  width: 100%;
  height: 30px;
  text-align: center;
  color: #000;
  font-size: 10px;
  line-height: 3;
  letter-spacing: 0.15em;
}
#Home #Cover .innerWide .news a {
  display: block;
  color: #000;
}
@media screen and (min-width: 769px) {
  #Home #Cover .innerWide .bg {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #Home #Cover .innerWide {
    height: auto;
    background: none;
  }
  #Home #Cover .innerWide .logo {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-top: 70.9333333333vw;
    padding-bottom: 0;
  }
  #Home #Cover .innerWide .logo span {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
  }
  #Home #Cover .innerWide .logo .svg {
    width: 50.5333333333vw;
    height: 26.6666666667vw;
  }
  #Home #Cover .innerWide .bg {
    -webkit-transition-duration: 15s;
            transition-duration: 15s;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-timing-function: linear;
            transition-timing-function: linear;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  #Home #Cover .innerWide .news {
    top: 0;
    bottom: auto;
    height: auto;
    font-size: 10px; /* legacy */
    font-size: 2.6666666667vw;
    line-height: 3.2;
    letter-spacing: 0.15em;
    text-align: left;
  }
  #Home #Cover .innerWide .ticker {
    width: 100%;
    padding-left: 100%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    overflow: hidden;
  }
  #Home #Cover .innerWide .ticker p {
    display: inline-block;
    white-space: nowrap;
    padding-right: 100%;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
    -webkit-animation-name: ticker2;
            animation-name: ticker2;
    -webkit-animation-duration: 15s;
            animation-duration: 15s;
  }
  #Home #Cover .innerWide .scroll {
    display: none;
  }
}
#Home #Cover .innerWide::after {
  content: "VRESS ET ROSE BRAND WEB";
  display: block;
  position: absolute;
  top: 0;
  right: 30px;
  z-index: 20;
  color: #FFF;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.2em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  height: calc(100vh - 120px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #Home #Cover .innerWide::after {
    font-size: 8px; /* legacy */
    font-size: 2.1333333333vw;
    line-height: 1;
    letter-spacing: 0.2em;
    right: 4vw;
    height: 100%;
  }
}
#Home .scroll {
  display: block;
  font-size: 10px;
  line-height: 2em;
  color: #FFF;
  position: absolute;
  z-index: 10;
  right: 30px;
  width: 20px;
  bottom: 50px;
  padding-top: 65px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
#Home .scroll > span {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.1em;
}
#Home .scroll > span > span {
  position: absolute;
  top: 0;
  left: -3px;
  display: block;
  width: 100%;
  height: 53px;
}
#Home .scroll > span > span:after {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  content: "";
  background-color: #FFF;
}
#Home .scroll > span > span:before {
  position: absolute;
  right: 0;
  left: 0;
  display: block;
  margin: auto;
  content: "";
  background-color: #FFF;
  bottom: 0;
  width: 1px;
  height: 53px;
}
#Home .scroll > span > span:before {
  -webkit-animation: scroll1Anime 2s ease infinite;
          animation: scroll1Anime 2s ease infinite;
}
@-webkit-keyframes scroll1Anime {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    height: 0;
    opacity: 1;
  }
  80% {
    height: 48px;
    opacity: 1;
  }
  100% {
    height: 48px;
    opacity: 0;
  }
}
@keyframes scroll1Anime {
  0% {
    height: 0;
    opacity: 0;
  }
  20% {
    height: 0;
    opacity: 1;
  }
  80% {
    height: 48px;
    opacity: 1;
  }
  100% {
    height: 48px;
    opacity: 0;
  }
}
#Home .scroll > span > span:after {
  top: 48px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}
#Home .scroll > span > span:after {
  -webkit-animation: scroll2Anime 2s ease infinite;
          animation: scroll2Anime 2s ease infinite;
}
@-webkit-keyframes scroll2Anime {
  0% {
    top: 48px;
    opacity: 0;
  }
  20% {
    top: 48px;
    opacity: 1;
  }
  80% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: 0;
    opacity: 0;
  }
}
@keyframes scroll2Anime {
  0% {
    top: 48px;
    opacity: 0;
  }
  20% {
    top: 48px;
    opacity: 1;
  }
  80% {
    top: 0;
    opacity: 1;
  }
  100% {
    top: 0;
    opacity: 0;
  }
}
#Home .mod_subLink {
  padding-top: 57px;
  padding-bottom: 57px;
}
@media screen and (max-width: 768px) {
  #Home .mod_subLink {
    padding-top: 12.8vw;
    padding-bottom: 12.8vw;
  }
}

@-webkit-keyframes ticker2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes ticker2 {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    visibility: visible;
  }
  100% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}
#HomeConcept {
  text-align: center;
  padding-top: 84px;
  /* animation */
}
#HomeConcept .sectionBody .text {
  font-size: 14px;
  line-height: 2.7142857143;
  letter-spacing: 0.2em;
  color: #4c4948;
}
#HomeConcept .mod_btn {
  margin-top: 42px;
}
@media screen and (max-width: 768px) {
  #HomeConcept {
    padding-top: 14.9333333333vw;
  }
  #HomeConcept .sectionBody .text {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.4545454545;
    letter-spacing: 0.2em;
  }
  #HomeConcept .mod_btn {
    margin-top: 9.6vw;
  }
}
#HomeConcept .sectionTitle::before {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
#HomeConcept .text::before {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
#HomeConcept .mod_btn {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}

#HomePanel {
  padding-top: 92px;
}
#HomePanel .innerWide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#HomePanel .large {
  width: 58.3333333333%;
}
#HomePanel .small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 41.6666666667%;
}
#HomePanel .large a {
  padding-top: 83.1168831169%;
}
#HomePanel .large .block {
  -webkit-transform: translate(-50%, -93%);
      -ms-transform: translate(-50%, -93%);
          transform: translate(-50%, -93%);
}
#HomePanel .large .image::after {
  background-image: url(/assets/images/home/item@1x.jpg?v=20210212_01);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  #HomePanel .large .image::after {
    background-image: url(/assets/images/home/item@2x.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #HomePanel .large .image::after {
    background-image: url(/assets/images/home/sp_item.jpg?v=20210212_01);
  }
}
#HomePanel .small a {
  padding-top: 58.1818181818%;
}
#HomePanel .small .atelier .image::after {
  background-image: url(/assets/images/home/atelier_02@1x.jpg?v=20210212_01);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  #HomePanel .small .atelier .image::after {
    background-image: url(/assets/images/home/atelier_02@2x.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #HomePanel .small .atelier .image::after {
    background-image: url(/assets/images/home/sp_atelier_02.jpg?v=20210212_01);
  }
}
#HomePanel .small .company .block {
  -webkit-transform: translate(-50%, -68%);
      -ms-transform: translate(-50%, -68%);
          transform: translate(-50%, -68%);
}
#HomePanel .small .company .image::after {
  background-image: url(/assets/images/home/company_02@1x.jpg?v=20210212_01);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  #HomePanel .small .company .image::after {
    background-image: url(/assets/images/home/company_02@2x.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #HomePanel .small .company .image::after {
    background-image: url(/assets/images/home/sp_company_02.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #HomePanel {
    padding-top: 16vw;
  }
  #HomePanel .innerWide {
    display: block;
  }
  #HomePanel .large {
    width: 100%;
  }
  #HomePanel .small {
    display: block;
    width: 100%;
  }
  #HomePanel .large a {
    padding-top: 83.0666666667vw;
  }
  #HomePanel .large .block {
    -webkit-transform: translate(-50%, -68%);
        -ms-transform: translate(-50%, -68%);
            transform: translate(-50%, -68%);
  }
  #HomePanel .small a {
    padding-top: 58.1333333333vw;
  }
  #HomePanel .small .company .block {
    -webkit-transform: translate(-50%, -68%);
        -ms-transform: translate(-50%, -68%);
            transform: translate(-50%, -68%);
  }
}

#HomeBlog {
  padding-top: 85px;
  margin-bottom: 90px;
}
#HomeBlog .mod_btn {
  margin-top: 61px;
}
@media screen and (max-width: 768px) {
  #HomeBlog {
    padding-top: 14.9333333333vw;
    margin-bottom: 20vw;
  }
  #HomeBlog .mod_btn {
    margin-top: 16.2666666667vw;
  }
}

#HomeInstagram {
  background: #f7f7f7;
  padding-top: 78px;
  padding-bottom: 93px;
}
#HomeInstagram .anim-slide::before {
  background: #f7f7f7;
}
#HomeInstagram .sectionBody {
  text-align: center;
}
#HomeInstagram .sectionBody ul li {
  width: 25%;
}
#HomeInstagram .sectionBody .link {
  margin-top: 39px;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.3em;
}
#HomeInstagram .sectionBody .link a {
  color: #000;
}
#HomeInstagram .sectionBody .link img {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
@media screen and (max-width: 768px) {
  #HomeInstagram {
    padding-top: 12.8vw;
    padding-bottom: 15.4666666667vw;
  }
  #HomeInstagram .sectionBody ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #HomeInstagram .sectionBody ul li {
    width: 50%;
  }
  #HomeInstagram .sectionBody .link {
    margin-top: 8vw;
    font-size: 3.4666666667vw;
  }
  #HomeInstagram .sectionBody .link img {
    width: 4vw;
    height: 4vw;
    margin-right: 2.6666666667vw;
  }
}

#HomeRecruit a.mod_imgPanelText {
  padding-top: 22.7272727273%;
}
#HomeRecruit a.mod_imgPanelText .image::after {
  background-image: url(/assets/images/home/recruit_02@1x.jpg?v=20210212_01);
}
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
  #HomeRecruit a.mod_imgPanelText .image::after {
    background-image: url(/assets/images/home/recruit_02@2x.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #HomeRecruit a.mod_imgPanelText .image::after {
    background-image: url(/assets/images/home/sp_recruit_02.jpg?v=20210212_01);
  }
}
@media screen and (max-width: 768px) {
  #HomeRecruit a.mod_imgPanelText {
    padding-top: 58.1333333333vw;
  }
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Concept */
#Concept #Cover {
  margin-bottom: 81px;
}
@media screen and (max-width: 768px) {
  #Concept #Cover {
    margin-bottom: 13.3333333333vw;
  }
}
#Concept .contents {
  text-align: center;
}
#Concept .contents .text {
  font-size: 14px;
  line-height: 3;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  #Concept .contents .inner {
    padding-left: 0;
    padding-right: 0;
  }
  #Concept .contents .text {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.4545454545;
    letter-spacing: 0.2em;
  }
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Concept */
#Thought #Cover {
  margin-bottom: 144px;
}
@media screen and (max-width: 768px) {
  #Thought #Cover {
    margin-bottom: 17.7333333333vw;
  }
}
#Thought .contents .block + .block {
  margin-top: 220px;
}
#Thought .contents .textBlock dl dt {
  line-height: 1;
  font-weight: 400;
  color: #000;
}
#Thought .contents .textBlock dl dt span {
  display: block;
}
#Thought .contents .textBlock dl dt span.num {
  font-size: 83px;
  letter-spacing: 0.1em;
  margin-left: -0.05em;
  margin-top: 0.1em;
}
#Thought .contents .textBlock dl dt span.text {
  font-size: 34px;
  letter-spacing: 0.11em;
  margin-top: 0.7em;
}
#Thought .contents .textBlock dl dd .copy {
  font-size: 28px;
  line-height: 1.7142857143;
  letter-spacing: 0.1em;
  margin-top: 1.6em;
  color: #000;
}
#Thought .contents .textBlock dl dd .copy strong {
  font-weight: 500;
}
#Thought .contents .textBlock dl dd .body {
  font-size: 14px;
  line-height: 2.2857142857;
  letter-spacing: 0.2em;
  text-align: justify;
  text-justify: inter-ideograph;
  letter-spacing: 0.1em;
  font-weight: 500;
  margin-top: 3.4em;
}
@media screen and (min-width: 769px) {
  #Thought .contents .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #Thought .contents .block:nth-of-type(odd) .imgBlock {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-right: -5.5%;
  }
  #Thought .contents .block:nth-of-type(odd) .textBlock {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #Thought .contents .block:nth-of-type(even) .imgBlock {
    margin-left: -5.5%;
  }
  #Thought .contents .block .imgBlock {
    -ms-flex-preferred-size: 55.5%;
        flex-basis: 55.5%;
    width: 55.5%;
  }
  #Thought .contents .block .textBlock {
    -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
    width: 44%;
  }
}
@media screen and (max-width: 768px) {
  #Thought .contents .block {
    display: block;
  }
  #Thought .contents .block + .block {
    margin-top: 22.4vw;
  }
  #Thought .contents .textBlock {
    margin-top: 6.9333333333vw;
    text-align: center;
  }
  #Thought .contents .textBlock dl dt span.num {
    font-size: 13.3333333333vw;
    letter-spacing: 0.05em;
    margin-left: 0;
    margin-top: 0;
  }
  #Thought .contents .textBlock dl dt span.text {
    font-size: 6.4vw;
    letter-spacing: 0.11em;
    margin-top: 0.3em;
  }
  #Thought .contents .textBlock dl dd .copy {
    font-size: 16px; /* legacy */
    font-size: 4.2666666667vw;
    line-height: 1.6875;
    letter-spacing: 0.2em;
    margin-top: 2em;
  }
  #Thought .contents .textBlock dl dd .body {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.0909090909;
    letter-spacing: 0.15em;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-top: 1.8em;
  }
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Item */
#Item {
  /* colorbox */
}
#Item #Cover {
  margin-bottom: 0;
}
#Item .selectBlock {
  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;
  width: 715px;
  margin-left: auto;
  margin-right: auto;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
#Item .selectBlock .selectCategory {
  position: relative;
  z-index: 50;
  width: 466px;
}
#Item .selectBlock .selectCategory .selected a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.15em;
  color: #000;
  background: #f2f2f2;
  cursor: pointer;
}
#Item .selectBlock .selectCategory .selected a::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  pointer-events: none;
  background: url(/assets/images/svg/select_arrow.svg) no-repeat center center;
  background-size: 9px 4px;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media screen and (min-width: 769px) {
  #Item .selectBlock .selectCategory .selected a:hover {
    background: #e5e5e5;
  }
}
#Item .selectBlock .selectCategory .categoryList {
  pointer-events: none;
  opacity: 0;
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
}
#Item .selectBlock .selectCategory .categoryList a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.15em;
  color: #000;
  background: #f2f2f2;
}
@media screen and (min-width: 769px) {
  #Item .selectBlock .selectCategory .categoryList a:hover {
    background: #e5e5e5;
  }
}
#Item .selectBlock .selectCategory.open .selected a::after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
#Item .selectBlock .selectCategory.open .categoryList {
  opacity: 1;
  pointer-events: auto;
}
#Item .selectBlock .itemFilter {
  width: 230px;
}
#Item .selectBlock .itemFilter a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  width: 100%;
  height: 50px;
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.15em;
  color: #000;
  background: #f2f2f2;
}
#Item .selectBlock .itemFilter a::after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 10.5px;
  background: url(/assets/images/svg/icon_sort.svg) no-repeat left top;
  background-size: 100% 100%;
  margin-left: 20px;
}
@media screen and (min-width: 769px) {
  #Item .selectBlock .itemFilter a:hover {
    background: #e5e5e5;
  }
}
@media screen and (max-width: 768px) {
  #Item .selectBlock {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  #Item .selectBlock .selectCategory {
    width: 100%;
  }
  #Item .selectBlock .selectCategory .selected a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 13.3333333333vw;
    padding: 0 15px;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.0909090909;
    letter-spacing: 0.2em;
  }
  #Item .selectBlock .selectCategory .selected a::after {
    width: 13.3333333333vw;
    height: 13.3333333333vw;
  }
  #Item .selectBlock .selectCategory .categoryList {
    top: 13.3333333333vw;
  }
  #Item .selectBlock .selectCategory .categoryList a {
    height: 13.3333333333vw;
    padding: 0;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.0909090909;
    letter-spacing: 0.2em;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #Item .selectBlock .itemFilter {
    width: 100%;
    margin-top: 2.2666666667vw;
  }
  #Item .selectBlock .itemFilter a {
    padding: 0;
    width: 100%;
    height: 13.3333333333vw;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.0909090909;
    letter-spacing: 0.2em;
  }
  #Item .selectBlock .itemFilter a::after {
    margin-left: 2.6666666667vw;
  }
}
#Item .selectBlock + .currentCount {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
#Item .selectBlock.inView {
  opacity: 1;
}
#Item .selectBlock.inView + .currentCount {
  opacity: 1;
}
#Item .currentCount {
  text-align: center;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-top: 20px;
  margin-bottom: 67px;
}
@media screen and (max-width: 768px) {
  #Item .currentCount {
    font-size: 9px; /* legacy */
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.2em;
    margin-top: 4vw;
    margin-bottom: 8vw;
  }
}
#Item .contents {
  text-align: center;
}
@media screen and (max-width: 768px) {
  #Item .contents .innerWide {
    padding-left: 8.6666666667vw;
    padding-right: 8.6666666667vw;
  }
}
#Item .contents .photoList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
#Item .contents .photoList li {
  width: 25%;
  padding: 1px;
}
@media screen and (min-width: 1320px) {
  #Item .contents .photoList li {
    width: 20%;
  }
}
@media screen and (min-width: 1650px) {
  #Item .contents .photoList li {
    width: 16.6666666667%;
  }
}
@media screen and (min-width: 1980px) {
  #Item .contents .photoList li {
    width: 14.2857142857%;
  }
}
@media screen and (max-width: 768px) {
  #Item .contents .photoList li {
    width: 50%;
  }
}
#Item .contents .photoList li a {
  display: block;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  #Item .contents .photoList a .image img {
    -webkit-transition: all 4s cubic-bezier(0, 1, 0.7, 1);
    transition: all 4s cubic-bezier(0, 1, 0.7, 1);
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  #Item .contents .photoList a:hover .image img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
            transform: scale3d(1.1, 1.1, 1);
  }
}
#Item #Modal {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
  opacity: 0;
}
#Item #Modal::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #Item #Modal {
    height: 100%;
  }
}
#Item #Modal #ModalContents {
  position: fixed;
  z-index: 1100;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 600px;
  height: 600px;
  background: #f2f2f2;
}
@media screen and (max-width: 768px) {
  #Item #Modal #ModalContents {
    width: 100%;
    height: 100%;
  }
  #Item #Modal #ModalContents form {
    height: 100%;
  }
}
#Item #Modal #ModalContents .modalTitle {
  width: 100%;
  height: 90px;
  background: #FFF;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#Item #Modal #ModalContents .modalTitle .wrap .categoryLabel {
  color: #000;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.25em;
}
#Item #Modal #ModalContents .modalTitle .wrap .resultNum {
  color: #706d6d;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  #Item #Modal #ModalContents .modalTitle {
    height: 18.6666666667vw;
  }
  #Item #Modal #ModalContents .modalTitle .wrap .categoryLabel {
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.25em;
  }
  #Item #Modal #ModalContents .modalTitle .wrap .resultNum {
    font-size: 10px; /* legacy */
    font-size: 2.6666666667vw;
    line-height: 1;
    letter-spacing: 0.2em;
    margin-top: 2.1333333333vw;
  }
}
#Item #Modal #ModalContents .modalMain {
  height: 360px;
  overflow-y: auto;
}
#Item #Modal #ModalContents .modalMain .filterList {
  width: 100%;
}
#Item #Modal #ModalContents .modalMain .filterList .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#Item #Modal #ModalContents .modalMain .filterList .item .secondTitle,
#Item #Modal #ModalContents .modalMain .filterList .item .therdList {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 18px 30px;
  color: #000;
  background: #e5e5e5;
}
#Item #Modal #ModalContents .modalMain .filterList .item .secondTitle {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.15em;
  cursor: pointer;
  background: #f2f2f2;
}
@media screen and (min-width: 769px) {
  #Item #Modal #ModalContents .modalMain .filterList .item .secondTitle:hover {
    background: #e5e5e5;
  }
}
#Item #Modal #ModalContents .modalMain .filterList .item .therdList {
  display: none;
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.13em;
  padding-top: 20px;
  padding-left: 8px;
}
#Item #Modal #ModalContents .modalMain .filterList .item .therdList li label {
  display: block;
  cursor: pointer;
}
#Item #Modal #ModalContents .modalMain .filterList .item .therdList li input[type=checkbox] {
  display: none;
}
#Item #Modal #ModalContents .modalMain .filterList .item .therdList li input[type=checkbox] + span {
  display: block;
  padding-left: 19px;
}
#Item #Modal #ModalContents .modalMain .filterList .item .therdList li input[type=checkbox] + span::before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 9px;
  vertical-align: middle;
  background-image: url(/assets/images/svg/icon_checkbox.svg);
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 100% 100%;
}
#Item #Modal #ModalContents .modalMain .filterList .item .therdList li input[type=checkbox]:checked + span::before {
  background-image: url(/assets/images/svg/icon_checkbox_checked.svg);
}
#Item #Modal #ModalContents .modalMain .filterList .item .therdList li + li {
  margin-top: 21px;
}
#Item #Modal #ModalContents .modalMain .filterList .item.open .secondTitle {
  background: #e5e5e5;
  cursor: default;
}
#Item #Modal #ModalContents .modalMain .filterList .item.open .therdList {
  display: block;
}
@media screen and (max-width: 768px) {
  #Item #Modal #ModalContents .modalMain {
    height: calc(100% - 56.2666666667vw);
    overflow-y: auto;
  }
  #Item #Modal #ModalContents .modalMain .filterList {
    width: 100%;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item {
    display: block;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item .secondTitle,
  #Item #Modal #ModalContents .modalMain .filterList .item .therdList {
    padding: 5.3333333333vw 8.5333333333vw;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item .secondTitle {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1;
    letter-spacing: 0.2em;
    position: relative;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item .secondTitle::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 10.6666666667vw;
    height: 13.3333333333vw;
    background: url(/assets/images/svg/select_arrow.svg) no-repeat center center;
    background-size: 9px 4px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    pointer-events: none;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item .therdList {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1;
    letter-spacing: 0.13em;
    padding-top: 5.6vw;
    padding-left: 8.5333333333vw;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item .therdList li label {
    display: block;
    cursor: pointer;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item .therdList li input[type=checkbox] {
    margin-right: 1.3333333333vw;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item .therdList li + li {
    margin-top: 4.5333333333vw;
  }
  #Item #Modal #ModalContents .modalMain .filterList .item.open .secondTitle::after {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
#Item #Modal #ModalContents .modalButton {
  width: 100%;
  height: 150px;
  padding-top: 30px;
  text-align: center;
}
#Item #Modal #ModalContents .modalButton .mod_btn button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 280px;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
}
#Item #Modal #ModalContents .modalButton .mod_btn.mod_btn_submit button {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.3em;
  height: 50px;
  color: #FFF;
  background: #000;
}
@media screen and (min-width: 769px) {
  #Item #Modal #ModalContents .modalButton .mod_btn.mod_btn_submit button:hover {
    background: #4c4948;
  }
}
#Item #Modal #ModalContents .modalButton .mod_btn.mod_btn_cancel button {
  font-size: 13px;
  line-height: 1;
  letter-spacing: 0.2em;
  width: 280px;
  height: 42px;
  color: #000;
  background: #f2f2f2;
}
@media screen and (min-width: 769px) {
  #Item #Modal #ModalContents .modalButton .mod_btn.mod_btn_cancel button:hover {
    background: #e5e5e5;
  }
}
@media screen and (max-width: 768px) {
  #Item #Modal #ModalContents .modalButton {
    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;
    width: 82.6666666667vw;
    height: 37.6vw;
    margin-left: auto;
    margin-right: auto;
    padding-top: 12.2666666667vw;
    padding-bottom: 12.2666666667vw;
  }
  #Item #Modal #ModalContents .modalButton .mod_btn button {
    width: 37.3333333333vw;
  }
  #Item #Modal #ModalContents .modalButton .mod_btn.mod_btn_submit {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #Item #Modal #ModalContents .modalButton .mod_btn.mod_btn_submit button {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.0909090909;
    letter-spacing: 0.3em;
    height: 13.0666666667vw;
  }
  #Item #Modal #ModalContents .modalButton .mod_btn.mod_btn_cancel {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #Item #Modal #ModalContents .modalButton .mod_btn.mod_btn_cancel button {
    background: #FFF;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.0909090909;
    letter-spacing: 0.2em;
    width: 37.3333333333vw;
    height: 13.0666666667vw;
  }
}
#Item #Modal #ModalContents .btn_modal_close {
  position: absolute;
  top: 0;
  right: 0;
  width: 64px;
  height: 90px;
  cursor: pointer;
}
#Item #Modal #ModalContents .btn_modal_close span {
  position: absolute;
  top: 50%;
  left: calc(50% - 18px);
  width: 36px;
  height: 1px;
  background: #4c4948;
}
#Item #Modal #ModalContents .btn_modal_close span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
#Item #Modal #ModalContents .btn_modal_close span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  #Item #Modal #ModalContents .btn_modal_close {
    width: 14.4vw;
    height: 18.6666666667vw;
  }
  #Item #Modal #ModalContents .btn_modal_close span {
    left: calc(50% - 3.7333333333vw);
    width: 7.4666666667vw;
  }
}
#Item #Modal #ModalContents.item_category_bouquet .item_space, #Item #Modal #ModalContents.item_category_bouquet .item_relation {
  display: none !important;
}
#Item #Modal #ModalContents.item_category_hall_decoration .item_silhouette, #Item #Modal #ModalContents.item_category_hall_decoration .item_relation {
  display: none !important;
}
#Item #Modal #ModalContents.item_category_chapel_decoration .item_silhouette, #Item #Modal #ModalContents.item_category_chapel_decoration .item_space {
  display: none !important;
}
#Item .modal #Modal {
  opacity: 1;
  pointer-events: auto;
}
#Item #cboxOverlay {
  opacity: 1;
  background-image: "";
  background-position: center center;
  background-size: cover;
}
#Item #cboxOverlay::before {
  -webkit-filter: blur(6px);
          filter: blur(6px);
  content: "";
  display: block;
  background: inherit;
  position: absolute;
  top: -6px;
  left: -6px;
  right: -6px;
  bottom: -6px;
  z-index: 9999;
}
#Item #cboxOverlay::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.4;
  z-index: 10000;
}
#Item #colorbox {
  outline: 0;
}
#Item #cboxContent {
  overflow: visible;
}
#Item .cboxIframe {
  background: #fff;
}
#Item #cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#Item #cboxLoadedContent {
  margin: 50px;
}
#Item #cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}
#Item #cboxCurrent {
  display: none;
}
#Item #cboxPrevious, #Item #cboxNext, #Item #cboxSlideshow, #Item #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 38px;
  height: 38px;
  position: absolute;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
#Item #cboxPrevious:active, #Item #cboxNext:active, #Item #cboxSlideshow:active, #Item #cboxClose:active {
  outline: 0;
}
#Item #cboxPrevious {
  background-image: url(images/prev.svg);
  top: calc(50% - 19px);
  left: 44px;
}
#Item #cboxPrevious:hover {
  opacity: 0.5;
}
#Item #cboxNext {
  background-image: url(images/next.svg);
  top: calc(50% - 19px);
  right: 44px;
}
#Item #cboxNext:hover {
  opacity: 0.5;
}
#Item #cboxClose {
  background-image: url(images/close.svg);
  top: 44px;
  right: 44px;
}
#Item #cboxClose:hover {
  opacity: 0.5;
}
#Item .cboxSlideshow_on #cboxPrevious, #Item .cboxSlideshow_off #cboxPrevious {
  display: none;
}
#Item .cboxSlideshow_on #cboxSlideshow {
  display: none;
}
#Item .cboxSlideshow_off #cboxSlideshow {
  display: none;
}
@media screen and (max-width: 768px) {
  #Item #cboxLoadedContent {
    margin: 38px;
  }
  #Item #cboxPrevious, #Item #cboxNext, #Item #cboxSlideshow, #Item #cboxClose {
    width: 26px;
    height: 26px;
  }
  #Item #cboxPrevious {
    top: calc(50% - 13px);
    left: 4px;
  }
  #Item #cboxNext {
    top: calc(50% - 13px);
    right: 4px;
  }
  #Item #cboxClose {
    top: 10px;
    right: 10px;
  }
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Atelier */
#Atelier #Cover {
  margin-bottom: 84px;
}
@media screen and (max-width: 768px) {
  #Atelier #Cover {
    margin-bottom: 6.9333333333vw;
  }
}
#Atelier .atelierWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  #Atelier .atelierWrap {
    display: block;
  }
}
#Atelier .atelierWrap #sideArea {
  position: relative;
  width: 18.6%;
}
#Atelier .atelierWrap #sideArea ul li {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.3em;
}
#Atelier .atelierWrap #sideArea ul li + li {
  margin-top: 34px;
}
#Atelier .atelierWrap #sideArea ul li a {
  color: #000;
}
@media screen and (max-width: 768px) {
  #Atelier .atelierWrap #sideArea {
    display: none;
  }
}
#Atelier .atelierWrap .contents {
  width: 81.4%;
}
@media screen and (max-width: 768px) {
  #Atelier .atelierWrap .contents {
    width: 100%;
  }
}
#Atelier .atelierWrap .contents .areaBlock {
  border-top: solid 1px #e4e4e4;
  padding-top: 70px;
  padding-bottom: 0;
}
#Atelier .atelierWrap .contents .areaBlock:first-child {
  border-top: none;
  padding-top: 0;
}
#Atelier .atelierWrap .contents .areaBlock .areaTitle {
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.2em;
  color: #000;
  margin-bottom: 40px;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #Atelier .atelierWrap .contents .areaBlock {
    border-top: none;
    border-bottom: solid 1px #e4e4e4;
    padding-top: 0;
    padding-bottom: 0;
  }
  #Atelier .atelierWrap .contents .areaBlock:first-child {
    padding-top: 0;
  }
  #Atelier .atelierWrap .contents .areaBlock .areaTitle {
    height: 19.7333333333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 13px; /* legacy */
    font-size: 3.4666666667vw;
    line-height: 1;
    letter-spacing: 0.3em;
    margin-bottom: 0;
    padding-bottom: 0px;
    position: relative;
    pointer-events: auto;
    cursor: pointer;
  }
  #Atelier .atelierWrap .contents .areaBlock .areaTitle::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(50% - 2px);
    right: 0;
    width: 9px;
    height: 4px;
    background: url(/assets/images/svg/select_arrow.svg) no-repeat center center;
    background-size: 9px 4px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    pointer-events: none;
  }
}
#Atelier .atelierWrap .contents .areaBlock.open .areaTitle::after {
  -webkit-transform: rotate(0);
      -ms-transform: rotate(0);
          transform: rotate(0);
}
#Atelier .atelierWrap .contents .atelierList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#Atelier .atelierWrap .contents .atelierList .shop {
  width: calc((100% - 2em) / 3);
  padding-bottom: 70px;
}
@media screen and (min-width: 769px) {
  #Atelier .atelierWrap .contents .atelierList .shop {
    margin-left: 1em;
  }
  #Atelier .atelierWrap .contents .atelierList .shop:nth-of-type(3n - 2) {
    margin-left: 0;
  }
}
#Atelier .atelierWrap .contents .atelierList .atelierName {
  color: #000;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.2em;
  margin-bottom: 15px;
}
#Atelier .atelierWrap .contents .atelierList .address, #Atelier .atelierWrap .contents .atelierList .tel, #Atelier .atelierWrap .contents .atelierList .mail {
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.15em;
}
#Atelier .atelierWrap .contents .atelierList .mail a {
  color: #4c4948;
}
@media screen and (max-width: 768px) {
  #Atelier .atelierWrap .contents .atelierList {
    display: none;
  }
  #Atelier .atelierWrap .contents .atelierList .shop {
    width: 100%;
    padding-bottom: 9.6vw;
  }
  #Atelier .atelierWrap .contents .atelierList .atelierName {
    font-size: 13px; /* legacy */
    font-size: 3.4666666667vw;
    line-height: 1.5;
    letter-spacing: 0.2em;
    margin-bottom: 2.9333333333vw;
  }
  #Atelier .atelierWrap .contents .atelierList .address, #Atelier .atelierWrap .contents .atelierList .tel, #Atelier .atelierWrap .contents .atelierList .mail {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.6363636364;
    letter-spacing: 0.15em;
  }
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Blog */
#Blog #Cover {
  margin-bottom: 94px;
}
@media screen and (max-width: 768px) {
  #Blog #Cover {
    margin-bottom: 10.4vw;
  }
}
#Blog .blogWrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap {
    display: block;
  }
}
#Blog .blogWrap .contents {
  width: 75%;
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap .contents {
    width: 100%;
  }
}
#Blog .blogWrap .contents .entryBlock .entryMeta {
  color: #000;
  margin-bottom: 52px;
}
#Blog .blogWrap .contents .entryBlock .entryMeta .entryDate {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.3em;
  margin-bottom: 24px;
}
#Blog .blogWrap .contents .entryBlock .entryMeta .entryTitle {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap .contents .entryBlock .entryMeta {
    margin-bottom: 9.0666666667vw;
  }
  #Blog .blogWrap .contents .entryBlock .entryMeta .entryDate {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1;
    letter-spacing: 0.3em;
    margin-bottom: 4vw;
  }
  #Blog .blogWrap .contents .entryBlock .entryMeta .entryTitle {
    font-size: 15px; /* legacy */
    font-size: 4vw;
    line-height: 1.2666666667;
    letter-spacing: 0.2em;
  }
}
#Blog .blogWrap .contents .entryCover {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap .contents .entryCover {
    margin-bottom: 8vw;
  }
}
#Blog .blogWrap .contents .entryBody {
  font-size: 14px;
  line-height: 2.7142857143;
  letter-spacing: 0.2em;
  margin-bottom: 94px;
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap .contents .entryBody {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.4545454545;
    letter-spacing: 0.2em;
    margin-bottom: 13.3333333333vw;
  }
  #Blog .blogWrap .contents .entryBody br {
    display: none;
  }
}
#Blog .blogWrap .contents .pageNavi {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.3em;
  border-top: solid 1px #e4e4e4;
}
#Blog .blogWrap .contents .pageNavi ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
#Blog .blogWrap .contents .pageNavi ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#Blog .blogWrap .contents .pageNavi ul li a {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 88px;
  position: relative;
  padding: 0 20px;
}
#Blog .blogWrap .contents .pageNavi ul li a::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  position: absolute;
  top: calc(50% - 6px);
}
#Blog .blogWrap .contents .pageNavi ul li.prev a::after {
  left: 0;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}
@media screen and (min-width: 769px) {
  #Blog .blogWrap .contents .pageNavi ul li.prev a:hover:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
}
#Blog .blogWrap .contents .pageNavi ul li.next a {
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#Blog .blogWrap .contents .pageNavi ul li.next a::after {
  right: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
@media screen and (min-width: 769px) {
  #Blog .blogWrap .contents .pageNavi ul li.next a:hover:after {
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
  }
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap .contents .pageNavi {
    font-size: 10px; /* legacy */
    font-size: 2.6666666667vw;
    line-height: 1;
    letter-spacing: 0.3em;
  }
  #Blog .blogWrap .contents .pageNavi ul li.prev a::after {
    -webkit-transform: rotate(-135deg) translateY(-50%);
        -ms-transform: rotate(-135deg) translateY(-50%);
            transform: rotate(-135deg) translateY(-50%);
  }
  #Blog .blogWrap .contents .pageNavi ul li.next a::after {
    -webkit-transform: rotate(45deg) translateY(50%);
        -ms-transform: rotate(45deg) translateY(50%);
            transform: rotate(45deg) translateY(50%);
  }
  #Blog .blogWrap .contents .pageNavi ul li a {
    height: 13.6vw;
    padding: 0 3.3333333333vw;
  }
  #Blog .blogWrap .contents .pageNavi ul li a::after {
    width: 1.8666666667vw;
    height: 1.8666666667vw;
    top: calc(50% - 1.8666666667vw);
  }
}
#Blog .blogWrap #sideArea {
  position: relative;
  width: 15%;
}
#Blog .blogWrap #sideArea .widgetBlock + .widgetBlock {
  margin-top: 136px;
}
#Blog .blogWrap #sideArea .widgetBlock dt {
  margin-bottom: 40px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.3em;
  color: #000;
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap #sideArea {
    width: 100%;
    margin-top: 22.4vw;
  }
  #Blog .blogWrap #sideArea .widgetBlock + .widgetBlock {
    margin-top: 21.3333333333vw;
  }
  #Blog .blogWrap #sideArea .widgetBlock dt {
    margin-bottom: 9.6vw;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1;
    letter-spacing: 0.3em;
  }
}
#Blog .blogWrap #sideArea .recentList ul li + li {
  margin-top: 20px;
}
#Blog .blogWrap #sideArea .recentList ul li a {
  display: block;
  color: #000;
}
#Blog .blogWrap #sideArea .recentList ul li .entryTitle {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
#Blog .blogWrap #sideArea .recentList ul li .entryDate {
  margin-top: 8px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap #sideArea .recentList ul li + li {
    margin-top: 5.3333333333vw;
  }
  #Blog .blogWrap #sideArea .recentList ul li .entryTitle {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.5;
    letter-spacing: 0.2em;
  }
  #Blog .blogWrap #sideArea .recentList ul li .entryDate {
    margin-top: 1.6vw;
    font-size: 9px; /* legacy */
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.3em;
  }
}
#Blog .blogWrap #sideArea .archiveList .yearList {
  font-size: 11px;
  line-height: 2.5454545455;
  letter-spacing: 0.3em;
}
#Blog .blogWrap #sideArea .archiveList .yearList > li + li {
  margin-top: 6px;
}
#Blog .blogWrap #sideArea .archiveList .yearList > li:nth-of-type(1) ul {
  display: block;
}
#Blog .blogWrap #sideArea .archiveList .yearList > li a {
  display: block;
  color: #000;
}
#Blog .blogWrap #sideArea .archiveList .yearList ul {
  display: none;
  margin-top: 2px;
  margin-bottom: 33px;
}
#Blog .blogWrap #sideArea .archiveList .yearList ul li {
  position: relative;
  padding-left: 22px;
}
#Blog .blogWrap #sideArea .archiveList .yearList ul li::after {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  content: "";
  display: block;
  background: #000;
  width: 16px;
  height: 1px;
  pointer-events: none;
}
#Blog .blogWrap #sideArea .archiveList .yearList .year {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  #Blog .blogWrap #sideArea .archiveList .yearList {
    font-size: 10px; /* legacy */
    font-size: 2.6666666667vw;
    line-height: 2.5;
    letter-spacing: 0.3em;
  }
  #Blog .blogWrap #sideArea .archiveList .yearList > li + li {
    margin-top: 1.3333333333vw;
  }
  #Blog .blogWrap #sideArea .archiveList .yearList ul {
    margin-top: 1.6vw;
    margin-bottom: 5.8666666667vw;
  }
  #Blog .blogWrap #sideArea .archiveList .yearList ul li {
    padding-left: 5.8666666667vw;
  }
  #Blog .blogWrap #sideArea .archiveList .yearList ul li::after {
    width: 3.8666666667vw;
  }
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Company */
#Company #Cover {
  margin-bottom: 117px;
}
@media screen and (max-width: 768px) {
  #Company #Cover {
    margin-bottom: 4.2666666667vw;
  }
}
#Company .text {
  font-size: 14px;
  line-height: 2.2857142857;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  #Company .text {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.0909090909;
    letter-spacing: 0.2em;
  }
}
#Company strong {
  font-weight: normal;
}
#Company .sectionBlock {
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  #Company .sectionBlock {
    margin-top: 18.6666666667vw;
  }
}
#Company .innerBG {
  padding-top: 88px;
  padding-bottom: 85px;
  padding-left: 0;
  padding-right: 0;
  width: 84.0909090909%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1600px) {
  #Company .innerBG {
    width: 1343px;
  }
}
@media screen and (min-width: 1600px) {
  #Company .innerBG {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #Company .innerBG {
    padding-top: 11.4666666667vw;
    padding-bottom: 11.3333333333vw;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8.6666666667vw;
    padding-right: 8.6666666667vw;
  }
}
#Company .innerBG .contents {
  width: 63.0630630631%;
}
@media screen and (max-width: 768px) {
  #Company .innerBG .contents {
    width: 100%;
  }
}
#Company .contents {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #Company .contents {
    width: 100%;
  }
}
#Company .table {
  width: 100%;
}
#Company .table th, #Company .table td {
  font-size: 14px;
  line-height: 1.63;
  letter-spacing: 0.2em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  border-top: solid 1px #e4e4e4;
  padding-top: 0.8em;
  padding-bottom: 0.7em;
}
#Company .table tr:first-child th, #Company .table tr:first-child td {
  border-top: none;
}
#Company .table th {
  color: #000;
}
#Company .table .textarea {
  line-height: 2.14;
}
@media screen and (max-width: 768px) {
  #Company .table th, #Company .table td {
    font-size: 2.9333333333vw;
  }
  #Company .table .textarea {
    line-height: 2.14;
  }
}
#Company .imgLine {
  margin-top: 100px;
  margin-bottom: 94px;
}
@media screen and (max-width: 768px) {
  #Company .imgLine {
    margin-top: 0;
    margin-bottom: 0;
  }
}
#Company .imgLine3 {
  margin-top: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#Company .imgLine3 .imageWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  #Company .imgLine3 {
    margin-top: 16.8vw;
    width: 100vw;
    margin-left: -8.6666666667vw;
  }
}
#Company .policyWrap .innerBG {
  background: #f7f7f7;
  padding-top: 107px;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  #Company .policyWrap .innerBG {
    padding-top: 13.3333333333vw;
    padding-bottom: 0;
  }
}

#CoMessage.sectionBlock {
  margin-top: 0;
}
#CoMessage .flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#CoMessage .flex .imageWrap {
  width: 48.8%;
}
#CoMessage .flex .contents {
  width: 43.5%;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
}
#CoMessage .sectionTitle {
  text-align: left;
  margin-top: 20px;
}
#CoMessage .headCopy {
  font-size: 20px;
  line-height: 1.9;
  letter-spacing: 0.2em;
  color: #000;
}
#CoMessage .text {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 15px;
  margin-bottom: 27px;
  line-height: 2.3;
  letter-spacing: 0.1em;
}
#CoMessage .sign {
  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;
  color: #000;
}
#CoMessage .sign .company {
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.15em;
  margin-right: 1em;
}
#CoMessage .sign .job {
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.1em;
  margin-right: 1em;
}
#CoMessage .sign .name {
  text-align: right;
  margin-left: auto;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 768px) {
  #CoMessage .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #CoMessage .flex .imageWrap {
    width: 100%;
    margin-top: 9.3333333333vw;
  }
  #CoMessage .flex .contents {
    width: 100%;
  }
  #CoMessage .sectionTitle {
    text-align: center;
    margin-top: 20px;
  }
  #CoMessage .headCopy {
    text-align: center;
    font-size: 15px; /* legacy */
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 0.2em;
  }
  #CoMessage .text {
    margin-top: 2.9333333333vw;
    margin-bottom: 5.8666666667vw;
    line-height: 2.1;
    letter-spacing: 0.1em;
  }
  #CoMessage .sign {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #CoMessage .sign p {
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
  #CoMessage .sign .company {
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1;
    letter-spacing: 0.15em;
  }
  #CoMessage .sign .job {
    font-size: 9px; /* legacy */
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  #CoMessage .sign .name {
    font-size: 16px; /* legacy */
    font-size: 4.2666666667vw;
    line-height: 1;
    letter-spacing: 0.3em;
  }
}

#CoHistory .anim-slide::before {
  background: #f7f7f7;
}
#CoHistory .innerBG {
  background: #f7f7f7;
}
#CoHistory .sectionTitle {
  margin-bottom: 52px;
}
#CoHistory .table th {
  width: 116px;
}
@media screen and (max-width: 768px) {
  #CoHistory .sectionTitle {
    margin-bottom: 6.9333333333vw;
  }
  #CoHistory .table th {
    width: 16.9333333333vw;
  }
}

#CoProfile.sectionBlock {
  margin-top: 93px;
}
#CoProfile .sectionTitle {
  margin-bottom: 50px;
}
#CoProfile .table th, #CoProfile .table td {
  border-top: none;
  border-bottom: solid 1px #e4e4e4;
}
#CoProfile .table th {
  width: 150px;
}
#CoProfile .table .textarea {
  line-height: 2.14;
}
#CoProfile .note {
  margin-top: 18px;
  text-align: right;
  font-size: 10px;
  line-height: 1.5;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  #CoProfile.sectionBlock {
    margin-top: 17.6vw;
  }
  #CoProfile .sectionTitle {
    margin-bottom: 11.4666666667vw;
  }
  #CoProfile .table th {
    width: 25.8666666667vw;
  }
  #CoProfile .table .textarea {
    line-height: 2.14;
  }
  #CoProfile .note {
    margin-top: 3.7333333333vw;
    text-align: left;
    font-size: 9px; /* legacy */
    font-size: 2.4vw;
    line-height: 1.5;
    letter-spacing: 0.05em;
  }
}

#CoPhilosophy.sectionBlock {
  margin-top: 125px;
}
#CoPhilosophy .anim-slide::before {
  background: #4c4948;
}
#CoPhilosophy .innerBG {
  padding-top: 92px;
  padding-bottom: 114px;
  background: #4c4948;
  color: #FFF;
  text-align: center;
}
#CoPhilosophy .sectionTitle {
  color: #FFF;
  margin-top: 0;
  margin-bottom: 66px;
}
#CoPhilosophy .motto {
  border-bottom: solid 1px #a5a4a4;
  padding-bottom: 69px;
  margin-bottom: 81px;
}
#CoPhilosophy .motto .copy span {
  display: block;
}
#CoPhilosophy .motto .copy span.sp {
  display: none;
}
#CoPhilosophy .motto .copy span.en {
  font-size: 48px;
  line-height: 1;
  letter-spacing: 0.25em;
  margin-bottom: 40px;
}
#CoPhilosophy .motto .copy span.ja {
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.6em;
  line-height: 1.933;
  margin-bottom: 20px;
}
#CoPhilosophy .motto .copy span.ja span {
  display: inline-block;
}
#CoPhilosophy .motto .text {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.18em;
}
#CoPhilosophy .motto .text span {
  display: inline-block;
}
#CoPhilosophy .logo .logoImg {
  margin-bottom: 43px;
}
#CoPhilosophy .logo .logoImg img {
  width: 37.1428571429%;
  height: auto;
}
#CoPhilosophy .logo .text {
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 768px) {
  #CoPhilosophy.sectionBlock {
    margin-top: 16vw;
  }
  #CoPhilosophy .innerBG {
    padding-top: 14.1333333333vw;
    padding-bottom: 18.4vw;
  }
  #CoPhilosophy .sectionTitle {
    margin-top: 0;
    margin-bottom: 10.6666666667vw;
  }
  #CoPhilosophy .motto {
    padding-bottom: 10.4vw;
    margin-bottom: 13.3333333333vw;
  }
  #CoPhilosophy .motto .copy span {
    display: block;
  }
  #CoPhilosophy .motto .copy span.pc {
    display: none;
  }
  #CoPhilosophy .motto .copy span.sp {
    display: block;
  }
  #CoPhilosophy .motto .copy span.en {
    font-size: 31px; /* legacy */
    font-size: 8.2666666667vw;
    line-height: 1.1935483871;
    letter-spacing: 0.25em;
    margin-bottom: 2.4vw;
  }
  #CoPhilosophy .motto .copy span.ja {
    font-size: 15px; /* legacy */
    font-size: 4vw;
    line-height: 1.9333333333;
    letter-spacing: 0.6em;
    line-height: 1.933;
    margin-bottom: 6.6666666667vw;
  }
  #CoPhilosophy .motto .copy span.ja span {
    display: inline-block;
  }
  #CoPhilosophy .motto .text {
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.1818181818;
    letter-spacing: 0.2em;
  }
  #CoPhilosophy .motto .text span {
    display: inline;
  }
  #CoPhilosophy .motto .text br {
    display: none;
  }
  #CoPhilosophy .logo .logoImg {
    margin-bottom: 7.2vw;
  }
  #CoPhilosophy .logo .logoImg img {
    width: 44vw;
    height: 23.2vw;
  }
  #CoPhilosophy .logo .text {
    width: 100vw;
    margin-left: -8.6666666667vw;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2;
    letter-spacing: 0.12em;
  }
  #CoPhilosophy .logo .text span {
    display: inline-block;
  }
}

#CoBasic.sectionBlock {
  margin-top: 0;
}
#CoBasic .sectionTitle {
  margin-bottom: 68px;
}
#CoBasic .anim-slide::before {
  background: #f7f7f7;
}
#CoBasic .contents {
  text-align: center;
}
#CoBasic .copy {
  font-size: 26px;
  line-height: 1.3076923077;
  letter-spacing: 0.6em;
  color: #000;
  margin-bottom: 38px;
}
#CoBasic .block {
  border-top: solid 1px #e4e4e4;
  padding-top: 25px;
  padding-bottom: 35px;
}
#CoBasic .block:nth-of-type(1) {
  border-top: none;
}
#CoBasic .block dt {
  color: #000;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: 0.3em;
}
#CoBasic .block dd {
  font-size: 14px;
  line-height: 1.7857142857;
  letter-spacing: 0.2em;
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  #CoBasic.sectionBlock {
    margin-top: 0;
  }
  #CoBasic .sectionTitle {
    margin-bottom: 10.1333333333vw;
  }
  #CoBasic .copy {
    font-size: 17px; /* legacy */
    font-size: 4.5333333333vw;
    line-height: 1.7058823529;
    letter-spacing: 0.6em;
    margin-bottom: 3.7333333333vw;
  }
  #CoBasic .block {
    padding-top: 4vw;
    padding-bottom: 6.4vw;
  }
  #CoBasic .block dt {
    font-size: 14px; /* legacy */
    font-size: 3.7333333333vw;
    line-height: 2.1785714286;
    letter-spacing: 0.3em;
  }
  #CoBasic .block dd {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.8181818182;
    letter-spacing: 0.2em;
    margin-top: 1.0666666667vw;
  }
}

#CoDesign {
  position: relative;
}
#CoDesign.sectionBlock {
  margin-top: 131px;
}
#CoDesign .sectionTitle {
  margin-bottom: 40px;
}
#CoDesign .anim-slide::before {
  background: #f7f7f7;
}
#CoDesign .text {
  color: #000;
  font-size: 14px;
  line-height: 2.5714285714;
  letter-spacing: 0.2em;
  text-align: center;
}
#CoDesign::after {
  content: "";
  display: block;
  background: #000;
  width: 1px;
  height: 0px;
  position: absolute;
  left: 50%;
  top: -110px;
  -webkit-transition: all 4s cubic-bezier(0, 1, 0.7, 1);
  transition: all 4s cubic-bezier(0, 1, 0.7, 1);
}
#CoDesign.inView::after {
  height: 60px;
}
@media screen and (max-width: 768px) {
  #CoDesign.sectionBlock {
    margin-top: 26.4vw;
  }
  #CoDesign .sectionTitle {
    margin-bottom: 6.4vw;
  }
  #CoDesign .text {
    font-size: 7px; /* legacy */
    font-size: 1.8666666667vw;
    line-height: 2.5714285714;
    letter-spacing: 0.2em;
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  #CoDesign .text br {
    display: none;
  }
  #CoDesign::after {
    left: 50%;
    top: -22.6666666667vw;
  }
  #CoDesign.inView::after {
    height: 14.4vw;
  }
}

#CoFeature {
  position: relative;
}
#CoFeature.sectionBlock {
  margin-top: 158px;
}
#CoFeature .sectionTitle {
  margin-bottom: 46px;
}
#CoFeature .anim-slide::before {
  background: #f7f7f7;
}
#CoFeature .dotList {
  color: #000;
  text-align: center;
  font-size: 14px;
  line-height: 2.5714285714;
  letter-spacing: 0.2em;
}
#CoFeature .dotList li::before {
  content: "・";
}
#CoFeature::after {
  content: "";
  display: block;
  background: #000;
  width: 1px;
  height: 0px;
  position: absolute;
  left: 50%;
  top: -110px;
  -webkit-transition: all 4s cubic-bezier(0, 1, 0.7, 1);
  transition: all 4s cubic-bezier(0, 1, 0.7, 1);
}
#CoFeature.inView::after {
  height: 60px;
}
@media screen and (max-width: 768px) {
  #CoFeature.sectionBlock {
    margin-top: 29.6vw;
  }
  #CoFeature .sectionTitle {
    margin-bottom: 7.2vw;
  }
  #CoFeature .dotList {
    text-align: left;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.0909090909;
    letter-spacing: 0.15em;
  }
  #CoFeature .dotList li {
    text-indent: -1em;
    margin-left: 1em;
  }
  #CoFeature::after {
    left: 50%;
    top: -22.6666666667vw;
  }
  #CoFeature.inView::after {
    height: 14.4vw;
  }
}

#CoCSR {
  text-align: center;
}
#CoCSR.sectionBlock {
  margin-top: 105px;
}
#CoCSR .innerBG {
  padding-top: 0;
  padding-bottom: 0;
}
#CoCSR .sectionTitle {
  margin-bottom: 56px;
}
#CoCSR .copy {
  color: #000;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.3em;
  margin-bottom: 16px;
}
#CoCSR .text {
  font-size: 14px;
  line-height: 2.5714285714;
  letter-spacing: 0.3em;
  margin-bottom: 58px;
}
#CoCSR .imgBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#CoCSR .imgBlock > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  #CoCSR.sectionBlock {
    margin-top: 20vw;
  }
  #CoCSR .sectionTitle {
    margin-bottom: 7.2vw;
  }
  #CoCSR .copy {
    text-align: center;
    font-size: 15px; /* legacy */
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 0.2em;
    margin-bottom: 4.8vw;
  }
  #CoCSR .text {
    text-align: left;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.0909090909;
    letter-spacing: 0.2em;
    margin-bottom: 9.8666666667vw;
  }
  #CoCSR .text br {
    display: none;
  }
  #CoCSR .imgBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #CoCSR .imgBlock > div {
    width: 50%;
    -webkit-box-flex: initial;
        -ms-flex: initial;
            flex: initial;
  }
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Recruit */
#Recruit #Cover {
  margin-bottom: 104px;
}
@media screen and (max-width: 768px) {
  #Recruit #Cover {
    margin-bottom: 12.5333333333vw;
  }
}
#Recruit #AnchorLink .linkList li {
  max-width: 200px;
}
@media screen and (max-width: 768px) {
  #Recruit #AnchorLink .linkList li {
    max-width: initial;
  }
}
#Recruit strong {
  font-weight: normal;
}
#Recruit .innerBG {
  padding-top: 55px;
  padding-bottom: 55px;
  padding-left: 0;
  padding-right: 0;
  width: 84.0909090909%;
  margin-left: auto;
  margin-right: auto;
  background: #f7f7f7;
}
@media screen and (min-width: 1600px) {
  #Recruit .innerBG {
    width: 1343px;
  }
}
@media screen and (min-width: 1600px) {
  #Recruit .innerBG {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (max-width: 768px) {
  #Recruit .innerBG {
    padding-top: 11.4666666667vw;
    padding-bottom: 11.3333333333vw;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 8.6666666667vw;
    padding-right: 8.6666666667vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#Recruit .innerBG .anim-slide::before {
  background: #f7f7f7;
}
#Recruit .innerBG .contents {
  width: 63.0630630631%;
}
@media screen and (max-width: 768px) {
  #Recruit .innerBG .contents {
    width: 100%;
  }
}
#Recruit .contents {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #Recruit .contents {
    width: 100%;
  }
}
#Recruit .outline {
  width: 100%;
  border-top: solid 1px #e4e4e4;
}
#Recruit .outline th, #Recruit .outline td {
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.1em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  border-bottom: solid 1px #e4e4e4;
  padding-top: 1.2em;
  padding-bottom: 1.3em;
}
#Recruit .outline th {
  color: #000;
  width: 30%;
}
#Recruit .outline td p + p {
  margin-top: 1em;
}
#Recruit .outline td a {
  color: #4c4948;
  text-decoration: underline;
}
#Recruit .outline td a:hover {
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  #Recruit .outline th, #Recruit .outline td {
    font-size: 2.9333333333vw;
  }
  #Recruit .outline th {
    width: auto;
    white-space: nowrap;
    padding-right: 1em;
  }
}

#ReConcept {
  text-align: center;
}
#ReConcept .keyword {
  color: #000;
  font-size: 54px;
  line-height: 1;
  letter-spacing: 0.1em;
}
#ReConcept .copy {
  color: #000;
  font-size: 23px;
  line-height: 1.8260869565;
  letter-spacing: 0.3em;
  margin-top: 33px;
  margin-bottom: 19px;
}
#ReConcept .text {
  font-size: 14px;
  line-height: 2.4285714286;
  letter-spacing: 0.3em;
}
@media screen and (max-width: 768px) {
  #ReConcept .inner {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }
  #ReConcept .keyword {
    font-size: 30px; /* legacy */
    font-size: 8vw;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  #ReConcept .copy {
    font-size: 15px; /* legacy */
    font-size: 4vw;
    line-height: 1.8;
    letter-spacing: 0.2em;
    margin-top: 6.1333333333vw;
    margin-bottom: 3.2vw;
  }
  #ReConcept .text {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.0909090909;
    letter-spacing: 0.2em;
  }
}

#ReMessage.sectionBlock {
  margin-top: 100px;
}
#ReMessage .innerBG {
  padding-top: 93px;
  padding-bottom: 100px;
}
#ReMessage .sectionTitle {
  margin-top: 0;
  margin-bottom: 60px;
}
#ReMessage .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 14px;
  line-height: 2.2857142857;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  #ReMessage.sectionBlock {
    margin-top: 18.1333333333vw;
  }
  #ReMessage .innerBG {
    padding-top: 12.5333333333vw;
    padding-bottom: 13.3333333333vw;
  }
  #ReMessage .sectionTitle {
    margin-top: 0;
    margin-bottom: 7.2vw;
  }
  #ReMessage .text {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.0909090909;
    letter-spacing: 0.2em;
  }
}

#ReMember.sectionBlock {
  margin-top: 118px;
}
#ReMember .sectionTitle {
  margin-top: 0;
  margin-bottom: 44px;
}
#ReMember .innerBG {
  padding-top: 55px;
  padding-bottom: 60px;
}
#ReMember .innerBG .contents {
  background: #FFF;
  width: 90.0900900901%;
  padding-left: 4.5045045045%;
  padding-right: 4.5045045045%;
  padding-bottom: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#ReMember .innerBG .contents .anim-slide::before {
  background: #FFF;
}
#ReMember .contents {
  width: 70%;
}
#ReMember .block {
  width: 100%;
  padding-top: 47px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}
#ReMember .block .meta {
  padding-bottom: 19px;
  margin-bottom: 30px;
  border-bottom: solid 1px #e4e4e4;
}
#ReMember .block .meta .profile {
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.2em;
  margin-bottom: 7px;
}
#ReMember .block .meta .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  width: 100%;
  color: #000;
}
#ReMember .block .meta .name .ja {
  text-align: left;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.2em;
  font-weight: normal;
}
#ReMember .block .meta .name .en {
  margin-left: auto;
  text-align: right;
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.3em;
}
#ReMember .block .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#ReMember .block .body .imageWrap {
  width: 28.8888888889%;
  margin-right: auto;
}
#ReMember .block .body .interveiw {
  padding-top: 8px;
  width: 65.1111111111%;
}
#ReMember .block .body .interveiw dt {
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: normal;
  color: #000;
  margin-bottom: 11px;
}
#ReMember .block .body .interveiw dd {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.1em;
}
#ReMember .block .body .interveiw dd p + p {
  margin-top: 1em;
}
@media screen and (max-width: 768px) {
  #ReMember.sectionBlock {
    margin-top: 16vw;
  }
  #ReMember .sectionTitle {
    margin-top: 0;
    margin-bottom: 5.3333333333vw;
  }
  #ReMember .innerBG {
    padding-top: 4.2666666667vw;
    padding-bottom: 4.2666666667vw;
    width: calc(100% - 10.6666666667vw);
    margin-left: 5.3333333333vw;
    margin-right: 5.3333333333vw;
    padding-left: 3.3333333333vw;
    padding-right: 3.3333333333vw;
  }
  #ReMember .innerBG .contents {
    width: 100%;
    padding-left: 5.3333333333vw;
    padding-right: 5.3333333333vw;
    padding-bottom: 40px;
  }
  #ReMember .contents {
    width: 100%;
  }
  #ReMember .block {
    width: 100%;
    padding-top: 6.6666666667vw;
    padding-bottom: 9.0666666667vw;
    margin-left: auto;
    margin-right: auto;
  }
  #ReMember .block .meta {
    padding-bottom: 4.2666666667vw;
    margin-bottom: 5.6vw;
  }
  #ReMember .block .meta .profile {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.2727272727;
    letter-spacing: 0.15em;
    margin-bottom: 1.8666666667vw;
  }
  #ReMember .block .meta .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    width: 100%;
    color: #000;
  }
  #ReMember .block .meta .name .ja {
    text-align: left;
    font-size: 18px; /* legacy */
    font-size: 4.8vw;
    line-height: 1;
    letter-spacing: 0.2em;
    font-weight: normal;
  }
  #ReMember .block .meta .name .en {
    margin-top: 3.2vw;
    margin-left: 0;
    text-align: left;
    font-size: 9px; /* legacy */
    font-size: 2.4vw;
    line-height: 1;
    letter-spacing: 0.3em;
  }
  #ReMember .block .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #ReMember .block .body .imageWrap {
    width: 100%;
    margin-right: 0;
  }
  #ReMember .block .body .interveiw {
    padding-top: 8vw;
    width: 100%;
  }
  #ReMember .block .body .interveiw dt {
    font-size: 19px; /* legacy */
    font-size: 5.0666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-bottom: 2.1333333333vw;
  }
  #ReMember .block .body .interveiw dd {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.0909090909;
    letter-spacing: 0.2em;
  }
}

#ReNew, #ReCareer {
  margin-top: 148px;
}
#ReNew .anim-slide::before, #ReCareer .anim-slide::before {
  background: #FFF;
}
#ReNew .sectionTitle, #ReCareer .sectionTitle {
  margin-bottom: 55px;
}
#ReNew .sectionTitle .ja, #ReCareer .sectionTitle .ja {
  font-size: 30px;
  line-height: 1;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  #ReNew, #ReCareer {
    margin-top: 13.0666666667vw;
  }
  #ReNew .sectionTitle, #ReCareer .sectionTitle {
    margin-bottom: 6.4vw;
  }
  #ReNew .sectionTitle .ja, #ReCareer .sectionTitle .ja {
    font-size: 18px; /* legacy */
    font-size: 4.8vw;
    line-height: 1;
    letter-spacing: 0.2em;
  }
}

@media screen and (max-width: 768px) {
  #ReNew {
    margin-top: 25.3333333333vw;
  }
}
#ReNew .message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2em;
  border: solid 1px #e4e4e4;
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: 0.1em;
  font-weight: normal;
  margin-bottom: 55px;
}
#ReNew .entryBtn {
  margin-top: 50px;
}
#ReNew .entryBtn a {
  display: block;
  position: relative;
  text-align: center;
  height: 80px;
  color: #FFF;
  background: #4c4948;
}
#ReNew .entryBtn a::after {
  position: absolute;
  top: 50%;
  right: 24px;
  display: block;
  content: "";
  width: 14px;
  height: 14px;
  border-top: solid 1px #FFF;
  border-right: solid 1px #FFF;
  -webkit-transform: translateY(-7px) rotate(45deg);
      -ms-transform: translateY(-7px) rotate(45deg);
          transform: translateY(-7px) rotate(45deg);
  -webkit-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
@media screen and (min-width: 769px) {
  #ReNew .entryBtn a {
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
  }
  #ReNew .entryBtn a:hover {
    opacity: 0.75;
  }
}
#ReNew .entryBtn a .btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 80px;
}
#ReNew .entryBtn a .btnWrap strong {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.3em;
  font-weight: normal;
}
#ReNew .entryBtn a .btnWrap span {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.2em;
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  #ReNew .message {
    padding: 1em;
    font-size: 2.9333333333vw;
    margin-bottom: 6.4vw;
  }
  #ReNew .entryBtn {
    margin-top: 9.6vw;
  }
  #ReNew .entryBtn a {
    height: 13.3333333333vw;
  }
  #ReNew .entryBtn a::after {
    right: 3.7333333333vw;
    width: 2.4vw;
    height: 2.4vw;
    -webkit-transform: translateY(-4px) rotate(45deg);
        -ms-transform: translateY(-4px) rotate(45deg);
            transform: translateY(-4px) rotate(45deg);
  }
  #ReNew .entryBtn a .btnWrap {
    height: 13.3333333333vw;
  }
  #ReNew .entryBtn a .btnWrap strong {
    font-size: 15px; /* legacy */
    font-size: 4vw;
    line-height: 1;
    letter-spacing: 0.3em;
  }
  #ReNew .entryBtn a .btnWrap span {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1;
    letter-spacing: 0.2em;
    margin-left: 4vw;
  }
}

#ReFAQ.sectionBlock {
  margin-top: 190px;
}
#ReFAQ .innerBG {
  padding-top: 110px;
  padding-bottom: 125px;
}
#ReFAQ .sectionTitle {
  margin-bottom: 73px;
}
#ReFAQ .block {
  padding-left: 40px;
}
#ReFAQ .block + .block {
  margin-top: 35px;
}
#ReFAQ .block dt, #ReFAQ .block dd {
  position: relative;
}
#ReFAQ .block .icon {
  position: absolute;
  top: 3px;
  left: -40px;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #000;
}
#ReFAQ .block dt {
  color: #000;
  font-size: 16px;
  line-height: 1.6875;
  letter-spacing: 0.2em;
  line-height: 1.69;
  margin-bottom: 11px;
}
#ReFAQ .block dd {
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  #ReFAQ.sectionBlock {
    margin-top: 24vw;
  }
  #ReFAQ .innerBG {
    padding-top: 12.8vw;
    padding-bottom: 16vw;
  }
  #ReFAQ .sectionTitle {
    margin-bottom: 12.8vw;
  }
  #ReFAQ .block {
    padding-left: 8vw;
  }
  #ReFAQ .block + .block {
    margin-top: 9.3333333333vw;
  }
  #ReFAQ .block .icon {
    top: 3px;
    left: -8vw;
    font-size: 17.5px; /* legacy */
    font-size: 4.6666666667vw;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  #ReFAQ .block dt {
    font-size: 13px; /* legacy */
    font-size: 3.4666666667vw;
    line-height: 1;
    letter-spacing: 0.2em;
    line-height: 1.69;
    margin-bottom: 2.9333333333vw;
  }
  #ReFAQ .block dd {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.7727272727;
    letter-spacing: 0.1em;
  }
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> EntryForm */
#EntryForm .inner {
  padding-left: 24.4697%;
  padding-right: 24.4697%;
}
@media screen and (min-width: 1600px) {
  #EntryForm .inner {
    padding-left: 392px;
    padding-right: 392px;
  }
}
@media screen and (max-width: 768px) {
  #EntryForm .inner {
    padding-left: 8.6666666667vw;
    padding-right: 8.6666666667vw;
  }
}
#EntryForm .read {
  font-size: 12px;
  line-height: 1.9166666667;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 53px;
}
@media screen and (max-width: 768px) {
  #EntryForm .read {
    font-size: 10px; /* legacy */
    font-size: 2.6666666667vw;
    line-height: 1.8;
    letter-spacing: 0.1em;
    margin-top: 6.4vw;
    margin-bottom: 1.8666666667vw;
  }
}
#EntryForm .tableLayout {
  display: table;
  table-layout: fixed;
  width: 100%;
}
#EntryForm .tableLayout .tr {
  display: table-row;
}
#EntryForm .tableLayout .tr .th, #EntryForm .tableLayout .tr .td {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  padding-top: 15px;
  padding-bottom: 15px;
}
#EntryForm .tableLayout .tr .th .small, #EntryForm .tableLayout .tr .td .small {
  font-size: 78%;
}
#EntryForm .tableLayout .tr .th {
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.1em;
  width: 215px;
  white-space: nowrap;
  padding-top: 34px;
}
#EntryForm .tableLayout .tr .th.require {
  position: relative;
}
#EntryForm .tableLayout .tr .th.require::after {
  color: #000;
  content: "※";
  display: block;
  position: absolute;
  top: 34px;
  right: 35px;
}
#EntryForm .tableLayout .tr .td {
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.1em;
}
#EntryForm .tableLayout .tr .td span, #EntryForm .tableLayout .tr .td strong {
  font-weight: normal;
  display: inline-block;
}
#EntryForm .tableLayout .tr .td .note {
  margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
  #EntryForm .tableLayout {
    display: block;
    width: 100%;
  }
  #EntryForm .tableLayout .tr {
    display: block;
  }
  #EntryForm .tableLayout .tr .th, #EntryForm .tableLayout .tr .td {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
  }
  #EntryForm .tableLayout .tr .th .small, #EntryForm .tableLayout .tr .td .small {
    font-size: 100%;
  }
  #EntryForm .tableLayout .tr .th {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1;
    letter-spacing: 0.1em;
    width: 100%;
    white-space: normal;
    padding-top: 2.5em;
  }
  #EntryForm .tableLayout .tr .th.require::after {
    top: 2.5em;
    right: 0;
  }
  #EntryForm .tableLayout .tr .td {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2.1818181818;
    letter-spacing: 0.1em;
    padding-top: 0.8em;
    padding-bottom: 0;
  }
  #EntryForm .tableLayout .tr .td strong {
    font-size: 2.9333333333vw;
  }
  #EntryForm .tableLayout .tr .td .small {
    font-size: 2.4vw;
    line-height: 1.5em;
    margin-top: 5px;
  }
}
#EntryForm .input label, #EntryForm .input.radio,
#EntryForm .input textarea {
  background: #f7f7f7;
  padding: 20px 22px;
}
#EntryForm .input label {
  display: block;
}
#EntryForm .input textarea {
  width: 100%;
  height: 217px;
}
#EntryForm .input input[type=text] {
  width: 100%;
}
#EntryForm .input.file input[type=file] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
#EntryForm .input.radio label {
  display: inline-block;
  padding: 0 22px 0 0;
}
#EntryForm .input.radio label input[type=radio] {
  margin-right: 0.5em;
}
#EntryForm .input .select label {
  position: relative;
  display: block;
  width: 100%;
  padding: 9px 0;
}
#EntryForm .input .select label::after {
  position: absolute;
  top: calc(50% - 8px);
  right: 20px;
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-left: solid 1px #727171;
  border-bottom: solid 1px #727171;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  pointer-events: none;
}
#EntryForm .input .select select {
  padding: 10px 15px;
  width: 100%;
}
#EntryForm .input.tel label, #EntryForm .input.zip label {
  position: relative;
}
#EntryForm .input.tel label::after, #EntryForm .input.zip label::after {
  content: "‐";
  position: absolute;
  width: 25px;
  height: 100%;
  top: 0;
  left: -25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#EntryForm .input.tel label:first-child::after, #EntryForm .input.zip label:first-child::after {
  display: none;
}
#EntryForm .input.zip label:nth-of-type(2) {
  border-right: solid 34px #FFF;
}
#EntryForm .input.zip p {
  display: none;
}
#EntryForm .input.column1 {
  width: 100%;
}
#EntryForm .input.column1 .small {
  margin-top: 0.5em;
}
#EntryForm .input.column2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#EntryForm .input.column2 > div,
#EntryForm .input.column2 > label {
  width: calc((100% - 25px) / 2);
}
#EntryForm .input.column3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#EntryForm .input.column3 > div,
#EntryForm .input.column3 > label {
  width: calc((100% - 50px) / 3);
}
#EntryForm .input + .input {
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  #EntryForm .input {
    overflow-x: hidden;
  }
  #EntryForm .input label, #EntryForm .input.radio,
  #EntryForm .input textarea {
    padding: 4vw 0 3.4666666667vw 2.6666666667vw;
  }
  #EntryForm .input input[type=text] {
    padding: 0;
    width: 145%;
    font-size: 4.2666666667vw;
    -webkit-transform: scale(0.6875);
        -ms-transform: scale(0.6875);
            transform: scale(0.6875);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
  }
  #EntryForm .input.textarea {
    height: 46.4vw;
  }
  #EntryForm .input.textarea textarea {
    font-size: 4.2666666667vw;
    height: 67.2vw;
    -webkit-transform: scale(0.6875);
        -ms-transform: scale(0.6875);
            transform: scale(0.6875);
    -webkit-transform-origin: left top;
        -ms-transform-origin: left top;
            transform-origin: left top;
    width: 145%;
  }
  #EntryForm .input.radio label {
    padding: 0 5.8666666667vw 0 0;
  }
  #EntryForm .input .select label {
    padding: 0;
  }
  #EntryForm .input .select label::after {
    top: calc(50% - 0.8vw);
    right: 3.3333333333vw;
    width: 1.6vw;
    height: 1.6vw;
  }
  #EntryForm .input .select select {
    font-size: 4.2666666667vw;
    padding: 4vw 0 3.4666666667vw 2.6666666667vw;
    -webkit-transform: scale(0.6875);
        -ms-transform: scale(0.6875);
            transform: scale(0.6875);
    -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
            transform-origin: left center;
    width: 145%;
  }
  #EntryForm .input.tel label::after, #EntryForm .input.zip label::after {
    content: "";
    width: 0.8vw;
    height: 1px;
    background: #4c4948;
    top: calc(50% - 1px);
    left: -2vw;
  }
  #EntryForm .input.zip label:nth-of-type(2) {
    border-right: none;
  }
  #EntryForm .input.zip div {
    display: none;
  }
  #EntryForm .input.column2 > div,
  #EntryForm .input.column2 > label {
    width: calc((100% - 3.2vw) / 2);
  }
  #EntryForm .input.column3 > div,
  #EntryForm .input.column3 > label {
    width: calc((100% - 6.4vw) / 3);
  }
  #EntryForm .input.column3.sp_column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #EntryForm .input.column3.sp_column > div, #EntryForm .input.column3.sp_column > label {
    width: 100%;
  }
  #EntryForm .input.column3.sp_column > div + div, #EntryForm .input.column3.sp_column > div + label, #EntryForm .input.column3.sp_column > label + div, #EntryForm .input.column3.sp_column > label + label {
    margin-top: 3.2vw;
  }
  #EntryForm .input.column3.sp_column2 > div, #EntryForm .input.column3.sp_column2 > label {
    width: calc((100% - 3.2vw) / 2);
  }
  #EntryForm .input.column3.sp_column2 > div:nth-of-type(3), #EntryForm .input.column3.sp_column2 > label:nth-of-type(3) {
    display: none;
  }
  #EntryForm .input + .input {
    margin-top: 25px;
  }
}
#EntryForm input[type=submit] {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 65px;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  border-radius: 0;
  cursor: pointer;
  color: #FFF;
  background: #4c4948;
}
@media screen and (max-width: 768px) {
  #EntryForm input[type=submit] {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1;
    letter-spacing: 0.1em;
    height: 13.8666666667vw;
  }
}

.mw_wp_form_input .form_input {
  display: block;
}
.mw_wp_form_input .form_inputspan {
  display: inline;
}
.mw_wp_form_input .form_confirm {
  display: none;
}
.mw_wp_form_input #EntryForm .tableLayout .tr .td span.form_confirm {
  display: none;
}
.mw_wp_form_input .mw-wp-form_image {
  margin-top: 15px;
}

.mw_wp_form_confirm .form_input {
  display: none;
}
.mw_wp_form_confirm .form_confirm {
  display: block;
}
.mw_wp_form_confirm .form_confirmspan {
  display: inline;
}
.mw_wp_form_confirm #EntryForm .tableLayout .tr .th, .mw_wp_form_confirm #EntryForm .tableLayout .tr .td {
  border-bottom: solid 1px #e4e4e4;
}
.mw_wp_form_confirm #EntryForm .tableLayout .tr.button .th, .mw_wp_form_confirm #EntryForm .tableLayout .tr.button .td {
  border-bottom: none;
}
.mw_wp_form_confirm #EntryForm .tableLayout .tr.button .th {
  padding-top: 15px;
}
.mw_wp_form_confirm #EntryForm .tableLayout .tr.button .th input[type=submit] {
  color: #4c4948;
  background: #FFF;
  border: solid 1px #4c4948;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm #EntryForm .tableLayout .tr .th {
    border: none;
  }
  .mw_wp_form_confirm #EntryForm .tableLayout .tr.button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.mw_wp_form_confirm #EntryForm .input label, .mw_wp_form_confirm #EntryForm .input.radio, .mw_wp_form_confirm #EntryForm .input.textarea {
  background: #FFF;
  padding: 20px 0 20px 22px;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm #EntryForm .input label, .mw_wp_form_confirm #EntryForm .input.radio, .mw_wp_form_confirm #EntryForm .input.textarea {
    padding: 0 0 1em 22px;
  }
}
.mw_wp_form_confirm #EntryForm .input label {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm #EntryForm .input.textarea {
    height: auto;
  }
}
.mw_wp_form_confirm #EntryForm .input .select label {
  padding: 20px 0 20px 22px;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm #EntryForm .input .select label {
    padding: 0 0 1em 22px;
  }
}
.mw_wp_form_confirm #EntryForm .input .select label::after {
  display: none;
}
.mw_wp_form_confirm #EntryForm .input.tel label, .mw_wp_form_confirm #EntryForm .input.zip label {
  position: relative;
}
.mw_wp_form_confirm #EntryForm .input.tel label::after, .mw_wp_form_confirm #EntryForm .input.zip label::after {
  content: "‐";
  width: 22px;
  left: 0;
}
@media screen and (max-width: 768px) {
  .mw_wp_form_confirm #EntryForm .input.tel label::after, .mw_wp_form_confirm #EntryForm .input.zip label::after {
    width: 1em;
  }
}
.mw_wp_form_confirm #EntryForm .input.zip label:nth-of-type(2) {
  border-right: solid 34px #FFF;
}
.mw_wp_form_confirm #EntryForm .input.zip p {
  display: none;
}
.mw_wp_form_confirm #EntryForm .input.column1 {
  width: 100%;
}
.mw_wp_form_confirm #EntryForm .input.column1 .small {
  margin-top: 0.5em;
}
.mw_wp_form_confirm #EntryForm .input.column2 {
  display: block;
}
.mw_wp_form_confirm #EntryForm .input.column2 > div,
.mw_wp_form_confirm #EntryForm .input.column2 > label {
  width: auto;
  display: inline-block;
}
.mw_wp_form_confirm #EntryForm .input.column3 {
  display: block;
}
.mw_wp_form_confirm #EntryForm .input.column3 > div,
.mw_wp_form_confirm #EntryForm .input.column3 > label {
  width: auto;
  display: inline-block;
}
.mw_wp_form_confirm #EntryForm .input + .input {
  margin-top: 0;
}
.mw_wp_form_confirm #EntryForm .tableLayout .tr .td span.form_confirm {
  display: inline;
}
.mw_wp_form_confirm #EntryForm .tableLayout .tr .td .file span {
  display: none;
}

/*
@media screen and ($over-pc) {}
@media screen and ($over-tab) {}
@media screen and ($less-tab) {}
-------------------------------------------> Privacy */
#Privacy #Cover {
  margin-bottom: 76px;
}
@media screen and (max-width: 768px) {
  #Privacy #Cover {
    margin-bottom: 9.8666666667vw;
  }
}
#Privacy #Block02 {
  margin-top: 120px;
}
#Privacy #Block02.PrBlock .title {
  margin-bottom: 40px;
}
#Privacy #Block02 .btnDL {
  margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
  #Privacy #Block02 {
    margin-top: 27.4666666667vw;
  }
  #Privacy #Block02.PrBlock .title {
    margin-bottom: 4.5333333333vw;
  }
  #Privacy #Block02 .btnDL {
    margin-top: 1em;
  }
}
#Privacy .PrBlock .inner {
  padding-left: 24.4696969697%;
  padding-right: 24.4696969697%;
}
@media screen and (min-width: 1600px) {
  #Privacy .PrBlock .inner {
    padding-left: 392px;
    padding-right: 392px;
  }
}
@media screen and (max-width: 768px) {
  #Privacy .PrBlock .inner {
    padding-left: 8.6666666667vw;
    padding-right: 8.6666666667vw;
  }
}
#Privacy .PrBlock .title {
  color: #000;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.4em;
  margin-bottom: 63px;
  text-align: center;
}
#Privacy .PrBlock .frame {
  background: #f7f7f7;
  padding: 20px 25px 23px;
}
#Privacy .PrBlock .frame.read .text {
  color: #000;
  font-size: 14px;
  line-height: 1.7142857143;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}
#Privacy .PrBlock .frame.contact .text {
  color: #000;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}
#Privacy .PrBlock .meta {
  margin-bottom: 50px;
}
#Privacy .PrBlock .meta .text {
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  #Privacy .PrBlock .title {
    font-size: 13px; /* legacy */
    font-size: 3.4666666667vw;
    line-height: 0.8846153846;
    letter-spacing: 0.4em;
    margin-bottom: 8.2666666667vw;
  }
  #Privacy .PrBlock .frame {
    padding: 5.0666666667vw 5.3333333333vw;
  }
  #Privacy .PrBlock .frame.read {
    margin-bottom: 2.6666666667vw;
  }
  #Privacy .PrBlock .frame.read .text {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  #Privacy .PrBlock .frame.contact .text {
    font-size: 2.9333333333vw;
  }
  #Privacy .PrBlock .meta {
    margin-bottom: 40px;
  }
  #Privacy .PrBlock .meta .text {
    font-size: 2.9333333333vw;
  }
}
#Privacy .tableLayout {
  display: table;
  width: 100%;
  margin-bottom: 10px;
  counter-reset: thNum 0;
}
#Privacy .tableLayout .tr {
  display: table-row;
}
#Privacy .tableLayout .tr .th, #Privacy .tableLayout .tr .td {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  border-top: solid 1px #e4e4e4;
  padding-top: 2em;
  padding-bottom: 2em;
}
#Privacy .tableLayout .tr .th {
  color: #000;
  font-size: 14px;
  line-height: 1.5714285714;
  letter-spacing: 0.1em;
  width: 244px;
  white-space: nowrap;
  padding-top: 1.8em;
  padding-left: 1em;
  text-indent: -1em;
}
#Privacy .tableLayout .tr .th::before {
  counter-increment: thNum 1;
  content: counter(thNum) ".";
}
#Privacy .tableLayout .tr .td {
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}
#Privacy .tableLayout .tr .td p + p {
  margin-top: 1em;
}
#Privacy .tableLayout .tr .td .small {
  font-size: 10px;
}
#Privacy .tableLayout .tr .td .note {
  margin-top: 1.5em;
  font-size: 10px;
  line-height: 2;
  letter-spacing: 0.1em;
}
#Privacy .tableLayout .tr .td .note li {
  margin-left: 1em;
  text-indent: -1em;
}
#Privacy .tableLayout .tr .td .note li::before {
  content: "※";
}
#Privacy .tableLayout .tr:first-child .th, #Privacy .tableLayout .tr:first-child .td {
  border-top: none;
}
@media screen and (max-width: 768px) {
  #Privacy .tableLayout {
    display: block;
    width: 100%;
    margin-bottom: 0.5333333333vw;
  }
  #Privacy .tableLayout .tr {
    display: block;
  }
  #Privacy .tableLayout .tr .th, #Privacy .tableLayout .tr .td {
    display: block;
    padding-top: 0;
    padding-bottom: 0;
    border-top: none;
  }
  #Privacy .tableLayout .tr .th {
    font-size: 12px; /* legacy */
    font-size: 3.2vw;
    line-height: 1.6666666667;
    letter-spacing: 0.1em;
    width: 100%;
    white-space: normal;
    padding-top: 2em;
    padding-left: 1em;
    text-indent: -1em;
    border-top: solid 1px #e4e4e4;
  }
  #Privacy .tableLayout .tr .td {
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.8181818182;
    letter-spacing: 0.1em;
    padding-top: 0.8em;
    padding-bottom: 2em;
  }
  #Privacy .tableLayout .tr .td .small {
    font-size: 2.9333333333vw;
  }
  #Privacy .tableLayout .tr .td .note {
    margin-top: 1.5em;
    font-size: 11px; /* legacy */
    font-size: 2.9333333333vw;
    line-height: 1.8181818182;
    letter-spacing: 0.1em;
  }
}
#Privacy .detail + .detail {
  margin-top: 1.5em;
}
#Privacy .numList {
  counter-reset: olNum 0;
}
#Privacy .numList li {
  margin-left: 1em;
  text-indent: -1em;
}
#Privacy .numList li::before {
  counter-increment: olNum 1;
  content: counter(olNum) ")";
}
#Privacy .dotList {
  margin: 1em 0;
}
#Privacy .dotList li {
  margin-left: 1em;
  text-indent: -1em;
}
#Privacy .dotList li::before {
  content: "・";
}

/*
@import "./pages/_calendar";
@import "./pages/_media";
@import "./pages/_news";
@import "./pages/_contact";
@import "./pages/_error";
*/
/* animation
.image {
	animation-delay: 0.3s;
}
&.inView {
	.base, .image {
		animation-name: fadeInUp;
	}
}
*/
/*-------------------------------------------> animation module */
.anim-slide {
  position: relative;
  overflow: hidden;
}
.anim-slidespan {
  display: inline-block;
}
.anim-slide::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFF;
  -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition-duration: 4s;
          transition-duration: 4s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.inView .isAnim.inView.anim-slide::before,
.inView .isAnim.inView .anim-slide::before,
.inView .anim-slide::before,
.inView.anim-slide::before {
  -webkit-transform: translateX(100.1%);
      -ms-transform: translateX(100.1%);
          transform: translateX(100.1%);
}

.anim-slideImg {
  overflow: hidden;
  -webkit-transform: translate3d(-100.1%, 0, 0);
          transform: translate3d(-100.1%, 0, 0);
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.anim-slideImg img {
  -webkit-transform: translate3d(100.1%, 0, 0);
          transform: translate3d(100.1%, 0, 0);
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.inView .isAnim.inView.anim-slideImg,
.inView .isAnim.inView .anim-slideImg,
.inView .anim-slideImg,
.inView.anim-slideImg,
.inView .isAnim.inView.anim-slideImg img,
.inView .isAnim.inView .anim-slideImg img,
.inView .anim-slideImg img,
.inView.anim-slideImg img {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.anim-slideBlock {
  position: relative;
  overflow: hidden;
}
.anim-slideBlock::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #e4e4e4;
  -webkit-transform: translateX(-101%);
      -ms-transform: translateX(-101%);
          transform: translateX(-101%);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  /*
  transition-duration: 1s;
  transition-delay: 0.4s;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  transition-property: transform;
  */
}
.anim-slideBlock .image {
  display: block;
  position: relative;
  z-index: 10;
  -webkit-transform: translateX(-101%);
      -ms-transform: translateX(-101%);
          transform: translateX(-101%);
  -webkit-transition-duration: 0.8s;
          transition-duration: 0.8s;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
          transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.anim-slideBlock.delay0::before {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.anim-slideBlock.delay0 .image {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.anim-slideBlock.delay1::before {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.anim-slideBlock.delay1 .image {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.anim-slideBlock.delay2::before {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.anim-slideBlock.delay2 .image {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.anim-slideBlock.delay3::before {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.anim-slideBlock.delay3 .image {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.anim-slideBlock.delay4::before {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.anim-slideBlock.delay4 .image {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.anim-slideBlock.delay5::before {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.anim-slideBlock.delay5 .image {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.anim-slideBlock.delay6::before {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.anim-slideBlock.delay6 .image {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.anim-slideBlock.delay7::before {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.anim-slideBlock.delay7 .image {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}
.anim-slideBlock.delay8::before {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.anim-slideBlock.delay8 .image {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}
.anim-slideBlock.delay9::before {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.anim-slideBlock.delay9 .image {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}
.anim-slideBlock.delay10::before {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.anim-slideBlock.delay10 .image {
  -webkit-transition-delay: 2.3s;
          transition-delay: 2.3s;
}
.anim-slideBlock.delay11::before {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.anim-slideBlock.delay11 .image {
  -webkit-transition-delay: 2.5s;
          transition-delay: 2.5s;
}
.anim-slideBlock.delay12::before {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.anim-slideBlock.delay12 .image {
  -webkit-transition-delay: 2.7s;
          transition-delay: 2.7s;
}
.anim-slideBlock.delay13::before {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.anim-slideBlock.delay13 .image {
  -webkit-transition-delay: 2.9s;
          transition-delay: 2.9s;
}
.anim-slideBlock.delay14::before {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.anim-slideBlock.delay14 .image {
  -webkit-transition-delay: 3.1s;
          transition-delay: 3.1s;
}
.anim-slideBlock.delay15::before {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}
.anim-slideBlock.delay15 .image {
  -webkit-transition-delay: 3.3s;
          transition-delay: 3.3s;
}

.inView .isAnim.inView.anim-slideBlock::before,
.inView .isAnim.inView .anim-slideBlock::before,
.inView .anim-slideBlock::before,
.inView.anim-slideBlock::before {
  -webkit-animation-name: slideBlockBeta;
          animation-name: slideBlockBeta;
}

.inView .isAnim.inView.anim-slideBlock .image,
.inView .isAnim.inView .anim-slideBlock .image,
.inView .anim-slideBlock .image,
.inView.anim-slideBlock .image {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.anim-fadeInUp {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.anim-fadeInUp.delay0 {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
.anim-fadeInUp.delay1 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.anim-fadeInUp.delay2 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}
.anim-fadeInUp.delay3 {
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
}
.anim-fadeInUp.delay4 {
  -webkit-animation-delay: 0.8s;
          animation-delay: 0.8s;
}
.anim-fadeInUp.delay5 {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}
.anim-fadeInUp.delay6 {
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
}
.anim-fadeInUp.delay7 {
  -webkit-animation-delay: 1.4s;
          animation-delay: 1.4s;
}
.anim-fadeInUp.delay8 {
  -webkit-animation-delay: 1.6s;
          animation-delay: 1.6s;
}
.anim-fadeInUp.delay9 {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.anim-fadeInUp.delay10 {
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
}
.anim-fadeInUp.delay11 {
  -webkit-animation-delay: 2.2s;
          animation-delay: 2.2s;
}
.anim-fadeInUp.delay12 {
  -webkit-animation-delay: 2.4s;
          animation-delay: 2.4s;
}
.anim-fadeInUp.delay13 {
  -webkit-animation-delay: 2.6s;
          animation-delay: 2.6s;
}
.anim-fadeInUp.delay14 {
  -webkit-animation-delay: 2.8s;
          animation-delay: 2.8s;
}
.anim-fadeInUp.delay15 {
  -webkit-animation-delay: 3s;
          animation-delay: 3s;
}

.inView .isAnim.inView.anim-fadeInUp,
.inView .isAnim.inView .anim-fadeInUp,
.inView .anim-fadeInUp,
.inView.anim-fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

.inView .isAnim.anim-fadeInUp,
.inView .isAnim .anim-fadeInUp {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-fadeIn {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .isAnim.inView.anim-fadeIn,
.inView .isAnim.inView .anim-fadeIn,
.inView .anim-fadeIn,
.inView.anim-fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

.inView .isAnim.anim-fadeIn,
.inView .isAnim .anim-fadeIn {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-beta .null {
  position: relative;
  display: inline-block;
  vertical-align: top;
  opacity: 0;
  visibility: hidden;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 0);
          animation-timing-function: cubic-bezier(1, 0, 1, 0);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  overflow: hidden;
}
.anim-beta .null img, .anim-beta .null video {
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: step-end;
          animation-timing-function: step-end;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.anim-beta .null::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.anim-beta .null:nth-of-type(1) {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.anim-beta .null:nth-of-type(1)::before {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}
.anim-beta .null:nth-of-type(2) {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.anim-beta .null:nth-of-type(2)::before {
  -webkit-animation-delay: 0.9s;
          animation-delay: 0.9s;
}
.anim-beta .null:nth-of-type(3) {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.anim-beta .null:nth-of-type(3)::before {
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.anim-beta .null:nth-of-type(4) {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.anim-beta .null:nth-of-type(4)::before {
  -webkit-animation-delay: 1.3s;
          animation-delay: 1.3s;
}
.anim-beta .null:nth-of-type(5) {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.anim-beta .null:nth-of-type(5)::before {
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
}
.anim-beta .null:nth-of-type(6) {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.anim-beta .null:nth-of-type(6)::before {
  -webkit-animation-delay: 1.7s;
          animation-delay: 1.7s;
}
.anim-beta .null:nth-of-type(7) {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.anim-beta .null:nth-of-type(7)::before {
  -webkit-animation-delay: 1.9s;
          animation-delay: 1.9s;
}
.anim-beta .null:nth-of-type(8) {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}
.anim-beta .null:nth-of-type(8)::before {
  -webkit-animation-delay: 2.1s;
          animation-delay: 2.1s;
}

.inView .isAnim.inView.anim-beta .null,
.inView .isAnim.inView .anim-beta .null,
.inView .anim-beta .null,
.anim-beta.inView .null {
  -webkit-animation-name: betaText;
          animation-name: betaText;
}
.inView .isAnim.inView.anim-beta .null img, .inView .isAnim.inView.anim-beta .null video,
.inView .isAnim.inView .anim-beta .null img,
.inView .isAnim.inView .anim-beta .null video,
.inView .anim-beta .null img,
.inView .anim-beta .null video,
.anim-beta.inView .null img,
.anim-beta.inView .null video {
  -webkit-animation-name: betaImg;
          animation-name: betaImg;
}
.inView .isAnim.inView.anim-beta .null::before,
.inView .isAnim.inView .anim-beta .null::before,
.inView .anim-beta .null::before,
.anim-beta.inView .null::before {
  -webkit-animation-name: betaFrame;
          animation-name: betaFrame;
}

.inView .isAnim.anim-beta .null,
.inView .isAnim .anim-beta .null {
  -webkit-animation-name: none;
          animation-name: none;
}
.inView .isAnim.anim-beta .null img,
.inView .isAnim .anim-beta .null img {
  -webkit-animation-name: none;
          animation-name: none;
}
.inView .isAnim.anim-beta .null::before,
.inView .isAnim .anim-beta .null::before {
  -webkit-animation-name: none;
          animation-name: none;
}

.anim-lineDown {
  position: relative;
}
.anim-lineDown.chip::after {
  top: 0;
  left: 5px;
}

.anim-lineDown::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 1px;
  height: 0%;
  background: #4c4948;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          transition-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
}

.inView .isAnim.inView.anim-lineDown::before,
.inView .isAnim.inView .anim-lineDown::before,
.inView .anim-lineDown::before,
.anim-lineDown.inView::before {
  height: 100%;
}

.inView .isAnim.anim-lineDown::before,
.inView .isAnim .anim-lineDown::before {
  height: 0%;
}

.BetaBlock {
  position: relative;
}

.BetaBlock > * {
  visibility: hidden;
  position: relative;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 0);
          animation-timing-function: cubic-bezier(1, 0, 1, 0);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.BetaBlock::after {
  content: "";
  display: block;
  width: 0%;
  height: 100%;
  background: #4c4948;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
          animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.inView .BetaBlock > * {
  -webkit-animation-name: blockMask;
          animation-name: blockMask;
}

.inView .BetaBlock::after {
  -webkit-animation-name: blockFrame;
          animation-name: blockFrame;
}

.anim-logo {
  position: relative;
  overflow: hidden;
}
.anim-logo img {
  display: block;
  position: relative;
  z-index: 1;
  opacity: 0;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(1, 0, 1, 0);
          animation-timing-function: cubic-bezier(1, 0, 1, 0);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.anim-logo::before, .anim-logo::after {
  position: absolute;
  z-index: 10;
  content: "";
  display: block;
  width: 200%;
  height: 0;
  background: -webkit-gradient(linear, left top, right top, from(#4c4948), color-stop(50%, #4c4948), color-stop(50%, #e9ff00), to(#e9ff00));
  background: linear-gradient(90deg, #4c4948 0%, #4c4948 50%, #e9ff00 50%, #e9ff00 100%);
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
          animation-timing-function: cubic-bezier(0.5, 0.3, 0, 1);
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}
.anim-logo::before {
  padding-top: 100%;
  top: 0;
  right: 201%;
}
.anim-logo::after {
  padding-top: 26.4797507788%;
  bottom: 0;
  left: -201%;
}

.inView .anim-logo img {
  -webkit-animation-name: betaImg;
          animation-name: betaImg;
}
.inView .anim-logo::before {
  -webkit-animation-name: betaLogoR;
          animation-name: betaLogoR;
}
.inView .anim-logo::after {
  -webkit-animation-name: betaLogo;
          animation-name: betaLogo;
}

/*-------------------------------------------> keyframe */
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes InUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes InUp {
  from {
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  to {
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes fadeInSlide {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInSlide {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes blur {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes blur {
  from {
    opacity: 0;
    -webkit-filter: blur(20px);
            filter: blur(20px);
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  to {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}
@keyframes ticker {
  0% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);
  }
}
@-webkit-keyframes betaText {
  /*
  from { visibility: visible; color: #FFF; opacity: 1; }
  to { visibility: visible; color: inherit; opacity: 1; }
  0% { visibility: hidden; color: #FFF; opacity: 0; }
  1% { visibility: visible; color: #FFF; opacity: 1; }
  100% { visibility: visible; color: inherit; opacity: 1; }
  */
  0% {
    visibility: hidden;
    color: #FFF;
    opacity: 0;
  }
  1% {
    visibility: visible;
    color: #FFF;
    opacity: 0;
  }
  50% {
    visibility: visible;
    color: #FFF;
    background: #FFF;
    opacity: 1;
  }
  99% {
    visibility: visible;
    color: inherit;
    background: #FFF;
    opacity: 1;
  }
  100% {
    visibility: visible;
    color: inherit;
    opacity: 1;
  }
}
@keyframes betaText {
  /*
  from { visibility: visible; color: #FFF; opacity: 1; }
  to { visibility: visible; color: inherit; opacity: 1; }
  0% { visibility: hidden; color: #FFF; opacity: 0; }
  1% { visibility: visible; color: #FFF; opacity: 1; }
  100% { visibility: visible; color: inherit; opacity: 1; }
  */
  0% {
    visibility: hidden;
    color: #FFF;
    opacity: 0;
  }
  1% {
    visibility: visible;
    color: #FFF;
    opacity: 0;
  }
  50% {
    visibility: visible;
    color: #FFF;
    background: #FFF;
    opacity: 1;
  }
  99% {
    visibility: visible;
    color: inherit;
    background: #FFF;
    opacity: 1;
  }
  100% {
    visibility: visible;
    color: inherit;
    opacity: 1;
  }
}
@-webkit-keyframes betaText_bgBlack {
  0% {
    visibility: hidden;
    color: #4c4948;
    opacity: 0;
  }
  1% {
    visibility: visible;
    color: #4c4948;
    opacity: 1;
  }
  100% {
    visibility: visible;
    color: inherit;
    opacity: 1;
  }
}
@keyframes betaText_bgBlack {
  0% {
    visibility: hidden;
    color: #4c4948;
    opacity: 0;
  }
  1% {
    visibility: visible;
    color: #4c4948;
    opacity: 1;
  }
  100% {
    visibility: visible;
    color: inherit;
    opacity: 1;
  }
}
@-webkit-keyframes betaImg {
  from {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes betaImg {
  from {
    opacity: 0;
    visibility: visible;
  }
  to {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes betaFrame {
  /*
  0% { transform: translate3d(-101%,0,0); animation-timing-function: ease-in; }
  35% { transform: translate3d(0,0,0); }
  65% { transform: translate3d(0,0,0); animation-timing-function: ease-out; }
  100% { transform: translate3d(101%,0,0); }
  */
  0% {
    width: 0%;
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
            animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  }
  49.5% {
    width: 100%;
  }
  49.6% {
    margin-left: 0%;
    width: 100%;
    -webkit-animation-timing-function: cubic-bezier(0.74, 0.13, 0.26, 1);
            animation-timing-function: cubic-bezier(0.74, 0.13, 0.26, 1);
  }
  99.99% {
    margin-left: 100%;
    width: 0%;
    opacity: 1;
  }
  100% {
    margin-left: 100%;
    width: 0%;
    opacity: 0;
  }
}
@keyframes betaFrame {
  /*
  0% { transform: translate3d(-101%,0,0); animation-timing-function: ease-in; }
  35% { transform: translate3d(0,0,0); }
  65% { transform: translate3d(0,0,0); animation-timing-function: ease-out; }
  100% { transform: translate3d(101%,0,0); }
  */
  0% {
    width: 0%;
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
            animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  }
  49.5% {
    width: 100%;
  }
  49.6% {
    margin-left: 0%;
    width: 100%;
    -webkit-animation-timing-function: cubic-bezier(0.74, 0.13, 0.26, 1);
            animation-timing-function: cubic-bezier(0.74, 0.13, 0.26, 1);
  }
  99.99% {
    margin-left: 100%;
    width: 0%;
    opacity: 1;
  }
  100% {
    margin-left: 100%;
    width: 0%;
    opacity: 0;
  }
}
@-webkit-keyframes slideBlockBeta {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
    opacity: 0;
  }
  0.01% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
    opacity: 1;
  }
  99.99% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    display: none;
  }
}
@keyframes slideBlockBeta {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
    opacity: 0;
  }
  0.01% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
    opacity: 1;
  }
  99.99% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    display: none;
  }
}
@-webkit-keyframes blockText {
  0% {
    visibility: hidden;
    color: #FFF;
    opacity: 0;
  }
  1% {
    visibility: visible;
    color: #FFF;
    opacity: 0;
  }
  99% {
    visibility: visible;
    color: #FFF;
    opacity: 1;
  }
  100% {
    visibility: visible;
    color: inherit;
  }
  /*
  from { visibility: visible; color: $WHITE; }
  to { visibility: visible; color: inherit; }
  */
}
@keyframes blockText {
  0% {
    visibility: hidden;
    color: #FFF;
    opacity: 0;
  }
  1% {
    visibility: visible;
    color: #FFF;
    opacity: 0;
  }
  99% {
    visibility: visible;
    color: #FFF;
    opacity: 1;
  }
  100% {
    visibility: visible;
    color: inherit;
  }
  /*
  from { visibility: visible; color: $WHITE; }
  to { visibility: visible; color: inherit; }
  */
}
@-webkit-keyframes blockMask {
  0% {
    visibility: hidden;
  }
  49.5% {
    visibility: hidden;
  }
  49.6% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
  /*
  from { visibility: visible; color: $WHITE; }
  to { visibility: visible; color: inherit; }
  */
}
@keyframes blockMask {
  0% {
    visibility: hidden;
  }
  49.5% {
    visibility: hidden;
  }
  49.6% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
  /*
  from { visibility: visible; color: $WHITE; }
  to { visibility: visible; color: inherit; }
  */
}
@-webkit-keyframes blockFrame {
  0% {
    width: 0%;
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
            animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  }
  49.5% {
    width: 100%;
  }
  49.6% {
    margin-left: 0%;
    width: 100%;
    -webkit-animation-timing-function: cubic-bezier(0.74, 0.13, 0.26, 1);
            animation-timing-function: cubic-bezier(0.74, 0.13, 0.26, 1);
  }
  100% {
    margin-left: 101%;
    width: 0%;
  }
}
@keyframes blockFrame {
  0% {
    width: 0%;
    -webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
            animation-timing-function: cubic-bezier(0.67, 0, 0.18, 1);
  }
  49.5% {
    width: 100%;
  }
  49.6% {
    margin-left: 0%;
    width: 100%;
    -webkit-animation-timing-function: cubic-bezier(0.74, 0.13, 0.26, 1);
            animation-timing-function: cubic-bezier(0.74, 0.13, 0.26, 1);
  }
  100% {
    margin-left: 101%;
    width: 0%;
  }
}
@-webkit-keyframes betaLogo {
  /*
  0% { transform: translate3d(-101%,0,0); animation-timing-function: ease-in; }
  40% { transform: translate3d(0%,0,0); }
  90% { transform: translate3d(0%,0,0); animation-timing-function: ease-out; }
  100% { transform: translate3d(51%,0,0); }
  */
  0% {
    left: -201%;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  20% {
    left: 0%;
  }
  60% {
    left: 0%;
  }
  100% {
    left: 101%;
  }
}
@keyframes betaLogo {
  /*
  0% { transform: translate3d(-101%,0,0); animation-timing-function: ease-in; }
  40% { transform: translate3d(0%,0,0); }
  90% { transform: translate3d(0%,0,0); animation-timing-function: ease-out; }
  100% { transform: translate3d(51%,0,0); }
  */
  0% {
    left: -201%;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  20% {
    left: 0%;
  }
  60% {
    left: 0%;
  }
  100% {
    left: 101%;
  }
}
@-webkit-keyframes betaLogoR {
  /*
  0% { transform: translate3d(51%,0,0); animation-timing-function: ease-in; }
  40% { transform: translate3d(-50%,0,0); }
  90% { transform: translate3d(-50%,0,0); animation-timing-function: ease-out; }
  100% { transform: translate3d(-101%,0,0); }
  */
  0% {
    right: -201%;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  20% {
    right: 0%;
  }
  60% {
    right: 0%;
  }
  100% {
    right: 101%;
  }
}
@keyframes betaLogoR {
  /*
  0% { transform: translate3d(51%,0,0); animation-timing-function: ease-in; }
  40% { transform: translate3d(-50%,0,0); }
  90% { transform: translate3d(-50%,0,0); animation-timing-function: ease-out; }
  100% { transform: translate3d(-101%,0,0); }
  */
  0% {
    right: -201%;
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  20% {
    right: 0%;
  }
  60% {
    right: 0%;
  }
  100% {
    right: 101%;
  }
}