:root{--color-lvs-blue:#00a0e9}main{.txt-center { display: block; justify-content: center; width: 100%; margin: 40px 0; font-size: large; font-weight: 700; color: var(--color-lvs-blue); text-align: center; } .page-about__box-01 { margin-bottom: 40px; } .page-about__box-01 .img { display: flex; align-self: flex-start; width: 80%; padding: 0 5%; } .page-about__box-01 .txt { display: flex; flex-direction: column; align-self: flex-start; width: 100%; padding: 0; } .pageJobDetail-entry .common-cover { width: 480px; margin-bottom: 80px; text-align: center; } .layout-text-on-the-right { align-items: center; justify-content: center; padding: 30px 0; } .englp-page-nav { display: flex; padding-top: 60px; padding-bottom: 20px; margin-bottom: 90px; border-top: none; border-bottom: 1px solid #f0f0f0; } .englp-page-nav__head { padding: 0; margin: 0 30px; font-size: 1.8rem; line-height: 1.667; letter-spacing: .08em; } .englp-page-nav-list { display: flex; margin: 0 30px 0 auto; font-size: 1.6rem; line-height: 2.143; letter-spacing: .02em; } .englp-page-nav-list__item { display: flex; margin: 0 0 0 30px; font-size: 1.4rem; line-height: 2.143; letter-spacing: .02em; } .article-section { p { text-align: justify; } a { font-weight: 700; color: var(--color-lvs-blue); text-decoration: none; } a:hover { text-decoration: underline; } .englp-link { margin: 50px 0; } .englp-link__a { position: relative; box-sizing: border-box; display: inline-block; padding: 25px 55px; margin-top: 0; overflow: hidden; font-family: FFMarkWebProBold, sans-serif; font-size: 1.1rem; font-weight: 700; color: #fff; text-align: center; letter-spacing: normal; text-decoration: none; background-color: #000; } .englp-link__a:hover { text-decoration: none; } .englp-link__a::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ""; background-color: #282828; transform: translateZ(0) scaleY(0); transform-origin: bottom left; transition: transform .4s cubic-bezier(.645, .045, .355, 1); } .englp-link__a:hover::before { transform: translateZ(0) scaleY(1); } .englp-link__text { position: relative; z-index: 1; display: inline-block; } .englp-link__a svg { position: relative; z-index: 1; display: inline-block; width: 12px; height: 12px; margin-left: 5px; fill: currentcolor; } .englp-link-list li::before { display: inline-block; margin-right: 5px; font-weight: bold; color: var(--color-lvs-blue); content: ">"; } .englp-link-list li { margin: 1em 0; color: var(--color-lvs-blue); list-style: none; } .englp-tech-list li { margin: 0.5em 0; font-weight: 500; color: #333; list-style: none; } .englp-tech-list li::before { display: inline-block; margin-right: 8px; font-weight: bold; color: var(--color-lvs-blue); content: "▶"; } .product-logo { display: inline-flex; flex-flow: wrap; padding: 0; } .img.product-logo { box-sizing: border-box; width: calc(100%/3); padding: 10px 5%; margin: 0; } .englp-links-list li { list-style-type: none; } .englp-banner { display: flex; padding: 20px; margin: 20px 0; border: 1px solid #f0f0f0; transition: all .3s; } .englp-banner__title { position: relative; display: block; width: 35%; padding: 0; margin: auto 0; font-size: 1.2em; font-weight: bold; color: #000; text-align: left; letter-spacing: .1em; } .englp-banner__desc { position: relative; display: block; width: 55%; padding: 0; margin: auto 0; font-size: 1em; font-weight: normal; color: #9da3a7; text-align: left; letter-spacing: .1em; } .englp-banner__extlink { position: relative; display: block; width: 10%; padding: 0; margin: 0; } .englp-banner__extlink-icon { position: absolute; top: 0; right: 0; display: block; width: 15px; height: 15px; aspect-ratio: 1 / 1; fill: #9da3a7; } .englp-banner:hover { text-decoration: none; background-color: #000; .englp-banner__title { color: #fff; } .englp-banner__desc { color: #fff; } .englp-banner__extlink-icon { fill: #fff; } } } .common-section-cover__speakerdeck { width: 100%; }}.article-section--flexbox{display:flex;flex-direction:row-reverse;align-items:center}.article-section__image--half{max-width:40%;padding:0 5%}@media screen and (width <= 820px){main{.englp-page-nav__head { width: 25%; margin: 0 20px; } .englp-page-nav-list { flex-wrap: wrap; width: 75%; margin: 0 20px 0 0; text-align: left; } .englp-page-nav-list__item { width: calc(100% / 3); margin: 0; } .img.product-logo { width: 50%; }}}@media screen and (width <= 480px){main{.englp-page-nav-list__item { width: 50%; } .article-section { .englp-links { width: 90vw; margin: 2em auto; } .englp-banner { display: block; } .englp-banner__title { width: 100%; margin-bottom: 0.5em; } .englp-banner__desc { width: 100%; } .englp-banner__extlink { display: none; } }}.article-section--flexbox{display:block}.article-section__image--half{max-width:90%;margin-top:1rem}.layout-text-and-image__text{line-height:2}}