/* screen - index */

.index {
  background-color: var(--white);
  height: 3238px;
  overflow-x: hidden;
  position: relative;
  width: 1400px;
}
.index .about-C61RwL {
  background-color: transparent;
  height: auto;
  left: 1166px;
  letter-spacing: 1.60px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: -3px;
  white-space: nowrap;
  width: auto;
}
.index .contact-C61RwL {
  background-color: transparent;
  height: auto;
  left: 1305px;
  letter-spacing: 1.60px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: -3px;
  white-space: nowrap;
  width: auto;
}
.index .img1364-10-C61RwL {
  background-color: transparent;
  height: 225px;
  left: 220px;
  position: absolute;
  top: 962px;
  width: 150px;
}
.index .scope-C61RwL {
  background-color: transparent;
  height: auto;
  left: 1235px;
  letter-spacing: 1.60px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: -3px;
  white-space: nowrap;
  width: auto;
}
.index .vimeo-c7aCoZ {
  background-color: transparent;
  height: calc(100.00% - 20px);
  left: 9px;
  position: absolute;
  top: 10px;
  width: calc(100.00% - 19px);
}
.index .x1-C61RwL {
  background-color: var(--white);
  height: 45px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 1400px;
}
.index .x11-C61RwL {
  background-color: transparent;
  height: 44px;
  left: 550px;
  position: absolute;
  top: 3129px;
  width: 301px;
}
.index .x14-C61RwL {
  background-color: transparent;
  height: 94px;
  left: 546px;
  position: absolute;
  top: 580px;
  width: 308px;
}
.index .x14-O8pxnW {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 13px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.index .x15-C61RwL {
  background-color: transparent;
  height: 305px;
  left: 445px;
  position: absolute;
  top: 209px;
  width: 529px;
}
.index .x19-AOb68Q {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 13px;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.index .x2-C61RwL {
  background-color: transparent;
  height: 29px;
  left: 683px;
  position: absolute;
  top: 2306px;
  width: 34px;
}
.index .x21-pUCqo6 {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 13px;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.index .x224-C61RwL {
  background-color: transparent;
  height: 3240px;
  left: 0px;
  position: absolute;
  top: -2px;
  width: 1400px;
}
.index .x226-O8pxnW {
  background-color: transparent;
  height: 16px;
  position: absolute;
  right: calc(21.76% - 3px);
  top: calc(49.38% - 8px);
  width: 16px;
}
.index .x227-C61RwL {
  background-color: transparent;
  height: 28px;
  left: 678px;
  position: absolute;
  top: 0px;
  width: 71px;
}
.index .x23-C61RwL {
  background-color: transparent;
  height: 215px;
  left: 404px;
  position: absolute;
  top: 982px;
  width: 169px;
}
.index .x24-C61RwL {
  background-color: transparent;
  height: 327px;
  left: 700px;
  position: absolute;
  top: 977px;
  width: 520px;
}
.index .x26-C61RwL {
  background-color: transparent;
  height: 58px;
  left: 684px;
  position: absolute;
  top: 3011px;
  width: 34px;
}
.index .x26-VMr6Om {
  background-color: transparent;
  height: 78px;
  left: 215px;
  position: absolute;
  top: 1730px;
  width: 865px;
}
.index .x28-C61RwL {
  background-color: transparent;
  height: 136px;
  left: 693px;
  position: absolute;
  top: 1338px;
  width: 465px;
}
.index .x28-fODMAO {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.index .x29-C61RwL {
  background-color: transparent;
  height: 72px;
  left: 558px;
  position: absolute;
  top: 2720px;
  width: 285px;
}
.index .x3-C61RwL {
  background-color: transparent;
  height: 29px;
  left: 683px;
  position: absolute;
  top: 723px;
  width: 34px;
}
.index .x30-C61RwL {
  background-color: transparent;
  height: 54px;
  left: 546px;
  position: absolute;
  top: 2598px;
  width: 311px;
}
.index .x30-JwF2cE {
  background-color: transparent;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.index .x31-C61RwL {
  background-color: transparent;
  height: 75px;
  left: 206px;
  position: absolute;
  top: 2470px;
  width: 203px;
}
.index .x32-C61RwL {
  background-color: transparent;
  height: 53px;
  left: 215px;
  position: absolute;
  top: 1648px;
  width: 147px;
}
.index .x33-C61RwL {
  background-color: transparent;
  height: 53px;
  left: 217px;
  position: absolute;
  top: 839px;
  width: 141px;
}
.index .x39-C61RwL {
  background-color: var(--alto);
  height: 66px;
  left: 0px;
  position: absolute;
  top: 806px;
  width: 64px;
}
.index .x4-C61RwL {
  background-color: transparent;
  height: 29px;
  left: 683px;
  position: absolute;
  top: 1521px;
  width: 34px;
}
.index .x40-C61RwL {
  background-color: var(--alto);
  height: 66px;
  left: 0px;
  position: absolute;
  top: 1623px;
  width: 64px;
}
.index .x41-C61RwL {
  background-color: var(--alto);
  height: 66px;
  left: 0px;
  position: absolute;
  top: 2433px;
  width: 64px;
}
.index .x5-YRytSA {
  background-color: transparent;
  bottom: 1px;
  height: 29px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.index .x55-xwXVTn {
  background-color: transparent;
  bottom: calc(42.36% - 10px);
  height: 24px;
  left: 32px;
  position: absolute;
  width: 198px;
}
.index .x6-YRytSA {
  background-color: transparent;
  height: 29px;
  left: 0px;
  position: absolute;
  top: 1px;
  width: 100%;
}
.index .x60-C61RwL {
  background-color: transparent;
  height: 54px;
  left: 673px;
  position: absolute;
  top: 2890px;
  width: 54px;
}
.index .x61-C61RwL {
  background-color: transparent;
  height: 54px;
  left: 480px;
  position: absolute;
  top: 2890px;
  width: 54px;
}
.index .x68-C61RwL {
  background-color: transparent;
  height: 54px;
  left: 866px;
  position: absolute;
  top: 2890px;
  width: 54px;
}
.index .x79-C61RwL {
  background-color: transparent;
  background-image: url(../img/---41@1x.png);
  background-size: 100% 100%;
  height: 423px;
  left: 250px;
  position: absolute;
  top: 1855px;
  width: 916px;
}
.index .x8-O8pxnW {
  background-color: transparent;
  height: 15px;
  left: 8px;
  position: absolute;
  top: calc(48.72% - 7px);
  width: 16px;
}
.index .yticonmonolight-Ve2XMx {
  background-color: transparent;
  height: 26px;
  left: 9px;
  position: absolute;
  top: calc(46.43% - 12px);
  width: calc(100.00% - 17px);
}
.msgothic-regular-normal-dove-gray-16px {
  color: var(--dove-gray);
  font-family: 'MSGothic-Regular', Helvetica, Arial, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
:root {
  --alto: rgba(218,220,219,1.0);
  --coconut: rgba(254,254,254,1.0);
  --dove-gray: rgba(112,112,112,1.0);
  --rustic-red: rgba(73,7,0,1.0);
  --sonic-silver: rgba(118,117,117,1.0);
  --white: rgba(255,255,255,1.0);
}
/* screen - index-pad */

.index-pad {
  background-color: var(--white);
  height: 4096px;
  overflow-x: hidden;
  position: relative;
  width: 768px;
}
.index-pad .about-C61RwL {
  background-color: transparent;
  height: auto;
  left: 536px;
  letter-spacing: 1.60px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 8px;
  white-space: nowrap;
  width: auto;
}
.index-pad .contact-C61RwL {
  background-color: transparent;
  height: auto;
  left: 676px;
  letter-spacing: 1.60px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 8px;
  white-space: nowrap;
  width: auto;
}
.index-pad .img1364-10-C61RwL {
  background-color: transparent;
  height: 254px;
  left: 161px;
  position: absolute;
  top: 1150px;
  width: 169px;
}
.index-pad .link-C61RwL {
  background-color: transparent;
  color: var(--coconut);
  font-family: 'MSGothic-Regular', Helvetica, Arial, serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 16px;
  letter-spacing: 0.35px;
  line-height: 69px;
  position: absolute;
  text-align: left;
  top: -14px;
  white-space: nowrap;
  width: auto;
}
.index-pad .scope-C61RwL {
  background-color: transparent;
  height: auto;
  left: 606px;
  letter-spacing: 1.60px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 8px;
  white-space: nowrap;
  width: auto;
}
.index-pad .vimeo-xoftjA {
  background-color: transparent;
  height: calc(100.00% - 20px);
  left: 9px;
  position: absolute;
  top: 10px;
  width: calc(100.00% - 19px);
}
.index-pad .x14-4zAlBA {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 13px;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.index-pad .x17-C61RwL {
  background-color: transparent;
  height: 215px;
  left: 353px;
  position: absolute;
  top: 1188px;
  width: 169px;
}
.index-pad .x19-6QPjfH {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 13px;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.index-pad .x19-C61RwL {
  background-color: transparent;
  height: 305px;
  left: 127px;
  position: absolute;
  top: 252px;
  width: 529px;
}
.index-pad .x2-C61RwL {
  background-color: transparent;
  height: 29px;
  left: 368px;
  position: absolute;
  top: 880px;
  width: 34px;
}
.index-pad .x2-VMr6Om {
  background-color: transparent;
  height: 44px;
  left: 236px;
  position: absolute;
  top: 4011px;
  width: 301px;
}
.index-pad .x21-YmscwX {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 13px;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.index-pad .x224-C61RwL {
  background-color: transparent;
  height: 4098px;
  left: 0px;
  position: absolute;
  top: -2px;
  width: 768px;
}
.index-pad .x225-C61RwL {
  background-color: transparent;
  height: 67px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 768px;
}
.index-pad .x226-wyBlEv {
  background-color: transparent;
  height: 100%;
  position: absolute;
  right: 1px;
  top: 0px;
  width: 16px;
}
.index-pad .x23-C61RwL {
  background-color: transparent;
  height: 54px;
  left: 357px;
  position: absolute;
  top: 3695px;
  width: 54px;
}
.index-pad .x24-C61RwL {
  background-color: transparent;
  height: 54px;
  left: 171px;
  position: absolute;
  top: 3695px;
  width: 54px;
}
.index-pad .x25-C61RwL {
  background-color: transparent;
  height: 316px;
  left: 157px;
  position: absolute;
  top: 1426px;
  width: 503px;
}
.index-pad .x3-C61RwL {
  background-color: transparent;
  height: 29px;
  left: 368px;
  position: absolute;
  top: 1984px;
  width: 34px;
}
.index-pad .x3-VMr6Om {
  background-color: transparent;
  height: 135px;
  left: 153px;
  position: absolute;
  top: 1787px;
  width: 446px;
}
.index-pad .x34-C61RwL {
  background-color: transparent;
  height: 53px;
  left: 155px;
  position: absolute;
  top: 1045px;
  width: 141px;
}
.index-pad .x35-C61RwL {
  background-color: transparent;
  height: 53px;
  left: 162px;
  position: absolute;
  top: 2128px;
  width: 147px;
}
.index-pad .x36-C61RwL {
  background-color: transparent;
  height: 75px;
  left: 155px;
  position: absolute;
  top: 3147px;
  width: 203px;
}
.index-pad .x4-C61RwL {
  background-color: transparent;
  height: 29px;
  left: 368px;
  position: absolute;
  top: 2984px;
  width: 34px;
}
.index-pad .x49-C61RwL {
  background-color: transparent;
  height: 54px;
  left: 166px;
  position: absolute;
  top: 3292px;
  width: 279px;
}
.index-pad .x5-C61RwL {
  background-color: transparent;
  height: 116px;
  left: 183px;
  position: absolute;
  top: 673px;
  width: 406px;
}
.index-pad .x5-eKzexX {
  background-color: transparent;
  bottom: 0px;
  height: 29px;
  left: 0px;
  position: absolute;
  width: 100%;
}
.index-pad .x50-C61RwL {
  background-color: transparent;
  height: 69px;
  left: 163px;
  position: absolute;
  top: 3485px;
  width: 264px;
}
.index-pad .x51-3xPH9f {
  background-color: transparent;
  height: 497px;
  left: 3px;
  position: absolute;
  top: 0px;
  width: 247px;
}
.index-pad .x56-3xPH9f {
  background-color: transparent;
  bottom: calc(40.43% - 11px);
  height: 27px;
  left: 0px;
  position: absolute;
  width: calc(100.00% - 31px);
}
.index-pad .x57-C61RwL {
  background-color: var(--alto);
  height: 52px;
  left: 0px;
  position: absolute;
  top: 1020px;
  width: 64px;
}
.index-pad .x58-C61RwL {
  background-color: var(--alto);
  height: 52px;
  left: 0px;
  position: absolute;
  top: 2048px;
  width: 64px;
}
.index-pad .x59-C61RwL {
  background-color: var(--alto);
  height: 52px;
  left: 0px;
  position: absolute;
  top: 3076px;
  width: 64px;
}
.index-pad .x6-C61RwL {
  background-color: transparent;
  height: 88px;
  left: 171px;
  position: absolute;
  top: 2218px;
  width: 421px;
}
.index-pad .x6-eKzexX {
  background-color: transparent;
  height: 29px;
  left: 0px;
  position: absolute;
  top: 1px;
  width: 100%;
}
.index-pad .x65-4zAlBA {
  background-color: transparent;
  height: 16px;
  left: 8px;
  position: absolute;
  top: calc(49.38% - 8px);
  width: 38px;
}
.index-pad .x69-C61RwL {
  background-color: transparent;
  height: 54px;
  left: 543px;
  position: absolute;
  top: 3695px;
  width: 54px;
}
.index-pad .x70-C61RwL {
  background-color: transparent;
  height: 58px;
  left: 368px;
  position: absolute;
  top: 3848px;
  width: 34px;
}
.index-pad .x8-wyBlEv {
  background-color: transparent;
  height: calc(100.00% - 1px);
  left: 0px;
  position: absolute;
  top: 1px;
  width: 16px;
}
.index-pad .x80-C61RwL {
  background-color: transparent;
  height: 497px;
  left: 171px;
  position: absolute;
  top: 2401px;
  width: 250px;
}
.index-pad .yticonmonolight-d51ULW {
  background-color: transparent;
  height: 26px;
  left: 9px;
  position: absolute;
  top: calc(46.43% - 12px);
  width: calc(100.00% - 17px);
}
.msgothic-regular-normal-dove-gray-16px {
  color: var(--dove-gray);
  font-family: 'MSGothic-Regular', Helvetica, Arial, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
:root {
  --alto: rgba(218,220,219,1.0);
  --coconut: rgba(254,254,254,1.0);
  --dove-gray: rgba(112,112,112,1.0);
  --rustic-red: rgba(73,7,0,1.0);
  --sonic-silver: rgba(118,117,117,1.0);
  --white: rgba(255,255,255,1.0);
}
/* screen - index-sp */

.index-sp {
  background-color: var(--white);
  background-image: url(../img/---224-2@1x.png);
  background-size: 100% 100%;
  height: 3248px;
  overflow-x: hidden;
  position: relative;
  width: 375px;
}
.index-sp .about-C61RwL {
  background-color: transparent;
  height: auto;
  left: 192px;
  letter-spacing: 0.80px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 16px;
  white-space: nowrap;
  width: auto;
}
.index-sp .contact-C61RwL {
  background-color: transparent;
  height: auto;
  left: 307px;
  letter-spacing: 0.26px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 16px;
  white-space: nowrap;
  width: auto;
}
.index-sp .img1364-10-C61RwL {
  background-color: transparent;
  height: 204px;
  left: 48px;
  position: absolute;
  top: 935px;
  width: 136px;
}
.index-sp .scope-C61RwL {
  background-color: transparent;
  height: auto;
  left: 248px;
  letter-spacing: 0.80px;
  line-height: 50px;
  position: absolute;
  text-align: left;
  top: 16px;
  white-space: nowrap;
  width: auto;
}
.index-sp .vimeo-RKroAI {
  background-color: transparent;
  height: calc(100.00% - 17px);
  left: 9px;
  position: absolute;
  top: 8px;
  width: calc(100.00% - 18px);
}
.index-sp .x18-C61RwL {
  background-color: transparent;
  height: 172px;
  left: 202px;
  position: absolute;
  top: 969px;
  width: 136px;
}
.index-sp .x2-C61RwL {
  background-color: transparent;
  height: 29px;
  left: 171px;
  position: absolute;
  top: 698px;
  width: 34px;
}
.index-sp .x2-VMr6Om {
  background-color: transparent;
  height: 45px;
  left: 34px;
  position: absolute;
  top: 3176px;
  width: 307px;
}
.index-sp .x225-C61RwL {
  background-color: transparent;
  height: 77px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 375px;
}
.index-sp .x226-Z8HGIh {
  background-color: transparent;
  height: 14px;
  position: absolute;
  right: 7px;
  top: calc(47.99% - 7px);
  width: 14px;
}
.index-sp .x3-C61RwL {
  background-color: transparent;
  height: 29px;
  left: 171px;
  position: absolute;
  top: 1562px;
  width: 34px;
}
.index-sp .x3-VMr6Om {
  background-color: transparent;
  height: 89px;
  left: 45px;
  position: absolute;
  top: 1445px;
  width: 293px;
}
.index-sp .x33-UfuCsj {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 8px;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.index-sp .x34-xCNxJz {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 8px;
  height: 100%;
  left: 0px;
  position: relative;
  top: 0px;
  width: 100%;
}
.index-sp .x37-C61RwL {
  background-color: transparent;
  height: 70px;
  left: 33px;
  position: absolute;
  top: 2489px;
  width: 189px;
}
.index-sp .x38-C61RwL {
  background-color: transparent;
  height: 50px;
  left: 38px;
  position: absolute;
  top: 1681px;
  width: 136px;
}
.index-sp .x39-C61RwL {
  background-color: transparent;
  height: 49px;
  left: 40px;
  position: absolute;
  top: 842px;
  width: 131px;
}
.index-sp .x4-C61RwL {
  background-color: transparent;
  height: 247px;
  left: 42px;
  position: absolute;
  top: 1162px;
  width: 296px;
}
.index-sp .x4-VMr6Om {
  background-color: transparent;
  height: 29px;
  left: 170px;
  position: absolute;
  top: 2360px;
  width: 35px;
}
.index-sp .x40-C61RwL {
  background-color: transparent;
  height: 95px;
  left: 45px;
  position: absolute;
  top: 1785px;
  width: 234px;
}
.index-sp .x42-C61RwL {
  background-color: transparent;
  height: 74px;
  left: 67px;
  position: absolute;
  top: 537px;
  width: 242px;
}
.index-sp .x49-C61RwL {
  background-color: transparent;
  height: 48px;
  left: 47px;
  position: absolute;
  top: 2918px;
  width: 49px;
}
.index-sp .x49-VMr6Om {
  background-color: var(--alto);
  height: 35px;
  left: 2px;
  position: absolute;
  top: 813px;
  width: 27px;
}
.index-sp .x49-mzXdH9 {
  background-color: transparent;
  height: 45px;
  left: 41px;
  position: absolute;
  top: 2625px;
  width: 233px;
}
.index-sp .x5-m7cNQm {
  background-color: transparent;
  bottom: 0px;
  height: 30px;
  left: 1px;
  position: absolute;
  width: 100%;
}
.index-sp .x50-C61RwL {
  background-color: transparent;
  height: 48px;
  left: 163px;
  position: absolute;
  top: 2918px;
  width: 50px;
}
.index-sp .x50-VMr6Om {
  background-color: var(--alto);
  height: 35px;
  left: 2px;
  position: absolute;
  top: 1624px;
  width: 27px;
}
.index-sp .x50-mzXdH9 {
  background-color: transparent;
  height: 57px;
  left: 47px;
  position: absolute;
  top: 2770px;
  width: 220px;
}
.index-sp .x51-C61RwL {
  background-color: var(--alto);
  height: 35px;
  left: 2px;
  position: absolute;
  top: 2443px;
  width: 27px;
}
.index-sp .x51-fjWmv1 {
  background-color: transparent;
  height: 377px;
  left: 3px;
  position: absolute;
  top: 0px;
  width: 188px;
}
.index-sp .x52-C61RwL {
  background-color: var(--white);
  height: 35px;
  left: 3px;
  position: absolute;
  top: 2px;
  width: 27px;
}
.index-sp .x57-fjWmv1 {
  background-color: transparent;
  bottom: calc(40.34% - 8px);
  height: 20px;
  left: 0px;
  position: absolute;
  width: calc(100.00% - 25px);
}
.index-sp .x6-m7cNQm {
  background-color: transparent;
  height: 30px;
  left: 1px;
  position: absolute;
  top: 1px;
  width: 100%;
}
.index-sp .x67-C61RwL {
  background-color: transparent;
  height: 59px;
  left: 170px;
  position: absolute;
  top: 3042px;
  width: 35px;
}
.index-sp .x71-C61RwL {
  background-color: var(--sonic-silver);
  border: 1px solid var(--dove-gray);
  border-radius: 8px;
  height: 48px;
  left: 280px;
  position: absolute;
  top: 2918px;
  width: 49px;
}
.index-sp .x8-Z8HGIh {
  background-color: transparent;
  height: 14px;
  left: 7px;
  position: absolute;
  top: calc(47.06% - 7px);
  width: 16px;
}
.index-sp .x81-C61RwL {
  background-color: transparent;
  height: 377px;
  left: 42px;
  position: absolute;
  top: 1920px;
  width: 191px;
}
.index-sp .x9-C61RwL {
  background-color: transparent;
  height: 229px;
  left: 55px;
  position: absolute;
  top: 221px;
  width: 266px;
}
.index-sp .yticonmonolight-ElxUvM {
  background-color: transparent;
  height: 22px;
  left: calc(42.11% - 13px);
  position: absolute;
  top: calc(46.15% - 10px);
  width: 31px;
}
.msgothic-regular-normal-dove-gray-16px {
  color: var(--dove-gray);
  font-family: 'MSGothic-Regular', Helvetica, Arial, serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}
:root {
  --alto: rgba(218,220,219,1.0);
  --coconut: rgba(254,254,254,1.0);
  --dove-gray: rgba(112,112,112,1.0);
  --rustic-red: rgba(73,7,0,1.0);
  --sonic-silver: rgba(118,117,117,1.0);
  --white: rgba(255,255,255,1.0);
}
@media screen and (max-width: 767px) {
  .index { 
    display: none;
   }
  .index-pad { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1399px) {
  .index { 
    display: none;
   }
  .index-sp { 
    display: none;
   }
}
@media screen and (min-width: 1400px) {
  .index-pad { 
    display: none;
   }
  .index-sp { 
    display: none;
   }
}