/*fonts*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&family=Zen+Kaku+Gothic+New&display=swap');
@font-face {
    font-family: 'ClashDisplay-Variable';
    src: url('../css/fonts/ClashDisplay-Variable.woff2') format('woff2'), url('../css/fonts/ClashDisplay-Variable.woff') format('woff'), url('../css/fonts/ClashDisplay-Variable.ttf') format('truetype');
    font-weight: 200 700;
    font-display: swap;
    font-style: normal;
}

* {
    margin: 0;
    padding: 0;
    /*
    border-style: dotted;
    border-width: 0.5px;
    border-color: aqua;
*/
}

body {
    background: url("../images/noisebl.png");
    background-position: center center;
    background-repeat: repeat;
    box-sizing: border-box;
    overflow-x: hidden;
    height: 100vh;
    width: 100vw;
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: calc(11px + 0.390625vw);
    color: snow;
}

.bodyplexus {
    display: block;
    position: relative;
    background: url("../images/plexused.svg");
    background-position: left;
    background-repeat: repeat;
    overflow-x: hidden;
    width: 100%;
    background-position-y: 45px;
    opacity: 100%;
    z-index: 2;
}

.bodylogo {
    display: block;
    position: absolute;
    background: url("../images/bodylogo.svg");
    background-position-y: 220px;
    background-position-x: center;
    background-repeat: no-repeat;
    overflow-x: hidden;
    width: 100vw;
    height: 200%;
    opacity: 100%;
}

.trten {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/rect.png");
    background-position-x: 78vw;
    background-position-y: 10%;
    background-repeat: no-repeat;
    opacity: 100%;
}

.alogim {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/alphaten.png");
    background-position-x: 55vw;
    background-position-y: 35%;
    background-repeat: no-repeat;
    opacity: 100%;
}

.blogim {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/betaten.png");
    background-position-x: 55vw;
    background-position-y: 25%;
    background-repeat: no-repeat;
    opacity: 100%;
}

.projalogim {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    padding-top: 67%;
    background: url(../images/alphaten.png);
    background-position-x: 48vw;
    background-position-y: 0%;
    background-repeat: no-repeat;
    opacity: 100%;
    margin-top: 57%;
}

.projblogim {
    display: block;
    position: absolute;
    width: 64%;
    height: 60%;
    background: url(../images/betaten.png);
    background-position-x: 48vw;
    background-position-y: 0%;
    background-repeat: no-repeat;
    opacity: 100%;
    margin-top: 65%;
}

.projcirc {
    display: block;
    position: absolute;
    width: 65%;
    height: 30%;
    background: url(../images/circle_points.svg);
    background-position-x: 48vw;
    background-position-y: 0%;
    background-repeat: no-repeat;
    opacity: 100%;
    margin-top: 25%;
    margin-left: -16%;
}

.projrect {
    display: block;
    position: absolute;
    width: 63%;
    height: 30%;
    background: url(../images/rect_points.svg);
    background-position-x: 48vw;
    background-position-y: 0%;
    background-repeat: no-repeat;
    opacity: 100%;
    margin-top: 35%;
    margin-left: 35%;
}

.projtri {
    display: block;
    position: absolute;
    width: 60%;
    transform: rotate(45deg);
    height: 10%;
    background: url(../images/triang_points.svg);
    background-position-x: 48vw;
    background-position-y: 0%;
    background-repeat: no-repeat;
    opacity: 100%;
    margin-top: 36%;
    margin-left: 45%;
}

.projrect2 {
    display: block;
    position: absolute;
    width: 63%;
    height: 30%;
    background: url(../images/rect_points.svg);
    background-position-x: 48vw;
    background-position-y: 0%;
    background-repeat: no-repeat;
    opacity: 100%;
    margin-top: 81%;
    margin-left: 14%;
    z-index: 4;
}

.projtri2 {
    display: block;
    position: absolute;
    width: 60%;
    height: 10%;
    background: url(../images/triang_points.svg);
    background-position-x: 48vw;
    background-position-y: 0%;
    background-repeat: no-repeat;
    opacity: 100%;
    margin-top: 115%;
    margin-left: -7%;
}

.projcirc2 {
    display: block;
    position: absolute;
    width: 65%;
    height: 10%;
    background: url(../images/circle_points.svg);
    background-position-x: 0;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: 17%;
    opacity: 100%;
    margin-top: 149%;
    margin-left: 40%;
}

.clashfont {
    font-family: 'ClashDisplay-Variable';
}

.spastex {
    padding-left: 2%;
}

.zenfont {
    font-family: 'Inter', sans-serif;
}

.crsfont {
    font-style: italic;
}

#normmenu {
    position: fixed;
    padding-top: 10%;
    padding-left: 0.8%;
    transition: 0.3s linear;
    z-index: 5;
}

.menulnk {
    position: relative;
    z-index: 9;
    color: rgb(255, 255, 255);
    text-decoration: none;
    &:hover {
        &:before {
            transform: scaleX(1);
            transform-origin: left;
        }
    }
    &:before {
        content: "";
        position: absolute;
        z-index: -1;
        inset: -5px;
        background: rgb(241, 241, 241);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.5s ease-in-out;
    }
}

.menulnk:hover {
    color: black;
}

#normmenu li {
    padding-bottom: 15px;
}

.hidmn {
    display: none;
}

.txtbold {
    font-weight: 500;
}


/*モバイル menu*/


/* 1920px */


/* LOGO */

.logmark {
    border-radius: 50%;
    display: block;
    position: fixed;
    z-index: 4;
    width: 6rem;
    height: 6rem;
    margin-left: -8%;
    margin-top: 1%;
}


/* Text CSS */

p {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 0.97rem;
    font-weight: 300;
    line-height: 32px;
}


/* /// MainGrid  ///  */

.maingrid {
    display: grid;
    grid-template-columns: repeat(20, 1fr);
    column-gap: 2px;
    max-width: 1600px;
    margin: 0px auto;
    grid-template-rows: min-content;
}


/*Sections*/

.titlesection {
    border-bottom: rgb(167, 167, 167);
    border-width: 0.25px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 621px;
    width: 100%;
}

.cmpysec {
    padding-bottom: 120px;
}

.titlesection2 {
    border-bottom: rgb(167, 167, 167);
    border-width: 0.25px;
    border-style: solid;
    border-top: none;
    border-left: none;
    border-right: none;
    height: 640px;
}

.uptitcont {
    display: grid;
    grid-template-columns: repeat(26, 1fr);
    column-gap: 2px;
    margin: 0px auto;
    margin-top: 42px;
    height: 50px;
}

.uptitcont p {
    font-size: 1rem;
}

.uptitcont a {
    font-size: 1rem;
}

.uptitle1 {
    display: grid;
    grid-column-start: 9;
    grid-column-end: 9;
    justify-items: center;
}

.uptitle2 {
    display: grid;
    grid-column-start: 11;
    grid-column-end: 13;
    justify-items: left;
}

.uptitle2 p {
    color: rgb(100, 100, 100);
}

.uptitline {
    display: grid;
    grid-column-start: 10;
    grid-column-end: 10;
}

.uplinesvg {
    margin-left: 10px;
    margin-top: 18px;
}

.gridtitle {
    display: grid;
    grid-template-columns: repeat(24, 1fr);
    column-gap: 2px;
    margin: 0px auto;
    grid-template-rows: min-content;
    height: 275px;
}

.gridsubtitle {
    padding-left: 160px;
    width: 60%;
}

.gridsubtitle h4 {
    font-size: 1rem;
}

.clashtit {
    font-family: 'ClashDisplay-Variable';
    display: grid;
    grid-column-start: 3;
    grid-column-end: 22;
}

.clashtit h1 {
    font-size: 12rem;
    font-weight: 500;
}

.decomoji {
    margin-top: 23%;
    opacity: 20%;
    position: absolute;
    margin-left: 0.1%;
    overflow: hidden;
    z-index: 3;
    width: 100vw;
}

.decomoji svg {
    width: 108%;
    margin-left: -20px;
}

.latmenu {
    display: grid;
    position: absolute;
    grid-template-columns: repeat(55, 1fr);
    width: 100%;
    z-index: 5;
}

.latmenudiv {
    display: block;
    position: absolute;
    border-style: solid;
    border-color: snow;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-width: 1px;
    height: 662px;
    margin-left: 76.5%;
}

.latmenu a {
    font-size: 14px;
}

.latmenu a:hover {
    font-weight: 600;
}

.latmenulnk {
    display: grid;
    position: relative;
    grid-column-start: 44;
    grid-column-end: 55;
    padding-top: 20%;
}

.lmlnk {
    padding-top: 3rem;
}

.lmline {
    display: block;
    position: absolute;
    border-style: solid;
    border-color: snow;
    border-right: none;
    border-left: none;
    border-top: none;
    border-width: 1px;
    width: 125%;
    height: 10px;
    padding-top: -13px;
    margin-left: -8%;
    margin-top: -30px;
    overflow-x: hidden;
}

.lmline_e {
    display: block;
    position: absolute;
    border-style: solid;
    border-color: snow;
    border-right: none;
    border-left: none;
    border-top: none;
    border-width: 1px;
    width: 125%;
    height: 10px;
    padding-top: -13px;
    margin-left: -8%;
    margin-top: 20px;
    overflow-x: hidden;
}

.triangdw {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 10px solid rgb(255, 255, 255);
    z-index: 5;
    transform: rotate(180deg);
    margin-top: -5%;
    margin-left: 90%;
}

.textpart {
    position: relative;
    display: grid;
    z-index: 2;
    grid-template-columns: repeat(49, 1fr);
    column-gap: 2px;
    margin: 0px auto;
    grid-template-rows: min-content;
}

.systextsq {
    position: relative;
    display: grid;
    z-index: 2;
    grid-template-columns: repeat(49, 1fr);
    column-gap: 2px;
    margin: 0px auto;
    grid-template-rows: min-content;
    padding-bottom: 10rem;
}

.systextsq h3 {
    font-size: 1.5rem;
    font-weight: 400;
}

.systextsq h2 {
    font-size: 3rem;
    font-weight: 500;
}

.sysbck {
    display: block;
    position: relative;
}

.templ49 {
    position: relative;
    display: grid;
    z-index: 2;
    grid-template-columns: repeat(49, 1fr);
    column-gap: 2px;
    margin: 0px auto;
    grid-template-rows: min-content;
}

.textblockgr {
    padding-top: 80px;
    display: grid;
    grid-column-start: 10;
    grid-column-end: 40;
}

.textblockgr p {
    font-size: 0.97rem;
    font-weight: 300;
    line-height: 32px;
}

.textblockgr br {
    line-height: 10px;
}

.textblockgr1 {
    position: relative;
    display: grid;
    text-align: right;
    grid-column-start: 20;
    grid-column-end: 40;
    padding-top: 30%;
    padding-bottom: 25%;
}

.textblockgr1 p {
    font-size: 0.97rem;
    font-weight: 500;
    line-height: 32px;
}

.textblockt2 {
    padding-top: 80px;
    display: grid;
    grid-column-start: 6;
    grid-column-end: 42;
}

.textblockt2 h2 {
    font-size: 3rem;
    font-weight: 500;
}

.textblockt2 h3 {
    font-size: 1.5rem;
    font-weight: 400;
}

.cmptextbl {
    padding-top: 100px;
    display: grid;
    grid-column-start: 6;
    grid-column-end: 26;
    padding-bottom: 280px;
}

.cmptextbl_1 {
    padding-top: 100px;
    display: grid;
    grid-column-start: 29;
    grid-column-end: 45;
    grid-row-start: 5;
    padding-bottom: 280px;
}

.cmptextbl_2 {
    padding-top: 100px;
    display: grid;
    grid-column-start: 6;
    grid-column-end: 26;
    grid-row-start: 15;
    padding-bottom: 280px;
}

.cmptextbl_3 {
    padding-top: 100px;
    display: grid;
    grid-column-start: 29;
    grid-column-end: 45;
    grid-row-start: 25;
    padding-bottom: 280px;
}

.cmptextbl_4 {
    padding-top: 100px;
    display: grid;
    grid-column-start: 6;
    grid-column-end: 26;
    padding-bottom: 4%;
}

.cmptextbl_5 {
    display: grid;
    grid-column-start: 28;
    grid-column-end: 45;
    grid-row-start: 0;
    padding-bottom: 280px;
}

.cmptextbl_6 {
    display: grid;
    grid-column-start: 26;
    grid-column-end: 50;
    grid-row-start: 15;
    padding-bottom: 45px;
    padding-top: 10%;
    text-align: center;
    width: 100%;
}

.cmptextbl_7 {
    padding-top: 100px;
    display: grid;
    grid-column-start: 6;
    grid-column-end: 26;
    grid-row-start: 20;
    padding-bottom: 50%;
}

.cmptextbl_8 {
    display: grid;
    grid-column-start: 26;
    grid-column-end: 50;
    grid-row-start: 20;
    padding-bottom: 45px;
    padding-top: 10%;
    text-align: center;
    width: 100%;
}

.cmptext_txt {
    padding-top: 8rem;
}

.cmptext_txt_4 {
    padding-top: 5%;
}

.cmptext_txt_5 {
    padding-top: 10%;
}

.cmpdivider {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    width: 10%;
    height: 27.2%;
}

.cmpdividerb1 {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    width: 10%;
    height: 22.8%;
}

.cmpdivider2 {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    grid-row-start: 3;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    height: 38%;
    width: 10%;
}

.cmpdivider2b1 {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    grid-row-start: 3;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    height: 31%;
    width: 10%;
}

.cmpdivider3 {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    grid-row-start: 14;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    height: 40.4%;
    width: 10%;
}

.cmpdivider3b1 {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    grid-row-start: 14;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    height: 42.6%;
    width: 10%;
}

.cmpdivider4 {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    grid-row-start: 20;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    height: 72%;
    width: 10%;
    margin-top: 5%;
}

.cmpdivider4b1 {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    grid-row-start: 20;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    height: 74.4%;
    width: 10%;
    margin-top: 5%;
}

.cmpdivider5 {
    display: grid;
    position: absolute;
    grid-column-start: 25;
    grid-column-end: 44;
    grid-row-start: 20;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: center;
    height: 72%;
    width: 10%;
    margin-top: 5%;
}

.txtspacer {
    padding-top: 36px;
}

.leftline {
    border-style: solid;
    border-width: 0.01px;
    height: 100%;
    border-top: none;
    border-bottom: none;
    border-right: none;
    position: absolute;
    margin-left: 120px;
    width: 50%;
}

.leftline2 {
    border-style: solid;
    border-width: 0.01px;
    height: 165%;
    border-top: none;
    border-bottom: none;
    border-right: none;
    position: absolute;
    margin-left: 120px;
    width: 50%;
}

.linetenhor {
    display: grid;
    position: absolute;
    background-image: url(../images/hodottedline.svg);
    background-repeat: repeat-x;
    background-position: center;
    grid-column-start: 24;
    grid-column-end: 48;
    width: 100%;
    height: 5%;
}

.linetenhor2 {
    display: grid;
    position: absolute;
    background-image: url(../images/hodottedline.svg);
    background-repeat: repeat-x;
    background-position: center;
    grid-column-start: 24;
    grid-column-end: 48;
    width: 100%;
    height: 5%;
    padding-top: 25%;
}

.linetenhor3 {
    display: grid;
    position: absolute;
    background-image: url(../images/hodottedline.svg);
    background-repeat: repeat-x;
    background-position: center;
    grid-column-start: 4;
    grid-column-end: 25;
    grid-row-start: 2;
    width: 100%;
    height: 5%;
    margin-top: 17%;
}

.linetenhordivi {
    display: grid;
    position: absolute;
    background-image: url(../images/hodottedline.svg);
    background-repeat: repeat-x;
    background-position: center;
    grid-column-start: 4;
    grid-column-end: 50;
    grid-row-start: 2;
    width: 100%;
    height: 5%;
    margin-top: 6%;
}

.linetenver {
    display: block;
    position: absolute;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: left;
    width: 20%;
    height: 27%;
    margin-top: -5.1%;
    margin-left: 40.7%;
}

.linetenver2 {
    display: block;
    position: absolute;
    background-image: url(../images/dottedline.svg);
    background-repeat: repeat-y;
    background-position: left;
    width: 20%;
    height: 27%;
    margin-top: -5.1%;
    margin-left: 40.7%;
}

.tendivi {
    display: block;
    position: relative;
    padding-top: 95px;
    margin-left: -75px;
    background-image: url(../images/hodottedline.svg);
    background-repeat: no-repeat;
    background-position: left;
    height: 20px;
}

.tendivi_r {
    display: block;
    position: relative;
    padding-top: 90px;
    margin-left: -120px;
    margin-right: -175px;
    background-image: url(../images/hodottedline.svg);
    background-repeat: no-repeat;
    background-position: left;
    height: 20px;
    overflow: hidden;
}

.tenline2 {
    display: block;
    position: absolute;
    height: 2px;
    width: 42vw;
    margin-top: 381px;
    overflow-x: hidden;
    margin-left: 120px;
    background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='snow' stroke-width='4' stroke-dasharray='2%2c 2' stroke-dashoffset='0' stroke-linecap='butt'/%3e%3c/svg%3e");
}

.tenlinesys {
    display: grid;
    position: absolute;
    grid-column-start: 4;
    grid-column-end: 20;
    margin-left: 2px;
    height: 2px;
    width: 44.5vw;
    margin-top: 35%;
    overflow-x: hidden;
    border-width: 2px;
    border-color: snow;
    border-style: dotted;
    border-right: none;
    border-left: none;
    border-bottom: none;
}

.tenlinesys2 {
    display: grid;
    position: absolute;
    grid-column-start: 4;
    grid-column-end: 20;
    margin-left: 44vw;
    height: 100%;
    width: 1px;
    overflow-x: hidden;
    border-width: 2px;
    border-color: snow;
    border-style: dotted;
    border-right: none;
    border-top: none;
    border-bottom: none;
}

.tabgrid {
    position: relative;
    display: grid;
    z-index: 2;
    grid-template-columns: repeat(40, 1fr);
    padding-top: 2rem;
    text-align: left;
    padding-bottom: 100px;
}

.grtabline {
    display: grid;
    position: relative;
    grid-column-start: 5;
    grid-column-end: 20;
    border-color: snow;
    border-bottom: 1px solid;
}

.grtab {
    display: grid;
    position: relative;
    grid-column-start: 5;
    grid-column-end: 8;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grtab2 {
    display: grid;
    position: relative;
    grid-column-start: 9;
    grid-column-end: 18;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grtabb {
    display: grid;
    position: inherit;
    grid-column-start: 23;
    grid-column-end: 26;
    grid-row-start: 2;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grtabb2 {
    display: grid;
    position: inherit;
    grid-column-start: 28;
    grid-column-end: 35;
    grid-row-start: 2;
    grid-row-end: 6;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grtabb3 {
    display: grid;
    position: inherit;
    grid-column-start: 23;
    grid-column-end: 26;
    grid-row-start: 6;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grtabb4 {
    display: grid;
    position: inherit;
    grid-column-start: 28;
    grid-column-end: 35;
    grid-row-start: 6;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grtablineb {
    display: grid;
    position: relative;
    grid-column-start: 23;
    grid-column-end: 39;
    grid-row-start: 1;
    border-color: snow;
    border-bottom: 1px solid;
}

.grtablineb3 {
    display: grid;
    position: relative;
    grid-column-start: 23;
    grid-column-end: 39;
    grid-row-start: 5;
    border-color: snow;
    border-bottom: 1px solid;
}

.grtabb5 {
    display: grid;
    position: inherit;
    grid-column-start: 23;
    grid-column-end: 26;
    grid-row-start: 8;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grtabb6 {
    display: grid;
    position: inherit;
    grid-column-start: 28;
    grid-column-end: 35;
    grid-row-start: 8;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.grtablineb4 {
    display: grid;
    position: relative;
    grid-column-start: 23;
    grid-column-end: 39;
    grid-row-start: 6;
    border-color: snow;
    border-bottom: 1px solid;
}

.grtablineb5 {
    display: grid;
    position: relative;
    grid-column-start: 23;
    grid-column-end: 39;
    grid-row-start: 8;
    border-color: snow;
    border-bottom: 1px solid;
}

.tbbse {
    padding-top: 20px;
    padding-bottom: 20px;
}

.sngfield {
    display: grid;
    position: relative;
}

.cspacer1 {
    padding-top: 10%;
}

.tenbar {
    display: block;
    position: relative;
    background: url("../images/tenbar.png");
    background-repeat: repeat-x;
    background-size: contain;
    overflow-x: hidden;
    width: 93.6vw;
    height: 40px;
    opacity: 100%;
    margin-left: 120px;
}

.tenbardivi {
    display: grid;
    position: relative;
    grid-column-start: 4;
    grid-column-end: 50;
    background: url("../images/tenbar.png");
    background-repeat: repeat-x;
    background-size: contain;
    overflow-x: hidden;
    height: 40px;
    opacity: 100%;
}

.tenbardivi2 {
    display: grid;
    position: relative;
    grid-column-start: 4;
    grid-column-end: 50;
    grid-row-start: 12;
    background: url("../images/tenbar.png");
    background-repeat: repeat-x;
    background-size: contain;
    overflow-x: hidden;
    height: 40px;
    opacity: 100%;
}

.tenbardivi3 {
    display: grid;
    position: relative;
    grid-column-start: 4;
    grid-column-end: 50;
    grid-row-start: 20;
    background: url("../images/tenbar.png");
    background-repeat: repeat-x;
    background-size: contain;
    overflow-x: hidden;
    height: 40px;
    opacity: 100%;
}

.tenbardivi4 {
    display: grid;
    position: relative;
    grid-column-start: 4;
    grid-column-end: 50;
    grid-row-start: 35;
    background: url("../images/tenbar.png");
    background-repeat: repeat-x;
    background-size: contain;
    overflow-x: hidden;
    height: 40px;
    opacity: 100%;
}

.projtenbardivi {
    display: grid;
    position: relative;
    grid-column-start: 4;
    grid-column-end: 50;
    background: url("../images/tenbar.png");
    background-repeat: repeat-x;
    background-size: contain;
    overflow-x: hidden;
    height: 40px;
    opacity: 100%;
}

.textbl {
    display: grid;
    position: relative;
    overflow-x: hidden;
    grid-column-start: 6;
    grid-column-end: 20;
    padding-top: 50px;
}

.textbl2 {
    display: grid;
    position: relative;
    overflow-x: hidden;
    grid-column-start: 6;
    grid-column-end: 20;
    padding-top: 80px;
    padding-bottom: 210px;
}

.mapbu {
    display: grid;
    position: relative;
    overflow-x: hidden;
    grid-column-start: 25;
    grid-column-end: 48;
    grid-row-start: 2;
    grid-row-end: 4;
    padding-bottom: 60px;
    padding-top: 55px;
}

.container {
    display: block;
    position: relative;
    padding-top: 20%;
    padding-right: 20%;
}

.sizef {
    font-size: 2rem;
}

.dwnktba {
    padding-top: 54%;
    display: grid;
    position: relative;
    justify-items: center;
}

#footer {
    position: relative;
}

.bttnproj {
    display: block;
    position: relative;
    margin-top: -25%;
    z-index: 5;
}

.bttn,
input[type="submit"] {
    cursor: pointer;
    border-radius: 0px;
    text-decoration: none;
    padding: 15px 45px;
    line-height: 19px;
    letter-spacing: 1px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.bttn-white {
    border: solid 2px #fff;
    background: transparent;
    color: #fff !important;
}

.bttn-white:hover {
    border: solid 2px #fff;
    background: #fff;
    color: #1f1f1f !important;
    z-index: 5;
}

.imgshas {
    background-image: url(../images/shas1.jpg);
    background-position: left;
    background-repeat: no-repeat;
    padding-bottom: 59%;
    display: block;
    position: absolute;
    width: 400px;
    height: 20%;
    margin-left: 17%;
    z-index: 4;
}

.imgshas2 {
    background-image: url(../images/shas2.jpg);
    background-position: left;
    background-repeat: no-repeat;
    padding-bottom: 55%;
    display: block;
    position: absolute;
    width: 400px;
    height: 20%;
    margin-left: 17%;
    z-index: 4;
}

.minuspeq {
    font-size: 0.7rem;
    padding-left: 5%;
}

.fonthalf {
    font-size: 50%;
}

.phasesgrid {
    display: grid;
    position: relative;
    grid-template-columns: repeat(20, 1fr);
    grid-column-gap: 15px;
    padding-top: 20%;
}

.phscub {
    display: grid;
    position: relative;
    grid-column-start: 2;
    grid-column-end: 8;
    grid-row-start: 1;
    grid-row-end: 4;
    border-width: 1px;
    border-style: solid;
    height: 180px;
}

.phcircl1 {
    display: grid;
    position: relative;
    grid-column-start: 3;
    grid-column-end: 9;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    height: 250px;
    align-content: center;
}

.phcircl2 {
    display: grid;
    position: relative;
    grid-column-start: 13;
    grid-column-end: 19;
    border-width: 1px;
    border-style: solid;
    border-radius: 50%;
    height: 250px;
    align-content: center;
}

.phcircl1 p {
    font-size: 1.5rem;
}

.phcircl2 p {
    font-size: 1.5rem;
}

.phex {
    display: grid;
    position: relative;
    grid-column-start: 10;
    grid-column-end: 12;
    background-image: url(../images/xcross.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 225px;
}

.cubti {
    padding-top: 10%;
}

.phsinn h3 {
    font-size: 2rem;
}

.phscub2 {
    display: grid;
    position: relative;
    grid-column-start: 8;
    grid-column-end: 14;
    border-width: 1px;
    border-style: solid;
    height: 180px;
}

.phscub3 {
    display: grid;
    position: relative;
    grid-column-start: 14;
    grid-column-end: 20;
    border-width: 1px;
    border-style: solid;
    height: 180px;
}