:root{--colorBase: #efefef;--colorMain: #111414;--colorError: #fb5757;--colorDataText: #999999;--fontEnBold: HelveticaNeue-Bold;--fontEnMedium: HelveticaNeue-Medium;--fontEn: Helvetica Neue;--fontJP: Noto Sans JP;--fontsizeH1: 4em;--fontsizeH2: 2em;--fontsizeH3: 1.5em;--zindexLv1:100;--zindexLv2:10;--zindexLv3:1;--letterSpacingM: 0.05em;--lineHeightM: 1.8;--transitionLv1: 0.3s}@media screen and (max-width: 768px){:root{--fontsizeH1: 1.5em;--fontsizeH2: 1.25em;--fontsizeH3: 1em}}:root{--colorBase: #efefef;--colorMain: #111414;--colorError: #fb5757;--colorDataText: #999999;--fontEnBold: HelveticaNeue-Bold;--fontEnMedium: HelveticaNeue-Medium;--fontEn: Helvetica Neue;--fontJP: Noto Sans JP;--fontsizeH1: 4em;--fontsizeH2: 2em;--fontsizeH3: 1.5em;--zindexLv1:100;--zindexLv2:10;--zindexLv3:1;--letterSpacingM: 0.05em;--lineHeightM: 1.8;--transitionLv1: 0.3s}@media screen and (max-width: 768px){:root{--fontsizeH1: 1.5em;--fontsizeH2: 1.25em;--fontsizeH3: 1em}}h1,h2,h3,p{color:var(--colorMain)}body{background-color:var(--colorBase);font-family:var(--fontEn)}.grecaptcha-badge{display:none}main{background-color:var(--colorBase)}.news_main{display:flex;flex-direction:row;align-items:flex-start;padding:0px;width:90vw;margin:0 auto}@media screen and (max-width: 768px){.news_main{flex-direction:column}}.char{transform:translateY(100px);transition:transfrom .5s}h1{font-size:var(--fontsizeH1)}h2{font-size:var(--fontsizeH2)}h3{font-size:var(--fontsizeH3)}:root{--colorBase: #efefef;--colorMain: #111414;--colorError: #fb5757;--colorDataText: #999999;--fontEnBold: HelveticaNeue-Bold;--fontEnMedium: HelveticaNeue-Medium;--fontEn: Helvetica Neue;--fontJP: Noto Sans JP;--fontsizeH1: 4em;--fontsizeH2: 2em;--fontsizeH3: 1.5em;--zindexLv1:100;--zindexLv2:10;--zindexLv3:1;--letterSpacingM: 0.05em;--lineHeightM: 1.8;--transitionLv1: 0.3s}@media screen and (max-width: 768px){:root{--fontsizeH1: 1.5em;--fontsizeH2: 1.25em;--fontsizeH3: 1em}}.hamburger{padding:10px}.button{align-items:center;display:inline-flex;background-color:var(--colorMain);color:var(--colorBase);column-gap:33px;border-radius:100px;height:83px;padding-left:36px;padding-right:38px;transition:var(--transitionLv1)}@media screen and (max-width: 768px){.button{height:62px;padding-left:36px;padding-right:38px}}.button span{font-family:var(--fontEnBold);font-size:var(--fontsizeH3)}.button__icon{transition:var(--transitionLv1);position:relative;width:23px;height:23px;border-radius:50%;background-color:var(--colorBase);display:flex;justify-content:center}.button__icon-item{margin:auto 0px;opacity:0;transition:var(--transitionLv1)}.button__icon .rotate{transform:rotate(-90deg)}.button:hover{column-gap:22px;transition:var(--transitionLv1);padding-right:26px}.button:hover .button__icon{width:46px;height:46px;transition:var(--transitionLv1)}.button:hover .button__icon-item{opacity:1;transition:var(--transitionLv1)}.form-list-item__button-container{align-items:center;display:inline-flex;background-color:var(--colorMain);color:var(--colorBase);column-gap:2em;border-radius:100px;padding:1.125em 3em 1.125em 3em;cursor:pointer;margin-right:0;margin-left:auto}@media screen and (max-width: 768px){.form-list-item__button-container{padding:.5em 2em .5em 2em}}.form-list-item__button-container button{font-family:var(--fontEnBold);font-size:var(--fontsizeH3)}.header_text{font-family:var(--fontEnMedium);font-weight:bold;font-size:var(--fontsizeH1)}.news__list-row{width:100%}.news__list-row .row__body{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding-bottom:.5em}.news__list-row .row__body .contents{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:8px}.news__list-row .row__body .contents .timeline{color:var(--colorDataText)}.form-list-item__field{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:8px;width:100%}.form-list-item__input-text{width:100%;border-bottom:1px solid var(--colorMain);height:2em}.form-list-item__input-textarea{width:100%;border-bottom:1px solid var(--colorMain)}.form-list-item__error{font-size:.75em;color:var(--colorError)}.form-list-item__label{font-weight:500}.form-list-item textarea{height:10em}.splide__pagination{display:none}.concept{font-size:var(--fontsizeH3)}.swipehint{position:absolute;right:0;padding-top:8px;display:none}@media screen and (max-width: 768px){.swipehint{display:block}}:root{--colorBase: #efefef;--colorMain: #111414;--colorError: #fb5757;--colorDataText: #999999;--fontEnBold: HelveticaNeue-Bold;--fontEnMedium: HelveticaNeue-Medium;--fontEn: Helvetica Neue;--fontJP: Noto Sans JP;--fontsizeH1: 4em;--fontsizeH2: 2em;--fontsizeH3: 1.5em;--zindexLv1:100;--zindexLv2:10;--zindexLv3:1;--letterSpacingM: 0.05em;--lineHeightM: 1.8;--transitionLv1: 0.3s}@media screen and (max-width: 768px){:root{--fontsizeH1: 1.5em;--fontsizeH2: 1.25em;--fontsizeH3: 1em}}.profie__lists{display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:4em;width:100%}.profie__lists .profie__list{display:flex;flex-direction:row;justify-content:center;align-items:space-between;padding:0px;gap:3em;width:100%}.profie__lists .profie__list p{letter-spacing:var(--letterSpacingM);line-height:var(--lineHeightM)}@media screen and (max-width: 768px){.profie__lists .profie__list{flex-direction:column;align-items:flex-start}}.profie__lists .profie__list-img{align-self:flex-start}@media screen and (max-width: 1020px){.profie__lists .profie__list-img{margin:auto;display:block;height:80%}}@media screen and (max-width: 768px){.profie__lists .profie__list-img{width:60%}}.profie__lists .profie__list-content{display:flex;flex-direction:column;align-items:flex-start;gap:1em;width:100%}.profie__lists .profie__list-content hr{width:60%;color:#e0e0e0}.profie__lists .profie__list-content .title{display:flex;flex-direction:row;align-items:flex-start}.profie__lists .profie__list-content .title h2{font-weight:medium;font-size:var(--fontsizeH2)}.splide{width:100%}.splide__track{overflow:visible}.splide__slide:hover .card_overlay{display:block}.splide__slide .card_overlay{position:absolute;background-color:var(--colorMain);opacity:70%;width:100%;height:100%;display:none}.splide__slide .card_overlay__contents{z-index:var(--zindexLv2);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2.5em;position:absolute;top:0;right:0;bottom:0;left:0}.splide__slide .card_overlay__contents-txt{font-family:var(--fontEn);color:var(--colorBase);font-size:1.5em;font-weight:medium}.splide__slide .card_overlay__contents-btn{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:12px 16px;gap:10px;border:1px solid var(--colorBase);border-radius:100px;flex:none;order:1;flex-grow:0;color:var(--colorBase)}.splide__slide .card_overlay__contents .card_overlay__contents-btn:hover{background-color:var(--colorBase);color:var(--colorMain);cursor:pointer}.splide__slide-img{width:23.25em;height:23.25em;object-fit:cover}.news__list{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:1.5em}.footer__link{color:var(--colorBase);display:flex;flex-direction:column;align-items:flex-start;gap:1em}.footer__link h3{color:var(--colorBase)}.footer__link-listitem{display:flex;flex-direction:column;align-items:flex-start;gap:.5em}.form{width:100%;display:flex;flex-direction:column;align-items:flex-start;padding:0px;gap:24px}:root{--colorBase: #efefef;--colorMain: #111414;--colorError: #fb5757;--colorDataText: #999999;--fontEnBold: HelveticaNeue-Bold;--fontEnMedium: HelveticaNeue-Medium;--fontEn: Helvetica Neue;--fontJP: Noto Sans JP;--fontsizeH1: 4em;--fontsizeH2: 2em;--fontsizeH3: 1.5em;--zindexLv1:100;--zindexLv2:10;--zindexLv3:1;--letterSpacingM: 0.05em;--lineHeightM: 1.8;--transitionLv1: 0.3s}@media screen and (max-width: 768px){:root{--fontsizeH1: 1.5em;--fontsizeH2: 1.25em;--fontsizeH3: 1em}}.header{height:9vh}@media screen and (max-width: 768px){.header{height:20vh}}.header__wrapper{margin:0 auto;width:90vw;height:100%;position:relative;display:flex;justify-content:space-between;align-items:center}.header_inner{position:absolute;top:0;height:100vh;width:100vw;background-color:var(--colorMain);z-index:var(--zindexLv1);display:none}.header_inner .close_icon_wrapper{margin:0 auto;width:90vw;height:9vh;display:flex;position:relative;align-items:center}@media screen and (max-width: 768px){.header_inner .close_icon_wrapper{height:20vh}}.header_inner .close_icon_wrapper .close{position:absolute;right:0}.header_inner__wrapper{height:91vh;display:flex;flex-direction:column;justify-content:center;align-items:center}@media screen and (max-width: 768px){.header_inner__wrapper{height:80vh}}.header_inner__wrapper .list{display:flex;flex-direction:column;gap:2em}.header_inner__wrapper .list__item{font-size:var(--fontsizeH1);font-family:var(--fontEnBold);color:var(--colorBase);text-align:center}@media screen and (max-width: 768px){.header_inner__wrapper .list__item{font-size:12vw}}.fadein{opacity:0;animation:fadein 1s ease forwards}@keyframes fadein{100%{opacity:1}}.link1{animation-delay:.25s}.link2{animation-delay:.5s}.link3{animation-delay:.75s}.link4{animation-delay:1s}.hero{height:91vh}@media screen and (max-width: 768px){.hero{height:80vh}}.hero .wrapper{width:90vw;height:100%;position:relative}.hero__title{padding-bottom:8em;position:absolute;left:0;bottom:0}@media screen and (max-width: 768px){.hero__title{padding-bottom:16em}}.hero__title-text{font-family:var(--fontEnBold);font-size:12.5em}@media screen and (max-width: 768px){.hero__title-text{font-size:6em}}.bottom_hero{height:55vh}@media screen and (max-width: 768px){.bottom_hero{height:80vh}}section .wrapper{width:90vw;margin:0 auto;display:flex;position:relative;flex-direction:column;align-items:flex-start;padding:0px;gap:7em;padding-top:4.5em;padding-bottom:4.5em}section .wrapper .button{text-align:right;margin-right:0;margin-left:auto}.photo_section{padding-top:2px}.photo_section picture img{object-fit:cover;width:100vw;height:100vh}.works{overflow:hidden}footer{width:100vw;background-color:var(--colorMain)}footer ul{display:flex;flex-direction:column;gap:8px}footer .footer__wrapper{width:90vw;margin:0 auto;padding-top:3em;padding-bottom:3em}.news_hero{height:100vh;width:50%;top:0;position:sticky}@media screen and (max-width: 768px){.news_hero{position:relative;width:100%}}.news_hero__wrapper{position:sticky;top:0;height:100%}.news_hero__wrapper .title{display:flex;flex-direction:column;align-items:flex-start;padding-top:164px}.news_hero__wrapper .title h1{font-size:var(--fontsizeH1);font-family:var(--fontJP);font-weight:500}.news_hero__wrapper .buttons{position:absolute;bottom:110px;display:flex;flex-direction:column;align-items:flex-start;gap:32px}.news_hero__wrapper .buttons .share_button{display:flex;flex-direction:row;align-items:center;padding:0px;gap:16px}.news_hero__wrapper .buttons .share_button a{border-radius:100px;display:block}.news_hero__wrapper .buttons .share_button a img{height:48px}.news_section{width:50%;margin:auto 0}@media screen and (max-width: 768px){.news_section{width:100%}}.news_section__wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:64px;padding-bottom:240px}.news_section__wrapper img{width:100%;height:auto;border-radius:32px}.news_section__wrapper .contents h1{font-size:var(--fontsizeH1)}.news_section__wrapper .contents h2{font-size:var(--fontsizeH2)}.news_section__wrapper .contents h3{font-size:var(--fontsizeH3)}.news_section__wrapper .contents p{font-size:16px;letter-spacing:var(--letterSpacingM);line-height:var(--lineHeightM)}.news_section .arrow{display:flex;flex-direction:row;align-items:flex-start;gap:320px;padding-bottom:120px;width:80%;margin:0 auto}.news_section .arrow a img{height:46px}

viewport

WnNZkJWHHsIF8sEIPYeRo6xlFDEWa3vRlx_aTM606go

google-site-verification

const text = new SplitType("#text_animation");

gsap.to(".char", {
  y: 0 ,
  stagger: 0.05 ,
  delay: 0.2 ,
  duration: 0.5 ,
  ease: power2.out,
});

news

Odd Decentのwebsiteを新規で開設しましたwebsiteでは、新規プロダクトの告知やイベント情報の告知などを掲載していく予定です。今後ともOdd Decentをよろしくおねがいします

websiteを開設しました