.sectionTitleThreePart .title{color:var(--basicColor1)}.sectionTitleThreePart{z-index:10}.divSectionTitleThreePart{background:var(--basicColor4);padding-bottom:6em}.sectionTitleThreePart .title:after{content:"";height:2px;width:5em;margin:1em auto 0;background:var(--basicColor2);display:block}.sectionTitleThreePart ul{padding:.5em 0;display:flex;justify-content:space-between;width:80%;margin:0 auto}.sectionTitleThreePart ul li{padding:0 5%;cursor:pointer;transform:translateY(-2em);opacity:0;color:var(--basicColor2);transition:1s}.sectionTitleThreePart ul .appearLi{transform:translateX(0);opacity:1}.sectionTitleThreePart ul li p{margin-bottom:0;font-family:Amaranth}.sectionTitleThreePart ul li:after{content:"";height:2px;margin-top:.5em;width:100%;transition:.3s;display:block;background:var(--basicColor2)}.sectionTitleThreePart ul li:hover:after{transform:translateX(1em)}.sectionTitleThreePart ul li:hover{opacity:.7}.sectionTitleThreePart ul .clicked{color:var(--basicColor1);background:0 0}.sectionTitleThreePart ul .clicked:after{background:var(--basicColor1)}.sectionTitleThreePart .elementP{visibility:hidden;opacity:0;transition:opacity .3s;left:0;top:0;right:0;position:absolute}.sectionTitleThreePart .appearP{visibility:visible;margin:1em auto 0;position:initial;opacity:1}@media screen and (max-width:700px){.sectionTitleThreePart ul{display:block;width:80%}.sectionTitleThreePart .title{font-size:2em}.sectionTitleThreePart ul li{display:block}}@media screen and (max-width:500px){.sectionTitleThreePart ul{width:90%}}