@charset "UTF-8";
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}li{list-style:none}*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}li {list-style:none;}

/* CSS Document */
html {
    font-size: 62.5%;
    font-weight: 500;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
	list-style: none;
}
body {
    width: 100%;
    max-width: 100%;
    min-height: 100vh;
    font-size: 1.6rem; /*16px*/
    line-height: 1.5;
    letter-spacing: .1em;
    color: #000;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 400;
    background-color: #fff;
    position: relative;
}
.dispNon--pc, .dispNon--pctab, .dispNon--pcsp  {display: none;}
.dispNon--tab, .dispNon--sp, .dispNon--tabsp {display: block;}
a {
    text-decoration: none;
    color: #000;
    display: block;
}
a, img {
    width: 100%;
    display: block;
    vertical-align: bottom;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
a:hover, a:hover img {
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
.posi--center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%); 
}
.fadeIn {
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
  transition-delay: .3s;
}
.fadeUp {
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
  transition-delay: .3s;
}
.fadeLeft,
.fadeRight {
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
  transition-delay: .3s;
}
.txtalign__r {
    text-align: right;
}
.txtalign__l {
    text-align: left;
}
.txtalign__j {
    text-align: justify;
}
.inner {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
    position: relative;
}
.flex {
    display: flex;
}
.morning .content {
    background-color: #d5e5dc;
}
.daytime .content {
    background-color: #f9f6f1;
}
.evening .content {
    background-color: #f0ca99;
}
.night .content {
    background-color: #ada7bf;
}
.js-fade {
    opacity: 0;
}
.loading {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 102;
    background-color: #fff;
    transition: all .3s ease;
}
.loading.opacitynone {
    display: none;
}
/*.morning .loading {
    background-color: #d5e5dc;
}
.daytime .loading {
    background-color: #f9f6f1;
}
.evening .loading {
    background-color: #f0ca99;
}
.night .loading {
    background-color: #ada7bf;
}*/
.loading__img {
    color: #00478a;
    font-size: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    text-indent: -9999em;
    -webkit-animation: load4 2s infinite linear;
    animation: load4 2s infinite linear;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}
@keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@-webkit-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}
@-moz-keyframes load4 {
  0%,
  100% {
    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
  }
  12.5% {
    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  25% {
    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
  }
  37.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  50% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
  }
  62.5% {
    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
  }
  75% {
    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
  }
  87.5% {
    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
  }
}

/* header */
.header {
    width: 100%;
    height: 50px;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
}
.header .inner {
    height: 100%;
}
.header__raylogo {
    width: 104px;
    position: absolute;
    top: 13px;
    left: 20px;
}
.header__companylogo {
    width: 252px;
    position: absolute;
    top: 53%;
    left: 133px;
    transform: translateY(-50%);
}
.nav {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.nav__list {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 7px;
}
.nav__list li {
    margin: 0 18px;
    position: relative;
}
.nav__list li:last-of-type {
    margin-right: 20px;
}
.nav__list__member a {
    width: 62.9px;
}
.nav__list__works a {
    width: 51.3px;
}
.nav__list__recruit a {
    width: 57.2px;
}
.nav__list__contact a {
    width: 61px;
}
.nav__list__aboutus a {
    width: 76px;
}
.nav__list__aboutus a img {
    margin-top: -4px;
}
/* フッター */
.footer {
    width: 100%;
    background-color: #fff;
    padding: 45px 0 60px;
}
.footer p {
    text-align: center;
    margin: 0 auto 12px;
}
.footer__companyname {
    width: 71px;
}
.footer__kuride {
    width: 159px;
}
.flex--num {
    width: 265px;
    margin: 0 auto 12px;
    position: relative;
}
.flex--num p, .flex--privacy p {
    margin: 0;
}
.flex--num p.footer__tel {
    width: 46.3%;
    margin-right: 6%;
}
.flex--num p.footer__fax {
    width: 47.8%;
}
.footer p.footer__address {
    width: 354px;
    margin-bottom: 30px;
}
.flex--privacy {
    width: 315px;
    margin: 0 auto 12px;
    position: relative;
}
.flex--privacy p.footer__privacy01 {
    width: 34.6%;
    margin-right: 9.3%;
}
.flex--privacy p.footer__privacy02 {
    width: 56.1%;
}
.footer__copyright {
    width: 272px;
}
.footer__privacymark {
    width: 57px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: 230px;
}

/* コンテンツ共通 */
.content {
    padding-top: 85px;
    position: relative;
    z-index: 8;
}
.content.top {
    padding-top: 50px;
}

/* about */
.about {
    margin-bottom: 50px;
}
.morning .about .inner {
    background-image: url("../img/bg__morning.jpg");
}
.daytime .about .inner {
    background-image: url("../img/bg__daytime.jpg");
}
.evening .about .inner {
    background-image: url("../img/bg__evening.jpg");
}
.night .about .inner {
    background-image: url("../img/bg__night.jpg");
}
.morning .about .inner,
.daytime .about .inner,
.evening .about .inner,
.night .about .inner {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    width: 1200px;
    padding-top: 700px;
    padding-bottom: 460px;
}
.about__img--golf {
    width: 27%;
    position: absolute;
    top: 360px;
    right: -15px;
}
.daytime .about__img--golf, .evening .about__img--golf, .night .about__img--golf {
    display: none;
}
.about__cap {
    width: 854px;
    margin: 0 auto 35px;
}
.about__txt {
    width: 58.3%;
    margin: 0 auto;
}
.about__video {
    width: 100%;
    height: 556px;
    background: url("../img/about__video.png") no-repeat top center;
    background-size: 100% auto;
    position: absolute;
    bottom: 28px;
    left: 50%;
    margin-left: -50%;
}
.about__video__inner {
    width: 38.5%;
    margin: 231px 0 0 33.2%;
    cursor: pointer;
}
.about__copy {
    width: 638px;
    margin: 0 auto;
    padding: 65px 0 12px;
}
.video {
    width: 100%;
    height: auto;
}
/* slider */
.swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px;
}
.swiper-pagination-bullet-active {
    background-color: #231815;
}
.swiper-pagination-bullet {
    background-color: #b7b8b8;
    opacity: 1;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #231815;
}
.swiper-button-next, .swiper-button-prev {
    color: #231815;
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 25px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
    right: 20.5%;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    left: 23%;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev,
.swiper-button-prev, .swiper-rtl .swiper-button-next {
    margin-top: 60px;
}
.iframeinner {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}
.iframeinner > iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.videoDesc {
    width: 80%;
    max-width: 960px;
    height: 100%;
    padding: 100px 0 0;
    margin: 0 auto;
}
/* slick */
.slick-dots {
    bottom: -50px;
}
.slick-dots li button:before {
    font-size: 14px;
    color: #b7b8b8;
    opacity: 1;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: #231815;
}
.slick-dots li {
    margin: 0 7px;
}

/* menber */
.menber {
    padding-bottom: 80px;
}
.menber__ttl--menber {
    width: 232px;
    margin: 0 auto 8px;
}
.menber__list {
    width: 88.3%;
    margin: 0 auto 35px;
    flex-wrap: wrap;
    justify-content: center;
}
.menber__list li {
    width: 25%;
    margin-bottom: 12px;
}
.menber__ttl--crazy {
    width: 177px;
    margin: 0 auto 11px;
    position: relative;
    overflow: hidden;
}
.menber__ttl--crazy img {
    position: relative;
    z-index: 1;
}
.demo-mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    -webkit-mask-image: url("../img/menber__ttl__crazy--b.png");
    -webkit-mask-size: 100% auto;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: left top;
    mask-image: url("../img/menber__ttl__crazy--b.png");
    mask-size: 100% auto;
    mask-repeat: no-repeat;
    mask-position: left top;
}
.demo-hikari {
    display: block;
    position: absolute;
    top: -2%;
    left: -60%;
    width: 60%;
    padding: 60% 0 0;
    background-image: radial-gradient(circle, rgb(0, 0, 255) 0%, rgba(255, 255, 255, 0) 75%);
    opacity: 1;
    transform: skewX(30deg);
    transition: cubic-bezier(0.32, 0, 0.67, 0);
}
.menber__ttl a:hover .demo-hikari {
    animation-name: demo_kirari;
    animation-duration: .3s;
    animation-timing-function: linear;
}
@keyframes demo_kirari{
  100%{
    left: 100%;
  }
}



.menber__crazylist {
    width: 83.3%;
    margin: 0 auto 95px;
    flex-wrap: wrap;
}
.menber__crazylist li {
    width: 20%;
}
.menber__ttl--manager {
    width: 458px;
    margin: 0 auto 17px;
}
.menber__manager__img {
    width: 55.8%;
    margin: 0 auto 54px;
}
.menber__nakamura {
    width: 30.4%;
    margin: 0 0 10px 38%;
}
.menber__linklist {
    width: 587px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    position: relative;
}
.menber__linklist__crazy {
    width: 114px;
}
.menber__linklist__crayon {
    width: 186px;
    margin: 0 54px 0 66px;
}
.menber__linklist__curecure {
    width: 163px;
}
.menber__comment {
    width: 53.4%;
    margin: 0 auto 75px;
}

/* contact */
.content.contact {
    padding: 160px 0 35px;
}
.contact__ttl {
    width: 18.8%;
    margin: 0 auto 35px;
}
.contact__img {
    width: 66.67%;
    margin: 0 auto 24px;
}
.contact__txt {
    width: 66.3%;
    margin: 0 auto 38px;
}
.contact__txt {
    width: 66.3%;
    margin: 0 auto 38px;
}
.contact__mail {
    width: 44.1%;
    margin: 0 auto 12px;
}
.contact__tel {
    width: 20.1%;
    margin: 0 auto;
}

/* contact */
.content.works {
    padding: 100px 0 50px;
}
.works .inner {
    background: url("../img/works__bg.png") no-repeat top center;
    background-size: 100% auto;
    padding-top: 96px;
    padding-bottom: 100px;
}
.works__ttl {
    width: 190px;
    margin: 0 auto 15px;
}
.works__list {
    width: 80%;
    margin: 0 auto;
}
.works__list .flex__big {
    width: calc(100% / 3 * 2);
}
.works__list .flex__small {
    width: calc(100% / 3 * 1);
}
.works__list .flex--wrap {
    flex-wrap: wrap;
}
.works__item {
    position: relative;
    overflow: hidden;
}
.works__item > img {
    position: relative;
    z-index: 1;
}
.works__item__desc {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2;
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;
    opacity: 0;
}
.works__item__txt__inner {
    width: 100%;
    position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%); 
}
.works__item__company, .works__item__ttl {
    text-align: center;
    font-weight: 400;
    color: #fff;
}
.works__item__company {
    font-size: 1.2rem;
    margin-bottom: .5em;
}
.works__item__ttl {
    font-size: 1.6rem;
}
.works__item:hover .works__item__desc {
    z-index: 2;
    opacity: 1;
}
.modal {
    display: none;
}
.modaal-fullscreen .modaal-container {
    background: rgba(0, 0, 0, 1);
}
.modaal-content-container {
    padding: 0;
}
.modaal-fullscreen .modaal-close {
    width: 34px;
    height: 34px;
    background: url("../img/modaal__close.png") no-repeat center center transparent;
    background-size: 100% auto;
    right: auto;
    left: 50%;
    top: 100px;
    margin-left: 495px;
}
.modaal-fullscreen .modaal-close:hover {
    background: url("../img/modaal__close--hover.png") no-repeat center center transparent;
    background-size: 100% auto;
}
.modaal-close:before, .modaal-close:after {
    display: none;
}

.worksDesc {
    width: 80%;
    max-width: 960px;
    height: 100%;
    padding: 100px 0 0;
    margin: 0 auto;
    /*position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%); */
}
.worksDesc__youtube, .worksDesc__img, .worksDesc__inner, .worksDesc__mp4 {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.worksDesc__youtube:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}
.worksDesc__youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.worksDesc__inner {
    margin-top: 45px;
}
.worksDesc__mp4 video {
    width: 100%;
}
.worksDesc__ttl {
    font-size: 28px;
    color: #fff;
    font-weight: 800;
    position: relative;
    margin-bottom: 20px;
}
.worksDesc__ttl::after {
    content: "";
    width: 100%;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: -7px;
    left: 0;
}
.worksDesc__staff li {
    font-size: 16px;
    line-height: 1.8em;
    color: #fff;
}

/* Aboutus */
.content.aboutus {
    padding: 180px 0 60px;
}
.aboutus .inner {
    max-width: 800px;
}
.aboutus__ttl {
    font-size: 34px;
    font-weight: 900;
    margin-bottom: .2em;
    display: inline-block;
}
.aboutus__ttl a:hover {
    color: #fa292c;
}
.aboutus__wrap {
    margin-bottom: 70px;
}
.aboutus__wrap p {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6em;
    letter-spacing: -.005em;
    text-align: justify;
}
.aboutus__list {
    margin-bottom: 100px;
}
.aboutus__list li {
    display: flex;
    margin-bottom: 10px;
}
.aboutus__list li:last-child {
    margin-bottom: 0;
}
.aboutus__wrap p.aboutus__list__l {
    width: 160px;
    font-weight: 700;
}
.aboutus__img {
    width: 620px;
    margin: 0 auto;
}

/* crazy */
.crazywrap.morning .content {
    background-color: #ffb545;
}
.crazywrap.daytime .content {
    background-color: #ffb545;
}
.crazywrap.evening .content {
    background-color: #ffb545;
}
.crazywrap.night .content {
    background-color: #ffb545;
}
.content.crazy {
    padding: 180px 0 60px;
}
.crazy__fv__copy {
    width: 63.3%;
    max-width: 760px;
    margin: 0 auto 20px;
}
.crazy__fv__img {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
.crazy__message {
    margin-bottom: 60px;
    position: relative;
}
.crazy__message__ttl {
    width: 17%;
    margin: 0 auto 30px;
}
.crazy__message__txt {
    width: 62%;
    margin: 0 auto;
}
.crazy__message__icon01 {
    width: 6.2%;
    position: absolute;
    top: 390px;
    left: 17%;
    transform: translateX(-50%);
}
.crazy__message__icon02 {
    width: 24%;
    position: absolute;
    bottom: -90px;
    left: 85%;
    transform: translateX(-50%);
}
.crazy__business {
    margin-bottom: 140px;
    position: relative;
}
.crazy__business__ttl {
    width: 26%;
    margin: 0 auto 30px;
}
.crazy__business__txt {
    width: 54%;
    margin: 0 auto 80px;
}
.crazy__business__img {
    width: 77%;
    margin: 0 auto;
}
.crazy__business__icon01 {
    width: 23%;
    position: absolute;
    top: 80px;
    left: 12%;
    transform: translateX(-50%);
}
.crazy__business__icon02 {
    width: 28%;
    position: absolute;
    bottom: -210px;
    left: 22%;
    transform: translateX(-50%);
}
.crazy__member__ttl {
    width: 26%;
    margin: 0 auto 15px;
}
.crazy__member .menber__crazylist {
    max-width: 84%;
}



@media (max-width: 1325px) {
    .works__list {
        width: calc(100% - 230px);
    }
}
@media (max-width: 1199px) {
    .inner {
        width: 100%;
    }
    
    /* footer */
    .footer__companyname {
        width: 5.9%;
    }
    .footer__kuride {
        width: 13.3%;
    }
    .flex--num {
        width: 22.1%;
    }
    .footer p.footer__address {
        width: 29.5%;
    }
    .flex--privacy {
        width: 26.25%;
    }
    .footer__copyright {
        width: 22.7%;
    }
    .footer__privacymark {
        width: 5.7%;
        margin-left: 23%;
    }
    
    /* about */
    .about {
        margin-bottom: 7vw;
    }
    .morning .about .inner,
    .daytime .about .inner,
    .evening .about .inner,
    .night .about .inner {
        width: 100%;
        padding-top: 57vw;
        padding-bottom: 38vw;
    }
    .about__img--golf {
        top: 30vw;
        right: -1.2vw;
    }
    .about__cap {
        width: 71.2%;
        margin-bottom: 2.9vw;
    }
    .about__video {
        height: 44.3vw;
        bottom: 4vw;
    }
    .about__video__inner {
        margin-top: 19.3vw;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: -1vw;
    }
    .videoDesc {
        max-width: 800px;
    }
    
    /* menber */
    .menber__ttl--menber {
        width: 19.3%;
    }
    .menber__ttl--crazy {
        width: 14.8%;
    }
    .menber__ttl--manager {
        width: 38.2%;
    }
    .menber__linklist {
        width: 48.9%;
    }
    
    /* works */
    .works .inner {
        background: url("../img/works__bg.png") no-repeat top center;
        background-size: 90% auto;
        padding-top: 96px;
        padding-bottom: 100px;
    }
    .works__ttl {
        width: 171px;
    }
    .works__list {
        width: 70%;
    }
    .worksDesc {
        max-width: 800px;
    }
    .modaal-fullscreen .modaal-close {
        margin-left: 425px;
    }

    
    
}

@media (max-width: 1124px) {
    
    .works__list {
        /*width: 70.5%;*/
    }
}

/* ----------------------------------------------------------------------------------------------------*/
/* breakpoint TAB -------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/


@media (max-width: 1024px) {
    html {
        font-size: 1.05vw;
    }
    body {
        font-size: 1rem;
    }
    .dispNon--tab, .dispNon--pctab, .dispNon--tabsp {display: none;}
    .dispNon--pc, .dispNon--sp, .dispNon--pcsp  {display: block;}
    .inner {width: 90%;}
    
    /* header */
    .header__raylogo {
        width: 89px;
        position: absolute;
        top: 18.5px;
        left: 0;
    }
    .header__companylogo {
        width: 215px;
        left: 96px;
    }
    .nav__list {
        margin-right: -5%;
    }
    .nav__list li {
        margin: 0 10px;
    }
    .nav__list li:last-of-type {
        margin-right: 0;
    }
    
    /* footer */
    .footer {
        padding: 4.5vw 0 6vw;
    }
    
    
    /* コンテンツ共通 */
    .content {
        padding-top: calc(50px + 3.5vw);
    }

    /* about */
    .about {
        margin-bottom: 0;
    }
    .morning .about .inner,
    .daytime .about .inner,
    .evening .about .inner,
    .night .about .inner {
        width: 90%;
        padding-top: 51vw;
        padding-bottom: 43vw;
    }
    .about__img--golf {
        top: 27vw;
        right: -1.2vw;
    }
    .about__cap {
        margin-bottom: 3.5vw;
    }
    .about__video {
        height: 51vw;
        bottom: 0vw;
    }
    .about__video__inner {
        margin-top: 17.4vw;
    }
    .videoDesc {
        width: 90%;
        max-width: 90%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        padding: 0;
        height: auto;
    }
    .about__copy {
        width: 62%;
        margin: 0 auto;
        padding: 6.4vw 0 1.1vw;
    }
    
    /* slider */
    .swiper__wrap--sp {
        display: block;
    }
    .swiper__wrap--pc {
        display: none;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next {
        margin-top: -.5vw;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 1.4vw;
    }
    .swiper-pagination-bullet {
        width: 1.2vw;
        height: 1.2vw;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 9.5vw;
    }
    
    /* menber */
    .menber {
        padding-bottom: 8vw;
    }
    .menber__list,
    .menber__crazylist {
        width: 100%;
    }
    .menber__ttl--menber {
        margin-bottom: .8vw;
    }
    .menber__ttl--crazy {
        margin-bottom: 1.1vw;
    }
    .menber__ttl--manager {
        margin-bottom: 2.3vw;
    }
    .menber__manager__img {
        margin-bottom: 5.4vw;
    }
    .menber__nakamura {
        margin-bottom: 1vw;
    }
    .menber__comment {
        margin-bottom: 7.5vw;
    }
    
    /* contact */
    .content.contact {
        padding: 15.3vw 0 3.4vw;
    }
    .contact__ttl {
        margin-bottom: 3.4vw;
    }
    .contact__img {
        margin-bottom: 2.3vw;
    }
    .contact__txt {
        margin-bottom: 3.7vw;
    }
    .contact__mail {
        margin-bottom: 1.2vw;
    }
    
    /* works */
    .works .inner {
        background: url("../img/works__bg.png") no-repeat top center;
        background-size: 100% auto;
        padding-top: 9.3vw;
        padding-bottom: 9.7vw;
    }
    .works__ttl {
        width: 17.5vw;
        margin-bottom: 1.5vw;
    }
    .works__list {
        width: 77%;
    }
    .worksDesc {
        width: 70%;
        padding-top: 10vw;
    }
    .modaal-fullscreen .modaal-close {
        top: 20px;
        left: auto;
        right: 20px;
        margin-left: 0;
    }
    .worksDesc__ttl {
        font-size: 2.6vw;
    }
    .worksDesc__staff li {
        font-size: 1.6vw;
    }
    .works__item__company {
        font-size: 1rem;
    }
    .works__item__ttl {
        font-size: 1.3rem;
    }
    
    /* Aboutus */
    .content.aboutus {
        padding: 15.3vw 0 3.4vw;
    }
    .aboutus .inner {
        max-width: 90%;
    }
    .aboutus__ttl {
        font-size: 4.4vw;
    }
    .aboutus__wrap {
        margin-bottom: 7vw;
    }
    .aboutus__wrap p {
        font-size: 2.05vw;
    }
    .aboutus__list {
        margin-bottom: 10vw;
    }
    .aboutus__list li {
        margin-bottom: 1em;
    }
    .aboutus__wrap p.aboutus__list__l {
        width: 23%;
    }
    .aboutus__img {
        width: 80%;
    }
    
    /* crazy */
    .content.crazy {
        padding: 18vw 0 6vw;
    }
    .crazy__fv__copy {
        width: 63.3%;
        margin-bottom: 2vw;
    }
    .crazy__message {
        margin-bottom: 6vw;
    }
    .crazy__message__ttl {
        margin-bottom: 3vw;
    }
    .crazy__message__icon01 {
        top: 30vw;
    }
    .crazy__message__icon02 {
        bottom: -7vw;
    }
    .crazy__business {
        margin-bottom: 14vw;
    }
    .crazy__business__ttl {
        margin-bottom: 3vw;
    }
    .crazy__business__img {
        width: 88%;
    }
    .crazy__business__txt {
        margin-bottom: 8vw;
    }
    .crazy__business__icon01 {
        top: 4.5vw;
    }
    .crazy__business__icon02 {
        width: 33%;
        bottom: -20vw;
        left: 18%;
    }
    .crazy__member__ttl {
        margin-bottom: 1.5vw;
    }
    .crazy__member .menber__crazylist {
        max-width: 100%;
    }


}


/* ----------------------------------------------------------------------------------------------------*/
/* breakpoint SP -------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------*/
@media (max-width: 750px) {

    html {
        font-size: 1.32vw;
    }
	body {
		width: 100%;
		min-width: 320px;
		max-width: 100%;
        font-size: 1rem;
	}
    .dispNon--sp, .dispNon--pasp, .dispNon--pcsp, .dispNon--tabsp {display: none;}
    .dispNon--pc, .dispNon--tab, .dispNon--pctab {display: block;}   
    .inner {width: 100%;}
    
    /* header */
    .header {
        height: 9vw;
    }
    .header__raylogo {
        width: 18.6%;
        position: absolute;
        top: auto;
        bottom: -1.9vw;
        left: 3.7vw;
    }
    .header__companylogo {
        width: 42%;
        top: 56%;
        left: 23.4vw;
    }      
    .header__hamburger {
        width: 6.8vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 2.7vw;
    }
    .header__spmenu {
        width: 100%;
        height: 100vh;
        padding: 38.7vw 0 0;
        overflow: auto;
        overflow-y: scroll;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        display: none;
        opacity: 0;
        z-index: 100;
        transition: all .3s ease;
    }
    .header__spmenu__logo {
        width: 84%;
        position: absolute;
        top: 6vw;
        left: 8%;
        z-index: 1;
    }
    .header__spmenu__ttl, .navSp, .header__spmenu__img {
        position: relative;
        z-index: 1;
    }
    .header__spmenu__ttl, .navSp {
        width: 59.1%;
        margin: 0 auto;
    }
    .navSp {
        margin-bottom: 0;
    }
    .navSp__list {
        width: 100%;
        margin-bottom: 5vw;
    }
    .navSp__list li img {
        margin: 0 auto;
    }
    .navSp__list li a {
        padding: 3.5vw 0;
        position: relative;
    }
    .navSp__list__member a::after, .navSp__list__works a::after, .navSp__list__recruit a::after, .navSp__list__aboutus a::after, .navSp__list__contact a::after,
    .navSp__list__crazy a::after, .navSp__list__crayon a::after {
        content: "";
        width: 100%;
        height: 3.5vw;
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 0;
        background-position: bottom center;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    .navSp__list__member a::after, .navSp__list__works a::after, .navSp__list__recruit a::after, .navSp__list__aboutus a::after {
        background-image: url("../img/header__spmenu__line--dodsBlue.png");
    }
    .navSp__list li.navSp__list__contact a {
        padding-bottom: 4vw;
    }
    .navSp__list__contact a::after {
        background-image: url("../img/header__spmenu__line.png");
    }
    .navSp__list li.navSp__list__crazy a {
        padding: 4vw 0;
    }
    .navSp__list__crazy a::after, .navSp__list__crayon a::after {
        background-image: url("../img/header__spmenu__line--dodsBraun.png");
    }
    .navSp__list__member img {
        width: 16.1vw;
    }
    .navSp__list__works img {
        width: 13.3vw;
    }
    .navSp__list__recruit img {
        width: 14.8vw;
    }
    .navSp__list__aboutus img {
        width: 19.4vw;
    }
    .navSp__list__contact img {
        width: 15.8vw;
    }
    .navSp__list__crazy img {
        width: 17.6vw;
    }
    .navSp__list__crayon img {
        width: 28.7vw;
    }
    .navSp__list__curecure img {
        width: 25.3vw;
    }
    .header__spmenu__img {
        width: 50.7%;
        margin: -1vw auto 0;
        padding-bottom: 16vw;
    }
    .header__spmenu__close {
        width: 10.7vw;
        position: absolute;
        top: 28.4vw;
        right: 6vw;
        z-index: 2;
    }
    .header__spmenu .footer {
        padding-bottom: 15vw;
    }
    
    /* footer */
    .footer {
        padding: 8.8vw 0 9.3vw;
    }
    .footer__companyname {
        width: 14.3%;
    }
    .footer p {
        margin-bottom: 2.1vw;
    }
    .footer__kuride {
        width: 31.7%;
    }
    .flex--num {
        width: 52.8%;
        margin-bottom: 2.1vw;
    }
    .flex--num p {
        margin-bottom: 0;
    }
    .footer p.footer__address {
        width: 70.7%;
        margin-bottom: 6vw;
    }
    .flex--privacy {
        width: 63%;
        margin-bottom: 2.1vw;
    }
    .flex--privacy > p {
        margin-bottom: 0;
    }
    .footer p.footer__copyright {
        width: 54.1%;
        margin-bottom: 4.9vw;
    }
    .footer__privacymark {
        width: 11.4%;
        margin: 0 auto;
        position: relative;
        bottom: auto;
        left: auto;
    }
    
    /* 共通 */ 
    .content {
        padding-top: 13vw;
    }
    .content.top {
        padding-top: 9vw;
    }
    
    /* about */
    .morning .about .inner, .daytime .about .inner, .evening .about .inner, .night .about .inner {
        width: 100%;
        padding-top: 86vw;
        padding-bottom: 67vw;
    }
    .morning .about .inner {
        background-image: url("../img/bg__morning--sp.jpg");
    }
    .daytime .about .inner {
        background-image: url("../img/bg__daytime--sp.jpg");
    }
    .evening .about .inner {
        background-image: url("../img/bg__evening--sp.jpg");
    }
    .night .about .inner {
        background-image: url("../img/bg__night--sp.jpg");
    }
    .about__cap {
        width: 88.9%;
        margin-bottom: 5.3vw;
    }
    .about__txt {
        width: 68.8%;
    }
    .about__video {
        height: 72vw;
        background: url("../img/about__video--sp.png") no-repeat top center;
        background-size: 100% auto;
        bottom: 10.6vw;
    }
    .about__video__inner {
        width: 50.4%;
        margin-top: 27.8vw;
        margin-left: 24%;
    }
    .about__copy {
        width: 70.3%;
        padding: 15.2vw 0 5.7vw;
    }
    .about__video__man {
        width: 14.4vw;
        position: absolute;
        bottom: 1.3vw;
        left: 13.7vw;
        z-index: 2;
    }
    
    /* swiper */
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 4vw;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev {
        right: 15%;
    }
    .swiper-button-prev, .swiper-rtl .swiper-button-next {
        left: 13%;
    }
    .swiper-button-next, .swiper-rtl .swiper-button-prev, .swiper-button-prev, .swiper-rtl .swiper-button-next {
        margin-top: 2.5vw;
    }
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 2vw;
    }
    .swiper-pagination-bullet {
        width: 1.6vw;
        height: 1.6vw;
    }
    .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 7.5vw;
    }
    

    /* menber */
    .menber {
        padding-bottom: 106.3vw;
        background-position: bottom 8.8vw left;
        background-repeat: no-repeat;
        background-size: 86.67% auto;
    }
    .morning .menber {
        background-image: url("../img/menberbg__morning.jpg");
        position: relative;
    }
    .morning .menber::after {
        content: "";
        width: 38%;
        height: 29vw;
        background: url(../img/golf.png) no-repeat top center;
        background-size: 100% auto;
        position: absolute;
        bottom: 12.5vw;
        right: 8%;
        z-index: 1;
    }
    .daytime .menber {
        background-image: url("../img/menberbg__daytime.jpg");
    }
    .evening .menber {
        background-image: url("../img/menberbg__evening.jpg");
    }
    .night .menber {
        background-image: url("../img/menberbg__night.jpg");
    }

    .menber__ttl--menber {
        width: 38.5%;
        margin-bottom: 4.1vw;
    }
    .menber__list {
        margin-bottom: 22.8vw;
    }
    .menber__list li {
        width: 100%;
        margin-bottom: 0;
    }
    .menber__ttl--crazy {
        width: 41.9vw;
        margin-bottom: 6.9vw;
    }
    .menber__crazylist {
        margin-bottom: 10vw;
    }
    .menber__crazylist li {
        width: 100%;
    }
    .menber__crazylist li:first-child {
        order: 5;
    }
    .menber__crazylist li:nth-child(2) {
        order: 3;
    }
    .menber__crazylist li:nth-child(3) {
        order: 2;
    }
    .menber__crazylist li:nth-child(4) {
        order: 4;
    }
    .menber__crazylist li:nth-child(5) {
        order: 1;
    }
    .menber__ttl--manager {
        width: 52.2%;
        margin-bottom: 2.2vw;
    }
    .menber__manager__img {
        width: 100%;
        margin-bottom: 16vw;
    }
    .menber__nakamura {
        width: 100%;
        margin: 0;
    }
    .menber__linklist {
        width: 100%;
        display: block;
    }
    .menber__linklist li {
        margin: 0 auto;
    }
    .menber__linklist li.menber__linklist__crazy {
        width: 30.24%;
        margin-top: 4.9vw;
    }
    .menber__linklist li.menber__linklist__crayon {
        width: 49.3%;
        margin-top: 10.1vw;
        margin-bottom: 9.3vw;
    }
    .menber__linklist__curecure {
        width: 43.4%;
    }
    .menber__comment {
        width: 90.2%;
        margin: 0 auto 28vw;
    }
    
    /* contact */
    .content.contact {
        padding: 18.9vw 0 10vw;
    }
    .contact__ttl {
        width: 30%;
        margin-bottom: 3.2vw;
    }
    .contact__img {
        width: 87.6%;
        margin-bottom: 15.1vw;
    }
    .contact__txt {
        width: 81.6%;
        margin-bottom: 8.9vw;
    }
    .contact__mail {
        width: 77.3%;
        margin-bottom: 3vw;
    }
    .contact__tel {
        width: 42.9%;
    }
    
    /* works */
    .content.works {
        padding: 18.9vw 0 13.3vw;
    }
    .works .inner {
        background-image: none;
        padding: 0;
    }
    .works__ttl {
        width: 25.3vw;
        margin-bottom: 5.8vw;
    }
    .works__list {
        width: 85.3%;
    }
    .works__list > .flex {
        flex-wrap: wrap;
    }
    .works__list .flex__big, .works__list .flex__small {
        width: 100%;
    }
    .works__item__company {
        font-size: 3.2vw;
    }
    .works__item__ttl {
        font-size: 3.6vw;
    }
    .worksDesc {
        width: 85.3%;
        padding-top: 22.7vw;
    }
    .modaal-fullscreen .modaal-close {
        width: 4.4vw;
        right: 7.35vw;
        top: 16vw;
    }
    .morning .modaal-fullscreen .modaal-close, .daytime .modaal-fullscreen .modaal-close, .evening .modaal-fullscreen .modaal-close, .night .modaal-fullscreen .modaal-close {
        top: 5vw;
        right: 5vw;
    }
    .worksDesc__inner {
        margin-top: 4vw;
    }
    .worksDesc__ttl {
        font-size: 3.4vw;
    }
    .worksDesc__staff li {
        font-size: 3.2vw;
    }
    /* slick */
    .slick-dots {
        bottom: -9vw;
    }
    .slick-dots li button:before {
        font-size: 2.5vw;
    }
    .slick-dots li {
        margin: 0 7px;
    }
    
    /* Aboutus */
    .content.aboutus {
        padding: 18.9vw 0 10vw;
    }
    .aboutus .inner {
        width: 87%;
        max-width: 87%;
    }
    .aboutus__ttl {
        font-size: 7vw;
    }
    .aboutus__wrap {
        margin-bottom: 10vw;
    }
    .aboutus__wrap p {
        font-size: 3.5vw;
        line-height: 1.8em;
    }
    .aboutus__list {
        margin-bottom: 10vw;
    }
    .aboutus__list li {
        margin-bottom: 1em;
    }
    .aboutus__wrap p.aboutus__list__l {
        width: 32%;
    }
    .aboutus__img {
        width: 95%;
    }
    
    /* crazy */
    .content.crazy {
        padding: 24vw 0 12vw;
    }
    .crazy__fv__copy {
        width: 84.8vw;
        margin-bottom: 12.2vw;
    }
    .crazy__fv__img {
        width: 100%;
        padding-left: 15vw;
        margin-bottom: 13vw;
    }
    .crazy__message {
        margin-bottom: 10vw;
    }
    .crazy__message__ttl {
        width: 26.6vw;
        margin-bottom: 6vw;
    }
    .crazy__message__txt {
        width: 86vw;
    }
    .crazy__message__icon01 {
        display: none;
    }
    .crazy__message__icon02 {
        display: none;
    }
    .crazy__business {
        margin-bottom: 34vw;
    }
    .crazy__business__ttl {
        width: 45vw;
        margin-bottom: 6vw;
    }
    .crazy__business__txt {
        width: 68vw;
        margin-bottom: 18vw;
    }
    .crazy__business__img {
        width: 79vw;
    }
    .crazy__business__icon01 {
        width: 15vw;
        top: 163vw;
        left: 9vw;
        transform: translateX(0);
    }
    .crazy__business__icon02 {
        width: 49vw;
        bottom: auto;
        top: 113vw;
        left: 5vw;
        transform: translateX(0);
    }
    .crazy__member__ttl {
        width: 45vw;
        margin-bottom: 8.5vw;
    }
    .crazy__member .menber__crazylist {
        margin-bottom: 15vw;
    }
    .crazy__bg {
        width: 100%;
        padding-right: 11.5vw;
        margin-top: 28.6vw;
    }

    
    
}