(cache)LED TOKYO | 導入面積シェアNo.1

") no-repeat; content: ""; height: 14px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; width: 16px; } @media (max-width: 768px) { .l-header .nav-btn { position: relative; z-index: 1; } .l-header .nav-btn .link-btn { margin: 20px 20px 0px; width: 100%; } } @media (min-width: 960px) { .l-header .nav-btn { flex-wrap: unset; } .l-header .nav-btn .link-btn { margin-left: 30px; } .l-header .nav-btn .link-btn:hover { background-color: transparent; color: rgb(194, 156, 54); } .l-header .nav-btn .link-btn:hover.white_edition { background-color: transparent; color: rgb(255, 255, 255); } .l-header .nav-btn .link-btn:hover.gray_edition { background-color: transparent; color: rgb(134, 134, 134); } .l-header .nav-btn .link-btn:hover span.download::after { background: url("data:image/svg+xml;utf8,") no-repeat; content: ""; height: 14px; width: 16px; } } .l-header .nav-btn .btn { -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); border-radius: 30px; display: flex; outline: none; overflow: hidden; padding: 14px 30px; position: relative; text-align: center; text-decoration: none; transition: all 0.2s ease 0s; } .l-header .nav-btn .btn + .btn { margin-left: 16px; } .l-header .nav-btn .btn span { color: rgb(51, 51, 51); font-size: 14px; font-weight: 700; position: relative; transition: all 0.3s ease 0s; z-index: 3; } .l-header .nav-btn .btn span.download { padding-right: 20px; } .l-header .nav-btn .btn span.download::after { background: url("data:image/svg+xml;utf8,") no-repeat; content: ""; height: 14px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; width: 16px; } .l-header .nav-btn .btn.gray_edition { background-color: rgb(134, 134, 134); border: 1px solid rgb(134, 134, 134); } .l-header .nav-btn .btn.gray_edition span { color: rgb(255, 255, 255); } .l-header .nav-btn .btn::before { background: rgb(0, 0, 0); content: ""; height: 100%; left: 0px; position: absolute; top: 0px; transform: scaleX(0); transform-origin: right top; transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1) 0s; width: 100%; z-index: 2; } @media (min-width: 960px) { .l-header .nav-btn .btn:hover span { color: rgb(255, 255, 255); } .l-header .nav-btn .btn:hover span.download::after { background: url("data:image/svg+xml;utf8,") no-repeat; content: ""; height: 14px; width: 16px; } .l-header .nav-btn .btn:hover.gray_edition span { color: rgb(134, 134, 134); } .l-header .nav-btn .btn:hover::before { transform: scale(1); transform-origin: left top; } } @media (max-width: 768px) { .l-header .nav-btn .btn { display: block; margin: 20px 20px 0px; width: 100%; } } .l-header .nav-box { background-color: rgb(0, 0, 0); border-top: 1px solid rgb(181, 181, 181); height: 100vh; left: 0px; overflow-y: scroll; padding: 0px 0px 100px; position: absolute; top: 62px; width: 100%; } .l-header .nav-box a:not([class]) { line-height: 1.5; } @media (max-width: 959px) { .l-header .nav-box { display: none; } .l-header .nav-box .list li a { border-bottom: 1px solid rgb(181, 181, 181); } .l-header .nav-box .list a { display: block; padding: 20px; } .l-header .nav-box .nav-submenu { display: block; } } @media (min-width: 960px) { .l-header .nav-box { -webkit-box-pack: end; border: none; display: flex; height: unset; justify-content: flex-end; left: unset; overflow-y: unset; padding: 0px; position: unset; top: unset; } .l-header .nav-box > * > :nth-child(n+2), .l-header .nav-box > :nth-child(n+2) { margin-top: 0px; } .l-header .nav-box .nav-submenu { display: none; } } .l-header .nav .tgr-menu { border-radius: 40px; cursor: pointer; height: 40px; position: relative; width: 40px; } .l-header .nav .tgr-menu span { background: rgb(51, 51, 51); border-radius: 2px; display: inline-block; height: 2px; left: 50%; position: absolute; transform: translateX(-50%); transition: all 0.3s ease 0s; width: 20px; } .l-header .nav .tgr-menu span:first-of-type { top: 13px; } .l-header .nav .tgr-menu span:nth-of-type(2) { top: 50%; transform: translate(-50%, -50%); } .l-header .nav .tgr-menu span:nth-of-type(3) { top: 25px; } .l-header .nav .tgr-menu.is-open span:first-of-type { top: 50%; transform: translate(-50%, -50%) rotate(45deg); } .l-header .nav .tgr-menu.is-open span:nth-of-type(2) { height: 0px; width: 0px; } .l-header .nav .tgr-menu.is-open span:nth-of-type(3) { top: 50%; transform: translate(-50%, -50%) rotate(135deg); } @media (min-width: 960px) { .l-header .nav .tgr-menu { display: none; } } .l-header .dropmenu a { color: rgb(0, 0, 0); } @media (min-width: 960px) { .l-header .dropmenu { left: 50%; margin-top: 0px; opacity: 0; position: absolute; top: 52px; transform: translateX(-50%); transition: all 0.3s ease 0s; visibility: hidden; width: max-content; } .l-header .dropmenu::before { content: ""; display: block; height: 30px; left: 0px; position: absolute; top: -26px; width: 100%; } .l-header .dropmenu a:hover { color: rgb(134, 134, 134); } .l-header .dropmenu .thumb_list { flex-wrap: wrap; } .l-header .dropmenu .thumb_list li { width: calc(50% - 10px); } .l-header .dropmenu .thumb_list li a { padding: 0px; } .l-header .dropmenu .col { display: flex; } .l-header .dropmenu .col.half > * { width: 50%; } .l-header .dropmenu .col.half > :last-child { padding: 40px 60px 40px 0px; } .l-header .dropmenu .col.half > :first-child { padding: 40px 20px 40px 60px; } .l-header .dropmenu .col.asymmetrical > :first-child { background-color: rgb(204, 204, 204); min-height: 100px; width: 30%; } .l-header .dropmenu .col.asymmetrical > :nth-child(2) { -webkit-box-flex: 1; flex: 1 1 0%; padding: 40px 60px; } .l-header .dropmenu .thumb_list { -webkit-box-pack: justify; display: flex; justify-content: space-between; } .l-header .dropmenu .thumb_list li { padding: 0px; width: 25%; } .l-header .dropmenu .thumb_list li a::before { content: none; } .l-header .dropmenu .thumb_list li a figure { overflow: hidden; } .l-header .dropmenu .thumb_list li a figure img { display: block; transition: all 0.3s ease 0s; width: 100%; } .l-header .dropmenu .thumb_list li a p { display: block; font-size: 14px; font-weight: 700; margin-top: 10px; padding-right: 20px; position: relative; } .l-header .dropmenu .thumb_list li a p::after { border-right: 2px solid rgb(51, 51, 51); border-top: 2px solid rgb(51, 51, 51); content: ""; height: 8px; position: absolute; right: 5px; top: 50%; transform: rotate(45deg) translateX(calc(-50% - 2px)); transition: all 0.3s ease 0s; width: 8px; } .l-header .dropmenu .thumb_list li a:hover figure img { transform: scale(1.1); } .l-header .dropmenu .thumb_list li a:hover p::after { border-right: 2px solid rgb(134, 134, 134); border-top: 2px solid rgb(134, 134, 134); } .l-header .dropmenu .link_ttl { border-bottom: 1px solid rgb(51, 51, 51); margin-bottom: 16px; padding-bottom: 16px !important; } .l-header .dropmenu .link_ttl a { display: inline-block !important; } .l-header .dropmenu .link_ttl a span { font-size: 20px; padding-right: 40px; position: relative; } .l-header .dropmenu .link_ttl a span::after { border-right: 2px solid rgb(0, 0, 0); border-top: 2px solid rgb(0, 0, 0); content: ""; height: 8px; position: absolute; right: 5px; top: 50%; transform: rotate(45deg) translateX(calc(-50% - 2px)); transition: all 0.3s ease 0s; width: 8px; } .l-header .dropmenu .link_ttl a:hover span::after { border-right: 2px solid rgb(134, 134, 134); border-top: 2px solid rgb(134, 134, 134); } .l-header .dropmenu .c-href_nl { -webkit-box-pack: start; display: flex; justify-content: flex-start; } .l-header .dropmenu ul > li ul li a { display: block; font-size: 14px; font-weight: 700; position: relative; transition: all 0.3s ease 0s; padding-right: 20px !important; } .l-header .dropmenu ul > li ul li a::before { border-right: 2px solid rgb(0, 0, 0); border-top: 2px solid rgb(0, 0, 0); content: ""; height: 8px; position: absolute; right: 5px; top: 50%; transform: rotate(45deg) translateX(calc(-50% - 2px)); transition: all 0.3s ease 0s; width: 8px; } .l-header .dropmenu ul > li ul li a:hover::before { border-color: rgb(134, 134, 134); } .l-header .dropmenu .row_list > li { width: 33.3333%; } .l-header .dropmenu .row_list > li:nth-child(n+2) { margin-left: 32px; } .l-header .dropmenu .row_list > li ul li:nth-child(n+2) { margin-top: 20px; } .l-header .dropmenu .column_list li:nth-child(n+2) { margin-top: 32px; } .l-header .dropmenu .column_list li ul { -webkit-box-pack: start; display: flex; justify-content: flex-start; } .l-header .dropmenu .column_list li ul > li { width: 33.3333%; } .l-header .dropmenu .column_list li ul > li:nth-child(n+2) { margin-left: 16px; margin-top: 0px; } } .l-header .megamenu { position: unset !important; } .l-header .megamenu .dropmenu { background-color: rgb(245, 245, 245); display: none; transform: unset; width: 100%; } @media (min-width: 960px) { .l-header .megamenu .dropmenu { display: unset; left: 0px; } .l-header .megamenu .dropmenu .thumb_list { padding: 40px 0px 40px 60px; } } .l-header .middlemenu .dropmenu { background-color: rgb(255, 255, 255); display: none; width: 100%; } @media (max-width: 768px) { .l-header .middlemenu .dropmenu_box li a::after { border-right: 2px solid rgb(0, 0, 0); border-top: 2px solid rgb(0, 0, 0); } } @media (min-width: 960px) { .l-header .middlemenu .dropmenu { box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px 0px; display: unset; } .l-header .middlemenu .dropmenu_box { padding: 30px; } } .l-header .minimenu .dropmenu { background-color: rgb(245, 245, 245); display: none; } @media (min-width: 960px) { .l-header .minimenu .dropmenu { background-color: rgb(255, 255, 255); border-radius: 8px; display: unset; filter: drop-shadow(rgba(0, 0, 0, 0.11) -1px 0px 9px); padding: 16px 0px 16px 32px; } .l-header .minimenu .dropmenu li { padding: 0px !important; } .l-header .minimenu .dropmenu li:nth-child(n+2) { margin: 0px; } .l-header .minimenu .dropmenu li a { padding: 5px 32px 5px 0px; } } .l-footer { background-color: rgb(0, 0, 0); position: relative; } .l-footer, .l-footer a { color: rgb(255, 255, 255); } .l-footer .inner { padding: 40px 20px 80px; } .l-footer .col_box > * + * { margin-top: 20px; } .l-footer .info .logo { margin-bottom: 30px; } .l-footer .info .logo figure { width: 200px; } .l-footer .info .logo figure img { width: 100%; } .l-footer .info > :nth-child(n+2) { margin-top: 15px; } .l-footer .info p { line-height: 1.7; } .l-footer .info a { display: block; line-height: 1.7; width: fit-content; } .l-footer .sns { -webkit-box-align: start; -webkit-box-pack: start; align-items: flex-start; display: flex; justify-content: flex-start; } .l-footer .sns a, .l-footer .sns a svg { transition: all 0.3s ease 0s; } .l-footer .sns a svg { fill: rgb(255, 255, 255); } .l-footer .sns a:hover svg { fill: rgb(134, 134, 134); } .l-footer .sns a figure img { display: block; width: 100%; } .l-footer .sns a figure.facebook, .l-footer .sns a figure.instagram, .l-footer .sns a figure.x { width: 20px; } .l-footer .sns a + a { margin-left: 20px; } .l-footer .copylight_box { background-color: rgb(194, 156, 54); color: rgb(255, 255, 255); font-size: 14px; padding: 0px 80px; } .l-footer .copylight_box ul { -webkit-box-align: center; align-items: center; display: flex; } .l-footer .copylight_box ul li:nth-child(n+2) { margin-left: 20px; } .l-footer .copylight_box ul li a { color: rgb(255, 255, 255); transition: all 0.3s ease 0s; } .l-footer .copylight_box ul li a:hover { opacity: 0.7; } .l-footer .row_list > li { height: fit-content; } .l-footer .row_list > li:nth-child(n+2).copylight > * { line-height: 1.2; } .l-footer .row_list a { font-size: 16px; transition: all 0.3s ease 0s; } .l-footer .copylight { font-size: 14px; } .l-footer .nav-submenu { display: block; } .l-footer .nav-submenu__language { display: none; } .l-footer .nav-submenu__list { display: block; padding: 0px; } .l-footer .nav-submenu__list li { border: none; } .l-footer .nav-btn > * { display: block; } .l-footer .dropmenu figure { display: none; } @media (max-width: 768px) { .l-footer .footerbox__reverse--sp { -webkit-box-orient: vertical; -webkit-box-direction: reverse; border: none; display: flex; flex-flow: column-reverse wrap; padding: 0px; } .l-footer .footerbox .logo { display: block; margin: 0px auto 40px; } .l-footer .footerbox .logo figure { display: block; max-width: 100%; } .l-footer .footerbox .sns { -webkit-box-pack: center; justify-content: center; margin: 60px auto 40px; } .l-footer .footerbox .sns a + a { margin-left: 40px; } .l-footer .footerbox .info { margin-bottom: 30px; } .l-footer .footerbox .info .sns { -webkit-box-pack: start; justify-content: flex-start; } .l-footer .footerbox .col ul + ul { border-bottom: 1px solid rgb(134, 134, 134); } .l-footer .footerbox .col ul li { border-top: 1px solid rgb(134, 134, 134); } .l-footer .footerbox .col ul li a { display: block; } .l-footer .footerbox .col.col_box { margin-top: 60px; } .l-footer .footerbox ul { margin: 0px -20px; } .l-footer .footerbox ul li { font-size: 16px; padding: 20px; } .l-footer .footerbox ul li:not([class]) { padding: 0px; } .l-footer .footerbox ul li span { font-size: 16px; } .l-footer .footerbox ul li.is-footerTgl { padding-right: 40px; position: relative; } .l-footer .footerbox ul li.is-footerTgl::before { background-color: rgb(255, 255, 255); content: ""; height: 1px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%) rotate(90deg); transition: all 0.3s ease 0s; width: 14px; } .l-footer .footerbox ul li.is-footerTgl::after { background-color: rgb(255, 255, 255); content: ""; height: 1px; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); width: 14px; } .l-footer .footerbox ul li.is-footerTgl.is-open::before { transform: translateY(-50%) rotate(180deg); } .l-footer .footerbox ul li ul { background-color: rgb(255, 255, 255); margin: 0px; } .l-footer .footerbox ul li ul li a { color: rgb(0, 0, 0); display: block; padding: 20px 40px; } .l-footer .footerbox ul li ul li:first-child { border-top: none; padding: 0px; } .l-footer .footerbox ul li ul li:first-child a { display: block; padding: 20px 40px; } .l-footer .footerbox ul li a { font-size: 16px; transition: all 0.3s ease 0s; } .l-footer .footerbox .col_box > :first-child { margin: 0px auto; } .l-footer .footerbox .col_box > :nth-child(n+2) { margin: 30px auto 0px; } .l-footer .footerbox .copylight { text-align: center; } .l-footer .row_list > li { padding: 20px 0px 0px; text-align: center; } .l-footer .row_list > li:nth-child(n+2) { margin-top: 20px; } .l-footer .row_list > li:last-child { padding: 0px; } } @media (min-width: 960px) { .l-footer .inner { padding: 100px 80px; } .l-footer .footerbox__first--autoright { -webkit-box-pack: start; display: flex; justify-content: flex-start; } .l-footer .footerbox__first--autoright > :first-child { margin-right: auto; } .l-footer .footerbox__first--autoright > :nth-child(n+2) { margin-left: 40px; } .l-footer .footerbox__last--autoleft { -webkit-box-pack: start; display: flex; justify-content: flex-start; } .l-footer .footerbox__last--autoleft > :nth-child(n+2) { margin-right: 40px; } .l-footer .footerbox__last--autoleft > :last-child { margin-left: auto; margin-right: 0px; } .l-footer .footerbox__reverse--sp { border-top: 1px solid rgb(181, 181, 181); display: flex; margin-top: 100px; padding-top: 40px; } .l-footer .footerbox .col:first-child { width: 33.3333%; } .l-footer .footerbox .col:nth-child(n+2) { width: 16.6667%; } .l-footer .footerbox ul + ul { margin-top: 20px; } .l-footer .footerbox ul li, .l-footer .footerbox ul li span { font-size: 16px; } .l-footer .footerbox ul li ul li { margin-top: 20px; padding-left: 20px; position: relative; } .l-footer .footerbox ul li ul li::before { background-color: rgb(255, 255, 255); content: ""; height: 1px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 10px; } .l-footer .footerbox ul li a { font-size: 16px; transition: all 0.3s ease 0s; } .l-footer .footerbox ul li a:hover { color: rgb(134, 134, 134); } .l-footer .row_list { display: flex; } .l-footer .row_list > li:nth-child(n+2) { border-left: 1px solid rgb(134, 134, 134); margin-left: 10px; padding-left: 10px; } .l-footer .row_list > li:nth-child(n+2).copylight { border-left: none; } .l-footer .row_list a:hover { color: rgb(194, 156, 54); } } @-webkit-keyframes UpAnime { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(0px, -100px, 0px); } } @keyframes UpAnime { 0% { opacity: 1; transform: translateZ(0px); } 100% { opacity: 0; transform: translate3d(0px, -100px, 0px); } } @-webkit-keyframes DownAnime { 0% { opacity: 0; transform: translate3d(0px, -100px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @keyframes DownAnime { 0% { opacity: 0; transform: translate3d(0px, -100px, 0px); } 100% { opacity: 1; transform: translateZ(0px); } } @-webkit-keyframes ScrollDown { 0% { opacity: 0; transform: rotate(-45deg) translateZ(0px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg) translate3d(-10px, 10px, 0px); } } @keyframes ScrollDown { 0% { opacity: 0; transform: rotate(-45deg) translateZ(0px); } 50% { opacity: 1; } 100% { opacity: 0; transform: rotate(-45deg) translate3d(-10px, 10px, 0px); } } @-webkit-keyframes autoScroollDown { 0% { transform: translateY(-340%); } 100% { transform: translateY(100%); } } @keyframes autoScroollDown { 0% { transform: translateY(-340%); } 100% { transform: translateY(100%); } } .fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease 0s, all 0.5s ease-in-out 0s; } .fade-in-show { opacity: 1; transform: translateY(0px); } @-webkit-keyframes UpPagetop { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes UpPagetop { 0% { opacity: 0; transform: translateY(100px); } 100% { opacity: 1; transform: translateY(0px); } } @-webkit-keyframes DownPagetop { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 1; transform: translateY(100px); } } @keyframes DownPagetop { 0% { opacity: 1; transform: translateY(0px); } 100% { opacity: 1; transform: translateY(100px); } } @-webkit-keyframes scroll { 0% { transform: translateX(0px); } 100% { transform: translateX(-100%); } } @keyframes scroll { 0% { transform: translateX(0px); } 100% { transform: translateX(-100%); } } @-webkit-keyframes scroll2 { 0% { transform: translateX(100%); } 100% { transform: translateX(0px); } } @keyframes scroll2 { 0% { transform: translateX(100%); } 100% { transform: translateX(0px); } } @-webkit-keyframes showroomScroll { 0% { transform: translateX(0px); } 100% { transform: translateX(-100%); } } @keyframes showroomScroll { 0% { transform: translateX(0px); } 100% { transform: translateX(-100%); } } @-webkit-keyframes showroomScroll2 { 0% { transform: translateX(100%); } 100% { transform: translateX(0px); } } @keyframes showroomScroll2 { 0% { transform: translateX(100%); } 100% { transform: translateX(0px); } } @-webkit-keyframes scrollTxt { 0% { transform: translateX(0px); } 100% { transform: translateX(-100%); } } @keyframes scrollTxt { 0% { transform: translateX(0px); } 100% { transform: translateX(-100%); } } @-webkit-keyframes scrollTxt2 { 0% { transform: translateX(0px); } 100% { transform: translateX(-200%); } } @keyframes scrollTxt2 { 0% { transform: translateX(0px); } 100% { transform: translateX(-200%); } } @-webkit-keyframes verticalScroll { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } @keyframes verticalScroll { 0% { transform: translateY(100%); } 100% { transform: translateY(-100%); } } @-webkit-keyframes verticalScroll2 { 0% { transform: translateY(0px); } 100% { transform: translateY(-200%); } } @keyframes verticalScroll2 { 0% { transform: translateY(0px); } 100% { transform: translateY(-200%); } } @-webkit-keyframes newsList { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes newsList { 0% { opacity: 0; } 100% { opacity: 1; } } .is-fade { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease 0s, transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s; } .is-fade.is-fade-show { opacity: 1; transform: translateY(0px); } .is-fade__order > * { opacity: 0; transform: translateY(20px); transition: opacity 0.8s ease 0s, transform 0.8s ease 0s, -webkit-transform 0.8s ease 0s; } .is-fade__order.is-fade-show > :first-child, .is-fade__order.is-fade-show > :nth-child(2) { opacity: 1; transform: translateY(0px); } .is-fade__order.is-fade-show > :nth-child(2) { transition-delay: 0.25s; } .is-fade__order.is-fade-show > :nth-child(3) { opacity: 1; transform: translateY(0px); transition-delay: 0.5s; } .c-box, .c-box--narrow, .c-box--radius, .c-box--white { background: rgb(247, 247, 247); margin: 2rem auto; padding: 2rem; } .c-box--narrow { padding: 1.5rem; } .c-box--white { background-color: rgb(255, 255, 255); } .c-box--radius { border-radius: 8px; } .c-box[class*="c-flex"], [class*="c-flex"].c-box--narrow, [class*="c-flex"].c-box--radius, [class*="c-flex"].c-box--white { margin: 0px; } .c-box--center { display: block; margin: 0px auto; text-align: center; } @media (min-width: 960px) { .c-box, .c-box--narrow, .c-box--radius, .c-box--white { margin: 3rem auto; padding: 3.5rem 4rem; } .c-box--narrow { padding: 2.5rem; } } .c-fade-in { opacity: 0; transform: translateY(5rem); transition-duration: 1s; transition-property: opacity, transform, -webkit-transform; } .c-scroll-in { opacity: 1; transform: translate(0px); } .c-fadeUp { animation-duration: 0.5s; animation-fill-mode: forwards; animation-name: fadeUpAnime; opacity: 0; } @-webkit-keyframes fadeUpAnime { 0% { opacity: 0; transform: translateY(1rem); } 100% { opacity: 1; transform: translateY(0px); } } @keyframes fadeUpAnime { 0% { opacity: 0; transform: translateY(1rem); } 100% { opacity: 1; transform: translateY(0px); } } .js-fadeUp { opacity: 0; } .c-flex__end > :nth-child(n+2) { margin-left: 4rem; } .c-flex-block, .c-flex-block__overlay, .c-flex-block__thumb, .c-flex-wrap { flex-wrap: wrap; width: 100%; } @media (max-width: 768px) { .c-flex-block, .c-flex-block__overlay, .c-flex-block__thumb, .c-flex-wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .c-flex-block > *, .c-flex-block__overlay > *, .c-flex-block__thumb > *, .c-flex-wrap > * { width: 100%; } .c-flex-block > :nth-of-type(n+2), .c-flex-block__overlay > :nth-of-type(n+2), .c-flex-block__thumb > :nth-of-type(n+2), .c-flex-wrap > :nth-of-type(n+2) { margin-top: 2rem; } } @media (min-width: 769px) and (max-width: 959px) { .c-flex-block > .c-flex01, .c-flex-block__overlay > .c-flex01, .c-flex-block__thumb > .c-flex01, .c-flex-wrap > .c-flex01 { width: 100%; } .c-flex-block > .c-flex01:not(:nth-of-type(n)), .c-flex-block__overlay > .c-flex01:not(:nth-of-type(n)), .c-flex-block__thumb > .c-flex01:not(:nth-of-type(n)), .c-flex-wrap > .c-flex01:not(:nth-of-type(n)) { margin-right: 2rem; } .c-flex-block > .c-flex01:nth-of-type(n+2), .c-flex-block__overlay > .c-flex01:nth-of-type(n+2), .c-flex-block__thumb > .c-flex01:nth-of-type(n+2), .c-flex-wrap > .c-flex01:nth-of-type(n+2) { margin-top: 2rem; } } @media (min-width: 960px) { .c-flex-block > .c-flex01, .c-flex-block__overlay > .c-flex01, .c-flex-block__thumb > .c-flex01, .c-flex-wrap > .c-flex01 { width: 100%; } .c-flex-block > .c-flex01:not(:nth-of-type(n)), .c-flex-block__overlay > .c-flex01:not(:nth-of-type(n)), .c-flex-block__thumb > .c-flex01:not(:nth-of-type(n)), .c-flex-wrap > .c-flex01:not(:nth-of-type(n)) { margin-right: 7rem; } .c-flex-block > .c-flex01:nth-of-type(n+2), .c-flex-block__overlay > .c-flex01:nth-of-type(n+2), .c-flex-block__thumb > .c-flex01:nth-of-type(n+2), .c-flex-wrap > .c-flex01:nth-of-type(n+2) { margin-top: 5.3rem; } } @media (min-width: 769px) and (max-width: 959px) { .c-flex-block > .c-flex02, .c-flex-block__overlay > .c-flex02, .c-flex-block__thumb > .c-flex02, .c-flex-wrap > .c-flex02 { width: 100%; } .c-flex-block > .c-flex02:not(:nth-of-type(2n)), .c-flex-block__overlay > .c-flex02:not(:nth-of-type(2n)), .c-flex-block__thumb > .c-flex02:not(:nth-of-type(2n)), .c-flex-wrap > .c-flex02:not(:nth-of-type(2n)) { margin-right: 2rem; } .c-flex-block > .c-flex02:nth-of-type(n+3), .c-flex-block__overlay > .c-flex02:nth-of-type(n+3), .c-flex-block__thumb > .c-flex02:nth-of-type(n+3), .c-flex-wrap > .c-flex02:nth-of-type(n+3) { margin-top: 2rem; } } @media (min-width: 960px) { .c-flex-block > .c-flex02, .c-flex-block__overlay > .c-flex02, .c-flex-block__thumb > .c-flex02, .c-flex-wrap > .c-flex02 { width: calc(50% - 3.5rem); } .c-flex-block > .c-flex02:not(:nth-of-type(2n)), .c-flex-block__overlay > .c-flex02:not(:nth-of-type(2n)), .c-flex-block__thumb > .c-flex02:not(:nth-of-type(2n)), .c-flex-wrap > .c-flex02:not(:nth-of-type(2n)) { margin-right: 7rem; } .c-flex-block > .c-flex02:nth-of-type(n+3), .c-flex-block__overlay > .c-flex02:nth-of-type(n+3), .c-flex-block__thumb > .c-flex02:nth-of-type(n+3), .c-flex-wrap > .c-flex02:nth-of-type(n+3) { margin-top: 5.3rem; } } @media (min-width: 769px) and (max-width: 959px) { .c-flex-block > .c-flex03, .c-flex-block__overlay > .c-flex03, .c-flex-block__thumb > .c-flex03, .c-flex-wrap > .c-flex03 { width: 100%; } .c-flex-block > .c-flex03:not(:nth-of-type(3n)), .c-flex-block__overlay > .c-flex03:not(:nth-of-type(3n)), .c-flex-block__thumb > .c-flex03:not(:nth-of-type(3n)), .c-flex-wrap > .c-flex03:not(:nth-of-type(3n)) { margin-right: 2rem; } .c-flex-block > .c-flex03:nth-of-type(n+4), .c-flex-block__overlay > .c-flex03:nth-of-type(n+4), .c-flex-block__thumb > .c-flex03:nth-of-type(n+4), .c-flex-wrap > .c-flex03:nth-of-type(n+4) { margin-top: 2rem; } } @media (min-width: 960px) { .c-flex-block > .c-flex03, .c-flex-block__overlay > .c-flex03, .c-flex-block__thumb > .c-flex03, .c-flex-wrap > .c-flex03 { width: calc(33.3333% - 4.66667rem); } .c-flex-block > .c-flex03:not(:nth-of-type(3n)), .c-flex-block__overlay > .c-flex03:not(:nth-of-type(3n)), .c-flex-block__thumb > .c-flex03:not(:nth-of-type(3n)), .c-flex-wrap > .c-flex03:not(:nth-of-type(3n)) { margin-right: 7rem; } .c-flex-block > .c-flex03:nth-of-type(n+4), .c-flex-block__overlay > .c-flex03:nth-of-type(n+4), .c-flex-block__thumb > .c-flex03:nth-of-type(n+4), .c-flex-wrap > .c-flex03:nth-of-type(n+4) { margin-top: 5.3rem; } } @media (min-width: 769px) and (max-width: 959px) { .c-flex-block > .c-flex04, .c-flex-block__overlay > .c-flex04, .c-flex-block__thumb > .c-flex04, .c-flex-wrap > .c-flex04 { width: 100%; } .c-flex-block > .c-flex04:not(:nth-of-type(4n)), .c-flex-block__overlay > .c-flex04:not(:nth-of-type(4n)), .c-flex-block__thumb > .c-flex04:not(:nth-of-type(4n)), .c-flex-wrap > .c-flex04:not(:nth-of-type(4n)) { margin-right: 2rem; } .c-flex-block > .c-flex04:nth-of-type(n+5), .c-flex-block__overlay > .c-flex04:nth-of-type(n+5), .c-flex-block__thumb > .c-flex04:nth-of-type(n+5), .c-flex-wrap > .c-flex04:nth-of-type(n+5) { margin-top: 2rem; } } @media (min-width: 960px) { .c-flex-block > .c-flex04, .c-flex-block__overlay > .c-flex04, .c-flex-block__thumb > .c-flex04, .c-flex-wrap > .c-flex04 { width: calc(25% - 5.25rem); } .c-flex-block > .c-flex04:not(:nth-of-type(4n)), .c-flex-block__overlay > .c-flex04:not(:nth-of-type(4n)), .c-flex-block__thumb > .c-flex04:not(:nth-of-type(4n)), .c-flex-wrap > .c-flex04:not(:nth-of-type(4n)) { margin-right: 7rem; } .c-flex-block > .c-flex04:nth-of-type(n+5), .c-flex-block__overlay > .c-flex04:nth-of-type(n+5), .c-flex-block__thumb > .c-flex04:nth-of-type(n+5), .c-flex-wrap > .c-flex04:nth-of-type(n+5) { margin-top: 5.3rem; } } .c-flex-wrap.is-items-center, .is-items-center.c-flex-block, .is-items-center.c-flex-block__overlay, .is-items-center.c-flex-block__thumb { -webkit-box-align: center; align-items: center; } .c-flex-wrap.is-items-stretch, .is-items-stretch.c-flex-block, .is-items-stretch.c-flex-block__overlay, .is-items-stretch.c-flex-block__thumb { -webkit-box-align: stretch; align-items: stretch; } .c-flex-wrap.is-items-end, .is-items-end.c-flex-block, .is-items-end.c-flex-block__overlay, .is-items-end.c-flex-block__thumb { -webkit-box-align: end; align-items: flex-end; } .c-flex-wrap.is-content-stretch, .is-content-stretch.c-flex-block, .is-content-stretch.c-flex-block__overlay, .is-content-stretch.c-flex-block__thumb { align-content: stretch; } .c-flex-wrap.is-content-center, .is-content-center.c-flex-block, .is-content-center.c-flex-block__overlay, .is-content-center.c-flex-block__thumb { align-content: center; } .c-flex-wrap.is-content-end, .is-content-end.c-flex-block, .is-content-end.c-flex-block__overlay, .is-content-end.c-flex-block__thumb { align-content: flex-end; } .c-flex-wrap.is-content-between, .is-content-between.c-flex-block, .is-content-between.c-flex-block__overlay, .is-content-between.c-flex-block__thumb { align-content: space-between; } .c-flex-wrap.is-content-around, .is-content-around.c-flex-block, .is-content-around.c-flex-block__overlay, .is-content-around.c-flex-block__thumb { align-content: space-around; } .c-flex-wrap.is-justify-center, .is-justify-center.c-flex-block, .is-justify-center.c-flex-block__overlay, .is-justify-center.c-flex-block__thumb { -webkit-box-pack: center; justify-content: center; } .c-flex-wrap.is-justify-between, .is-justify-between.c-flex-block, .is-justify-between.c-flex-block__overlay, .is-justify-between.c-flex-block__thumb { -webkit-box-pack: justify; justify-content: space-between; } .c-flex-wrap.is-justify-around, .is-justify-around.c-flex-block, .is-justify-around.c-flex-block__overlay, .is-justify-around.c-flex-block__thumb { justify-content: space-around; } .c-flex-wrap.is-direction-column, .is-direction-column.c-flex-block, .is-direction-column.c-flex-block__overlay, .is-direction-column.c-flex-block__thumb { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .c-flex-wrap.is-direction-column-reverse, .is-direction-column-reverse.c-flex-block, .is-direction-column-reverse.c-flex-block__overlay, .is-direction-column-reverse.c-flex-block__thumb { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse; } .c-flex-wrap__title { width: 100%; } @media (max-width: 768px) { .c-flex-wrap__title { text-align: center; } } @media (min-width: 960px) { .c-flex-wrap__title { width: calc(100% - 70.1rem); } } .c-flex-wrap__detail { width: 100%; } @media (min-width: 960px) { .c-flex-wrap__detail { margin-left: 7rem; width: 63.1rem; } } .c-flex-block, .c-flex-block__overlay, .c-flex-block__thumb { -webkit-box-align: stretch; align-items: stretch; } .c-flex-block + .c-flex-block, .c-flex-block + .c-flex-block__overlay, .c-flex-block + .c-flex-block__thumb, .c-flex-block__overlay + .c-flex-block, .c-flex-block__overlay + .c-flex-block__overlay, .c-flex-block__overlay + .c-flex-block__thumb, .c-flex-block__thumb + .c-flex-block, .c-flex-block__thumb + .c-flex-block__overlay, .c-flex-block__thumb + .c-flex-block__thumb { margin-top: 20px; } @media (max-width: 959px) { .c-flex-block + .c-flex-block, .c-flex-block + .c-flex-block__overlay, .c-flex-block + .c-flex-block__thumb, .c-flex-block__overlay + .c-flex-block, .c-flex-block__overlay + .c-flex-block__overlay, .c-flex-block__overlay + .c-flex-block__thumb, .c-flex-block__thumb + .c-flex-block, .c-flex-block__thumb + .c-flex-block__overlay, .c-flex-block__thumb + .c-flex-block__thumb { margin-top: 20px; } } @media (min-width: 960px) { .c-flex-block + .c-flex-block, .c-flex-block + .c-flex-block__overlay, .c-flex-block + .c-flex-block__thumb, .c-flex-block__overlay + .c-flex-block, .c-flex-block__overlay + .c-flex-block__overlay, .c-flex-block__overlay + .c-flex-block__thumb, .c-flex-block__thumb + .c-flex-block, .c-flex-block__thumb + .c-flex-block__overlay, .c-flex-block__thumb + .c-flex-block__thumb { margin-top: 70px; } } .c-flex-block > div, .c-flex-block__overlay > div, .c-flex-block__thumb > div { text-align: center; } .c-flex-block > div[class*="c-flex"], .c-flex-block__overlay > div[class*="c-flex"], .c-flex-block__thumb > div[class*="c-flex"] { background-color: transparent; } @media (max-width: 959px) { .c-flex-block > div, .c-flex-block__overlay > div, .c-flex-block__thumb > div { padding: 3.3rem 2.5rem 2.7rem; } .c-flex-block > div p, .c-flex-block__overlay > div p, .c-flex-block__thumb > div p { text-align: left; } } @media (min-width: 960px) { .c-flex-block > div, .c-flex-block__overlay > div, .c-flex-block__thumb > div { padding: 4.5rem 4rem 4rem; } } .c-flex-block__overlay > div, .c-flex-block__thumb > div { position: relative; } .c-flex-block__thumb > figure { width: 100%; } @media (max-width: 959px) { .c-flex-block__thumb > figure { position: relative; } .c-flex-block__thumb > figure::before { content: ""; float: left; padding-top: 89.3333%; } .c-flex-block__thumb > figure::after { clear: both; content: ""; display: block; } .c-flex-block__thumb > figure > :first-child { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } } @media (min-width: 960px) { .c-flex-block__thumb > figure { position: relative; } .c-flex-block__thumb > figure::before { content: ""; float: left; padding-top: 66.9444%; } .c-flex-block__thumb > figure::after { clear: both; content: ""; display: block; } .c-flex-block__thumb > figure > :first-child { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } } .c-flex-block__thumb > figure img { height: 100%; object-fit: cover; width: 100%; } .c-title__lv1 { font-weight: 400; } .c-title__lv1 span { font-weight: 600; } .c-title__lv2 { font-weight: 400; } .c-title__lv2 span { font-weight: 600; } .c-title__lv3 { font-weight: 400; } .c-title__lv3 span { font-weight: 600; } .c-title__lv4 { font-weight: 400; } .c-title__lv4 span { font-weight: 600; } .c-subtitle { font-size: 1.4rem; line-height: 1; margin-bottom: 1.6rem; } @media (min-width: 960px) { .c-subtitle { font-size: 1.6rem; margin-bottom: 2.1rem; } } .c-subtitle__lv1 { font-size: 1.8rem; line-height: 1; margin-bottom: 2rem; } @media (min-width: 960px) { .c-subtitle__lv1 { font-size: 2.6rem; margin-bottom: 2.9rem; } } .c-notice { font-size: 14px; } @media (min-width: 960px) { .c-notice { font-size: 16px; } } .c-link { background-color: rgb(255, 255, 255); border: 1px solid rgb(181, 181, 181); border-radius: 100px; display: block; font-weight: 700; margin: 0px auto; padding: 20px; position: relative; text-align: center; width: 100%; color: rgb(51, 51, 51) !important; } .c-link::before { background-color: rgb(255, 255, 255); border: 1px solid rgb(181, 181, 181); border-radius: 32px; height: 32px; right: 20px; width: 32px; } .c-link::after, .c-link::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; } .c-link::after { background: url("../img/common/icon_arrow.svg") no-repeat; height: 8px; right: 30px; width: 11px; } .c-link.download { background-color: rgb(134, 134, 134); border: 1px solid rgb(134, 134, 134); border-radius: 100px; display: block; margin: 0px auto; padding: 20px; position: relative; text-align: center; color: rgb(255, 255, 255) !important; } .c-link.download::before { background-color: rgb(255, 255, 255); border-radius: 32px; height: 32px; right: 20px; width: 32px; } .c-link.download::after, .c-link.download::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; } .c-link.download::after { background: url("data:image/svg+xml;utf8,") no-repeat; height: 14px; right: 28px; width: 16px; } @media (min-width: 960px) { .c-link { width: 600px; } .c-link.min { min-width: 300px; width: auto; } .c-link:hover { background-color: rgb(0, 0, 0); border: 1px solid rgb(255, 255, 255); color: rgb(255, 255, 255) !important; } .c-link:hover::after, .c-link:hover::before { background-color: rgb(0, 0, 0); border: none; } .c-link:hover::after { background: url("../img/common/icon_arrow_w.svg") no-repeat; } .c-link:hover.download { border: 1px solid rgb(134, 134, 134); color: rgb(134, 134, 134) !important; } .c-link:hover.download, .c-link:hover.download::before { background-color: transparent; } .c-link:hover.download::after { background: url("data:image/svg+xml;utf8,") no-repeat; height: 14px; width: 16px; } } .c-list, .c-list--disc { line-height: 2; } .c-list li, .c-list--disc li { padding: 0px 0px 0px 2rem; } .c-list li:not(:last-child), .c-list--disc li:not(:last-child) { margin-bottom: 1rem; } .c-list--disc li { position: relative; } .c-list--disc li::before { background-color: rgb(51, 51, 51); border-radius: 50%; content: ""; height: 0.8125rem; left: 0px; position: absolute; top: 0.6rem; width: 0.8125rem; } .c-border__radius { border-radius: 10px; } .c-viewmore__min, .c-viewmore__svg { border: 1px solid rgb(0, 0, 0); border-radius: 100%; display: block; position: relative; transition: all 0.2s ease 0.1s; } .c-viewmore__min::after, .c-viewmore__svg::after { background: url("../img/common/icon_link.svg") 0% 0% / cover no-repeat; content: ""; height: 10px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease 0s; width: 20px; } .c-viewmore__min svg, .c-viewmore__svg svg { height: 100%; left: 0px; overflow: visible; position: absolute; top: 0px; transform: rotate(-90deg); width: 100%; } .c-viewmore__min circle, .c-viewmore__svg circle { fill: transparent; stroke: rgb(0, 0, 0); stroke-width: 2; stroke-dasharray: 0, 366; transition: all 0.4s ease 0s; } .c-viewmore__min.white, .c-viewmore__svg.white { border: 1px solid rgb(255, 255, 255); } .c-viewmore__min.white::after, .c-viewmore__svg.white::after { background: url("../img/common/icon_link_w.svg") 0% 0% / cover no-repeat; content: ""; height: 10px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 0.2s ease 0s; width: 20px; } .c-viewmore__min.white svg, .c-viewmore__svg.white svg { fill: rgb(255, 255, 255); } .c-viewmore__min.white circle, .c-viewmore__svg.white circle { stroke: rgb(255, 255, 255); } .c-viewmore__svg { height: 60px; width: 60px; } .c-viewmore__min { height: 40px; width: 40px; } .c-viewmore:hover .c-viewmore__min, .c-viewmore:hover .c-viewmore__svg { background: rgb(0, 0, 0); } .c-viewmore:hover .c-viewmore__min circle, .c-viewmore:hover .c-viewmore__svg circle { stroke-dasharray: 366, 366; } .c-viewmore:hover .c-viewmore__min::after, .c-viewmore:hover .c-viewmore__svg::after { animation: 0.4s ease 0.1s 1 normal forwards running hoverarrow; background-image: url("../img/common/icon_link_w.svg"); } .c-viewmore:hover .c-viewmore__min.white, .c-viewmore:hover .c-viewmore__svg.white { background: rgb(255, 255, 255); } .c-viewmore:hover .c-viewmore__min.white::after, .c-viewmore:hover .c-viewmore__svg.white::after { animation: 0.4s ease 0.1s 1 normal forwards running hoverarrow; background-image: url("../img/common/icon_link.svg"); } .c-viewmore .txt_box { -webkit-box-pack: justify; display: flex; justify-content: space-between; margin-top: 20px; } .c-viewmore .txt_box p { line-height: 1; } .c-viewmore .txt_box p em { font-size: 30px; } .c-viewmore .txt_box p span { font-size: 16px; margin-left: 10px; } .c-viewmore .txt { -webkit-box-align: center; align-items: center; display: flex; } .c-viewmore .txt span { margin-right: 10px; } @media (max-width: 768px) { .c-viewmore .txt_box p em { font-size: 24px; } .c-viewmore .txt_box p span { font-size: 12px; } .c-viewmore .txt span { display: none; } } .c-table { line-height: 1.6; margin-bottom: 30px; margin-left: auto; margin-right: auto; } @media (max-width: 768px) { .c-table { margin-bottom: 20px; } } .c-table td, .c-table th { word-break: break-all; } .c-table--normal table { width: 100%; } .c-table--normal table thead { text-align: center; } .c-table--normal table thead th { color: rgb(194, 156, 54); } .c-table--normal table tbody { text-align: left; } .c-table--normal table tbody th { background: rgb(213, 213, 213); width: 80px; } .c-table--normal table tbody th.emphasis { background-color: rgb(205, 215, 255); } .c-table--normal table tbody td.emphasis { background-color: rgb(242, 244, 255); } .c-table--normal table td, .c-table--normal table th { background: rgb(255, 255, 255); border: 1px solid rgb(181, 181, 181); font-size: 14px; padding: 10px 15px; text-align: center; vertical-align: middle; } .c-table--normal table th { font-weight: 500; } @media (max-width: 768px) { .c-table--normal table td, .c-table--normal table th { padding: 10px; } .c-table--normal table td { text-align: left; } } .c-table--wide table { width: 100%; } .c-table--wide table thead { text-align: center; } .c-table--wide table thead th { color: rgb(194, 156, 54); } .c-table--wide table tbody { text-align: left; } .c-table--wide table tbody .blank, .c-table--wide table tbody .blank td, .c-table--wide table tbody .blank th { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } .c-table--wide table tbody th { background: rgb(213, 213, 213); width: 50%; } .c-table--wide table tbody th.emphasis { background-color: rgb(205, 215, 255); } .c-table--wide table tbody td { width: 50%; } .c-table--wide table tbody td.emphasis { background-color: rgb(242, 244, 255); } .c-table--wide table td, .c-table--wide table th { background: rgb(255, 255, 255); border: 1px solid rgb(181, 181, 181); font-size: 14px; padding: 10px 15px; text-align: center; vertical-align: middle; } .c-table--wide table th { font-weight: 500; } @media (max-width: 768px) { .c-table--wide table td, .c-table--wide table th { padding: 10px; } .c-table--wide table td { text-align: left; } } .c-table.is-scroll { overflow-y: auto; } .c-table.is-swipe { overflow-x: auto; position: relative; } @media (max-width: 768px) { .c-table.is-swipe.js-remove::before { opacity: 0; visibility: hidden; } .c-table.is-swipe::before { background: url("../img/common/swipe.svg") 50% center / 45px 46px no-repeat rgba(0, 0, 0, 0.5); border-radius: 3px; content: ""; display: block; height: 65px; left: 0px; margin: auto; opacity: 1; position: absolute; right: 0px; top: 0px; transform: translateY(100%); transition: opacity 0.1s ease 0s, visibility 0.1s ease 0.5s; visibility: visible; width: 65px; } .c-table.is-swipe table { min-width: 420px !important; } } .c-font__bold { font-weight: 700; } .c-font--en { font-family: Manrope, sans-serif; } .c-button { background-color: rgb(194, 156, 54); border-radius: 5px; color: rgb(255, 255, 255); cursor: pointer; display: inline-block; font-size: 16px; font-weight: 600; line-height: 1.4; min-width: 16.6rem; padding: 1.8rem 3rem 1.7rem; position: relative; text-align: center; text-decoration: none; transition: background 0.3s ease 0s; } .c-button > span { display: inline-block; width: 100%; } .c-button:hover { opacity: 0.7; } .c-button-wrap, .c-button-wrap--left, .c-button-wrap--right { margin: 2.5rem auto 1.5rem; } @media (max-width: 768px) { .c-button-wrap .c-button + .c-button, .c-button-wrap--left .c-button + .c-button, .c-button-wrap--right .c-button + .c-button { margin-top: 2rem; } } @media (min-width: 960px) { .c-button-wrap .c-button + .c-button, .c-button-wrap--left .c-button + .c-button, .c-button-wrap--right .c-button + .c-button { margin-left: 2rem; } .c-button-wrap--left { -webkit-box-pack: start; justify-content: flex-start; } .c-button-wrap--right { -webkit-box-pack: end; justify-content: flex-end; } } .p-cta, .p-cta--box { background-color: rgb(247, 247, 247); max-height: 812px; } @media (min-width: 960px) { .p-cta, .p-cta--box { max-height: 470px; } } .p-cta__inner, .p-cta__inner--wide { margin: 0px auto; padding-left: 20px; padding-right: 20px; } @media (min-width: 769px) and (max-width: 959px) { .p-cta__inner { padding-left: 20px; padding-right: 20px; } } @media (min-width: 960px) { .p-cta__inner { max-width: 964px; padding-left: 0px; padding-right: 0px; } .p-cta__inner--wide { margin: 0px auto; max-width: 1302px; padding-left: 0px; padding-right: 0px; } } .p-cta__title { text-align: center; } .p-cta__lead { line-height: 2; } @media (min-width: 960px) { .p-cta__lead { text-align: center; } } .p-cta__button { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; background-color: rgb(194, 156, 54); color: rgb(255, 255, 255); cursor: pointer; display: flex; flex-wrap: wrap; font-size: 16px; font-weight: 600; height: 5.9rem; justify-content: center; position: relative; text-align: center; text-decoration: none; transition: background 0.3s ease 0s; width: 27rem; } .p-cta--box__wrap, .p-cta__button--wrap { margin: 2.5rem auto 1.5rem; } @media (max-width: 959px) { .p-cta--box__wrap, .p-cta__button--wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media (max-width: 768px) { .p-cta__button { -webkit-box-pack: start; justify-content: flex-start; margin: 0px auto; padding-left: 2.5rem; } } @media (min-width: 960px) { .p-cta__button { height: 7.1rem; width: 30rem; } } .p-cta__button > i { background-color: rgb(255, 255, 255); border-radius: 1.6rem; color: rgb(194, 156, 54); display: inline-block; height: 3.2rem; line-height: 3.2rem; margin-right: 1rem; position: relative; width: 3.2rem; } @media (min-width: 960px) { .p-cta__button > i { left: -0.8rem; } } .p-cta__button > span { display: inline-block; position: relative; } .p-cta__button > span::after { border-right: 2px solid rgb(255, 255, 255); border-top: 2px solid rgb(255, 255, 255); content: ""; display: inline-block; height: 0.9rem; margin-left: 5px; position: absolute; top: -2px; transform: rotate(45deg) translate(50%, 50%); transform-origin: 50% 50%; width: 0.9rem; } @media (min-width: 960px) { .p-cta__button > span { left: -0.8rem; } } .p-cta__button > em { color: rgb(255, 255, 255); display: inline-block; font-size: 2.8rem; font-weight: 900; text-align: left; } .p-cta__button > em small { display: block; font-size: 1.2rem; margin-top: 0.2rem; } @media (min-width: 960px) { .p-cta__button > em { font-size: 2.4rem; } } .p-cta__button:hover { opacity: 0.7; } @media (max-width: 959px) { .p-cta__button + .p-cta__button { margin-top: 2.5rem; } } @media (min-width: 960px) { .p-cta__button + .p-cta__button { margin-left: 5rem; } } .p-cta__phone { -webkit-box-pack: justify; -webkit-box-align: center; align-items: center; border-bottom: 1px solid rgb(181, 181, 181); border-top: 1px solid rgb(181, 181, 181); display: flex; justify-content: space-between; margin: 2.5rem auto 0px; padding: 2.4rem 2rem; text-align: center; } @media (max-width: 959px) { .p-cta__phone { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } } @media (min-width: 960px) { .p-cta__phone { max-width: 65rem; } } .p-cta__phone em { font-size: 2.8rem; font-weight: 900; } @media (min-width: 960px) { .p-cta__phone em { font-size: 2.4rem; } } .p-cta--box__wrap { -webkit-box-align: stretch; align-items: stretch; width: 100%; } .p-cta--box__wrap > div { background-color: rgb(255, 255, 255); padding: 2rem; position: relative; text-align: center; } @media (max-width: 959px) { .p-cta--box__wrap > div { width: 100%; } .p-cta--box__wrap > div:last-child { margin-top: 2.5rem; } } @media (min-width: 960px) { .p-cta--box__wrap > div { width: calc(50% - 2.5rem); } .p-cta--box__wrap > div:last-child { margin-left: 5rem; } } .p-cta--box__phone { -webkit-box-pack: justify; -webkit-box-orient: vertical; -webkit-box-direction: normal; display: flex; flex-direction: column; justify-content: space-between; } .p-cta--box__title { font-weight: 600; } @media (min-width: 960px) { .p-cta--box__title { font-size: 1.4rem; } } .p-cta--box__number { font-size: 3rem; font-weight: 900; } @media (max-width: 959px) { .p-cta--box__number { letter-spacing: 0.25rem; margin: 1.16rem auto; } } @media (min-width: 960px) { .p-cta--box__number { font-size: 3.1rem; letter-spacing: 0.5rem; } } .p-cta--box__button { margin: 1.16rem auto 0px; } @media (min-width: 960px) { .p-cta--box__button { margin: 1.06rem auto 0px; } } .p-cta__box { background-color: rgb(255, 255, 255); border-radius: 30px; box-shadow: rgba(0, 0, 0, 0.1) 0px -5px 20px; margin: 0px auto; padding: 100px 30px; position: relative; top: -200px; width: calc(100% - 40px); } @media (min-width: 960px) { .p-cta__box { max-width: 1240px; } } .p-cta__pb { padding-bottom: 300px !important; } @media (min-width: 960px) { .p-cta__pb { padding-bottom: 350px !important; } } .p-cta__contact, .p-cta__contact .contact_box { margin-top: 60px; } .p-cta__contact .contact_box .contact_list { width: 100%; } .p-cta__contact .contact_box .contact_list + .contact_list { margin-top: 40px; } .p-cta__contact .contact_box .contact_list[href^="tel:"] { cursor: pointer; pointer-events: unset; } .p-cta__contact .contact_box .contact_list .svg { border: 1px solid rgb(181, 181, 181); border-radius: 100%; height: 80px; margin: 0px auto 20px; position: relative; width: 80px; } .p-cta__contact .contact_box .contact_list .svg svg { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 24px; } .p-cta__contact .contact_box .contact_list .txt { -webkit-box-flex: 1; flex: 1 1 0%; } .p-cta__contact .contact_box .contact_list .txt p { text-align: center; } .p-cta__contact .contact_box .contact_list .txt p + p { margin-top: 10px; } .p-cta__contact .contact_box .contact_list .txt p em { font-weight: 600; } .p-cta__contact .contact_box .contact_list .txt p em.ttl { font-size: 18px; } .p-cta__contact .contact_box .contact_list .txt p em.ttl.c-font--en { font-size: 30px; } @media (min-width: 960px) { .p-cta__contact > p { text-align: center; } .p-cta__contact .contact_box { -webkit-box-pack: center; justify-content: center; } .p-cta__contact .contact_box, .p-cta__contact .contact_box .contact_list { -webkit-box-align: center; align-items: center; display: flex; } .p-cta__contact .contact_box .contact_list { -webkit-box-pack: start; border-radius: 30px; justify-content: flex-start; margin: 0px 40px; padding: 20px 40px; transition: all 0.3s ease 0s; } .p-cta__contact .contact_box .contact_list + .contact_list { margin-top: 0px; } .p-cta__contact .contact_box .contact_list:hover { background-color: rgb(247, 247, 247); } .p-cta__contact .contact_box .contact_list .svg { height: 100px; margin: 0px; width: 100px; } .p-cta__contact .contact_box .contact_list .svg svg { width: auto; } .p-cta__contact .contact_box .contact_list .txt { margin-left: 20px; } .p-cta__contact .contact_box .contact_list .txt p { text-align: left; } .p-cta__contact .contact_box .contact_list .txt p em { font-weight: 600; } .p-cta__contact .contact_box .contact_list .txt p em.ttl { font-size: 22px; } .p-cta__contact .contact_box .contact_list .txt p em.ttl.c-font--en { font-size: 30px; } } .p-sitemap .l-main .list .spTgr, .p-sitemap .l-main .list > li:not([class]) { font-weight: 600; margin-bottom: 1.5rem; } .p-sitemap .l-main .list li ul > li { font-weight: 400; padding-left: 20px; position: relative; } .p-sitemap .l-main .list li ul > li::before { background-color: rgb(181, 181, 181); content: ""; display: block; height: 1px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 12px; } .p-sitemap .l-main .list li ul.c-href_nl { margin-top: 2rem; } .p-sitemap .l-main .list li ul.c-href_nl > li { margin-bottom: 2rem; } .p-sitemap .l-main .list li ul.c-href_nl > li::before { content: none; } .p-sitemap .l-main .list li ul.c-href_nl li ul li { font-weight: 400; } .p-sitemap .l-main .list li ul.c-href_nl li ul li:not(:last-child) { margin-bottom: 2rem; } @media (max-width: 959px) { .p-sitemap .l-main .list li { margin-bottom: 1rem; padding-bottom: 1rem; } .p-sitemap .l-main .list li ul.c-href_nl > li { border-bottom: none; } .p-sitemap .l-main .list a { display: inline-block; position: relative; } .p-sitemap .l-main .list a::after { border-bottom-color: rgb(181, 181, 181); border-right-color: rgb(181, 181, 181); content: ""; display: block; height: 7px; left: 100%; position: absolute; top: 50%; transform: rotate(-45deg) translate(50%); transform-origin: 50% 50%; width: 7px; } } @media (min-width: 960px) { .p-sitemap .l-main .list { gap: 20px 65px; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(4, 1fr); } .p-sitemap .l-main .list li:first-child { grid-area: 1 / 1 / 2 / 2; } .p-sitemap .l-main .list li:nth-child(2) { grid-area: 2 / 1 / 3 / 2; } .p-sitemap .l-main .list li:nth-child(3) { grid-area: 3 / 1 / 4 / 2; } .p-sitemap .l-main .list li:nth-child(4) { grid-area: 4 / 1 / 5 / 2; } .p-sitemap .l-main .list li:nth-child(5) { grid-area: 1 / 2 / 5 / 3; } .p-sitemap .l-main .list li:nth-child(6) { grid-area: 1 / 3 / 5 / 4; } .p-sitemap .l-main .list li:nth-child(7) { grid-area: 1 / 4 / 5 / 5; } .p-sitemap .l-main .list li.has-link { margin-bottom: 1rem; } .p-sitemap .l-main .list + .nav-submenu { margin-left: 6rem; } } .p-sitemap .l-main .dropmenu figure { display: none; } .p-sitemap .l-main .dropmenu li:not(:last-child) { margin-bottom: 2rem; } .p-sitemap .l-main .dropmenu a::after, .p-sitemap .l-main .dropmenu p::after { content: none; } .p-sitemap .l-main .dropmenu .col.asymmetrical li ul > li { margin-left: -20px; } .p-sitemap .l-main .nav-submenu { display: block; } .p-sitemap .l-main .nav-submenu__language { display: none; } .p-sitemap .l-main .nav-submenu__list { display: block; padding: 0px; } .p-sitemap .l-main .nav-submenu__list li { border: none; } .p-sitemap .l-main .nav-submenu__list li:not(:last-child) { margin-bottom: 2rem; } .p-sitemap .l-main .nav-btn > * { display: block; margin-top: 2rem; } .p-mv { background-color: rgb(75, 75, 75); padding-bottom: 80px; position: relative; } .p-mv::after { background-color: rgb(255, 255, 255); bottom: 0px; content: ""; height: 80px; position: absolute; right: 0px; width: 220px; } .p-mv .splide__arrows { display: none; } .p-mv__rightarea { background-color: rgb(75, 75, 75); left: 0px; position: absolute; top: 0px; } .p-mv__rightarea::before { background-color: rgb(0, 0, 0); content: ""; height: 50%; left: 0px; position: absolute; top: 0px; width: 80px; } .p-mv__rightarea .scrolldown { background-color: rgb(75, 75, 75); bottom: 0px; height: 50%; position: absolute; width: 80px; } .p-mv__rightarea .scrolldown p { font-feature-settings: normal; border-left: 1px solid rgb(181, 181, 181); color: rgb(247, 247, 247); font-size: 11px; left: 50%; overflow: hidden; padding: 2px 0px 24px 4px; position: absolute; top: 50%; transform: translate(-50%, -50%); -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; } .p-mv__rightarea .scrolldown p::after { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbDpzcGFjZT0icHJlc2VydmUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcuNiAxMC40IiB2aWV3Qm94PSIwIDAgNy42IDEwLjQiPjxwYXRoIGQ9Im03LjYgNi42LS43LS43LTIuNiAyLjZWMGgtMXY4LjVMLjcgNS45bC0uNy43IDMuOCAzLjh6IiBzdHlsZT0iZmlsbDojODY4Njg2Ii8+PC9zdmc+") no-repeat; bottom: 0px; content: ""; height: 10px; position: absolute; right: 2px; width: 7px; } .p-mv__rightarea .scrolldown p::before { animation: 2.5s ease-in-out 0s infinite normal none running autoScroollDown; background-color: rgb(181, 181, 181); bottom: 0px; content: ""; height: 30px; left: 0px; position: absolute; width: 2px; } .p-mv__slider { background-color: rgb(75, 75, 75); height: calc(100% - 110px); margin: 0px 0px 0px auto; max-width: 100%; padding: 0px 0px 110px 80px; width: 100%; } .p-mv__slider .slider_sp { display: none; } .p-mv__slider .slider_box figure { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; display: flex; height: calc(-190px + 100vh); justify-content: center; overflow: hidden; width: 100%; } @media (max-width: 768px) { .p-mv__slider .slider_box figure picture { height: calc(-190px + 100vh); } } .p-mv__slider .slider_box figure img, .p-mv__slider .slider_box figure picture { height: 100%; object-fit: cover; width: 100%; } .p-mv__slider .slide_handle { background-color: rgb(0, 0, 0); bottom: 80px; height: 110px; position: absolute; right: 0px; width: 220px; } .p-mv__slider .slide_handle .handle_box { -webkit-box-pack: center; display: flex; justify-content: center; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); } .p-mv__slider .slide_handle .handle_box #slider-progress-container { width: 100px; } .p-mv__slider .slide_handle .handle_box .splide__arrow { background: transparent; border: none; border-radius: 50%; cursor: pointer; height: 18px; opacity: 1; padding: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 18px; } .p-mv__slider .slide_handle .handle_box .splide__arrow::before { background-color: transparent; border-bottom: 1px solid rgb(255, 255, 255); border-right: 1px solid rgb(255, 255, 255); content: ""; display: block; height: 12px; width: 12px; } .p-mv__slider .slide_handle .handle_box .splide__arrow--prev { left: 0px; } .p-mv__slider .slide_handle .handle_box .splide__arrow--prev::before { transform: rotate(135deg); } .p-mv__slider .slide_handle .handle_box .splide__arrow--next { right: 0px; } .p-mv__slider .slide_handle .handle_box .splide__arrow--next::before { transform: rotate(-45deg); } .p-mv__slider .slide_handle .handle_box .handle_count { padding: 0px 10px; text-align: center; } .p-mv__slider .slide_handle .handle_box .handle_count span { color: rgb(255, 255, 255); } .p-mv__slider .slide_handle .handle_box .handle_count span.current { font-size: 20px; } .p-mv__slider .slide_handle .handle_box .handle_count span.total { font-size: 12px; padding-left: 10px; position: relative; } .p-mv__slider .slide_handle .handle_box .handle_count span.total::before { background-color: rgb(181, 181, 181); content: ""; height: 20px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%) rotate(20deg); width: 1px; } .p-mv__slider .slide_handle .handle_box .progress-bar_box { background-color: rgb(247, 247, 247); bottom: -9px; height: 2px; position: absolute; width: 100%; } .p-mv__slider .slide_handle .handle_box .progress-bar_box #slider-progress-bar { background-color: rgb(181, 181, 181); height: 2px; transition: width 0.5s ease 0s; width: 0px; } .p-mv__slider .slide_handle .slider-progress { background-color: rgb(247, 247, 247); height: 2px; left: 50%; position: absolute; top: calc(50% + 18px); transform: translate(-50%, -50%); width: 100px; } .p-mv__slider .slide_handle .slider-progress .slider-progress-bar { background-color: rgb(181, 181, 181); height: 100%; width: 0px; } .p-mv__slider .ttl_box { bottom: 120px; left: 60px; position: absolute; } .p-mv__slider .ttl_box .ttl { color: rgb(255, 255, 255); font-size: 50px; font-weight: 700; } .p-mv__slider .ttl_box .ttl em { line-height: 1.2; } .p-mv__slider .ttl_box .ttl span { margin-top: 10px; } @media (max-width: 768px) { .p-mv { padding-bottom: 20px; } .p-mv::after { content: ""; height: 20px; width: 40px; } .p-mv__rightarea .scrolldown, .p-mv__rightarea::before { width: 50px; } .p-mv__rightarea .scrolldown p { font-size: 10px; } .p-mv__slider { height: calc(100% - 80px); padding: 0px 0px 80px 50px; } .p-mv__slider .slider_pc { display: none; } .p-mv__slider .slider_sp { display: block; } .p-mv__slider .ttl_box { bottom: 30px; left: 20px; } .p-mv__slider .ttl_box .ttl { font-size: 24px; } .p-mv__slider .slide_handle { bottom: 20px; height: 80px; width: 40px; } .p-mv__slider .slide_handle .handle_box { left: unset; right: 20px; width: 100px; } .p-mv__slider .slide_handle .handle_box, .p-mv__slider .slide_handle .slider-progress { transform: translateY(-50%); } .p-mv__slider .slide_handle .slider-progress { left: auto; right: 10px; } } .p-news { background-color: rgb(255, 255, 255); padding: 150px 20px; } .p-news .inner { margin: 0px auto; max-width: 1240px; } .p-news .inner .news_wrap { -webkit-box-pack: justify; justify-content: space-between; } .p-news .inner .news_wrap, .p-news .inner > a { display: flex; } .p-news .inner > a { -webkit-box-pack: start; -webkit-box-align: center; align-items: center; font-size: 16px; justify-content: flex-start; margin-top: 80px; max-width: 180px; } .p-news .inner > a span { display: block; margin-right: 20px; } .p-news .inner > a svg { display: block; } .p-news__ttl { margin-right: 20px; min-width: 280px; width: 280px; } .p-news__box { -webkit-box-flex: 1; flex: 1 1 0%; } .p-news__box .tab { -webkit-box-pack: end; display: flex; justify-content: flex-end; margin-bottom: 50px; } .p-news__box .tab li { color: rgb(134, 134, 134); cursor: pointer; font-weight: 700; transition: all 0.3s ease 0s; } @media (min-width: 960px) { .p-news__box .tab li:hover { color: rgb(51, 51, 51); } } .p-news__box .tab li:nth-child(n+2) { border-left: 1px solid rgb(181, 181, 181); margin-left: 20px; padding-left: 20px; } .p-news__box .tab li.is-active { color: rgb(51, 51, 51); } .p-news__box .list { display: none; margin-top: 50px; opacity: 0; } .p-news__box .list.is-current { -webkit-box-pack: end; animation-duration: 1s; animation-fill-mode: forwards; animation-name: newsList; display: flex; justify-content: flex-end; } .p-news__box .list li { width: 250px; } .p-news__box .list li:last-child { margin-right: 0px !important; } .p-news__box .list li a { transition: all 0.3s ease 0s; width: 100%; } .p-news__box .list li a figure { overflow: hidden; padding-top: 56%; position: relative; width: 100%; } .p-news__box .list li a figure img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; transition: all 0.3s ease 0s; width: 100%; } @media (min-width: 960px) { .p-news__box .list li a:hover figure img { transform: scale(1.1); } } .p-news__box .list li a p { color: rgb(134, 134, 134); font-size: 12px; line-height: 1.2; padding-top: 10px; } .p-news__box .list li a p.ttl { color: rgb(51, 51, 51); font-size: 16px; font-weight: 700; line-height: 1.5; } @media (max-width: 768px) { .p-news { padding: 150px 0px; } .p-news .inner { max-width: 100%; } .p-news .inner .news_wrap { flex-wrap: wrap; } .p-news .inner > a { margin: 60px auto 0px; } .p-news__ttl { -webkit-box-pack: justify; place-content: center space-between; display: flex; margin-right: 0px; padding: 0px 20px; width: 100%; } .p-news__ttl a { margin: 0px; } .p-news__box { -webkit-box-flex: unset; flex: unset; margin-top: 40px; padding: 0px; width: 100%; } .p-news__box .tab { -webkit-box-pack: center; justify-content: center; } .p-news__box .tab li:nth-child(n+2) { margin-left: 10px; padding-left: 10px; } .p-news__box .list.is-current { -webkit-box-pack: start; animation-duration: 1s; animation-fill-mode: forwards; animation-name: newsList; display: flex; justify-content: flex-start; } } .p-share { background-color: rgb(247, 247, 247); padding: 120px 0px; } .p-share .inner { padding: 0px 20px; } .p-share .inner h2 { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; display: flex; justify-content: center; } .p-share .inner h2 figure { width: 120px; } .p-share .inner p span { font-size: 12px; } .p-share .auto_scroll { height: 220px; overflow: hidden; padding: 60px 0px 40px; position: relative; width: 100%; } .p-share .auto_scroll .track, .p-share .auto_scroll .track2 { animation-duration: 60s; animation-iteration-count: infinite; animation-timing-function: linear; display: flex; position: absolute; top: 60px; width: 396rem; } .p-share .auto_scroll .track figure, .p-share .auto_scroll .track2 figure { background-color: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px; margin-right: 20px; padding: 15px 30px; } .p-share .auto_scroll .track figure img, .p-share .auto_scroll .track2 figure img { height: 80px; } .p-share .auto_scroll .track { animation-name: scroll; } .p-share .auto_scroll .track2 { animation-name: scroll2; } @media (max-width: 768px) { .p-share { padding: 80px 0px; } .p-share .inner { padding: 0px 10px; } .p-share .inner h2 { flex-wrap: wrap; } .p-share .inner h2 span { display: block; line-height: 1.5; margin-top: 20px; text-align: center; width: 100%; } .p-share .auto_scroll .track, .p-share .auto_scroll .track2 { width: 1600%; } } .p-solutions { background-color: rgb(75, 75, 75); padding: 150px 0px; } .p-solutions * { color: rgb(255, 255, 255); } .p-solutions .inner { -webkit-box-align: center; align-items: center; margin: 0px auto; padding: 0px 6rem; } .p-solutions .inner, .p-solutions__list { -webkit-box-pack: justify; display: flex; justify-content: space-between; } .p-solutions__list { margin-top: 50px; padding-left: 6rem; position: relative; } @media (min-width: 960px) { .p-solutions__list::after { aspect-ratio: 590 / 680; content: ""; width: 48.46%; } } .p-solutions__list .list__body { box-sizing: border-box; margin: 0px auto; max-width: 56rem; padding: 0px 60px 0px 0px; width: 51.54%; } .p-solutions__list .list__body .item { border-bottom: 1px solid rgb(181, 181, 181); counter-increment: home-service-number 1; display: block; padding: 40px 0px; } .p-solutions__list .list__body .item .item__txt { padding-right: 40px; position: relative; } @media (min-width: 960px) { .p-solutions__list .list__body .item .item__txt .icon { background-color: rgb(134, 134, 134); border-radius: 30px; height: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 20px; } .p-solutions__list .list__body .item .item__txt .icon::before { background-color: rgb(255, 255, 255); content: ""; height: 10px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease 0s; width: 1px; } .p-solutions__list .list__body .item .item__txt .icon::after { background-color: rgb(255, 255, 255); content: ""; height: 10px; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%) rotate(90deg); width: 1px; } } .p-solutions__list .list__body .item .item__txt a { display: block; position: relative; } .p-solutions__list .list__body .item .item__txt dt { font-size: 2.2rem; font-weight: 500; line-height: 1.32; } .p-solutions__list .list__body .item .item__txt dt, .p-solutions__list .list__body .item .item__txt dt::before { -webkit-box-align: center; align-items: center; display: flex; } .p-solutions__list .list__body .item .item__txt dt::before { -webkit-box-pack: center; border: 1px solid rgb(255, 255, 255); border-radius: 50%; box-sizing: border-box; color: rgb(255, 255, 255); content: counter(home-service-number, decimal-leading-zero); flex-shrink: 0; font-family: Manrope, sans-serif; font-size: 25px; font-weight: 600; height: 60px; justify-content: center; line-height: 1; transition: background 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, color; width: 60px; } .p-solutions__list .list__body .item .item__txt dt .label { margin-left: 20px; } .p-solutions__list .list__body .item .item__txt dt .label span { color: rgb(134, 134, 134); display: block; font-size: 11px; } .p-solutions__list .list__body .item .item__txt dt .label em { display: block; font-size: 22px; font-weight: 700; margin-top: 6px; } .p-solutions__list .list__body .item .item__txt dd { line-height: 1.72; transition: max-height 0.5s ease 0s, opacity 0.5s ease 0s; } @media (min-width: 960px) { .p-solutions__list .list__body .item .item__txt dd { height: 0px; max-height: 0px; opacity: 0; overflow: hidden; } } .p-solutions__list .list__body .item .item__txt dd .txt { padding-top: 20px; } .p-solutions__list .list__body .item .item__txt dd .txt .item__more { margin-top: 20px; } .p-solutions__list .list__body .item .item__txt dd .txt .item__more span { padding-right: 20px; position: relative; } .p-solutions__list .list__body .item .item__txt dd .txt .item__more span::after { background: url("../img/common/icon_arrow_w.svg") no-repeat; content: ""; height: 10px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 14px; } @media (min-width: 960px) { .p-solutions__list .list__body .item .item__img { display: block; opacity: 0; pointer-events: none; position: absolute; right: 0px; top: 0px; transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; width: 45%; } .p-solutions__list .list__body .item .item__img img { width: 100%; } .p-solutions__list .list__body .item .item__img.is-active { opacity: 1; } .p-solutions__list .list__body .item .item__txt.is-active .icon::before { transform: translate(-50%, -50%) rotate(90deg); } .p-solutions__list .list__body .item .item__txt.is-active dt::before { background-color: rgb(255, 255, 255); color: rgb(75, 75, 75); } .p-solutions__list .list__body .item .item__txt.is-active dd { height: auto; max-height: 500px; opacity: 1; } } @media (max-width: 768px) { .p-solutions { padding: 80px 0px; } .p-solutions .inner { flex-wrap: wrap; padding: 0px 20px; } .p-solutions .inner h2 { width: 100%; } .p-solutions .inner p { margin-top: 20px; } .p-solutions__list { padding: 0px 20px; } .p-solutions__list .list__body { max-width: 100%; padding: 0px; width: 100%; } .p-solutions__list .list__body .item { -webkit-box-orient: vertical; -webkit-box-direction: reverse; border: none; display: flex; flex-direction: column-reverse; padding: 20px 0px; } .p-solutions__list .list__body .item .item__txt { margin-top: 20px; padding-right: 0px; } } .p-works { background-color: rgb(0, 0, 0); height: 980px; overflow: hidden; position: relative; z-index: 10; } .p-works, .p-works * { color: rgb(255, 255, 255); } .p-works__scroll { height: 994px; position: relative; } .p-works__scroll .scroll_wrap { display: flex; position: relative; } .p-works__scroll .scroll_wrap::before { background-image: linear-gradient(rgb(0, 0, 0), transparent); top: 0px; } .p-works__scroll .scroll_wrap::after, .p-works__scroll .scroll_wrap::before { content: ""; display: block; height: 10rem; position: absolute; width: 100%; z-index: 1; } .p-works__scroll .scroll_wrap::after { background-image: linear-gradient(0deg, rgb(0, 0, 0), transparent); bottom: 0px; } .p-works__scroll .scroll_wrap .scroll_box { padding: 0px 25px; position: relative; width: 50%; } .p-works__scroll .scroll_wrap .scroll_box .slide__container { list-style: none; margin: 0px; max-width: 300px; padding: 0px; } .p-works__scroll .scroll_wrap .scroll_box .slide__container img { display: block; padding: 10px 0px; width: 100%; } .p-works__scroll .scroll_wrap .scroll_box.up .slide__container:first-child { animation: 40s linear -20s infinite normal none running verticalScroll; } .p-works__scroll .scroll_wrap .scroll_box.up .slide__container:last-child { animation: 40s linear 0s infinite normal none running verticalScroll2; } .p-works__scroll .scroll_wrap .scroll_box.down .slide__container:first-child { animation: 40s linear -20s infinite reverse none running verticalScroll; } .p-works__scroll .scroll_wrap .scroll_box.down .slide__container:last-child { animation: 40s linear 0s infinite reverse none running verticalScroll2; } .p-works__txt { position: relative; } .p-works__txt .txt__box p { font-size: 16px; margin-top: 80px; } .p-works__txt .txt__box p + p { margin-top: 40px; } .p-works__txt .txt__box p em { font-size: 22px; font-weight: 700; } .p-works__txt .txt__box a { -webkit-box-align: center; -webkit-box-pack: start; align-items: center; display: flex; font-size: 16px; justify-content: flex-start; margin-top: 40px; max-width: 200px; } .p-works__txt .txt__box a span { display: block; margin-right: 20px; } @media (min-width: 960px) { .p-works { -webkit-box-pack: center; display: flex; justify-content: center; } .p-works__scroll .scroll_wrap { height: 994px; } .p-works__txt { width: 40%; } .p-works__txt .txt__box { padding: 0px 80px; position: absolute; top: 50%; transform: translateY(-50%); } } @media (max-width: 768px) { .p-works { height: 100%; padding-top: 40px; } .p-works__scroll { height: 320px; } .p-works__scroll .scroll_wrap { height: 100%; overflow: hidden; padding: 0px 10px; } .p-works__scroll .scroll_wrap .scroll_box { height: 100%; padding: 0px 10px; } .p-works__txt { margin-top: 40px; padding: 0px 20px 60px; } .p-works__txt .txt__box p { font-size: 14px; margin-top: 40px; } .p-works__txt .txt__box p + p { margin-top: 20px; } .p-works__txt .txt__box p em { font-size: 16px; } .p-works__txt .txt__box a { -webkit-box-pack: center; justify-content: center; } } .p-parallax { height: 100vh; position: relative; } .p-parallax .parallax-container { height: 100%; overflow: hidden; position: relative; } .p-parallax .parallax-container .parallax-background { background: url("../img/top/parallax.webp") 50% center / cover no-repeat; height: 100%; width: 100%; z-index: -1; } .p-parallax .parallax-container .parallax-background.is-fixed { position: fixed; top: 0px; } .p-parallax .scroll-container { bottom: -40px; height: 110px; overflow: hidden; position: absolute; width: 100%; } .p-parallax .scroll-container .scroll-content { color: rgb(255, 255, 255); font-size: 120px; position: absolute; white-space: nowrap; } .p-showroom { background-color: rgb(0, 0, 0); margin: 0px auto; padding: 180px 20px; } .p-showroom * { color: rgb(255, 255, 255); } .p-showroom__ttl { -webkit-box-pack: justify; display: flex; justify-content: space-between; margin: 0px auto; max-width: 1240px; width: 100%; } .p-showroom .inner { margin: 80px auto 0px; max-width: 800px; } .p-showroom .inner .info { -webkit-box-pack: justify; -webkit-box-align: center; align-items: center; display: flex; justify-content: space-between; margin-top: 40px; } .p-showroom .inner .info p { font-size: 16px; line-height: 1.5; } .p-showroom .inner .info p + p { margin-left: 20px; } .p-showroom .inner .info p em { font-size: 40px; } .p-showroom .inner a.c-viewmore { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; justify-content: center; margin: 40px auto 0px; width: 300px; } .p-showroom .inner a.c-viewmore span { display: block; margin-right: 20px; } @media (max-width: 768px) { .p-showroom { padding: 100px 20px; } .p-showroom__ttl { flex-wrap: wrap; } .p-showroom__ttl h2 { margin-bottom: 20px; } .p-showroom .inner .info { flex-wrap: wrap; } .p-showroom .inner .info p + p { margin-left: 0px; margin-top: 20px; } } .p-page__common.sample { background-color: rgb(75, 75, 75); } .p-page__common .inner { padding: 40px 20px 100px; } .p-page__common .inner.min { padding: 40px; } .p-page__common .inner.w1180 { padding: 40px 20px; } .p-page__common .inner + .inner { padding: 0px 20px 40px; } @media (min-width: 960px) { .p-page__common .inner { margin: 0px auto; max-width: 1240px; padding: 60px 0px 150px; } .p-page__common .inner.min { margin: 0px auto; max-width: 800px; padding: 60px 0px 150px; width: 100%; } .p-page__common .inner.middle { margin: 0px auto; max-width: 960px; padding: 60px 0px 150px; width: 100%; } .p-page__common .inner.w1180 { margin: 0px auto; max-width: 1180px; padding: 60px 0px 150px; width: 100%; } .p-page__common .inner + .inner { margin-top: -50px; padding: 0px 0px 150px; } } .p-page__titllearea .inner { padding: 80px 20px; } .p-page__titllearea .breadcrumb { border-top: 1px solid rgb(181, 181, 181); display: none; margin: 0px auto; max-width: 1240px; padding: 20px 0px; width: 100%; } .p-page__titllearea .breadcrumb li { line-height: 1; padding-right: 20px; position: relative; } .p-page__titllearea .breadcrumb li::after { border-right: 1px solid rgb(0, 0, 0); border-top: 1px solid rgb(0, 0, 0); content: ""; height: 4px; position: absolute; right: 8px; top: 50%; transform: rotate(45deg) translateX(-50%); transition: all 0.3s ease 0s; width: 4px; } .p-page__titllearea .breadcrumb li:last-child { padding: 0px; } .p-page__titllearea .breadcrumb li:last-child::after { content: none; } .p-page__titllearea .breadcrumb li a { display: block; font-size: 11px; transition: all 0.3s ease 0s; } .p-page__titllearea .breadcrumb li a:hover { color: rgb(75, 75, 75); } @media (min-width: 960px) { .p-page__titllearea { padding: 0px 20px; } .p-page__titllearea .inner { padding: 100px 0px 80px; } .p-page__titllearea .breadcrumb { display: flex; } } @media (max-width: 768px) { .p-page__titllearea .inner { padding: 60px 20px 40px; } .p-page__titllearea .breadcrumb { display: flex; overflow-x: scroll; padding: 20px; white-space: nowrap; word-break: keep-all; } } .p-page__titllearea .tab_list { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; justify-content: center; margin: 60px auto 0px; max-width: 960px; } .p-page__titllearea .tab_list a { border: 1px solid rgb(181, 181, 181); border-radius: 20px; display: block; font-weight: 700; padding: 10px 20px; text-align: center; transition: all 0.3s ease 0s; width: 160px; } .p-page__titllearea .tab_list a.current, .p-page__titllearea .tab_list a:hover { background-color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); color: rgb(255, 255, 255); } .p-page__titllearea .tab_list a.current { pointer-events: none; } .p-page__titllearea .tab_list a:nth-child(n+2) { margin-left: 20px; } @media (max-width: 768px) { .p-page__titllearea .tab_list { -webkit-box-pack: justify; flex-wrap: wrap; justify-content: space-between; margin: 0px auto; padding: 20px 20px 0px; } .p-page__titllearea .tab_list a { width: calc(50% - 10px); } .p-page__titllearea .tab_list a:nth-child(n+2) { margin-left: 0px; } .p-page__titllearea .tab_list a:nth-child(n+3) { margin-top: 20px; } } .p-page__catalog { background-color: rgb(0, 0, 0); padding: 100px 20px; } .p-page__catalog * { color: rgb(255, 255, 255); } .p-page__catalog .info { margin: 40px 0px; } .p-page__catalog .info figure { max-width: 300px; } .p-page__catalog .info p { margin-top: 20px; } .p-page__catalog.bg-gray { background-color: rgb(247, 247, 247) !important; margin-bottom: 350px; } .p-page__catalog.bg-gray .c-font--en, .p-page__catalog.bg-gray .sub, .p-page__catalog.bg-gray p { color: rgb(51, 51, 51) !important; } @media (min-width: 960px) { .p-page__catalog .info { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; justify-content: center; margin: 60px 0px 80px; } .p-page__catalog .info figure { margin-right: 20px; max-width: 400px; } .p-page__catalog .info p { max-width: 400px; } } .p-page__faq { background-color: rgb(247, 247, 247); padding: 150px 20px; } .p-page__faq.bg-white { background-color: rgb(255, 255, 255) !important; } .p-page__faq .faq-list { margin: 80px auto 0px; max-width: 1000px; } .p-page__faq .faq-list ul li:last-child { border-bottom: 1px solid rgb(188, 188, 188); } .p-page__faq .faq-list ul li .question { border-top: 1px solid rgb(188, 188, 188); cursor: pointer; display: flex; font-size: 16px; padding: 40px 0px; position: relative; } .p-page__faq .faq-list ul li .question::after, .p-page__faq .faq-list ul li .question::before { background: rgb(0, 0, 0); border-radius: 5px; content: ""; display: block; height: 1px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 20px; } .p-page__faq .faq-list ul li .question::after { transform: translateY(-50%) rotate(90deg); transition: all 0.25s ease 0s; } .p-page__faq .faq-list ul li .question.active::after { transform: translateY(-50%) rotate(180deg); } .p-page__faq .faq-list ul li .question .faq { -webkit-box-pack: start; display: flex; justify-content: flex-start; padding-left: 40px; } .p-page__faq .faq-list ul li .question .faq span { background-color: rgb(51, 51, 51); border-radius: 100px; display: block; height: 30px; min-width: 30px; position: relative; width: 30px; z-index: 1; } .p-page__faq .faq-list ul li .question .faq span::after { color: rgb(255, 255, 255); content: "Q"; display: block; font-family: Manrope, sans-serif; left: 50%; line-height: 1; position: absolute; top: 50%; transform: translate(-50%, -50%); } .p-page__faq .faq-list ul li .question .faq p { font-weight: 700; padding-left: 20px; } .p-page__faq .faq-list ul li .answer { display: none; font-size: 16px; padding: 20px 0px 40px; position: relative; } .p-page__faq .faq-list ul li .answer .faq { -webkit-box-pack: start; display: flex; justify-content: flex-start; padding-left: 40px; } .p-page__faq .faq-list ul li .answer .faq span { background-color: rgb(134, 134, 134); border-radius: 100px; display: block; height: 30px; min-width: 30px; position: relative; width: 30px; z-index: 1; } .p-page__faq .faq-list ul li .answer .faq span::after { color: rgb(255, 255, 255); content: "A"; display: block; font-family: Manrope, sans-serif; left: 50%; line-height: 1; position: absolute; top: 50%; transform: translate(-50%, -50%); } .p-page__faq .faq-list ul li .answer .faq p { -webkit-box-flex: 1; flex: 1 1 0%; padding-left: 20px; } @media (min-width: 960px) { .p-page__faq .faq-list ul li .answer .faq a { display: inline-block; line-height: 1.2; padding-bottom: 2px; position: relative; } .p-page__faq .faq-list ul li .answer .faq a::before { background-color: rgb(51, 51, 51); bottom: 0px; content: ""; height: 1px; position: absolute; transform-origin: left center; transition: transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s, -webkit-transform 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) 0s; width: 100%; } .p-page__faq .faq-list ul li .answer .faq a:hover::before { transform: scaleX(0); transform-origin: right center; } } @media (max-width: 768px) { .p-page__faq .faq-list ul li .question { font-size: 16px; padding: 20px 20px 20px 0px; } .p-page__faq .faq-list ul li .question::after, .p-page__faq .faq-list ul li .question::before { right: 0px; width: 15px; } .p-page__faq .faq-list ul li .question .faq { padding-left: 0px; } .p-page__faq .faq-list ul li .answer { font-size: 14px; margin-left: 0px; padding: 20px 0px; } .p-page__faq .faq-list ul li .answer .faq { padding-left: 0px; } .p-page__faq .faq-list ul li .answer .faq a { text-decoration: underline; } } .p-page__list ul { -webkit-box-pack: center; display: flex; flex-wrap: wrap; justify-content: center; } .p-page__list ul li { background-color: rgb(255, 255, 255); padding: 40px 20px; width: calc(33.3% - 20px); } .p-page__list ul li:nth-child(n+2) { margin-left: 20px; } .p-page__list ul li > * + * { margin-top: 20px; } .p-page__list ul li figure { width: 100%; } .p-page__list ul li p { font-size: 16px; line-height: 1.5; } .p-page__list ul li p.ttl { font-size: 18px; font-weight: 700; } @media (max-width: 768px) { .p-page__list ul li { width: 100%; } .p-page__list ul li:nth-child(n+2) { margin-left: 0px; margin-top: 20px; } } .p-page__sitemap .inner { -webkit-box-pack: justify; display: flex; justify-content: space-between; } .p-page__sitemap .inner .col ul + ul { margin-top: 20px; } .p-page__sitemap .inner .col ul li ul li { margin-top: 20px; padding-left: 20px; position: relative; } .p-page__sitemap .inner .col ul li ul li::before { background-color: rgb(134, 134, 134); content: ""; height: 1px; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); width: 10px; } .p-page__sitemap .inner .col ul li a { font-size: 16px; transition: all 0.3s ease 0s; } @media (min-width: 960px) { .p-page__sitemap .inner .col ul li a:hover { color: rgb(134, 134, 134); } } @media (max-width: 768px) { .p-page__sitemap .inner { background-color: rgb(247, 247, 247); border-radius: 20px; flex-wrap: wrap; margin: 0px auto; padding: 40px 20px; width: calc(100% - 40px); } .p-page__sitemap .inner .col { width: 100%; } .p-page__sitemap .inner .col ul li ul li, .p-page__sitemap .inner .col ul + ul, .p-page__sitemap .inner .col + .col { margin-top: 30px; } } .p-products__works { background-color: rgb(247, 247, 247); padding: 120px 0px; } .p-products__works.bg-white { background-color: rgb(255, 255, 255) !important; } .p-products__works .inner { padding: 0px 6rem; } .p-products__works .list { -webkit-box-pack: center; display: flex; justify-content: center; margin: 60px auto 0px; max-width: 1220px; padding: 0px 20px; } .p-products__works .list li:nth-child(n+2) { margin-left: 60px; } .p-products__works .list li a { max-width: 350px; } .p-products__works .list li a figure { overflow: hidden; padding-top: 56.25%; position: relative; width: 100%; } .p-products__works .list li a figure img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; transition: all 0.3s ease 0s; width: 100%; } .p-products__works .list li a p { font-size: 16px; margin-top: 10px; } .p-products__works .list li a p.ttl { font-size: 18px; font-weight: 700; line-height: 1.2; margin-top: 20px; } .p-products__works .list li a p.dtl { border-top: 1px solid rgb(181, 181, 181); font-size: 13px; font-weight: 700; margin-top: 20px; padding-top: 10px; text-align: right; } .p-products__works .list li a p.dtl span { display: block; padding-right: 20px; position: relative; } .p-products__works .list li a p.dtl span::after { content: "→"; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } @media (min-width: 960px) { .p-products__works .list li a:hover figure img { transform: scale(1.1); } } .p-products__works .link_box { margin-top: 60px; } .p-products__works .link_box a { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; display: flex; font-weight: 700; justify-content: center; margin: 0px auto; width: 180px; } .p-products__works .link_box a span { display: block; margin-right: 20px; } @media (max-width: 768px) { .p-products__works .inner { padding: 0px 20px; } .p-products__works .list { display: block; margin-top: 40px; } .p-products__works .list li { margin-right: 20px; } .p-products__works .list li:nth-child(n+2) { margin-left: 0px; } } .p-products__works .works_list { overflow: hidden; padding: 0px 20px; } .p-products__works .works_list .splide { overflow: visible !important; } .p-products__works .works_list .splide .splide__track { overflow: unset !important; } .p-products__works .works_list .splide .splide__track .splide__list { max-width: 1180px; margin: 60px auto 0px !important; } .p-products__works .works_list .splide .splide__track .splide__list li:last-child { margin-right: 0px !important; } .p-products__works .works_list .splide .splide__track .splide__list li a figure { overflow: hidden; padding-top: 56.25%; position: relative; width: 100%; } .p-products__works .works_list .splide .splide__track .splide__list li a figure img { height: 100%; left: 0px; object-fit: cover; position: absolute; top: 0px; transition: all 0.3s ease 0s; width: 100%; } .p-products__works .works_list .splide .splide__track .splide__list li a p { font-size: 16px; margin-top: 10px; } .p-products__works .works_list .splide .splide__track .splide__list li a p.ttl { font-size: 18px; font-weight: 700; line-height: 1.2; margin-top: 20px; } .p-products__works .works_list .splide .splide__track .splide__list li a p.dtl { border-top: 1px solid rgb(181, 181, 181); font-size: 13px; font-weight: 700; margin-top: 20px; padding-top: 10px; text-align: right; } .p-products__works .works_list .splide .splide__track .splide__list li a p.dtl span { display: block; padding-right: 20px; position: relative; } .p-products__works .works_list .splide .splide__track .splide__list li a p.dtl span::after { content: "→"; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); } @media (min-width: 960px) { .p-products__works .works_list .splide .splide__track .splide__list li a:hover figure img { transform: scale(1.1); } } .p-products__futures { padding: 150px 0px; } .p-products__futures .inner { margin: 0px auto; max-width: 800px; padding: 0px 20px; } .p-products__futures .inner .futures_content { margin-top: 80px; } .p-products__futures .inner .futures_content + .futures_content { margin-top: 150px; } .p-products__futures .inner .futures_content figure { position: relative; } .p-products__futures .inner .futures_content figure figcaption { background-color: rgb(247, 247, 247); border-top-left-radius: 4px; bottom: 0px; padding: 6px; position: absolute; right: 0px; } .p-products__futures .inner .futures_content dl { margin-top: 30px; } .p-products__futures .inner .futures_content dl dt { font-size: 18px; font-weight: 700; line-height: 1.5; } .p-products__futures .inner .futures_content dl dd { font-size: 16px; line-height: 1.5; margin-top: 20px; } @media (min-width: 960px) { .p-products__futures .inner .futures_content dl { -webkit-box-pack: justify; display: flex; justify-content: space-between; margin-top: 30px; } .p-products__futures .inner .futures_content dl dt { -webkit-box-flex: 1; flex: 1 1 0%; font-size: 18px; margin-right: 20px; } .p-products__futures .inner .futures_content dl dd { font-size: 16px; margin-top: 0px; width: 60%; } } @media (max-width: 768px) { .p-products__futures { padding: 80px 0px; } .p-products__futures .inner .futures_content, .p-products__futures .inner .futures_content + .futures_content { margin-top: 40px; } } .p-products__flow { padding: 150px 0px; } .p-products__flow figure { margin: 80px auto 40px; max-width: 1220px; padding: 0px 20px; } .p-products__flow p { font-size: 14px; padding: 0px 20px; text-align: center; } @media (max-width: 768px) { .p-products__flow { padding: 80px 0px; } .p-products__flow figure { margin: 40px auto; } .p-products__flow p { text-align: left; } } .p-products__under { padding: 150px 20px; } .p-products__under .ttl_box { -webkit-box-pack: justify; display: flex; justify-content: space-between; margin-bottom: 40px; } .p-products__under .ttl_box p { line-height: 1.5; width: 80%; } .p-products__under .inner { background-color: rgb(247, 247, 247); margin: 0px auto; max-width: 1240px; padding: 60px 45px; } .p-products__under .inner ul { -webkit-box-pack: justify; display: flex; flex-wrap: wrap; justify-content: space-between; margin: -10px; } .p-products__under .inner ul li { -webkit-box-flex: 0; flex: 0 0 calc(24% - 10px); margin: 10px; } .p-products__under .inner ul li a { display: block; } .p-products__under .inner ul li a figure { display: block; margin-bottom: 20px; overflow: hidden; } .p-products__under .inner ul li a figure img { display: block; transition: all 0.3s ease 0s; width: 100%; } .p-products__under .inner ul li a p { line-height: 1; } .p-products__under .inner ul li a p.ttl { font-weight: 700; line-height: 1.5; padding-right: 20px; position: relative; } .p-products__under .inner ul li a p.ttl::after { background: url("../img/common/icon_link.svg") 0% 0% / cover no-repeat; content: ""; height: 8px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 16px; } .p-products__under .inner ul li a p span { color: rgb(134, 134, 134); font-size: 10px; } @media (min-width: 960px) { .p-products__under .inner ul li a:hover figure img { transform: scale(1.1); } } @media (max-width: 768px) { .p-products__under { padding: 80px 20px; } .p-products__under .ttl_box { flex-wrap: wrap; } .p-products__under .ttl_box p { margin-top: 20px; width: 100%; } .p-products__under .inner { padding: 20px; } .p-products__under .inner ul li { -webkit-box-flex: 0; flex: 0 0 calc(50% - 20px); } .p-products__under .inner ul li a p.ttl { font-size: 14px; } } .p-products__under__sale { padding: 40px 20px 150px; } @media (max-width: 768px) { .p-products__under__sale { padding: 0px 20px 80px; } } .p-products__lineup { background-color: rgb(0, 0, 0); padding: 7rem 20px 1.875rem; } .p-products__lineup h2 em, .p-products__lineup h2 span { color: rgb(255, 255, 255); } .p-products__lineup .inner { margin: 0px auto; max-width: 1240px; padding: 60px 45px; } .p-products__lineup .inner ul { -webkit-box-pack: justify; display: flex; flex-wrap: wrap; justify-content: space-between; margin: -10px; } .p-products__lineup .inner ul li { -webkit-box-flex: 0; color: rgb(255, 255, 255); flex: 0 0 calc(24% - 10px); margin: 10px 10px 20px; } .p-products__lineup .inner ul li a { color: rgb(255, 255, 255); display: block; } .p-products__lineup .inner ul li a figure { display: block; margin-bottom: 20px; overflow: hidden; } .p-products__lineup .inner ul li a figure img { display: block; transition: all 0.3s ease 0s; width: 100%; } .p-products__lineup .inner ul li a p { line-height: 1; } .p-products__lineup .inner ul li a p.ttl { font-weight: 700; line-height: 1.5; padding-right: 20px; position: relative; } .p-products__lineup .inner ul li a p.ttl::after { background: url("../img/common/icon_link_w.svg") 0% 0% / cover no-repeat; content: ""; height: 8px; position: absolute; right: 0px; top: 0.4rem; width: 16px; } .p-products__lineup .inner ul li a p span { color: rgb(255, 255, 255); font-size: 10px; font-weight: 600; } @media (min-width: 960px) { .p-products__lineup .inner ul li a:hover figure img { transform: scale(1.1); } } @media (max-width: 768px) { .p-products__lineup { padding: 80px 20px; } .p-products__lineup .inner { padding: 20px; } .p-products__lineup .inner ul li { -webkit-box-flex: 0; flex: 0 0 calc(50% - 20px); } .p-products__lineup .inner ul li a p.ttl { font-size: 14px; } } .p-products__lineup__sale { padding: 40px 20px 150px; } @media (max-width: 768px) { .p-products__lineup__sale { padding: 0px 20px 80px; } } .p-products__feature { -webkit-box-pack: center; counter-reset: item 0; display: flex; justify-content: center; margin: 5.3125rem auto 3.625rem; } @media (max-width: 768px) { .p-products__feature { margin: 3.75rem auto 1.56rem; } } .p-products__feature li { background-color: rgb(247, 247, 247); font-size: 1.125rem; font-weight: 600; max-width: 30%; padding: 1.75rem 0px; position: relative; text-align: center; width: 33%; } .p-products__feature li::before { color: rgb(195, 217, 235); content: "0" counter(item); counter-increment: item 1; font-size: 1.5rem; font-weight: 600; left: 50%; position: absolute; top: -0.7rem; transform: translate(-50%); } .p-products__feature li:not(:last-child) { margin-right: 1rem; } @media (min-width: 960px) { .p-products__feature li { font-size: 1.5rem; max-width: 12.5rem; padding: 3.125rem 3rem; width: 12.5rem; } .p-products__feature li::before { font-size: 2.875rem; top: -1.4rem; } } @media (max-width: 959px) { .p-products__table h2 { margin-bottom: 1rem; text-align: center; } .p-products__table h2 span { position: relative; } .p-products__table h2 span::after { background-color: rgb(195, 217, 235); bottom: -1rem; content: ""; display: inline-block; height: 2px; left: 50%; position: absolute; transform: translateX(-50%); width: 100%; } .p-products__table h3 { background-color: rgb(225, 237, 247); border: 1px solid rgb(225, 237, 247); font-weight: 400; } .p-products__table h3.question::before { background: rgb(255, 255, 255); border-radius: 50%; inset: 50% 10px 0px auto; box-sizing: border-box; content: ""; height: 20px; position: absolute; transform: translateY(-50%); transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; width: 20px; } .p-products__table h3.question.active { background-color: rgb(225, 237, 247); } .p-products__table .question { padding: 1rem 2rem 1rem 1rem; position: relative; } .p-products__table .question::after { border-right: 2px solid rgb(0, 0, 0); border-top: 2px solid rgb(0, 0, 0); inset: calc(50% - 4px) 17px 0px auto; content: ""; height: 6px; position: absolute; transform: rotate(135deg); transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; width: 6px; } .p-products__table .question.active { background-color: rgb(211, 211, 211); } .p-products__table .question.active::after { top: calc(50% - 2px); transform: rotate(315deg); transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .p-products__table .question.bg-color { background-color: rgb(247, 247, 247); } .p-products__table .c-figure { padding: 1rem; } .p-products__table .c-figure img { margin: auto; max-height: 160px; } .p-products__table .dp-none { display: none; } .p-products__table--item { -webkit-box-orient: vertical; -webkit-box-direction: normal; border: 1px solid rgb(221, 221, 221); display: flex; flex-direction: column; } .p-products__table--item dd, .p-products__table--item dt { line-height: 1.5; padding: 1rem; position: relative; } .p-products__table--item dt { background-color: rgb(247, 247, 247); } .p-products__table--item dd { display: none; } .p-products__table--item dd span { display: block; position: relative; } .p-products__table--item dd.bullet span { display: inline-block; } .p-products__table--item dd.bullet span:not(:last-child)::after { content: "・"; } .p-products__table--item + .p-products__table--item { border-top: none; } .p-products__table--item.row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; } .p-products__table--item.row dd, .p-products__table--item.row dt { display: block; } .p-products__table--item.row dt { width: 60%; } .p-products__table--item.row dd { text-align: center; } } @media (min-width: 960px) { .p-products__table { -webkit-box-align: stretch; align-items: stretch; border-bottom: 1px solid rgb(221, 221, 221); border-right: 1px solid rgb(221, 221, 221); display: flex; margin: 0px auto; width: 100%; } .p-products__table dd, .p-products__table dt { gap: 0px; -webkit-box-align: center; align-items: center; display: grid; grid-template-columns: repeat(1, 1fr); grid-template-rows: 1fr; line-height: 1.5; white-space: nowrap; } .p-products__table dt { background-color: rgb(247, 247, 247); padding: 0px; text-align: center; width: 20%; } .p-products__table dd { width: 100%; } .p-products__table dd.is-head { background-color: rgb(195, 217, 235); } .p-products__table dd.bg-color { background-color: rgb(225, 237, 247); } .p-products__table dd.col02fr { grid-template-columns: repeat(2, 1fr); } .p-products__table dd.col03fr { grid-template-columns: repeat(3, 1fr); } .p-products__table dd.col04fr { grid-template-columns: repeat(4, 1fr); } .p-products__table dd.col05fr { grid-template-columns: repeat(5, 1fr); } .p-products__table dd.col06fr { grid-template-columns: repeat(6, 1fr); } .p-products__table dd.col07fr { grid-template-columns: repeat(7, 1fr); } .p-products__table dd.col08fr { grid-template-columns: repeat(8, 1fr); } .p-products__table dd.col09fr { grid-template-columns: repeat(9, 1fr); } .p-products__table dd.col10fr { grid-template-columns: repeat(10, 1fr); } .p-products__table dd > * { -webkit-box-align: center; -webkit-box-pack: center; align-items: center; display: flex; justify-content: center; min-height: 100%; padding: 1rem 0.5rem; text-align: center; } .p-products__table dd > :not(:last-child) { border-right: 1px solid rgb(221, 221, 221); } .p-products__table dd > .row02 { padding: 1.25rem 0.5rem; } .p-products__table dd > .grid01 { grid-area: 1 / 1 / 2 / 2; } .p-products__table dd > .grid02 { grid-area: 1 / 2 / 2 / 3; } .p-products__table dd > .grid03 { grid-area: 1 / 3 / 2 / 4; } .p-products__table dd > .grid04 { grid-area: 1 / 4 / 2 / 5; } .p-products__table dd > .grid05 { grid-area: 1 / 5 / 2 / 6; } .p-products__table dd > .grid06 { grid-area: 1 / 6 / 2 / 7; } .p-products__table dd > .grid07 { grid-area: 1 / 7 / 2 / 8; } .p-products__table dd > .grid08 { grid-area: 1 / 8 / 2 / 9; } .p-products__table dd > .grid09 { grid-area: 1 / 9 / 2 / 10; } .p-products__table dd > .grid10 { grid-area: 1 / 10 / 2 / 11; } .p-products__table dd > .grid2a { grid-area: 1 / 1 / 2 / 3; } .p-products__table dd > .grid2b { grid-area: 1 / 3 / 2 / 8; } .p-products__table dd > .grid1a { grid-area: 1 / 1 / 2 / 2; } .p-products__table dd > .grid1b { grid-area: 1 / 2 / 2 / 8; } .p-products__table dd > .grid3a { grid-area: 1 / 3 / 2 / 5; } .p-products__table dd > .grid3b { grid-area: 1 / 6 / 2 / 8; } .p-products__table dd > .grid4a { grid-area: 1 / 1 / 2 / 4; } .p-products__table dd > .grid4b { grid-area: 1 / 4 / 2 / 6; } .p-products__table dd > .grid4c { grid-area: 1 / 6 / 2 / 8; } .p-products__table dd > .grid4d { grid-area: 1 / 8 / 2 / 9; } .p-products__table dd > .grid5b { grid-area: 1 / 2 / 2 / 4; } .p-products__table dd > .small { font-size: small; } .p-products__table dd > figure { width: 100%; } .p-products__table dd > figure img { margin: auto; max-height: 122px; } .p-products__table + p { margin-top: 1rem; } } @media screen and (min-width: 960px) and (max-width: 1200px) { .p-products__table dd, .p-products__table dt { font-size: 14px; } } .p-company__common { padding: 150px 20px; } .p-company__common .data__list > dl { border-top: 1px solid rgb(181, 181, 181); } .p-company__common .data__list > dl:last-child { border-bottom: 1px solid rgb(181, 181, 181); } .p-company__common .data__list > dl.bgc { background-color: rgb(247, 247, 247); } .p-company__common .data__list dl dt { overflow-wrap: break-word; } .p-company__common .data__list dl dd { line-height: 1.5; overflow-wrap: break-word; } .p-company__common .data__list dl dd > dl { display: flex; width: 100%; } .p-company__common .data__list dl dd > dl:nth-child(n+2) { margin-top: 20px; } .p-company__common .data__list dl dd > dl dt { width: 150px; } .p-company__common .data__list dl dd > dl dd { -webkit-box-flex: 1; flex: 1 1 0%; } @media (min-width: 960px) { .p-company__common .data__list { margin: 100px auto 0px; max-width: 800px; } .p-company__common .data__list > dl { padding: 40px; } .p-company__common .data__list > dl > dt { -webkit-box-flex: 1; flex: 1 1 0%; } .p-company__common .data__list dl { display: flex; } .p-company__common .data__list dl dt { margin-right: 10px; } .p-company__common .data__list dl dt + dt { width: calc(15% - 10px); } .p-company__common .data__list dl dd { width: 60%; } } @media (max-width: 768px) { .p-company__common { padding: 80px 20px; } .p-company__common .data__list { margin: 80px auto 0px; } .p-company__common .data__list > dl { padding: 40px 20px; } .p-company__common .data__list > dl > dt { font-weight: 700; } .p-company__common .data__list dl dt + dt, .p-company__common .data__list > dl > dd { margin-top: 20px; } .p-company__common .data__list dl dd > dl { padding: 0px; } } .p-company__philosophy .inner { padding: 150px 20px; } .p-company__philosophy .inner > p { line-height: 2; margin-top: 40px; } .p-company__philosophy .inner dl { display: flex; margin: 0px auto; max-width: 800px; padding: 80px 0px; } .p-company__philosophy .inner dl + dl { border-top: 1px solid rgb(181, 181, 181); } .p-company__philosophy .inner dl dt { font-size: 13px; font-weight: 700; margin-right: 20px; width: calc(30% - 20px); } .p-company__philosophy .inner dl dd { -webkit-box-flex: 1; flex: 1 1 0%; font-weight: 700; line-height: 1.5; } .p-company__philosophy .inner dl dd ol { counter-reset: list-counter 0; } .p-company__philosophy .inner dl dd li::before { color: rgb(134, 134, 134); content: "0" counter(list-counter); counter-increment: list-counter 1; font-family: Manrope, sans-serif; font-size: 13px; margin-right: 25px; } .p-company__philosophy .inner dl dd li:nth-child(n+2) { margin-top: 40px; } .p-company__philosophy .inner dl dd li:nth-child(n+10)::before { content: counter(list-counter); } .p-company__philosophy figure { width: 100%; } @media (max-width: 768px) { .p-company__philosophy .inner { padding: 80px 20px; } .p-company__philosophy .inner dl { flex-wrap: wrap; padding: 40px 0px; } .p-company__philosophy .inner dl dt { margin-bottom: 20px; margin-right: 0px; width: 100%; } .p-company__philosophy .inner dl dd { width: 100%; } } .p-company__officer { background-color: rgb(0, 0, 0); margin-top: 100px; padding: 150px 0px; } .p-company__officer * { color: rgb(255, 255, 255); } .p-company__officer .list_box { margin: 80px auto 0px; max-width: 1220px; padding: 0px 20px; } .p-company__officer .works_list { margin-top: 60px; } .p-company__officer .works_list ul li a { cursor: pointer; transition: all 0.3s ease 0s; } @media (min-width: 960px) { .p-company__officer .works_list ul li a:hover { opacity: 0.7; } } .p-company__officer .works_list ul li p { font-size: 12px; line-height: 1.5; margin-top: 10px; } .p-company__officer .works_list ul li p + p { margin-top: 6px; } .p-company__officer .works_list ul li p.ttl { margin-top: 10px; } .p-company__officer .works_list ul li p.ttl span { color: rgb(255, 255, 255); font-size: 24px; font-weight: 700; padding-right: 20px; position: relative; } .p-company__officer .works_list ul li p.ttl span.arrow::after { background: url("../img/common/icon_search__detail.svg") 0% 0% / contain no-repeat; content: ""; display: block; height: 14px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%); width: 14px; } .p-company__officer .works_list ul li p span { color: rgb(134, 134, 134); font-size: 10px; } .p-company__officer .works_list ul.splide__pagination { bottom: -30px; } @media (min-width: 960px) { .p-company__officer .works_list { margin-top: 80px; overflow: hidden; } .p-company__officer .works_list .wrap { margin: 0px auto; width: 1180px; } .p-company__officer .works_list .wrap ul { flex-wrap: wrap; } .p-company__officer .works_list .wrap ul li:nth-child(n+4) { margin-top: 80px; } .p-company__officer .works_list .wrap ul li:nth-child(3n) { margin-right: 0px !important; } } .p-company__officer .md-overlay { background: rgb(0, 0, 0); display: none; height: 100%; left: 0px; opacity: 0.7; position: fixed; top: 0px; width: 100%; z-index: 9999; } .p-company__officer .md-contents { display: none; height: auto; left: 50%; max-width: 800px; overflow: hidden; position: fixed; top: 50%; transform: translate(-50%, -50%); width: 100%; z-index: 10000; } .p-company__officer .md-contents * { color: rgb(0, 0, 0); } .p-company__officer .md-contents .md-inner { background: rgb(255, 255, 255); display: flex; height: auto; padding: 60px 60px 120px; } .p-company__officer .md-contents .md-inner figure img { height: 200px; object-fit: cover; width: 200px; } .p-company__officer .md-contents .md-inner .txt_box { -webkit-box-flex: 1; flex: 1 1 0%; margin-left: 40px; } .p-company__officer .md-contents .md-inner .txt_box p { font-size: 14px; line-height: 1.5; } .p-company__officer .md-contents .md-inner .txt_box p + p { margin-top: 10px; } .p-company__officer .md-contents .md-inner .txt_box p.ttl { font-size: 24px; font-weight: 700; } .p-company__officer .md-contents .md-xmark { background-color: rgb(247, 247, 247); bottom: 0px; cursor: pointer; display: block; padding: 20px 0px; position: absolute; text-align: center; width: 100%; z-index: 9999; } .p-company__officer .md-contents .md-xmark span { padding-left: 40px; position: relative; } .p-company__officer .md-contents .md-xmark span::after, .p-company__officer .md-contents .md-xmark span::before { background-color: rgb(181, 181, 181); content: ""; display: block; height: 1px; left: 0px; position: absolute; top: 50%; width: 20px; } .p-company__officer .md-contents .md-xmark span::before { transform: rotate(45deg) translateY(-50%); } .p-company__officer .md-contents .md-xmark span::after { transform: rotate(135deg) translateY(-50%); } @media (max-width: 768px) { .p-company__officer .md-contents .md-inner { flex-wrap: wrap; margin: 0px auto; padding: 20px 20px 80px; width: calc(100% - 40px); } .p-company__officer .md-contents .md-inner figure { margin: 0px auto; width: 240px; } .p-company__officer .md-contents .md-inner figure img { height: auto; object-fit: unset; width: 100%; } .p-company__officer .md-contents .md-inner .txt_box { -webkit-box-flex: unset; flex: unset; margin-left: 0px; margin-top: 20px; width: 100%; } .p-company__officer .md-contents .md-inner .txt_box .scroll { max-height: 150px; overflow-y: scroll; } .p-company__officer .md-contents .md-xmark { left: 50%; transform: translateX(-50%); width: calc(100% - 40px); } .p-company__officer .md-contents .md-xmark p { font-size: 14px; } .p-company__officer .md-contents .md-xmark p.ttl { font-size: 18px; font-weight: 700; } } .p-company__advisor { padding: 150px 20px; } .p-company__advisor .list { margin: 80px auto 0px; max-width: 350px; } .p-company__advisor .list p { line-height: 1; margin-top: 10px; } .p-company__advisor .list p + p { margin-top: 6px; } .p-company__advisor .list p.ttl { font-size: 24px; font-weight: 700; margin-top: 10px; } .p-company__advisor .list p span { color: rgb(134, 134, 134); font-size: 10px; } .p-service__common { padding: 150px 0px; } @media (max-width: 768px) { .p-service__common { padding: 80px 0px; } } .p-service__common .inner { margin: 0px auto; max-width: 1240px; padding: 150px 20px 0px; } .p-service__common .inner_min { margin: 0px auto; max-width: 840px; padding: 80px 20px 0px; } .p-service__common .inner_min .min-image { margin: 0px auto; max-width: 450px; width: 100%; } .p-service__common .inner_min .min-image img { width: 100%; } .p-service__common .inner_middle { margin: 0px auto; max-width: 960px; padding: 80px 20px 0px; } @media (max-width: 768px) { .p-service__common .inner { padding: 80px 20px 0px; } } .p-service__common dl { display: flex; margin-top: 40px; } .p-service__common dl + dl { border-top: 1px solid rgb(181, 181, 181); padding-top: 40px; } .p-service__common dl dt { font-weight: 700; line-height: 1.5; width: 240px; } .p-service__common dl dd { -webkit-box-flex: 1; flex: 1 1 0%; line-height: 1.5; margin-left: 20px; } .p-service__common dl dd > * + * { margin-top: 20px; } .p-service__common dl dd a { display: inline-block; position: relative; text-decoration: none; } .p-service__common dl dd a::after { background: rgb(0, 0, 0); bottom: -3px; content: ""; height: 1px; left: 0px; position: absolute; transform: scale(1); transform-origin: left top; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; width: 100%; } .p-service__common dl dd a:hover::after { transform: scaleX(0); transform-origin: right top; } @media (max-width: 768px) { .p-service__common dl { flex-wrap: wrap; } .p-service__common dl dt { width: 100%; } .p-service__common dl dd { -webkit-box-flex: unset; flex: unset; margin-left: 0px; margin-top: 20px; } } .p-service__common .border_list .wrap { padding-top: 80px; } .p-service__common .border_list .wrap > * + * { border-top: 1px solid rgb(181, 181, 181); margin-top: 60px; padding-top: 60px; } .p-service__common .map-container { overflow: hidden; padding-top: 56.25%; position: relative; width: 100%; } .p-service__common .map-container iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .p-service__common .common_flex { -webkit-box-align: center; align-items: center; display: flex; } .p-service__common .common_flex + .common_flex { margin-top: 80px; } .p-service__common .common_flex .txt { -webkit-box-flex: 1; flex: 1 1 0%; } .p-service__common .common_flex .txt p + p { margin-top: 20px; } .p-service__common .common_flex .txt p em { font-weight: 700; } .p-service__common .common_flex .txt p span { display: block; font-size: 12px; } .p-service__common .common_flex .txt + .image { margin-left: 20px; } .p-service__common .common_flex .image { width: 50%; } .p-service__common .common_flex .image img { width: 100%; } .p-service__common .common_flex .image + .txt { margin-left: 40px; } .p-service__common .common_flex.between { -webkit-box-pack: justify; justify-content: space-between; } .p-service__common .common_flex.between > * + * { margin-left: 20px; } @media (max-width: 768px) { .p-service__common .common_flex.between > * + * { margin-left: auto; margin-top: 20px; } } .p-service__common .common_flex.reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse; } .p-service__common .common_flex.reverse.asymmetrical .image { margin: 0px; } .p-service__common .common_flex.reverse.asymmetrical .image + .txt { margin-left: unset; margin-right: 40px; } .p-service__common .common_flex.reverse.asymmetrical .txt { margin: 0px; } .p-service__common .common_flex.reverse.asymmetrical .txt + .image { margin-left: unset; margin-right: 40px; } @media (max-width: 768px) { .p-service__common .common_flex.reverse.asymmetrical .image { margin: 0px; } .p-service__common .common_flex.reverse.asymmetrical .image + .txt { margin-left: unset; margin-right: unset; margin-top: 20px; } .p-service__common .common_flex.reverse.asymmetrical .txt { margin: 0px; } .p-service__common .common_flex.reverse.asymmetrical .txt + .image { margin-left: unset; margin-right: unset; margin-top: 20px; } } .p-service__common .common_flex.asymmetrical .image { margin: 0px; width: 55%; } .p-service__common .common_flex.asymmetrical .image + .txt { margin-left: 40px; } .p-service__common .common_flex.asymmetrical .txt { -webkit-box-flex: 1; flex: 1 1 0%; margin: 0px; } .p-service__common .common_flex.asymmetrical .txt + .image { margin-left: 40px; } .p-service__common .common_flex.asymmetrical .txt > * + * { margin-top: 20px; } .p-service__common .common_flex.asymmetrical .txt p em { font-size: 18px; } @media (max-width: 768px) { .p-service__common .common_flex.asymmetrical .image { width: 100%; } .p-service__common .common_flex.asymmetrical .image + .txt { margin-left: auto; } .p-service__common .common_flex.asymmetrical .txt p { font-size: 14px; } .p-service__common .common_flex.asymmetrical .txt p em { font-size: 16px; } } .p-service__common .common_flex.itemlist { -webkit-box-align: unset; -webkit-box-pack: justify; align-items: unset; justify-content: space-between; } .p-service__common .common_flex.itemlist .list + .list { margin-left: 20px; } .p-service__common .common_flex.itemlist .list figure img { width: 100%; } .p-service__common .common_flex.itemlist .list p { text-align: center; } .p-service__common .common_flex.itemlist .list p em { display: inline-block; font-weight: 700; padding-right: 20px; position: relative; } .p-service__common .common_flex.itemlist .list p em::after { background: url("../img/common/icon_arrow.svg") 0% 0% / cover no-repeat; content: ""; height: 8px; position: absolute; right: 0px; top: 50%; transform: translateY(-50%) rotate(90deg); width: 11px; } .p-service__common .common_flex.itemlist .list p span { font-size: 12px; } .p-service__common .common_flex.itemdetail { -webkit-box-align: end; -webkit-box-pack: justify; align-items: flex-end; flex-wrap: wrap; justify-content: space-between; margin: 80px 0px; } .p-service__common .common_flex.itemdetail li { width: calc(50% - 40px); } .p-service__common .common_flex.itemdetail li:nth-child(n+3) { margin-top: 60px; } .p-service__common .common_flex.itemdetail li > * + * { margin-top: 20px; } .p-service__common .common_flex.itemdetail li figure img { width: 100%; } .p-service__common .common_flex.itemdetail li .txt { -webkit-box-pack: start; -webkit-box-align: end; align-items: flex-end; display: flex; justify-content: flex-start; } .p-service__common .common_flex.itemdetail li .txt p + p { margin-left: 10px; margin-top: 0px; } .p-service__common .common_flex.itemdetail li .txt p em { display: block; font-size: 20px; } .p-service__common .common_flex.itemdetail li .txt p span { display: block; } .p-service__common .common_flex.works { -webkit-box-align: unset; align-items: unset; } .p-service__common .common_flex.works .image { width: 65%; } .p-service__common .common_flex.works .image + .txt { margin-left: 60px; } .p-service__common .common_flex.works .txt table tr { background-color: rgb(247, 247, 247); display: block; padding: 20px 15px; } .p-service__common .common_flex.works .txt table tr:nth-child(2n+1) { background-color: rgb(204, 204, 204); } .p-service__common .common_flex.works .txt table tr:first-child { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); } @media (max-width: 768px) { .p-service__common .common_flex { flex-wrap: wrap; } .p-service__common .common_flex .txt { margin-top: 0px; } .p-service__common .common_flex .txt + .image { margin: 20px 0px 0px; } .p-service__common .common_flex .image { margin-top: 0px; width: 100%; } .p-service__common .common_flex .image + .txt { margin: 20px 0px 0px; } .p-service__common .common_flex.itemlist { display: none; } .p-service__common .common_flex.itemdetail { margin: 0px 0px 80px; } .p-service__common .common_flex.itemdetail:last-child { margin: 60px 0px 0px; } .p-service__common .common_flex.itemdetail li { width: 100%; } .p-service__common .common_flex.itemdetail li:nth-child(n+2), .p-service__common .common_flex.itemdetail li:nth-child(n+3) { margin-top: 40px; } .p-service__common .common_flex.works .image { width: 100%; } .p-service__common .common_flex.works .image + .txt { margin: 20px 0px 0px; } } .p-service__common .main-slider { margin-bottom: 80px; } .p-service__common .main-slider .iframe_box .iframe { height: 0px; overflow: hidden; padding-top: 56.25%; position: relative; } .p-service__common .main-slider .iframe_box .iframe iframe { height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; } .p-service__common .thumbnail_slide .splide { margin-top: 60px; } .p-service__common .thumbnail_slide .splide .splide__pagination { bottom: -30px; } .p-service__common .thumbnail_slide .splide .splide__pagination li:nth-child(n+2) { margin-left: 4px; } .p-service__common .thumbnail_slide .splide .splide__pagination li button.is-active { opacity: 1; } .p-service__common .thumbnail_slide .splide .splide__arrow { background-color: rgb(255, 255, 255); opacity: 1; transition: all 0.3s ease 0s; } .p-service__common .thumbnail_slide .splide .splide__arrow svg { height: 1em; width: 1em; } @media (min-width: 960px) { .p-service__common .thumbnail_slide .splide .splide__arrow:hover { opacity: 0.7; } } @media (max-width: 768px) { .p-service__common .thumbnail_slide .splide .splide__pagination li:nth-child(n+2) { margin-left: 6px; } } .p-service__list { padding-bottom: 150px; } .p-service__list .list_box { -webkit-box-pack: center; display: flex; justify-content: center; margin: 60px auto 0px; max-width: 1220px; padding: 0px 20px; } .p-service__list .list_box li { width: calc(30% - 10px); } .p-service__list .list_box li:last-child { margin-right: 0px !important; } .p-service__list .list_box li p { font-size: 16px; margin-top: 20px; } .p-service__list .list_box li p + p { margin-top: 14px; } .p-service__list .list_box li p em { font-size: 20px; font-weight: 700; } .p-service__list .list_box li p span { background-color: rgb(247, 247, 247); display: block; font-size: 14px; padding: 8px; text-align: center; } @media (max-width: 768px) { .p-service__list .list_box { display: block; padding: 0px; } .p-service__list .list_box li { margin-right: 20px; width: 100%; } } .p-price--detail { margin-top: 80px; } .p-price--exam { -webkit-box-pack: start; -webkit-box-align: center; align-items: center; background-color: rgb(255, 255, 255); display: flex; justify-content: flex-start; width: 960px; } .p-price--exam + .p-price--exam { margin-top: 20px; } .p-price--design { max-width: 350px; } .p-price--text { -webkit-box-flex: 1; flex: 1 1 0%; margin-left: 40px; } .p-price--text > * + * { margin-top: 20px; } .p-price--text ul li { padding-left: 20px; position: relative; } .p-price--text ul li::before { content: "・"; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); } .p-price--text ul li:nth-child(n+2) { margin-top: 10px; } .p-price--title { font-size: 18px; font-weight: 700; } .p-price--l { font-size: 22px; font-weight: 700; } .p-price--inch { margin: 0px 40px; max-width: 160px; width: 100%; } .p-price--inch figure { width: 100%; } @media (max-width: 768px) { .p-price--detail { margin-top: 60px; } .p-price--exam { -webkit-box-pack: center; flex-wrap: wrap; justify-content: center; position: relative; width: 100%; } .p-price--design { max-width: 100%; width: 100%; } .p-price--text { -webkit-box-flex: unset; flex: unset; margin-left: 0px; padding: 20px; width: 100%; } .p-price--text > * + * { margin-top: 20px; } .p-price--text ul li { padding-left: 20px; position: relative; } .p-price--text ul li::before { content: "・"; left: 0px; position: absolute; top: 50%; transform: translateY(-50%); } .p-price--text ul li:nth-child(n+2) { margin-top: 10px; } .p-price--title { font-size: 18px; font-weight: 700; } .p-price--l { font-size: 22px; font-weight: 700; } .p-price--inch { margin: 0px; max-width: 100%; position: absolute; right: 2%; top: 28%; width: 24%; } } .p-showroom__under { padding: 120px 0px; } .p-showroom__under .inner { margin: 0px auto; max-width: 1240px; padding: 150px 20px 0px; } .p-showroom__under .inner_min { margin: 0px auto; max-width: 840px; padding: 80px 20px 0px; } .p-showroom__under .inner_min .min-image { margin: 0px auto; max-width: 450px; width: 100%; } .p-showroom__under .inner_min .min-image img { width: 100%; } .p-showroom__under .inner_middle { margin: 0px auto; max-width: 960px; padding: 80px 20px 0px; } @media (max-width: 768px) { .p-showroom__under .inner { padding: 80px 20px 0px; } } .p-showroom__under .inner h2 { -webkit-box-pack: center; -webkit-box-align: center; align-items: center; display: flex; justify-content: center; } .p-showroom__under .inner h2 figure { width: 120px; } .p-showroom__under .inner p span { font-size: 12px; } .p-showroom__under .auto_scroll { height: 300px; overflow: hidden; padding: 60px 0px 40px; position: relative; width: 100%; } .p-showroom__under .auto_scroll .track, .p-showroom__under .auto_scroll .track2 { animation-duration: 20s; animation-iteration-count: infinite; animation-timing-function: linear; display: flex; position: absolute; top: 60px; } .p-showroom__under .auto_scroll .track { animation-name: showroomScroll; } .p-showroom__under .auto_scroll .track2 { animation-name: showroomScroll2; } .p-showroom__under .auto_scroll figure { background-color: transparent; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 10px 20px; height: 200px; margin-right: 20px; width: 300px; } .p-showroom__under .auto_scroll figure img { border-radius: 10px; height: 100%; } @media (max-width: 768px) { .p-showroom__under { padding: 80px 0px; } .p-showroom__under .inner { padding: 0px 10px; } .p-showroom__under .inner h2 { flex-wrap: wrap; } .p-showroom__under .inner h2 span { display: block; line-height: 1.5; margin-top: 20px; text-align: center; width: 100%; } .p-showroom__under .auto_scroll .track, .p-showroom__under .auto_scroll .track2 { width: 400%; } } .u-align--center { text-align: center !important; } .u-align--left { text-align: left !important; } .u-align--right { text-align: right !important; } @media (min-width: 960px) { .u-align--center--pc { text-align: center !important; } .u-align--left--pc { text-align: left !important; } .u-align--right--pc { text-align: right !important; } } .u-bg { background-color: rgb(245, 245, 245); } .u-bg--gray { background-color: rgb(134, 134, 134); } .u-bg--main { background-color: rgb(194, 156, 54); } .u-clearfix::after { clear: both; content: ""; display: block; height: 0px; } @media (min-width: 960px) { .u-only--sp { display: none; } } @media (max-width: 768px) { .u-only--tab { display: none; } } @media (min-width: 960px) { .u-only--tab { display: none; } } @media (max-width: 768px) { .u-only--pc { display: none; } } @media (min-width: 769px) and (max-width: 959px) { .u-only--pc { display: none; } } .u-fit, img.u-fit { font-family: "object-fit: contain;object-position: 50% 50%;"; height: 100%; object-fit: cover; object-position: 50% 50%; width: 100%; } .u-fb { font-weight: 600; } .u-fs-10 { font-size: 1rem; } .u-fs-15 { font-size: 1.5rem; } .u-fs-18 { font-size: 1.8rem; } .u-fs-20 { font-size: 2rem; } .u-fs-22 { font-size: 2.2rem; } .u-fs-24 { font-size: 2.4rem; } .u-fs-26 { font-size: 2.6rem; } .u-fs-28 { font-size: 2.8rem; } .u-fs-30 { font-size: 3rem; } .u-fc-red { color: rgb(204, 32, 32); } .u-fc-blue { color: rgb(240, 180, 75); } .u-indent1 { text-indent: -1em; } .u-indent2 { text-indent: -2em; } .u-indent3 { text-indent: -3em; } .u-indent4 { text-indent: -4em; } .u-indent5 { text-indent: -5em; } .u-nindent1 { padding-left: 1em; text-indent: -1em; } .u-nindent2 { padding-left: 2em; text-indent: -2em; } .u-nindent3 { padding-left: 3em; text-indent: -3em; } .u-nindent4 { padding-left: 4em; text-indent: -4em; } .u-nindent5 { padding-left: 5em; text-indent: -5em; } .u-mt0 { margin-top: 0px !important; } .u-mb0 { margin-bottom: 0px !important; } .u-mr0 { margin-right: 0px !important; } .u-ml0 { margin-left: 0px !important; } @media (min-width: 960px) { .u--mt--pc0 { margin-top: 0px !important; } .u--mb--pc0 { margin-bottom: 0px !important; } .u--mr--pc0 { margin-right: 0px !important; } .u--ml--pc0 { margin-left: 0px !important; } } .u-mt10 { margin-top: 10px !important; } .u-mb10 { margin-bottom: 10px !important; } .u-mr10 { margin-right: 10px !important; } .u-ml10 { margin-left: 10px !important; } @media (min-width: 960px) { .u--mt--pc10 { margin-top: 10px !important; } .u--mb--pc10 { margin-bottom: 10px !important; } .u--mr--pc10 { margin-right: 10px !important; } .u--ml--pc10 { margin-left: 10px !important; } } .u-mt20 { margin-top: 20px !important; } .u-mb20 { margin-bottom: 20px !important; } .u-mr20 { margin-right: 20px !important; } .u-ml20 { margin-left: 20px !important; } @media (min-width: 960px) { .u--mt--pc20 { margin-top: 20px !important; } .u--mb--pc20 { margin-bottom: 20px !important; } .u--mr--pc20 { margin-right: 20px !important; } .u--ml--pc20 { margin-left: 20px !important; } } .u-mt30 { margin-top: 30px !important; } .u-mb30 { margin-bottom: 30px !important; } .u-mr30 { margin-right: 30px !important; } .u-ml30 { margin-left: 30px !important; } @media (min-width: 960px) { .u--mt--pc30 { margin-top: 30px !important; } .u--mb--pc30 { margin-bottom: 30px !important; } .u--mr--pc30 { margin-right: 30px !important; } .u--ml--pc30 { margin-left: 30px !important; } } .u-mt40 { margin-top: 40px !important; } .u-mb40 { margin-bottom: 40px !important; } .u-mr40 { margin-right: 40px !important; } .u-ml40 { margin-left: 40px !important; } @media (min-width: 960px) { .u--mt--pc40 { margin-top: 40px !important; } .u--mb--pc40 { margin-bottom: 40px !important; } .u--mr--pc40 { margin-right: 40px !important; } .u--ml--pc40 { margin-left: 40px !important; } } .u-mt50 { margin-top: 50px !important; } .u-mb50 { margin-bottom: 50px !important; } .u-mr50 { margin-right: 50px !important; } .u-ml50 { margin-left: 50px !important; } @media (min-width: 960px) { .u--mt--pc50 { margin-top: 50px !important; } .u--mb--pc50 { margin-bottom: 50px !important; } .u--mr--pc50 { margin-right: 50px !important; } .u--ml--pc50 { margin-left: 50px !important; } } .u-mt60 { margin-top: 60px !important; } .u-mb60 { margin-bottom: 60px !important; } .u-mr60 { margin-right: 60px !important; } .u-ml60 { margin-left: 60px !important; } @media (min-width: 960px) { .u--mt--pc60 { margin-top: 60px !important; } .u--mb--pc60 { margin-bottom: 60px !important; } .u--mr--pc60 { margin-right: 60px !important; } .u--ml--pc60 { margin-left: 60px !important; } } .u-mt70 { margin-top: 70px !important; } .u-mb70 { margin-bottom: 70px !important; } .u-mr70 { margin-right: 70px !important; } .u-ml70 { margin-left: 70px !important; } @media (min-width: 960px) { .u--mt--pc70 { margin-top: 70px !important; } .u--mb--pc70 { margin-bottom: 70px !important; } .u--mr--pc70 { margin-right: 70px !important; } .u--ml--pc70 { margin-left: 70px !important; } } .u-mt80 { margin-top: 80px !important; } .u-mb80 { margin-bottom: 80px !important; } .u-mr80 { margin-right: 80px !important; } .u-ml80 { margin-left: 80px !important; } @media (min-width: 960px) { .u--mt--pc80 { margin-top: 80px !important; } .u--mb--pc80 { margin-bottom: 80px !important; } .u--mr--pc80 { margin-right: 80px !important; } .u--ml--pc80 { margin-left: 80px !important; } } .u-mt90 { margin-top: 90px !important; } .u-mb90 { margin-bottom: 90px !important; } .u-mr90 { margin-right: 90px !important; } .u-ml90 { margin-left: 90px !important; } @media (min-width: 960px) { .u--mt--pc90 { margin-top: 90px !important; } .u--mb--pc90 { margin-bottom: 90px !important; } .u--mr--pc90 { margin-right: 90px !important; } .u--ml--pc90 { margin-left: 90px !important; } } .u-mt100 { margin-top: 100px !important; } .u-mb100 { margin-bottom: 100px !important; } .u-mr100 { margin-right: 100px !important; } .u-ml100 { margin-left: 100px !important; } @media (min-width: 960px) { .u--mt--pc100 { margin-top: 100px !important; } .u--mb--pc100 { margin-bottom: 100px !important; } .u--mr--pc100 { margin-right: 100px !important; } .u--ml--pc100 { margin-left: 100px !important; } } @media (max-width: 768px) { .u--pt--sm0 { padding-top: 0px !important; } .u--pb--sm0 { padding-bottom: 0px !important; } .u--pr--sm0 { padding-right: 0px !important; } .u--pl--sm0 { padding-left: 0px !important; } } .u-pt0 { padding-top: 0px !important; } .u-pb0 { padding-bottom: 0px !important; } .u-pr0 { padding-right: 0px !important; } .u-pl0 { padding-left: 0px !important; } @media (max-width: 768px) { .u--pt--sm10 { padding-top: 10px !important; } .u--pb--sm10 { padding-bottom: 10px !important; } .u--pr--sm10 { padding-right: 10px !important; } .u--pl--sm10 { padding-left: 10px !important; } } .u-pt10 { padding-top: 10px !important; } .u-pb10 { padding-bottom: 10px !important; } .u-pr10 { padding-right: 10px !important; } .u-pl10 { padding-left: 10px !important; } @media (max-width: 768px) { .u--pt--sm20 { padding-top: 20px !important; } .u--pb--sm20 { padding-bottom: 20px !important; } .u--pr--sm20 { padding-right: 20px !important; } .u--pl--sm20 { padding-left: 20px !important; } } .u-pt20 { padding-top: 20px !important; } .u-pb20 { padding-bottom: 20px !important; } .u-pr20 { padding-right: 20px !important; } .u-pl20 { padding-left: 20px !important; } @media (max-width: 768px) { .u--pt--sm30 { padding-top: 30px !important; } .u--pb--sm30 { padding-bottom: 30px !important; } .u--pr--sm30 { padding-right: 30px !important; } .u--pl--sm30 { padding-left: 30px !important; } } .u-pt30 { padding-top: 30px !important; } .u-pb30 { padding-bottom: 30px !important; } .u-pr30 { padding-right: 30px !important; } .u-pl30 { padding-left: 30px !important; } @media (max-width: 768px) { .u--pt--sm40 { padding-top: 40px !important; } .u--pb--sm40 { padding-bottom: 40px !important; } .u--pr--sm40 { padding-right: 40px !important; } .u--pl--sm40 { padding-left: 40px !important; } } .u-pt40 { padding-top: 40px !important; } .u-pb40 { padding-bottom: 40px !important; } .u-pr40 { padding-right: 40px !important; } .u-pl40 { padding-left: 40px !important; } @media (max-width: 768px) { .u--pt--sm50 { padding-top: 50px !important; } .u--pb--sm50 { padding-bottom: 50px !important; } .u--pr--sm50 { padding-right: 50px !important; } .u--pl--sm50 { padding-left: 50px !important; } } .u-pt50 { padding-top: 50px !important; } .u-pb50 { padding-bottom: 50px !important; } .u-pr50 { padding-right: 50px !important; } .u-pl50 { padding-left: 50px !important; } @media (max-width: 768px) { .u--pt--sm60 { padding-top: 60px !important; } .u--pb--sm60 { padding-bottom: 60px !important; } .u--pr--sm60 { padding-right: 60px !important; } .u--pl--sm60 { padding-left: 60px !important; } } .u-pt60 { padding-top: 60px !important; } .u-pb60 { padding-bottom: 60px !important; } .u-pr60 { padding-right: 60px !important; } .u-pl60 { padding-left: 60px !important; } @media (max-width: 768px) { .u--pt--sm70 { padding-top: 70px !important; } .u--pb--sm70 { padding-bottom: 70px !important; } .u--pr--sm70 { padding-right: 70px !important; } .u--pl--sm70 { padding-left: 70px !important; } } .u-pt70 { padding-top: 70px !important; } .u-pb70 { padding-bottom: 70px !important; } .u-pr70 { padding-right: 70px !important; } .u-pl70 { padding-left: 70px !important; } @media (max-width: 768px) { .u--pt--sm80 { padding-top: 80px !important; } .u--pb--sm80 { padding-bottom: 80px !important; } .u--pr--sm80 { padding-right: 80px !important; } .u--pl--sm80 { padding-left: 80px !important; } } .u-pt80 { padding-top: 80px !important; } .u-pb80 { padding-bottom: 80px !important; } .u-pr80 { padding-right: 80px !important; } .u-pl80 { padding-left: 80px !important; } @media (max-width: 768px) { .u--pt--sm90 { padding-top: 90px !important; } .u--pb--sm90 { padding-bottom: 90px !important; } .u--pr--sm90 { padding-right: 90px !important; } .u--pl--sm90 { padding-left: 90px !important; } } .u-pt90 { padding-top: 90px !important; } .u-pb90 { padding-bottom: 90px !important; } .u-pr90 { padding-right: 90px !important; } .u-pl90 { padding-left: 90px !important; } @media (max-width: 768px) { .u--pt--sm100 { padding-top: 100px !important; } .u--pb--sm100 { padding-bottom: 100px !important; } .u--pr--sm100 { padding-right: 100px !important; } .u--pl--sm100 { padding-left: 100px !important; } } .u-pt100 { padding-top: 100px !important; } .u-pb100 { padding-bottom: 100px !important; } .u-pr100 { padding-right: 100px !important; } .u-pl100 { padding-left: 100px !important; } .u-wid0, .u-widp0 { width: 0px !important; } .u-wid1 { width: 1px !important; } .u-widp1 { width: 1% !important; } .u-wid2 { width: 2px !important; } .u-widp2 { width: 2% !important; } .u-wid3 { width: 3px !important; } .u-widp3 { width: 3% !important; } .u-wid4 { width: 4px !important; } .u-widp4 { width: 4% !important; } .u-wid5 { width: 5px !important; } .u-widp5 { width: 5% !important; } .u-wid6 { width: 6px !important; } .u-widp6 { width: 6% !important; } .u-wid7 { width: 7px !important; } .u-widp7 { width: 7% !important; } .u-wid8 { width: 8px !important; } .u-widp8 { width: 8% !important; } .u-wid9 { width: 9px !important; } .u-widp9 { width: 9% !important; } .u-wid10 { width: 10px !important; } .u-widp10 { width: 10% !important; } .u-wid11 { width: 11px !important; } .u-widp11 { width: 11% !important; } .u-wid12 { width: 12px !important; } .u-widp12 { width: 12% !important; } .u-wid13 { width: 13px !important; } .u-widp13 { width: 13% !important; } .u-wid14 { width: 14px !important; } .u-widp14 { width: 14% !important; } .u-wid15 { width: 15px !important; } .u-widp15 { width: 15% !important; } .u-wid16 { width: 16px !important; } .u-widp16 { width: 16% !important; } .u-wid17 { width: 17px !important; } .u-widp17 { width: 17% !important; } .u-wid18 { width: 18px !important; } .u-widp18 { width: 18% !important; } .u-wid19 { width: 19px !important; } .u-widp19 { width: 19% !important; } .u-wid20 { width: 20px !important; } .u-widp20 { width: 20% !important; } .u-wid21 { width: 21px !important; } .u-widp21 { width: 21% !important; } .u-wid22 { width: 22px !important; } .u-widp22 { width: 22% !important; } .u-wid23 { width: 23px !important; } .u-widp23 { width: 23% !important; } .u-wid24 { width: 24px !important; } .u-widp24 { width: 24% !important; } .u-wid25 { width: 25px !important; } .u-widp25 { width: 25% !important; } .u-wid26 { width: 26px !important; } .u-widp26 { width: 26% !important; } .u-wid27 { width: 27px !important; } .u-widp27 { width: 27% !important; } .u-wid28 { width: 28px !important; } .u-widp28 { width: 28% !important; } .u-wid29 { width: 29px !important; } .u-widp29 { width: 29% !important; } .u-wid30 { width: 30px !important; } .u-widp30 { width: 30% !important; } .u-wid31 { width: 31px !important; } .u-widp31 { width: 31% !important; } .u-wid32 { width: 32px !important; } .u-widp32 { width: 32% !important; } .u-wid33 { width: 33px !important; } .u-widp33 { width: 33% !important; } .u-wid34 { width: 34px !important; } .u-widp34 { width: 34% !important; } .u-wid35 { width: 35px !important; } .u-widp35 { width: 35% !important; } .u-wid36 { width: 36px !important; } .u-widp36 { width: 36% !important; } .u-wid37 { width: 37px !important; } .u-widp37 { width: 37% !important; } .u-wid38 { width: 38px !important; } .u-widp38 { width: 38% !important; } .u-wid39 { width: 39px !important; } .u-widp39 { width: 39% !important; } .u-wid40 { width: 40px !important; } .u-widp40 { width: 40% !important; } .u-wid41 { width: 41px !important; } .u-widp41 { width: 41% !important; } .u-wid42 { width: 42px !important; } .u-widp42 { width: 42% !important; } .u-wid43 { width: 43px !important; } .u-widp43 { width: 43% !important; } .u-wid44 { width: 44px !important; } .u-widp44 { width: 44% !important; } .u-wid45 { width: 45px !important; } .u-widp45 { width: 45% !important; } .u-wid46 { width: 46px !important; } .u-widp46 { width: 46% !important; } .u-wid47 { width: 47px !important; } .u-widp47 { width: 47% !important; } .u-wid48 { width: 48px !important; } .u-widp48 { width: 48% !important; } .u-wid49 { width: 49px !important; } .u-widp49 { width: 49% !important; } .u-wid50 { width: 50px !important; } .u-widp50 { width: 50% !important; } .u-wid51 { width: 51px !important; } .u-widp51 { width: 51% !important; } .u-wid52 { width: 52px !important; } .u-widp52 { width: 52% !important; } .u-wid53 { width: 53px !important; } .u-widp53 { width: 53% !important; } .u-wid54 { width: 54px !important; } .u-widp54 { width: 54% !important; } .u-wid55 { width: 55px !important; } .u-widp55 { width: 55% !important; } .u-wid56 { width: 56px !important; } .u-widp56 { width: 56% !important; } .u-wid57 { width: 57px !important; } .u-widp57 { width: 57% !important; } .u-wid58 { width: 58px !important; } .u-widp58 { width: 58% !important; } .u-wid59 { width: 59px !important; } .u-widp59 { width: 59% !important; } .u-wid60 { width: 60px !important; } .u-widp60 { width: 60% !important; } .u-wid61 { width: 61px !important; } .u-widp61 { width: 61% !important; } .u-wid62 { width: 62px !important; } .u-widp62 { width: 62% !important; } .u-wid63 { width: 63px !important; } .u-widp63 { width: 63% !important; } .u-wid64 { width: 64px !important; } .u-widp64 { width: 64% !important; } .u-wid65 { width: 65px !important; } .u-widp65 { width: 65% !important; } .u-wid66 { width: 66px !important; } .u-widp66 { width: 66% !important; } .u-wid67 { width: 67px !important; } .u-widp67 { width: 67% !important; } .u-wid68 { width: 68px !important; } .u-widp68 { width: 68% !important; } .u-wid69 { width: 69px !important; } .u-widp69 { width: 69% !important; } .u-wid70 { width: 70px !important; } .u-widp70 { width: 70% !important; } .u-wid71 { width: 71px !important; } .u-widp71 { width: 71% !important; } .u-wid72 { width: 72px !important; } .u-widp72 { width: 72% !important; } .u-wid73 { width: 73px !important; } .u-widp73 { width: 73% !important; } .u-wid74 { width: 74px !important; } .u-widp74 { width: 74% !important; } .u-wid75 { width: 75px !important; } .u-widp75 { width: 75% !important; } .u-wid76 { width: 76px !important; } .u-widp76 { width: 76% !important; } .u-wid77 { width: 77px !important; } .u-widp77 { width: 77% !important; } .u-wid78 { width: 78px !important; } .u-widp78 { width: 78% !important; } .u-wid79 { width: 79px !important; } .u-widp79 { width: 79% !important; } .u-wid80 { width: 80px !important; } .u-widp80 { width: 80% !important; } .u-wid81 { width: 81px !important; } .u-widp81 { width: 81% !important; } .u-wid82 { width: 82px !important; } .u-widp82 { width: 82% !important; } .u-wid83 { width: 83px !important; } .u-widp83 { width: 83% !important; } .u-wid84 { width: 84px !important; } .u-widp84 { width: 84% !important; } .u-wid85 { width: 85px !important; } .u-widp85 { width: 85% !important; } .u-wid86 { width: 86px !important; } .u-widp86 { width: 86% !important; } .u-wid87 { width: 87px !important; } .u-widp87 { width: 87% !important; } .u-wid88 { width: 88px !important; } .u-widp88 { width: 88% !important; } .u-wid89 { width: 89px !important; } .u-widp89 { width: 89% !important; } .u-wid90 { width: 90px !important; } .u-widp90 { width: 90% !important; } .u-wid91 { width: 91px !important; } .u-widp91 { width: 91% !important; } .u-wid92 { width: 92px !important; } .u-widp92 { width: 92% !important; } .u-wid93 { width: 93px !important; } .u-widp93 { width: 93% !important; } .u-wid94 { width: 94px !important; } .u-widp94 { width: 94% !important; } .u-wid95 { width: 95px !important; } .u-widp95 { width: 95% !important; } .u-wid96 { width: 96px !important; } .u-widp96 { width: 96% !important; } .u-wid97 { width: 97px !important; } .u-widp97 { width: 97% !important; } .u-wid98 { width: 98px !important; } .u-widp98 { width: 98% !important; } .u-wid99 { width: 99px !important; } .u-widp99 { width: 99% !important; } .u-wid100 { width: 100px !important; } .u-widp100 { width: 100% !important; } @media (max-width: 959px) { .u--wid--tab0, .u--widp--tab0 { width: 0px !important; } .u--wid--tab1 { width: 1px !important; } .u--widp--tab1 { width: 1% !important; } .u--wid--tab2 { width: 2px !important; } .u--widp--tab2 { width: 2% !important; } .u--wid--tab3 { width: 3px !important; } .u--widp--tab3 { width: 3% !important; } .u--wid--tab4 { width: 4px !important; } .u--widp--tab4 { width: 4% !important; } .u--wid--tab5 { width: 5px !important; } .u--widp--tab5 { width: 5% !important; } .u--wid--tab6 { width: 6px !important; } .u--widp--tab6 { width: 6% !important; } .u--wid--tab7 { width: 7px !important; } .u--widp--tab7 { width: 7% !important; } .u--wid--tab8 { width: 8px !important; } .u--widp--tab8 { width: 8% !important; } .u--wid--tab9 { width: 9px !important; } .u--widp--tab9 { width: 9% !important; } .u--wid--tab10 { width: 10px !important; } .u--widp--tab10 { width: 10% !important; } .u--wid--tab11 { width: 11px !important; } .u--widp--tab11 { width: 11% !important; } .u--wid--tab12 { width: 12px !important; } .u--widp--tab12 { width: 12% !important; } .u--wid--tab13 { width: 13px !important; } .u--widp--tab13 { width: 13% !important; } .u--wid--tab14 { width: 14px !important; } .u--widp--tab14 { width: 14% !important; } .u--wid--tab15 { width: 15px !important; } .u--widp--tab15 { width: 15% !important; } .u--wid--tab16 { width: 16px !important; } .u--widp--tab16 { width: 16% !important; } .u--wid--tab17 { width: 17px !important; } .u--widp--tab17 { width: 17% !important; } .u--wid--tab18 { width: 18px !important; } .u--widp--tab18 { width: 18% !important; } .u--wid--tab19 { width: 19px !important; } .u--widp--tab19 { width: 19% !important; } .u--wid--tab20 { width: 20px !important; } .u--widp--tab20 { width: 20% !important; } .u--wid--tab21 { width: 21px !important; } .u--widp--tab21 { width: 21% !important; } .u--wid--tab22 { width: 22px !important; } .u--widp--tab22 { width: 22% !important; } .u--wid--tab23 { width: 23px !important; } .u--widp--tab23 { width: 23% !important; } .u--wid--tab24 { width: 24px !important; } .u--widp--tab24 { width: 24% !important; } .u--wid--tab25 { width: 25px !important; } .u--widp--tab25 { width: 25% !important; } .u--wid--tab26 { width: 26px !important; } .u--widp--tab26 { width: 26% !important; } .u--wid--tab27 { width: 27px !important; } .u--widp--tab27 { width: 27% !important; } .u--wid--tab28 { width: 28px !important; } .u--widp--tab28 { width: 28% !important; } .u--wid--tab29 { width: 29px !important; } .u--widp--tab29 { width: 29% !important; } .u--wid--tab30 { width: 30px !important; } .u--widp--tab30 { width: 30% !important; } .u--wid--tab31 { width: 31px !important; } .u--widp--tab31 { width: 31% !important; } .u--wid--tab32 { width: 32px !important; } .u--widp--tab32 { width: 32% !important; } .u--wid--tab33 { width: 33px !important; } .u--widp--tab33 { width: 33% !important; } .u--wid--tab34 { width: 34px !important; } .u--widp--tab34 { width: 34% !important; } .u--wid--tab35 { width: 35px !important; } .u--widp--tab35 { width: 35% !important; } .u--wid--tab36 { width: 36px !important; } .u--widp--tab36 { width: 36% !important; } .u--wid--tab37 { width: 37px !important; } .u--widp--tab37 { width: 37% !important; } .u--wid--tab38 { width: 38px !important; } .u--widp--tab38 { width: 38% !important; } .u--wid--tab39 { width: 39px !important; } .u--widp--tab39 { width: 39% !important; } .u--wid--tab40 { width: 40px !important; } .u--widp--tab40 { width: 40% !important; } .u--wid--tab41 { width: 41px !important; } .u--widp--tab41 { width: 41% !important; } .u--wid--tab42 { width: 42px !important; } .u--widp--tab42 { width: 42% !important; } .u--wid--tab43 { width: 43px !important; } .u--widp--tab43 { width: 43% !important; } .u--wid--tab44 { width: 44px !important; } .u--widp--tab44 { width: 44% !important; } .u--wid--tab45 { width: 45px !important; } .u--widp--tab45 { width: 45% !important; } .u--wid--tab46 { width: 46px !important; } .u--widp--tab46 { width: 46% !important; } .u--wid--tab47 { width: 47px !important; } .u--widp--tab47 { width: 47% !important; } .u--wid--tab48 { width: 48px !important; } .u--widp--tab48 { width: 48% !important; } .u--wid--tab49 { width: 49px !important; } .u--widp--tab49 { width: 49% !important; } .u--wid--tab50 { width: 50px !important; } .u--widp--tab50 { width: 50% !important; } .u--wid--tab51 { width: 51px !important; } .u--widp--tab51 { width: 51% !important; } .u--wid--tab52 { width: 52px !important; } .u--widp--tab52 { width: 52% !important; } .u--wid--tab53 { width: 53px !important; } .u--widp--tab53 { width: 53% !important; } .u--wid--tab54 { width: 54px !important; } .u--widp--tab54 { width: 54% !important; } .u--wid--tab55 { width: 55px !important; } .u--widp--tab55 { width: 55% !important; } .u--wid--tab56 { width: 56px !important; } .u--widp--tab56 { width: 56% !important; } .u--wid--tab57 { width: 57px !important; } .u--widp--tab57 { width: 57% !important; } .u--wid--tab58 { width: 58px !important; } .u--widp--tab58 { width: 58% !important; } .u--wid--tab59 { width: 59px !important; } .u--widp--tab59 { width: 59% !important; } .u--wid--tab60 { width: 60px !important; } .u--widp--tab60 { width: 60% !important; } .u--wid--tab61 { width: 61px !important; } .u--widp--tab61 { width: 61% !important; } .u--wid--tab62 { width: 62px !important; } .u--widp--tab62 { width: 62% !important; } .u--wid--tab63 { width: 63px !important; } .u--widp--tab63 { width: 63% !important; } .u--wid--tab64 { width: 64px !important; } .u--widp--tab64 { width: 64% !important; } .u--wid--tab65 { width: 65px !important; } .u--widp--tab65 { width: 65% !important; } .u--wid--tab66 { width: 66px !important; } .u--widp--tab66 { width: 66% !important; } .u--wid--tab67 { width: 67px !important; } .u--widp--tab67 { width: 67% !important; } .u--wid--tab68 { width: 68px !important; } .u--widp--tab68 { width: 68% !important; } .u--wid--tab69 { width: 69px !important; } .u--widp--tab69 { width: 69% !important; } .u--wid--tab70 { width: 70px !important; } .u--widp--tab70 { width: 70% !important; } .u--wid--tab71 { width: 71px !important; } .u--widp--tab71 { width: 71% !important; } .u--wid--tab72 { width: 72px !important; } .u--widp--tab72 { width: 72% !important; } .u--wid--tab73 { width: 73px !important; } .u--widp--tab73 { width: 73% !important; } .u--wid--tab74 { width: 74px !important; } .u--widp--tab74 { width: 74% !important; } .u--wid--tab75 { width: 75px !important; } .u--widp--tab75 { width: 75% !important; } .u--wid--tab76 { width: 76px !important; } .u--widp--tab76 { width: 76% !important; } .u--wid--tab77 { width: 77px !important; } .u--widp--tab77 { width: 77% !important; } .u--wid--tab78 { width: 78px !important; } .u--widp--tab78 { width: 78% !important; } .u--wid--tab79 { width: 79px !important; } .u--widp--tab79 { width: 79% !important; } .u--wid--tab80 { width: 80px !important; } .u--widp--tab80 { width: 80% !important; } .u--wid--tab81 { width: 81px !important; } .u--widp--tab81 { width: 81% !important; } .u--wid--tab82 { width: 82px !important; } .u--widp--tab82 { width: 82% !important; } .u--wid--tab83 { width: 83px !important; } .u--widp--tab83 { width: 83% !important; } .u--wid--tab84 { width: 84px !important; } .u--widp--tab84 { width: 84% !important; } .u--wid--tab85 { width: 85px !important; } .u--widp--tab85 { width: 85% !important; } .u--wid--tab86 { width: 86px !important; } .u--widp--tab86 { width: 86% !important; } .u--wid--tab87 { width: 87px !important; } .u--widp--tab87 { width: 87% !important; } .u--wid--tab88 { width: 88px !important; } .u--widp--tab88 { width: 88% !important; } .u--wid--tab89 { width: 89px !important; } .u--widp--tab89 { width: 89% !important; } .u--wid--tab90 { width: 90px !important; } .u--widp--tab90 { width: 90% !important; } .u--wid--tab91 { width: 91px !important; } .u--widp--tab91 { width: 91% !important; } .u--wid--tab92 { width: 92px !important; } .u--widp--tab92 { width: 92% !important; } .u--wid--tab93 { width: 93px !important; } .u--widp--tab93 { width: 93% !important; } .u--wid--tab94 { width: 94px !important; } .u--widp--tab94 { width: 94% !important; } .u--wid--tab95 { width: 95px !important; } .u--widp--tab95 { width: 95% !important; } .u--wid--tab96 { width: 96px !important; } .u--widp--tab96 { width: 96% !important; } .u--wid--tab97 { width: 97px !important; } .u--widp--tab97 { width: 97% !important; } .u--wid--tab98 { width: 98px !important; } .u--widp--tab98 { width: 98% !important; } .u--wid--tab99 { width: 99px !important; } .u--widp--tab99 { width: 99% !important; } .u--wid--tab100 { width: 100px !important; } .u--widp--tab100 { width: 100% !important; } } @media (min-width: 960px) { .u--wid--pc0, .u--widp--pc0 { width: 0px !important; } .u--wid--pc1 { width: 1px !important; } .u--widp--pc1 { width: 1% !important; } .u--wid--pc2 { width: 2px !important; } .u--widp--pc2 { width: 2% !important; } .u--wid--pc3 { width: 3px !important; } .u--widp--pc3 { width: 3% !important; } .u--wid--pc4 { width: 4px !important; } .u--widp--pc4 { width: 4% !important; } .u--wid--pc5 { width: 5px !important; } .u--widp--pc5 { width: 5% !important; } .u--wid--pc6 { width: 6px !important; } .u--widp--pc6 { width: 6% !important; } .u--wid--pc7 { width: 7px !important; } .u--widp--pc7 { width: 7% !important; } .u--wid--pc8 { width: 8px !important; } .u--widp--pc8 { width: 8% !important; } .u--wid--pc9 { width: 9px !important; } .u--widp--pc9 { width: 9% !important; } .u--wid--pc10 { width: 10px !important; } .u--widp--pc10 { width: 10% !important; } .u--wid--pc11 { width: 11px !important; } .u--widp--pc11 { width: 11% !important; } .u--wid--pc12 { width: 12px !important; } .u--widp--pc12 { width: 12% !important; } .u--wid--pc13 { width: 13px !important; } .u--widp--pc13 { width: 13% !important; } .u--wid--pc14 { width: 14px !important; } .u--widp--pc14 { width: 14% !important; } .u--wid--pc15 { width: 15px !important; } .u--widp--pc15 { width: 15% !important; } .u--wid--pc16 { width: 16px !important; } .u--widp--pc16 { width: 16% !important; } .u--wid--pc17 { width: 17px !important; } .u--widp--pc17 { width: 17% !important; } .u--wid--pc18 { width: 18px !important; } .u--widp--pc18 { width: 18% !important; } .u--wid--pc19 { width: 19px !important; } .u--widp--pc19 { width: 19% !important; } .u--wid--pc20 { width: 20px !important; } .u--widp--pc20 { width: 20% !important; } .u--wid--pc21 { width: 21px !important; } .u--widp--pc21 { width: 21% !important; } .u--wid--pc22 { width: 22px !important; } .u--widp--pc22 { width: 22% !important; } .u--wid--pc23 { width: 23px !important; } .u--widp--pc23 { width: 23% !important; } .u--wid--pc24 { width: 24px !important; } .u--widp--pc24 { width: 24% !important; } .u--wid--pc25 { width: 25px !important; } .u--widp--pc25 { width: 25% !important; } .u--wid--pc26 { width: 26px !important; } .u--widp--pc26 { width: 26% !important; } .u--wid--pc27 { width: 27px !important; } .u--widp--pc27 { width: 27% !important; } .u--wid--pc28 { width: 28px !important; } .u--widp--pc28 { width: 28% !important; } .u--wid--pc29 { width: 29px !important; } .u--widp--pc29 { width: 29% !important; } .u--wid--pc30 { width: 30px !important; } .u--widp--pc30 { width: 30% !important; } .u--wid--pc31 { width: 31px !important; } .u--widp--pc31 { width: 31% !important; } .u--wid--pc32 { width: 32px !important; } .u--widp--pc32 { width: 32% !important; } .u--wid--pc33 { width: 33px !important; } .u--widp--pc33 { width: 33% !important; } .u--wid--pc34 { width: 34px !important; } .u--widp--pc34 { width: 34% !important; } .u--wid--pc35 { width: 35px !important; } .u--widp--pc35 { width: 35% !important; } .u--wid--pc36 { width: 36px !important; } .u--widp--pc36 { width: 36% !important; } .u--wid--pc37 { width: 37px !important; } .u--widp--pc37 { width: 37% !important; } .u--wid--pc38 { width: 38px !important; } .u--widp--pc38 { width: 38% !important; } .u--wid--pc39 { width: 39px !important; } .u--widp--pc39 { width: 39% !important; } .u--wid--pc40 { width: 40px !important; } .u--widp--pc40 { width: 40% !important; } .u--wid--pc41 { width: 41px !important; } .u--widp--pc41 { width: 41% !important; } .u--wid--pc42 { width: 42px !important; } .u--widp--pc42 { width: 42% !important; } .u--wid--pc43 { width: 43px !important; } .u--widp--pc43 { width: 43% !important; } .u--wid--pc44 { width: 44px !important; } .u--widp--pc44 { width: 44% !important; } .u--wid--pc45 { width: 45px !important; } .u--widp--pc45 { width: 45% !important; } .u--wid--pc46 { width: 46px !important; } .u--widp--pc46 { width: 46% !important; } .u--wid--pc47 { width: 47px !important; } .u--widp--pc47 { width: 47% !important; } .u--wid--pc48 { width: 48px !important; } .u--widp--pc48 { width: 48% !important; } .u--wid--pc49 { width: 49px !important; } .u--widp--pc49 { width: 49% !important; } .u--wid--pc50 { width: 50px !important; } .u--widp--pc50 { width: 50% !important; } .u--wid--pc51 { width: 51px !important; } .u--widp--pc51 { width: 51% !important; } .u--wid--pc52 { width: 52px !important; } .u--widp--pc52 { width: 52% !important; } .u--wid--pc53 { width: 53px !important; } .u--widp--pc53 { width: 53% !important; } .u--wid--pc54 { width: 54px !important; } .u--widp--pc54 { width: 54% !important; } .u--wid--pc55 { width: 55px !important; } .u--widp--pc55 { width: 55% !important; } .u--wid--pc56 { width: 56px !important; } .u--widp--pc56 { width: 56% !important; } .u--wid--pc57 { width: 57px !important; } .u--widp--pc57 { width: 57% !important; } .u--wid--pc58 { width: 58px !important; } .u--widp--pc58 { width: 58% !important; } .u--wid--pc59 { width: 59px !important; } .u--widp--pc59 { width: 59% !important; } .u--wid--pc60 { width: 60px !important; } .u--widp--pc60 { width: 60% !important; } .u--wid--pc61 { width: 61px !important; } .u--widp--pc61 { width: 61% !important; } .u--wid--pc62 { width: 62px !important; } .u--widp--pc62 { width: 62% !important; } .u--wid--pc63 { width: 63px !important; } .u--widp--pc63 { width: 63% !important; } .u--wid--pc64 { width: 64px !important; } .u--widp--pc64 { width: 64% !important; } .u--wid--pc65 { width: 65px !important; } .u--widp--pc65 { width: 65% !important; } .u--wid--pc66 { width: 66px !important; } .u--widp--pc66 { width: 66% !important; } .u--wid--pc67 { width: 67px !important; } .u--widp--pc67 { width: 67% !important; } .u--wid--pc68 { width: 68px !important; } .u--widp--pc68 { width: 68% !important; } .u--wid--pc69 { width: 69px !important; } .u--widp--pc69 { width: 69% !important; } .u--wid--pc70 { width: 70px !important; } .u--widp--pc70 { width: 70% !important; } .u--wid--pc71 { width: 71px !important; } .u--widp--pc71 { width: 71% !important; } .u--wid--pc72 { width: 72px !important; } .u--widp--pc72 { width: 72% !important; } .u--wid--pc73 { width: 73px !important; } .u--widp--pc73 { width: 73% !important; } .u--wid--pc74 { width: 74px !important; } .u--widp--pc74 { width: 74% !important; } .u--wid--pc75 { width: 75px !important; } .u--widp--pc75 { width: 75% !important; } .u--wid--pc76 { width: 76px !important; } .u--widp--pc76 { width: 76% !important; } .u--wid--pc77 { width: 77px !important; } .u--widp--pc77 { width: 77% !important; } .u--wid--pc78 { width: 78px !important; } .u--widp--pc78 { width: 78% !important; } .u--wid--pc79 { width: 79px !important; } .u--widp--pc79 { width: 79% !important; } .u--wid--pc80 { width: 80px !important; } .u--widp--pc80 { width: 80% !important; } .u--wid--pc81 { width: 81px !important; } .u--widp--pc81 { width: 81% !important; } .u--wid--pc82 { width: 82px !important; } .u--widp--pc82 { width: 82% !important; } .u--wid--pc83 { width: 83px !important; } .u--widp--pc83 { width: 83% !important; } .u--wid--pc84 { width: 84px !important; } .u--widp--pc84 { width: 84% !important; } .u--wid--pc85 { width: 85px !important; } .u--widp--pc85 { width: 85% !important; } .u--wid--pc86 { width: 86px !important; } .u--widp--pc86 { width: 86% !important; } .u--wid--pc87 { width: 87px !important; } .u--widp--pc87 { width: 87% !important; } .u--wid--pc88 { width: 88px !important; } .u--widp--pc88 { width: 88% !important; } .u--wid--pc89 { width: 89px !important; } .u--widp--pc89 { width: 89% !important; } .u--wid--pc90 { width: 90px !important; } .u--widp--pc90 { width: 90% !important; } .u--wid--pc91 { width: 91px !important; } .u--widp--pc91 { width: 91% !important; } .u--wid--pc92 { width: 92px !important; } .u--widp--pc92 { width: 92% !important; } .u--wid--pc93 { width: 93px !important; } .u--widp--pc93 { width: 93% !important; } .u--wid--pc94 { width: 94px !important; } .u--widp--pc94 { width: 94% !important; } .u--wid--pc95 { width: 95px !important; } .u--widp--pc95 { width: 95% !important; } .u--wid--pc96 { width: 96px !important; } .u--widp--pc96 { width: 96% !important; } .u--wid--pc97 { width: 97px !important; } .u--widp--pc97 { width: 97% !important; } .u--wid--pc98 { width: 98px !important; } .u--widp--pc98 { width: 98% !important; } .u--wid--pc99 { width: 99px !important; } .u--widp--pc99 { width: 99% !important; } .u--wid--pc100 { width: 100px !important; } .u--widp--pc100 { width: 100% !important; } } main { position: relative; } #pagetop { background-color: rgb(134, 134, 134); bottom: 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 25px; display: block; height: 40px; opacity: 0; position: fixed; right: 0px; width: 40px; z-index: 1000; } #pagetop, #pagetop::after { transition: all 0.3s ease 0s; } #pagetop::after { border-left: 2px solid rgb(51, 51, 51); border-top: 2px solid rgb(51, 51, 51); content: ""; height: 8px; left: 50%; position: absolute; top: 50%; transform: rotate(45deg) translate(-50%, calc(-50% + 5px)); width: 8px; } #pagetop.UpMove { opacity: 1; } #pagetop.DownMove { opacity: 0; } #pagetop:hover { box-shadow: rgba(0, 0, 0, 0.3) 0px 5px 25px; } @media (max-width: 768px) { #pagetop { border-radius: 100px; height: 48px; width: 48px; } }(cache)LED TOKYO | 導入面積シェアNo.1

SCROLL DOWN

03 03

未来のテクノロジーで
世界を明るく Brightening the world

NEWS ニュース

ニュース
インタビュー
導入事例

Solutions 製品・サービス

デジタルサイネージの選定、設置、映像制作、運用管理、保守まで
最適なソリューションをワンストップで提供致します。

SALES 販売: 自社ブランドのLEDビジョンは圧倒的なコストパフォーマンスと超品質・超価格を実現。各種LEDビジョンや液晶ディスプレイ、映像配信機材等を取り扱っています。
View more

RENTAL・LEASE レンタル・リース: 屋内外問わず、高精細なLEDビジョンを圧倒的高コストパフォーマンスでご提供。ライブや展示会などの短期間のイベントで、LEDビジョンをご利用したい方に大変ご好評頂いております。
View more

STUDIO スタジオ: 横浜駅直通「アソビル ASOBUILD」に大型ビジョン常設の総合撮影スタジオが誕生。コの字の垂直LED3面＋床面LEDによる4面構成のLED空間を使用して圧倒的な空間演出ができます。
View more

MOVIE 映像制作: 自社ブランドのLEDビジョンは圧倒的なコストパフォーマンスと超品質・超価格を実現。各種LEDビジョンや液晶ディスプレイ、映像配信機材等を取り扱っています。
View more

Works 導入事例

最短1日からのレンタル
長期保守点検も可能な製品の販売

私たちはLEDビジョンの自社ブランドを持つプロフェッショナルです。商業施設、アパレル店舗、大型屋外看板展示会、音楽フェス、スポーツ施設、スポーツ選手権、企業説明会等、規模もさまざまな導入事例がございます。

導入実績を見る

BRIGHTENING THE WORLD BRIGHTENING THE WORLD BRIGHTENING THE WORLD BRIGHTENING THE WORLD BRIGHTENING THE WORLD BRIGHTENING THE WORLD BRIGHTENING THE WORLD BRIGHTENING THE WORLD BRIGHTENING THE WORLD BRIGHTENING THE WORLD

SHOW ROOM ショールーム

LEDビジョンをご体感頂くために、ショールームを用意しております。
ぜひお気軽にお問い合わせください。

Access
〒151-0051 東京都渋谷区千駄ケ谷3丁目16-18

ショールームへの来場をご希望の方は
お問い合わせフォームにてその旨をご記載ください。

ショールームについて

CONTACT
お問い合わせ

LEDビジョン・液晶ディスプレイの購入・レンタルのことならお任せください！

メールフォームでお問合せ

お問合せする

内容確認後、
迅速にご返信させていただきます

お電話でのお問い合わせ

0120-384-015

受付時間平日10時〜19時

未来のテクノロジーで世界を明るく Brightening the world