/* ======================================== *\ # mixin \* ======================================== */ .icon-arrowBlack, .c-box__link, .footer-designC__head_link, .footer-designC__bottom_lang, .header-designC__list_link, .header-designC__lang, .c-cardColumn3 .c-card--vertical .c-card__link, .c-cardColumn2 .c-card--vertical .c-card__link, .c-card__horizon .c-card__link, .c-card__horizon_small, .c-btn--primary, .c-btn--secondary, .text-link, .p-awards-modal__history_title a, .p-awards-modal__info_link, .p-aboutDomain-section__info_link, .p-home-mv__post .c-card__link, .p-home-news__link, .floating a { position: relative; } .icon-arrowBlack::before, .c-box__link::before, .footer-designC__head_link::before, .footer-designC__bottom_lang::before, .header-designC__list_link::before, .header-designC__lang::before, .c-cardColumn3 .c-card--vertical .c-card__link::before, .c-cardColumn2 .c-card--vertical .c-card__link::before, .c-card__horizon .c-card__link::before, .c-card__horizon_small::before, .c-btn--primary::before, .c-btn--secondary::before, .text-link::before, .p-awards-modal__history_title a::before, .p-awards-modal__info_link::before, .p-aboutDomain-section__info_link::before, .p-home-mv__post .c-card__link::before, .p-home-news__link::before, .floating a::before, .icon-arrowBlack::after, .c-box__link::after, .footer-designC__head_link::after, .footer-designC__bottom_lang::after, .header-designC__list_link::after, .header-designC__lang::after, .c-cardColumn3 .c-card--vertical .c-card__link::after, .c-cardColumn2 .c-card--vertical .c-card__link::after, .c-card__horizon .c-card__link::after, .c-card__horizon_small::after, .c-btn--primary::after, .c-btn--secondary::after, .text-link::after, .p-awards-modal__history_title a::after, .p-awards-modal__info_link::after, .p-aboutDomain-section__info_link::after, .p-home-mv__post .c-card__link::after, .p-home-news__link::after, .floating a::after {position: absolute; margin: auto; content: ""; transition: opacity .3s ease, -webkit-transform .3s ease; transition: transform .3s ease, opacity .3s ease; transition: transform .3s ease, opacity .3s ease, -webkit-transform .3s ease;background-repeat: no-repeat; background-size: contain; } .icon-arrowBlack::before, .c-box__link::before, .footer-designC__head_link::before, .footer-designC__bottom_lang::before, .header-designC__list_link::before, .header-designC__lang::before, .c-cardColumn3 .c-card--vertical .c-card__link::before, .c-cardColumn2 .c-card--vertical .c-card__link::before, .c-card__horizon .c-card__link::before, .c-card__horizon_small::before, .c-btn--primary::before, .c-btn--secondary::before, .text-link::before, .p-awards-modal__history_title a::before, .p-awards-modal__info_link::before, .p-aboutDomain-section__info_link::before, .p-home-mv__post .c-card__link::before, .p-home-news__link::before, .floating a::before { right: 20px; opacity: 1;background-image: url(/jp-ja/design/assets/img/utils/arrow-right-black.svg); background-repeat: no-repeat; } .icon-arrowBlack::after, .c-box__link::after, .footer-designC__head_link::after, .footer-designC__bottom_lang::after, .header-designC__list_link::after, .header-designC__lang::after, .c-cardColumn3 .c-card--vertical .c-card__link::after, .c-cardColumn2 .c-card--vertical .c-card__link::after, .c-card__horizon .c-card__link::after, .c-card__horizon_small::after, .c-btn--primary::after, .c-btn--secondary::after, .text-link::after, .p-awards-modal__history_title a::after, .p-awards-modal__info_link::after, .p-aboutDomain-section__info_link::after, .p-home-mv__post .c-card__link::after, .p-home-news__link::after, .floating a::after { right: 30px; opacity: 0;background-image: url(/jp-ja/design/assets/img/utils/arrow-right-main.svg); background-repeat: no-repeat; } .icon-arrowBlack:hover::before, .c-box__link:hover::before, .footer-designC__head_link:hover::before, .footer-designC__bottom_lang:hover::before, .header-designC__list_link:hover::before, .header-designC__lang:hover::before, .c-cardColumn3 .c-card--vertical .c-card__link:hover::before, .c-cardColumn2 .c-card--vertical .c-card__link:hover::before, .c-card__horizon .c-card__link:hover::before, .c-card__horizon_small:hover::before, .c-btn--primary:hover::before, .c-btn--secondary:hover::before, .text-link:hover::before, .p-awards-modal__history_title a:hover::before, .p-awards-modal__info_link:hover::before, .p-aboutDomain-section__info_link:hover::before, .p-home-mv__post .c-card__link:hover::before, .p-home-news__link:hover::before, .floating a:hover::before { -webkit-transform: translateX(15px); transform: translateX(15px); opacity: 0; } .icon-arrowBlack:hover::after, .c-box__link:hover::after, .footer-designC__head_link:hover::after, .footer-designC__bottom_lang:hover::after, .header-designC__list_link:hover::after, .header-designC__lang:hover::after, .c-cardColumn3 .c-card--vertical .c-card__link:hover::after, .c-cardColumn2 .c-card--vertical .c-card__link:hover::after, .c-card__horizon .c-card__link:hover::after, .c-card__horizon_small:hover::after, .c-btn--primary:hover::after, .c-btn--secondary:hover::after, .text-link:hover::after, .p-awards-modal__history_title a:hover::after, .p-awards-modal__info_link:hover::after, .p-aboutDomain-section__info_link:hover::after, .p-home-mv__post .c-card__link:hover::after, .p-home-news__link:hover::after, .floating a:hover::after { -webkit-transform: translateX(10px); transform: translateX(10px); opacity: 1; } .icon-arrowBlack[target=_blank]::before, [target=_blank].c-box__link::before, [target=_blank].footer-designC__head_link::before, [target=_blank].footer-designC__bottom_lang::before, [target=_blank].header-designC__list_link::before, [target=_blank].header-designC__lang::before, .c-cardColumn3 .c-card--vertical [target=_blank].c-card__link::before, .c-cardColumn2 .c-card--vertical [target=_blank].c-card__link::before, .c-card__horizon [target=_blank].c-card__link::before, [target=_blank].c-card__horizon_small::before, [target=_blank].c-btn--primary::before, [target=_blank].c-btn--secondary::before, [target=_blank].text-link::before, .p-awards-modal__history_title a[target=_blank]::before, [target=_blank].p-awards-modal__info_link::before, [target=_blank].p-aboutDomain-section__info_link::before, .p-home-mv__post [target=_blank].c-card__link::before, [target=_blank].p-home-news__link::before, .floating a[target=_blank]::before, .icon-arrowBlack[target=_blank]::after, [target=_blank].c-box__link::after, [target=_blank].footer-designC__head_link::after, [target=_blank].footer-designC__bottom_lang::after, [target=_blank].header-designC__list_link::after, [target=_blank].header-designC__lang::after, .c-cardColumn3 .c-card--vertical [target=_blank].c-card__link::after, .c-cardColumn2 .c-card--vertical [target=_blank].c-card__link::after, .c-card__horizon [target=_blank].c-card__link::after, [target=_blank].c-card__horizon_small::after, [target=_blank].c-btn--primary::after, [target=_blank].c-btn--secondary::after, [target=_blank].text-link::after, .p-awards-modal__history_title a[target=_blank]::after, [target=_blank].p-awards-modal__info_link::after, [target=_blank].p-aboutDomain-section__info_link::after, .p-home-mv__post [target=_blank].c-card__link::after, [target=_blank].p-home-news__link::after, .floating a[target=_blank]::after { content: none; } .icon-arrowBlack[target=_blank] .tgblank-icon, [target=_blank].c-box__link .tgblank-icon, [target=_blank].footer-designC__head_link .tgblank-icon, [target=_blank].footer-designC__bottom_lang .tgblank-icon, [target=_blank].header-designC__list_link .tgblank-icon, [target=_blank].header-designC__lang .tgblank-icon, .c-cardColumn3 .c-card--vertical [target=_blank].c-card__link .tgblank-icon, .c-cardColumn2 .c-card--vertical [target=_blank].c-card__link .tgblank-icon, .c-card__horizon [target=_blank].c-card__link .tgblank-icon, [target=_blank].c-card__horizon_small .tgblank-icon, [target=_blank].c-btn--primary .tgblank-icon, [target=_blank].c-btn--secondary .tgblank-icon, [target=_blank].text-link .tgblank-icon, .p-awards-modal__history_title a[target=_blank] .tgblank-icon, [target=_blank].p-awards-modal__info_link .tgblank-icon, [target=_blank].p-aboutDomain-section__info_link .tgblank-icon, .p-home-mv__post [target=_blank].c-card__link .tgblank-icon, [target=_blank].p-home-news__link .tgblank-icon, .floating a[target=_blank] .tgblank-icon { width: 16px !important; height: 16px !important; margin-left: 10px; } .icon-arrowBlack[target=_blank]:hover .tgblank-icon, [target=_blank].c-box__link:hover .tgblank-icon, [target=_blank].footer-designC__head_link:hover .tgblank-icon, [target=_blank].footer-designC__bottom_lang:hover .tgblank-icon, [target=_blank].header-designC__list_link:hover .tgblank-icon, [target=_blank].header-designC__lang:hover .tgblank-icon, .c-cardColumn3 .c-card--vertical [target=_blank].c-card__link:hover .tgblank-icon, .c-cardColumn2 .c-card--vertical [target=_blank].c-card__link:hover .tgblank-icon, .c-card__horizon [target=_blank].c-card__link:hover .tgblank-icon, [target=_blank].c-card__horizon_small:hover .tgblank-icon, [target=_blank].c-btn--primary:hover .tgblank-icon, [target=_blank].c-btn--secondary:hover .tgblank-icon, [target=_blank].text-link:hover .tgblank-icon, .p-awards-modal__history_title a[target=_blank]:hover .tgblank-icon, [target=_blank].p-awards-modal__info_link:hover .tgblank-icon, [target=_blank].p-aboutDomain-section__info_link:hover .tgblank-icon, .p-home-mv__post [target=_blank].c-card__link:hover .tgblank-icon, [target=_blank].p-home-news__link:hover .tgblank-icon, .floating a[target=_blank]:hover .tgblank-icon { -webkit-filter: invert(42%) sepia(84%) saturate(237%) hue-rotate(176deg) brightness(96%); filter: invert(42%) sepia(84%) saturate(237%) hue-rotate(176deg) brightness(96%); } @font-face { font-family: "Montserrat"; font-weight: 100 700;src: url("/jp-ja/design/assets/fonts/Montserrat-VariableFont_wght.ttf") format("truetype"); } @font-face { font-family: "Noto Sans JP"; font-weight: 100 700;src: url("/jp-ja/design/assets/fonts/NotoSansJP-VariableFont_wght.ttf") format("truetype"); } @font-face { font-family: "Zen Kaku Gothic New"; font-weight: 500;src: url("/jp-ja/design/assets/fonts/ZenKakuGothicNew-Medium.ttf") format("truetype"); } @font-face { font-family: "Zen Kaku Gothic New"; font-weight: 700;src: url("/jp-ja/design/assets/fonts/ZenKakuGothicNew-Bold.ttf") format("truetype"); } .designCenterContents { overflow: hidden; } main { font-family: 'メイリオ', 'Meiryo', 'Open Sans', 'Arial', sans-serif, "Montserrat", "Noto Sans JP", "Zen Kaku Gothic New", sans-serif; font-weight: 400; font-style: normal; letter-spacing: .8px; color: #18181C; } .sp-only { display: none !important; } .pc-only { display: block !important; } .ff-en { font-family: "Montserrat" !important; } .ff-gothic { font-family: "Zen Kaku Gothic New" !important; } .ff-notosans { font-family: "Noto Sans JP" !important; } .no-scroll { overflow-y: hidden; } .text-center { text-align: center; } .text-left { text-align: left; } .fz-bold { font-weight: 700 !important; } img { width: 100%; max-width: 100%; height: auto; } a { color: #000; } .p-info__title { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%; margin-bottom: 40px;text-align: center; letter-spacing: 2px; } figcaption, .figcaption { /*20250520 font-family: "Noto Sans JP";*/ font-size: 12px !important; font-weight: 400; line-height: 200%; margin-top: 16px !important;color: #4D4D4D; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-70 { margin-bottom: 70px; } .mb-80 { margin-bottom: 80px; } .mb-90 { margin-bottom: 90px; } .mb-100 { margin-bottom: 100px; } .mt-10 { margin-top: 10px; } .mt-20 { margin-top: 20px; } .mt-30 { margin-top: 30px; } .mt-40 { margin-top: 40px; } .mt-50 { margin-top: 50px; } .mt-60 { margin-top: 60px; } .mt-70 { margin-top: 70px; } .mt-80 { margin-top: 80px; } .mt-90 { margin-top: 90px; } .mt-100 { margin-top: 100px; } .floating {position: fixed; z-index: 1; right: 20px; bottom: 120px; transition: .2s;border-radius: 20px; background-color: #DCE5E7; -webkit-filter: drop-shadow(0px 4px 74px rgba(0, 0, 0, .3)); filter: drop-shadow(0px 4px 74px rgba(0, 0, 0, .3)); } .floating.floating-delete { display: none; } .floating-inner { position: relative; } .floating-close { position: absolute; z-index: 9999; top: -20px; right: -15px; width: 44px; height: 44px; pointer-events: auto; } .floating a {font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%; display: inline-flex; padding: 30px 40px 30px 30px;transition: .2s; text-decoration: none; letter-spacing: .8px; } .floating a h1, .floating a h2, .floating a h3, .floating a p { transition: .2s; } .floating a:hover { color: #0765B9; } .floating a:hover h1, .floating a:hover h2, .floating a:hover h3, .floating a:hover p { color: #0765B9; } .floating a::before, .floating a::after { width: 16px; height: 16px; } .floating a::before {bottom: 32px; background-image: url(/jp-ja/design/assets/img/utils/arrow-right-black.svg); } .floating a::after { bottom: 32px; } .floating a:hover::after { bottom: 32px; } .paragraph-img { display: block; } .paragraph-img img { width: auto !important; } .u-visually-hidden {position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; white-space: nowrap;-webkit-clip-path: inset(50%);clip-path: inset(50%); } .grad-1 { stop-color: rgb(0, 160, 209); stop-opacity: 1; } .grad-2 { stop-color: rgb(0, 134, 217); stop-opacity: 1; } .grad-3 { stop-color: rgb(0, 71, 152); stop-opacity: 1; } /*! html5doctor.com Reset Stylesheet v1.6.1 Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */ .designCenterContents { line-height: 1; } button {padding: 0; cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {font-size: 100%; box-sizing: border-box; margin: 0; padding: 0; vertical-align: baseline; border: 0; background: transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } nav ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } a {font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; background: transparent; } /* change colours to suit your needs */ ins {text-decoration: none;color: #000; background-color: #FF9; } /* change colours to suit your needs */ mark {font-weight: bold;font-style: italic; color: #000; background-color: #FF9; } del { text-decoration: line-through; } abbr[title], dfn[title] {cursor: help; border-bottom: 1px dotted; } table {border-spacing: 0; border-collapse: collapse; } /* change border colour to suit your needs */ hr { display: block; height: 1px; margin: 1em 0; padding: 0;border: 0; border-top: 1px solid #CCC; } input, select { vertical-align: middle; } .p-home-mv { max-width: 1360px; margin: 0 auto 120px; padding-right: 20px; padding-left: 20px; } .p-home-mv__contents { display: flex; align-items: center; gap: 82px; } .p-home-mv__animation {position: relative; max-width: 850px; margin-top: -150px; } .p-home-mv__textbox { position: absolute; top: 55%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; } .p-home-mv__title {font-family: "Zen Kaku Gothic New"; font-size: 85px; font-weight: 500; line-height: 140%; margin-bottom: 20px;color: #FFF; } .p-home-mv__title span { letter-spacing: -.7em; } .p-home-mv__text {font-family: "Zen Kaku Gothic New"; font-size: 19.186px; font-weight: 700; line-height: 189%; margin-bottom: 40px;color: #FFF; } .p-home-mv__post .c-card { width: 100%; max-width: 370px; padding: 40px 35px; } .p-home-mv__post .c-card img { border-radius: 20px; } .p-home-mv__post .c-card .c-label { top: -40px; left: -35px; } .p-home-mv__post .c-card__textbox { background-color: #FFF; } .p-home-mv__post .c-card__link::before, .p-home-mv__post .c-card__link::after { width: 22px; height: 22px; } .p-home-mv__post .c-card__link::before, .p-home-mv__post .c-card__link::after { bottom: 0; margin-right: 0; } .p-home-mv__post .c-card__link::before { right: 0; } .p-home-mv__post .c-card__link::after { right: 10px; } .p-home-mv__post .c-card__textbox { padding: 24px 0 24px; } .p-home-mv__playbtn {position: absolute; right: 30px; bottom: 50px;width: 34px; height: 34px; background-image: url(/jp-ja/design/assets/img/utils/play-btn.svg); } .p-home-mv__playbtn.pause { background-image: url(/jp-ja/design/assets/img/utils/pause-btn.svg); } .p-home-section { margin-bottom: 80px; } .p-home-section__lead { display: flex; margin-bottom: 40px;align-items: flex-start; } .p-home-section__lead_boxRight {position: relative; display: flex; width: 100%; align-items: flex-start; gap: 20px; justify-content: space-between; } .p-home-section__lead_title { margin-right: 40px; padding-right: 40px; border-right: 1px solid #000; } .p-home-section__lead_title .c-title-ja-mb { display: block; } .p-home-section__lead_text {line-height: 170% !important; max-width: 550px; } .p-home-news { display: flex; align-items: flex-start; gap: 64px; } .p-home-news .c-title-ja-mb { display: block; } .p-home-news__list {width: 100%; list-style: none; } .p-home-news__item { border-bottom: 1px solid #000; } .p-home-news__item:first-child { border-top: 1px solid #000; } .p-home-news__link {/*20250520 font-family: "Noto Sans JP";*/ font-size: 16px; font-weight: 400; line-height: 140%; line-height: 170%; display: flex; padding: 20px 50px 20px 32px; transition: .2s; text-decoration: none; letter-spacing: .8px; align-items: center; gap: 40px; } .p-home-news__link h1, .p-home-news__link h2, .p-home-news__link h3, .p-home-news__link p { transition: .2s; } .p-home-news__link:hover { color: #0765B9; } .p-home-news__link:hover h1, .p-home-news__link:hover h2, .p-home-news__link:hover h3, .p-home-news__link:hover p { color: #0765B9; } .p-home-news__link::before, .p-home-news__link::after { width: 16px; height: 16px; } .p-home-news__link::before { right: 32px; } .p-home-news__link::after { right: 42px; } .p-home .c-card__title { line-height: 170%; } .c-page .l-container { margin-bottom: 120px; } .c-page-mv {position: relative; max-width: 1440px; height: 300px; margin-bottom: 64px;margin-inline: auto; } .c-page-mv__right picture, .c-page-mv__right figure { position: absolute; z-index: -1;top: 0; right: 0; width: 100%; max-width: 950px; } .c-page-mv__right img { width: 100%; max-width: 100%; height: 300px; -o-object-fit: cover; object-fit: cover; } .c-page-mv__left {position: relative; top: 0; left: -60px;width: 765px; height: 300px; background-image: url(/jp-ja/design/assets/img/page/page-mvbg.svg); background-repeat: no-repeat; background-position: 0 -110px; background-size: 100%; } .c-page-mv__left_containar { position: absolute; top: 100px;left: 230px; } .c-page-mv__title { font-family: "Montserrat"; font-size: 60px; font-weight: 700; line-height: 110%; letter-spacing: 3px; color: #FFF; } .c-page-mv__subtitle { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%; letter-spacing: 1.1px; color: #FFF !important; } .c-page-lead { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; max-width: 800px; margin-bottom: 64px; text-align: center;letter-spacing: .8px; color: #18181C; margin-inline: auto; } .c-page-section {position: relative; margin-bottom: 120px; } .c-page-section.first-block { margin-top: 64px; } .c-page-section__bluebg {margin-bottom: 0; padding-top: 120px; padding-bottom: 120px; } .c-page-section__bluebg + .c-page-section__bluebg {margin-top: -120px; margin-bottom: 120px; } .c-page-section__bluebg .c-page-detail-section__imagebox {margin-top: 80px; margin-bottom: 80px; } .c-page-section__bluebg::before {position: absolute; z-index: -1;top: 0; bottom: 0; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); content: ""; background-color: #EAF2F6; } .c-page-section__bluebg .c-card__textbox { background-color: #FFF; } .c-page-section__lead { /*20250520 font-family: "Noto Sans JP";*/ font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; text-align: center;letter-spacing: .8px; color: #18181C; } .c-page-title { font-family: "Montserrat", "Zen Kaku Gothic New", sans-serif; font-size: 20px; font-weight: 700; line-height: 140%; margin-top: 24px; margin-bottom: 24px;letter-spacing: 1px; } .c-page-title_box { max-width: 1390px; padding: 0 48px;margin-inline: auto; } .c-page-subtitle { font-family: "Zen Kaku Gothic New"; font-size: 14px; font-weight: 700; line-height: 140%; margin-left: 10px; } .c-page-wave-mv { position: relative; } .c-page-wave-mv::before {position: absolute; z-index: -1;top: 0; bottom: 0; width: 100vw; margin: 0 calc(50% - 50vw); content: ""; background-color: #EAF2F6; } .c-page-wave-mv::after {position: absolute; bottom: -38px; width: 100%; height: 40px; content: ""; background-image: url(/jp-ja/design/assets/img/utils/perts-wave.svg); background-position: bottom 0 left 0;background-size: 1200px; } .c-page-wave-mv__parts { width: 100%; } .c-page-wave-mv__title { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%; margin-top: 56px; padding-bottom: 80px;text-align: center; letter-spacing: 2px; } .c-page-wave-mv__title span { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; display: block;letter-spacing: 1px; } .c-page-detail-mv {position: relative; max-width: 1160px; margin: 0 auto; margin-bottom: 150px; } .c-page-detail-mv__image img { border-radius: 0px 0px 60px 60px; } .c-page-detail-mv__titlebg {position: absolute; bottom: -150px; left: -280px; width: 838px; height: 424px; transition: -webkit-filter 1s ease-in-out; transition: filter 1s ease-in-out; transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out; background-image: url(/jp-ja/design/assets/img/stories/detail/mvbg.svg); background-repeat: no-repeat; background-size: 100%; -webkit-filter: blur(5px); filter: blur(5px); } .c-page-detail-mv__titlebg[data-loading=true] { -webkit-filter: blur(0); filter: blur(0); } .c-page-detail-mv__titlebg_container { position: relative; } .c-page-detail-mv__titlebox { position: absolute; top: 50%; left: 50%; width: 100%;max-width: 555px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-page-detail-mv__title { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%; margin-top: 15px;letter-spacing: 2px; color: #FFF; } .c-page-detail-mv__subtitle { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; letter-spacing: 1px; color: #FFF; } .c-page-detail-mv__image img { border-radius: 0px 0px 60px 60px; } .c-page-detail__imagebox { margin-top: 48px !important; } .c-page-detail__imagebox + * { margin-top: 48px !important; } .c-page-detail__imagebox img { border-radius: 40px; } .c-page-detail__imagehorizon { display: flex; gap: 10px; } .c-page-detail__imagehorizon .c-page-detail-mv__imagebox:first-child img { border-radius: 40px 0 0 40px; } .c-page-detail__imagehorizon .c-page-detail-mv__imagebox:last-child img { border-radius: 0 40px 40px 0; } .c-page-detail__text { /*20250520 font-family: "Noto Sans JP";*/ font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; letter-spacing: .8px; color: #18181C; } .c-page-detail__text + * { margin-top: 32px; } .c-page-detail-section-titlebox { margin-bottom: 48px; text-align: center; } .c-page-detail-section-title { font-family: "Zen Kaku Gothic New"; font-size: 36px; font-weight: 700; line-height: 140%; line-height: 180%; display: inline; transition: .8s; letter-spacing: 2px; background-image: linear-gradient(97deg, #37A3EB 3.46%, #68D0F1 99.56%); background-repeat: no-repeat; background-position: 0 90%; background-size: 0% 18%; } .c-page-detail-section-title[data-fade=true] { background-size: 100% 18%; } .c-page-detail-section__subtitle { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; margin-bottom: 20px;text-align: center; letter-spacing: 1px; } .c-page-video { position: relative; display: block; max-width: 100%; } .c-page-video__inner { padding-top: 50%; } .c-page-video__inner video { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; width: 100%; height: 100%; } .p-stories-detail-mv {position: relative; max-width: 1160px; margin: 0 auto; margin-bottom: 150px; } .p-stories-detail-mv__titlebg {position: absolute; bottom: -150px; left: -280px; width: 838px; height: 424px; transition: -webkit-filter 1s ease-in-out; transition: filter 1s ease-in-out; transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out; background-image: url(/jp-ja/design/assets/img/stories/detail/mvbg.svg); background-repeat: no-repeat; background-size: 100%; -webkit-filter: blur(5px); filter: blur(5px); } .p-stories-detail-mv__titlebg[data-loading=true] { -webkit-filter: blur(0); filter: blur(0); } .p-stories-detail-mv__titlebg_container { position: relative; } .p-stories-detail-mv__titlebox { position: absolute; top: 50%; left: 50%; width: 100%;max-width: 465px; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-stories-detail-mv__title { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%; margin-top: 15px;letter-spacing: 2px; color: #FFF; } .p-stories-detail-mv__subtitle { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; letter-spacing: 1px; color: #FFF; } .p-stories-detail-mv__image img { border-radius: 0px 0px 60px 60px; } .p-stories-detail-mv__profile {max-width: 430px; margin-top: -120px; padding-bottom: 180px; margin-inline: auto 0; } .p-stories-detail-mv__profile_box { display: flex; margin-bottom: 13px;align-items: flex-start; } .p-stories-detail-mv__profile_box:last-child { margin-bottom: 0; } .p-stories-detail-mv__profile_name { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; position: relative; display: flex; margin-right: 16px;padding-right: 16px; letter-spacing: .8px; align-items: center; } .p-stories-detail-mv__profile_name::after {position: absolute; top: 3px; right: 0; bottom: 3px; width: 1px; content: ""; background-color: #666; } .p-stories-detail-mv__profile_text { margin-top: 5px; flex: 1; } .p-stories-detail-section { position: relative; margin-bottom: 120px; } .p-stories-detail-section__bluebg {padding-top: 120px; padding-bottom: 120px; } .p-stories-detail-section__bluebg .p-stories-detail-section__imagebox {margin-top: 80px; margin-bottom: 80px; } .p-stories-detail-section__bluebg::before {position: absolute; z-index: -1;top: 0; bottom: 0; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); content: ""; background-color: #EAF2F6; } .p-stories-detail-section:first-child { padding: 20px 0 50px; } .p-stories-detail-section:first-child::before {position: absolute; z-index: -1;top: -230px; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); content: ""; background-color: #EAF2F6; } .p-stories-detail-section img { width: 100%; height: auto; } .p-stories-detail-section__imagebox { margin-top: 48px !important; } .p-stories-detail-section__imagebox + * { margin-top: 48px !important; } .p-stories-detail-section__imagebox img { border-radius: 40px; } .p-stories-detail-section__imagehorizon { display: flex; gap: 10px; } .p-stories-detail-section__imagehorizon .p-stories-detail-section__image:first-child img { border-radius: 40px 0 0 40px; } .p-stories-detail-section__imagehorizon .p-stories-detail-section__image:last-child img { border-radius: 0 40px 40px 0; } .p-stories-detail-section__titlebox { margin-bottom: 48px; text-align: center; } .p-stories-detail-section__title { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%; line-height: 180%; display: inline; transition: .8s; letter-spacing: 2px; background-image: linear-gradient(97deg, #37A3EB 3.46%, #68D0F1 99.56%); background-repeat: no-repeat; background-position: 0 90%; background-size: 0% 18%; } .p-stories-detail-section__title[data-fade=true] { background-size: 100% 18%; } .p-stories-detail-section__subtitle { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; margin-bottom: 20px;text-align: center; letter-spacing: 1px; } .p-stories-detail-section__text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; letter-spacing: .8px; color: #18181C; } .p-stories-detail-section__text + * { margin-top: 40px; } .p-stories-detail-member { max-width: 810px; margin-inline: auto; } .p-stories-detail-member .c-page-detail-section__subtitle { margin-bottom: 32px; } .p-stories-detail-member__image { margin-bottom: 24px; } .p-stories-detail-member__image.label-member { position: relative; } .p-stories-detail-member__image.label-member::before {font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; position: absolute; z-index: 2; top: 0; left: 0; padding: 6px 30px; content: "Project Member"; letter-spacing: .8px; color: #FFF; color: #FFF;border-radius: 20px 0 20px 0; background-color: #0765B9; } .p-stories-detail-member__image img { border-radius: 40px; } .p-stories-detail-member__title { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; margin-bottom: 10px;letter-spacing: 1px; } /*.p-stories-detail-member__text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; letter-spacing: .8px; color: #18181C; }*/ .p-stories-detailInterview .p-stories-detail-section { margin-bottom: 145px; } .p-stories-detailInterview-section__row { display: flex; align-items: flex-start; gap: 40px; } .p-stories-detailInterview-section__row_image { flex: 0 0 40%; } .p-stories-detailInterview-section__row_image img { width: 100%; height: auto; } .p-stories-detailInterview-section__row .p-stories-detail-section__text + * { margin-top: 0 !important; } .p-stories-detailInterview-section__row.row-reverse { flex-direction: row-reverse; } .p-stories-detailInterview-linkcollection .p-stories-detail-section__container {padding-top: 25px; border-top: 1px solid #E5E5E5; } .p-stories-detailInterview-linkcollection__box { margin-bottom: 28px; } .p-stories-detailInterview-linkcollection__box:last-child { margin-bottom: 0; } .p-stories-detailInterview-linkcollection__title { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; position: relative; margin-bottom: 16px;padding-left: 12px; letter-spacing: .8px; } .p-stories-detailInterview-linkcollection__title::before { position: absolute; left: 0; width: 5px; height: 100%; content: ""; border-radius: 20px; background-color: #1880C5; } .p-stories-detailInterview-linkcollection__item { margin-bottom: 16px; } .p-stories-detailInterview-linkcollection__item:last-child { margin-bottom: 0; } .p-stories-detailInterview-linkcollection__link {font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%;transition: .2s; text-decoration: none; letter-spacing: .8px; } .p-stories-detailInterview-linkcollection__link h1, .p-stories-detailInterview-linkcollection__link h2, .p-stories-detailInterview-linkcollection__link h3, .p-stories-detailInterview-linkcollection__link p { transition: .2s; } .p-stories-detailInterview-linkcollection__link:hover { color: #0765B9; } .p-stories-detailInterview-linkcollection__link:hover h1, .p-stories-detailInterview-linkcollection__link:hover h2, .p-stories-detailInterview-linkcollection__link:hover h3, .p-stories-detailInterview-linkcollection__link:hover p { color: #0765B9; } .p-stories-detailInterview-bluebg__title { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; margin-bottom: 35px;padding-bottom: 5px; letter-spacing: 1px; border-bottom: 1px solid #808080; } .p-stories-detailInterview-bluebg__subtitle { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%; margin-bottom: 35px;letter-spacing: 1.1px; } .p-stories-detailInterview-bluebg__row { display: flex; gap: 40px; } .p-stories-detailInterview-bluebg__row_item { flex: 1; } .p-stories-detailInterview-bluebg__img { margin-bottom: 24px; } .p-stories-detailInterview-bluebg__text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; letter-spacing: .8px; color: #18181C; } .p-stories-detailInterview-bluebg__box { margin-bottom: 120px; } .p-stories-detailInterview-bluebg__box:last-child { margin-bottom: 0; } .p-stories-detailInterview-bluebg__profile { display: flex; margin-bottom: 28px;align-items: center; gap: 20px; } .p-stories-detailInterview-bluebg__profile_img { flex: 0 0 124px; } .p-stories-detailInterview-bluebg__profile_name { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .p-stories-detailInterview-info__title { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%; margin-bottom: 40px; text-align: center;letter-spacing: 2px; } .p-stories-detailInterview-info__btn { margin-top: 40px; text-align: center; } .p-about-mv { max-width: 1440px; margin-inline: auto; } .p-about-mv__contents { margin-bottom: 120px; } .p-about-mv__animation {position: relative; left: -360px; max-width: 1100px; margin-top: -300px; margin-inline: auto; } .p-about-mv__animation .c-page-title_box { position: absolute; top: 320px; left: 210px; color: #FFF; } .p-about-mv__textbox { position: absolute; top: 58%; left: 45.5%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .p-about-mv__image { transition: -webkit-filter 1s ease-in-out; transition: filter 1s ease-in-out; transition: filter 1s ease-in-out, -webkit-filter 1s ease-in-out; -webkit-filter: blur(5px); filter: blur(5px); } .p-about-mv__image[data-loading=true] { -webkit-filter: blur(0); filter: blur(0); } .p-about-mv__title {font-family: "Zen Kaku Gothic New"; font-size: 82px; font-weight: 500; line-height: 140%; margin-bottom: 20px;color: #FFF; } .p-about-mv__text {font-family: "Zen Kaku Gothic New"; font-size: 21px; font-weight: 700; line-height: 189%; margin-bottom: 25px;color: #FFF; } .p-about-mv__text:last-child { margin-bottom: 0; } .p-about-mv__playbtn {position: absolute; right: 320px; bottom: 150px;width: 34px; height: 34px; background-image: url(/jp-ja/design/assets/img/utils/play-btn.svg); } .p-about-mv__playbtn.pause { background-image: url(/jp-ja/design/assets/img/utils/pause-btn.svg); } .p-about-mv__values { position: absolute; top: 500px; right: -280px; max-width: 480px; padding: 40px 87px 70px 87px;border-radius: 30px; background-color: rgba(188, 228, 255, .9); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .p-about-mv__values_list {padding-left: 0; list-style: none; } .p-about-mv__values_title {font-family: "Montserrat"; font-size: 33px; font-weight: 700; font-style: normal; line-height: 140%; margin-bottom: 24px;letter-spacing: 2.1px; border-bottom: 1px solid #0D4164; } .p-about-mv__values_title span.small-ja {font-family: "Zen Kaku Gothic New"; font-size: 15px; font-weight: 700; font-style: normal; line-height: 140%; /* 21px */ margin-right: 10px;letter-spacing: .9px; } .p-about-mv__values_title span.small-en { font-size: 22px; } .p-about-mv__values_item {font-family: "Zen Kaku Gothic New";font-size: 22px; font-weight: 500; font-style: normal; line-height: 140%; margin-bottom: 20px; letter-spacing: 1.32px; color: #002741; } .p-about-mv__values_item:last-child { margin-bottom: 0; } .p-about-mv__values_item span {font-family: "Montserrat"; font-size: 13.849px; font-weight: 400; line-height: 150%; display: block; margin-bottom: 5px; color: #0B59B3; } .p-about-bnr .c-card { margin-bottom: 80px; } .p-about-bnr .c-card:last-child { margin-bottom: 0; } .p-aboutDomain-wrapper { overflow: visible !important; } .p-aboutDomain .l-container { max-width: 1240px !important; } .p-aboutDomain__container { display: flex; margin-bottom: 120px;gap: 130px; justify-content: flex-start; } .p-aboutDomain__container .spacing { margin-left: -20.5px; } .p-aboutDomain-left { flex: 1; } .p-aboutDomain-left__contents { position: sticky; top: 0; left: 0; } .p-aboutDomain-left__animation { position: relative; top: 50px; } .p-aboutDomain-left__animation .c-page-title_box { position: absolute; color: #FFF; } .p-aboutDomain-left__image svg { width: 100%; } .p-aboutDomain-left__title {font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 900; line-height: 140%; position: absolute; top: 50%; left: 50%; width: 97%; transition: .3s ease-in; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; letter-spacing: 2.8px; opacity: 1;color: #FFF; } .p-aboutDomain-left__title[data-shapetitle=view-1] { font-size: 56px; } .p-aboutDomain-left__title span { letter-spacing: -.7em; } .p-aboutDomain-left__title.hidden { visibility: hidden; opacity: 0; } .p-aboutDomain-left__text {font-family: "Zen Kaku Gothic New"; font-size: 21px; font-weight: 700; line-height: 189%; margin-bottom: 25px;color: #FFF; } .p-aboutDomain-left__text:last-child { margin-bottom: 0; } .p-aboutDomain-left__playbtn {position: absolute; right: 0px; bottom: 50px;width: 34px; height: 34px; background-image: url(/jp-ja/design/assets/img/utils/play-btn.svg); } .p-aboutDomain-left__playbtn.pause { background-image: url(/jp-ja/design/assets/img/utils/pause-btn.svg); } .p-aboutDomain-right { margin-top: 135px; flex: 1; } .p-aboutDomain-section { margin-bottom: 280px; } .p-aboutDomain-section__title {font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 900; line-height: 170%; margin-bottom: 40px;letter-spacing: 2px; } .p-aboutDomain-section__text { /*20250520 font-family: "Zen Kaku Gothic New";*/ font-weight: 700; font-style: normal; line-height: 200%; margin-bottom: 40px;letter-spacing: .8px; } .p-aboutDomain-section__text:last-child { margin-bottom: 0; } .p-aboutDomain-section__count { font-family: "Montserrat"; font-size: 36px; font-weight: 600; margin-bottom: 10px;letter-spacing: 4.68px; } .p-aboutDomain-section__count span { font-size: 18px; font-weight: 600; letter-spacing: 7.2px; } .p-aboutDomain-section__image { margin-bottom: 40px; } .p-aboutDomain-section__image img { border-radius: 28px; } .p-aboutDomain-section__info {padding: 30px 46px; border-radius: 20px; background-color: #F4F4F4; } .p-aboutDomain-section__info_title { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; margin-bottom: 16px;letter-spacing: .8px; } .p-aboutDomain-section__info_box { margin-bottom: 24px; } .p-aboutDomain-section__info_box:last-child { margin-bottom: 0; } .p-aboutDomain-section__info_link {display: inline-flex; padding-right: 52px; padding-left: 16px;transition: .2s; text-decoration: none; align-items: center; } .p-aboutDomain-section__info_link h1, .p-aboutDomain-section__info_link h2, .p-aboutDomain-section__info_link h3, .p-aboutDomain-section__info_link p { transition: .2s; } .p-aboutDomain-section__info_link:hover { color: #0765B9; } .p-aboutDomain-section__info_link:hover h1, .p-aboutDomain-section__info_link:hover h2, .p-aboutDomain-section__info_link:hover h3, .p-aboutDomain-section__info_link:hover p { color: #0765B9; } .p-aboutDomain-section__info_link::before, .p-aboutDomain-section__info_link::after { width: 16px; height: 16px; } .p-aboutDomain-section__info_link span { display: block; } .p-aboutDomain-section__info_link_title { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%;letter-spacing: .8px; } .p-aboutDomain-section__info_link_title span { font-family: "Noto Sans JP"; font-size: 11px; font-weight: 400; line-height: 140%;letter-spacing: 2.2px; } .p-aboutDomain-section__info_link_item { position: relative; margin-bottom: 16px; } .p-aboutDomain-section__info_link_item:last-child { margin-bottom: 0; } .p-aboutDomain-section__info_link_item::before {position: absolute; left: 0; width: 5px; height: 100%; content: ""; border-radius: 20px;background-color: #1880C5; } .p-aboutDomain-section__info_link_note { font-family: "Noto Sans JP"; font-size: 12px !important; font-weight: 400; line-height: 200%; padding-left: 16px;color: #4D4D4D; } .p-awards__no-results {font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%; margin-top: 80px; margin-bottom: 120px; letter-spacing: 1.1px; } .p-awards__design-section { margin-top: 120px; margin-bottom: 120px; } .p-awards__section { padding-top: 80px; } .p-awards__section .c-cardColumn3 .c-card__thumnail { z-index: -1; } .p-awards__section .c-card .c-card__link { text-align: left; align-items: unset; } .p-awards__section .c-card .c-card__link::before { content: none !important; } .p-awards__section .c-card .c-card__link::after {transition: .3s !important; -webkit-transform: translateX(10px) !important; transform: translateX(10px) !important; opacity: 1 !important; background-image: url(/jp-ja/design/assets/img/utils/plus.svg) !important; } .p-awards__section .c-card .c-card__link:hover::after { background-image: url(/jp-ja/design/assets/img/utils/plus-main.svg) !important; } .p-awards__section .c-card__thumnail_awards img { max-width: 56px; } .p-awards__section .c-card__title { word-break: break-word; } .p-awards__title { font-family: "Montserrat"; font-size: 48px; font-weight: 700; line-height: 110%; margin-bottom: 40px;letter-spacing: 2.4px; } .p-awards__subtitle { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%;letter-spacing: 1.1px; } .p-awards-search { position: fixed; z-index: 99999; top: 179.8px; right: 0; bottom: 0; visibility: hidden;overflow: auto; width: 420px; padding: 54px; transition: -webkit-transform .6s cubic-bezier(.25, .8, .25, 1); transition: transform .6s cubic-bezier(.25, .8, .25, 1); transition: transform .6s cubic-bezier(.25, .8, .25, 1), -webkit-transform .6s cubic-bezier(.25, .8, .25, 1); -webkit-transform: translateX(110%); transform: translateX(110%); background-color: #F4F3F3; box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, .3); } .p-awards-search.fixed { top: 79.8px; } .p-awards-search.is-active {visibility: visible; -webkit-transform: translateX(0); transform: translateX(0); } .p-awards-search__btn { margin-bottom: 30px; } .p-awards-search__btn::before { content: none; } .p-awards-search__btn::after {transition: .3s;-webkit-transform: translateX(10px);transform: translateX(10px); opacity: 1; } .p-awards-search__btn.open-btn { position: fixed; z-index: 2;top: 210px; right: 48px; } .p-awards-search__btn.open-btn::after { background-image: url(/jp-ja/design/assets/img/utils/arrow-form.svg); } .p-awards-search__btn.open-btn:hover::after { background-image: url(/jp-ja/design/assets/img/utils/arrow-form-main.svg); } .p-awards-search__btn.open-btn.fixed { top: 110px; } .p-awards-search__btn.close-btn::after { background-image: url(/jp-ja/design/assets/img/utils/arrow-close.svg); } .p-awards-search__btn.close-btn:hover::after { background-image: url(/jp-ja/design/assets/img/utils/arrow-close-main.svg); } .p-awards-search__label { font-family: "Noto Sans JP"; font-size: 14px; font-weight: 400; line-height: 140%; display: block; margin-bottom: 8px; letter-spacing: .7px; color: #18181C; color: #4D4D4D; } .p-awards-search__label:last-child { margin-bottom: 0; } .p-awards-search__section { margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid #4D4D4D; } .p-awards-search__section:last-child { border-bottom: none; } .p-awards-search__section_head { display: flex; margin-bottom: 16px;align-items: center; justify-content: space-between; } .p-awards-search__section_title { font-family: "Noto Sans JP"; font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 400; font-weight: 700;line-height: 140%; letter-spacing: .8px; } .p-awards-search__section input[type=checkbox] {position: relative; width: 20px; height: 20px; cursor: pointer; transition: background-color .1s;border: 1px solid #4D4D4D; border-radius: 4px; background-color: #FFF; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .p-awards-search__section input[type=checkbox]:checked {border-color: #0062C2; background-color: #0062C2; } .p-awards-search__section input[type=checkbox]:checked::after {position: absolute; top: 2px; left: 6px; left: 5px; width: 4px; height: 9px; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg);border: solid white; border-width: 0 3px 3px 0; } .p-awards-modal__title { font-family: "Zen Kaku Gothic New"; font-size: 32px; font-weight: 700; line-height: 140%; letter-spacing: 1.6px; } .p-awards-modal__title span { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%; display: block;letter-spacing: .8px; } .p-awards-modal__contents { display: flex; margin-top: 32px; padding-top: 32px; border-top: 1px solid #808080;align-items: flex-start; gap: 50px; } .p-awards-modal__left, .p-awards-modal__right { flex: 1; } .p-awards-modal__left img { border-radius: 0 !important; } .p-awards-modal__logo_list {display: flex; padding-left: 0; list-style: none; flex-wrap: wrap; } .p-awards-modal__logo_item { width: 25%; } .p-awards-modal__history { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 25px;padding-left: 0; list-style: none; letter-spacing: .8px; } .p-awards-modal__history_item { display: flex; padding: 16px 0; border-bottom: 1px solid #E5E5E5;gap: 16px; } .p-awards-modal__history_title a { display: flex; margin-bottom: 8px;padding-right: 40px; transition: .2s; text-decoration: none; align-items: center; } .p-awards-modal__history_title a h1, .p-awards-modal__history_title a h2, .p-awards-modal__history_title a h3, .p-awards-modal__history_title a p { transition: .2s; } .p-awards-modal__history_title a:hover { color: #0765B9; } .p-awards-modal__history_title a:hover h1, .p-awards-modal__history_title a:hover h2, .p-awards-modal__history_title a:hover h3, .p-awards-modal__history_title a:hover p { color: #0765B9; } .p-awards-modal__history_title a::before, .p-awards-modal__history_title a::after { width: 16px; height: 16px; } .p-awards-modal__history_title a:last-child { margin-bottom: 0; } .p-awards-modal__history_year { flex: 0 0 108px; } .p-awards-modal__text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%; line-height: 160%;margin-bottom: 25px; letter-spacing: .8px; } .p-awards-modal__info {padding: 30px 46px; border-radius: 20px; background-color: #F4F4F4; } .p-awards-modal__info_title { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; margin-bottom: 16px;letter-spacing: .8px; } .p-awards-modal__info_box { margin-bottom: 24px; } .p-awards-modal__info_box:last-child { margin-bottom: 0; } .p-awards-modal__info_link {display: flex; padding-right: 35px; padding-left: 16px;transition: .2s; text-decoration: none; align-items: center; } .p-awards-modal__info_link h1, .p-awards-modal__info_link h2, .p-awards-modal__info_link h3, .p-awards-modal__info_link p { transition: .2s; } .p-awards-modal__info_link:hover { color: #0765B9; } .p-awards-modal__info_link:hover h1, .p-awards-modal__info_link:hover h2, .p-awards-modal__info_link:hover h3, .p-awards-modal__info_link:hover p { color: #0765B9; } .p-awards-modal__info_link::before, .p-awards-modal__info_link::after { width: 16px; height: 16px; } .p-awards-modal__info_link[target=_blank] { padding-right: 18px; justify-content: space-between; } .p-awards-modal__info_link span { display: block; } .p-awards-modal__info_link_title { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%;letter-spacing: .8px; } .p-awards-modal__info_link_title span { font-family: "Noto Sans JP"; font-size: 11px; font-weight: 400; line-height: 140%;letter-spacing: 2.2px; } .p-awards-modal__info_link_item { position: relative; margin-bottom: 16px; } .p-awards-modal__info_link_item:last-child { margin-bottom: 0; } .p-awards-modal__info_link_item::before { position: absolute; left: 0; width: 5px; height: 100%; content: ""; border-radius: 20px; background-color: #1880C5; } .p-awards-modal__info_link_note { font-family: "Noto Sans JP"; font-size: 12px !important; font-weight: 400; line-height: 200%; padding-left: 16px;color: #4D4D4D; } /* Modal */ .modal__overlay {position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; display: flex; overflow: auto;padding: 50px 55px; background: rgba(227, 227, 227, .6); align-items: flex-start; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); justify-content: center; } .modal__wrapper { position: relative; } .modal__container {position: relative; width: 100%; max-width: 1200px; padding: 40px 60px; border-radius: 40px; background-color: #FFF; } .modal__close { position: absolute; z-index: 1; top: 0px; right: -53px; width: 44px; height: 44px; } @-webkit-keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @-webkit-keyframes mmslideIn { from { -webkit-transform: translateY(10%); transform: translateY(10%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes mmslideIn { from { -webkit-transform: translateY(10%); transform: translateY(10%); } to { -webkit-transform: translateY(0); transform: translateY(0); } } @-webkit-keyframes mmslideOut { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-10%); transform: translateY(-10%); } } @keyframes mmslideOut { from { -webkit-transform: translateY(0); transform: translateY(0); } to { -webkit-transform: translateY(-10%); transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden=false] .modal__overlay { -webkit-animation: mmfadeIn .6s cubic-bezier(.25, .8, .25, 1); animation: mmfadeIn .6s cubic-bezier(.25, .8, .25, 1); } .micromodal-slide[aria-hidden=false] .modal__container { -webkit-animation: mmslideIn .6s cubic-bezier(.25, .8, .25, 1); animation: mmslideIn .6s cubic-bezier(.25, .8, .25, 1); } .micromodal-slide[aria-hidden=true] .modal__overlay { -webkit-animation: mmfadeOut .6s cubic-bezier(.25, .8, .25, 1); animation: mmfadeOut .6s cubic-bezier(.25, .8, .25, 1); } .micromodal-slide[aria-hidden=true] .modal__container { -webkit-animation: mmslideOut .6s cubic-bezier(.25, .8, .25, 1); animation: mmslideOut .6s cubic-bezier(.25, .8, .25, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } .p-career .c-page__mv { margin-bottom: 120px; } .p-career-section__recruitbtn { display: flex; gap: 40px; } .p-career-section__recruitbtn a { max-width: none; flex: 1; } .p-career-detail-mv__profile {max-width: 510px; margin-top: -120px; padding-bottom: 180px; margin-inline: auto 0; } .p-career-detail-mv__profile_box { display: flex; margin-bottom: 13px;align-items: center; } .p-career-detail-mv__profile_box:last-child { margin-bottom: 0; } .p-career-detail-mv__profile_name { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; display: flex; letter-spacing: .8px; align-items: center; } .p-career-detail-mv__profile_text {position: relative; margin-left: 16px;padding-left: 16px; flex: 1; } .p-career-detail-mv__profile_text::before {position: absolute; top: 0px; bottom: 0; left: 0; width: 1px; content: ""; background-color: #666; } .p-career-detail__imagehorizon img { border-radius: 0 !important; } .p-career-detail-section { position: relative; margin-bottom: 120px; } .p-career-detail-section:first-child { padding-top: 60px; } .p-career-detail-section__bluebg {padding-top: 120px; padding-bottom: 120px; } .p-career-detail-section__bluebg .c-page-detail-section__imagebox {margin-top: 80px; margin-bottom: 80px; } .p-career-detail-section__bluebg::before {position: absolute; z-index: -1;top: 0; bottom: 0; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); content: ""; background-color: #EAF2F6; } .p-career-detail-section img { width: 100%; height: auto; } .p-career-detail-section__container { max-width: 880px; margin: 0 auto; } .p-career-detail-section__imagebox { margin-top: 48px; } .p-career-detail-section__imagebox + * { margin-top: 48px; } .p-career-detail-section__imagehorizon { display: flex; gap: 10px; } .p-career-detail-section .c-page-section__lead { margin-bottom: 78px; } .p-career-detail-member { max-width: 810px; margin: 0 auto; } .p-career-detail-member__image { margin-bottom: 24px; } .p-career-detail-member__image.label-member { position: relative; } .p-career-detail-member__image.label-member::before {font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; position: absolute; z-index: 2; top: 0; left: 0; padding: 6px 30px; content: "Project Member"; letter-spacing: .8px; color: #FFF; color: #FFF;border-radius: 20px 0 20px 0; background-color: #0765B9; } .p-career-detail-member__title { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; margin-bottom: 10px;letter-spacing: 1px; } .p-career-detail-member__text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; letter-spacing: .8px; color: #18181C; } .p-career-detailInterview .p-career-detail-section { margin-bottom: 145px; } .p-career-detailInterview-section__row { display: flex; align-items: flex-start; gap: 40px; } .p-career-detailInterview-section__row_image { flex: 0 0 40%; } .p-career-detailInterview-section__row_image img { width: 100%; height: auto; } .p-career-detailInterview-section__row .c-page-detail__text + * { margin-top: 0 !important; } .p-career-detailInterview-section__row.row-reverse { flex-direction: row-reverse; } .p-career-detailInterview-section__contents { margin-bottom: 32px; } .p-career-detailInterview-section__contents:last-child { margin-bottom: 0; } .p-career-detailInterview-linkcollection__box { margin-bottom: 28px; } .p-career-detailInterview-linkcollection__box:last-child { margin-bottom: 0; } .p-career-detailInterview-linkcollection__title { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; position: relative; margin-bottom: 16px;padding-left: 12px; letter-spacing: .8px; } .p-career-detailInterview-linkcollection__title::before { position: absolute; left: 0; width: 5px; height: 100%; content: ""; border-radius: 20px; background-color: #1880C5; } .p-career-detailInterview-linkcollection__item { margin-bottom: 16px; } .p-career-detailInterview-linkcollection__item:last-child { margin-bottom: 0; } .p-career-detailInterview-linkcollection__link {font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%;transition: .2s; text-decoration: none; letter-spacing: .8px; } .p-career-detailInterview-linkcollection__link h1, .p-career-detailInterview-linkcollection__link h2, .p-career-detailInterview-linkcollection__link h3, .p-career-detailInterview-linkcollection__link p { transition: .2s; } .p-career-detailInterview-linkcollection__link:hover { color: #0765B9; } .p-career-detailInterview-linkcollection__link:hover h1, .p-career-detailInterview-linkcollection__link:hover h2, .p-career-detailInterview-linkcollection__link:hover h3, .p-career-detailInterview-linkcollection__link:hover p { color: #0765B9; } .p-career-detailInterview-bluebg__title { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%; margin-bottom: 56px;padding-bottom: 5px; letter-spacing: 1px; border-bottom: 1px solid #808080; } .p-career-detailInterview-bluebg__subtitle { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%; margin-bottom: 35px;letter-spacing: 1.1px; } .p-career-detailInterview-bluebg__row { display: flex; margin-bottom: 56px;gap: 56px; } .p-career-detailInterview-bluebg__row_item { flex: 1; } .p-career-detailInterview-bluebg__row:last-child { margin-bottom: 0; } .p-career-detailInterview-bluebg__img + * { margin-top: 24px; } .p-career-detailInterview-bluebg__text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; margin-top: 8px;letter-spacing: .8px; color: #18181C; } .p-career-detailInterview-bluebg__text:first-of-type { margin-top: 0; } .p-career-detailInterview-bluebg__box { margin-bottom: 120px; } .p-career-detailInterview-bluebg__box:last-child { margin-bottom: 0; } .p-career-detailInterview-bluebg__profile { display: flex; margin-bottom: 24px;align-items: center; gap: 20px; } .p-career-detailInterview-bluebg__profile_img { flex: 0 0 124px; } .p-career-detailInterview-bluebg__profile_name { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .p-career-detailInterview-info__title { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%; margin-bottom: 40px; text-align: center;letter-spacing: 2px; } .p-career-detailInterview-info__btn { margin-top: 40px; text-align: center; } .p-career-detailMember .p-career-detail-section:first-child { max-width: 880px; margin-inline: auto; } .p-career-detailMember-profile__box { display: grid; gap: 16px 8px;grid-template-columns: repeat(4, 1fr); } .p-career-detailMember-profile__title { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%; margin-bottom: 30px; text-align: center;letter-spacing: 1.1px; } .p-career-detailMember-profile .profile-image { margin-bottom: 30px; } .p-career-detailMember-profile .profile-image img { border-radius: 20px; } .p-career-detailMember-profile .profile-name { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; margin-bottom: 7px;letter-spacing: .8px; } .p-career-detailMember-profile .profile-text { font-family: "Noto Sans JP"; font-size: 12px !important; font-weight: 400; line-height: 200%; color: #4D4D4D; } .p-career-detailMember-index { display: flex; gap: 50px;justify-content: center; } .p-career-detailMember-index__title { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%;letter-spacing: 1px; } .p-career-detailMember-index__list { padding-left: 0; padding-left: 50px;list-style: none; border-left: 1px solid #808080; } .p-career-detailMember-index__list_title { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; display: inline-flex; margin-bottom: 10px; transition: .2s;text-decoration: none; text-decoration: none; letter-spacing: .8px; align-items: center; gap: 10px; } .p-career-detailMember-index__list_title h1, .p-career-detailMember-index__list_title h2, .p-career-detailMember-index__list_title h3, .p-career-detailMember-index__list_title p { transition: .2s; } .p-career-detailMember-index__list_title:hover { color: #0765B9; } .p-career-detailMember-index__list_title:hover h1, .p-career-detailMember-index__list_title:hover h2, .p-career-detailMember-index__list_title:hover h3, .p-career-detailMember-index__list_title:hover p { color: #0765B9; } .p-career-detailMember-index__list_title::after {width: 16px; height: 16px; content: ""; background-image: url(/jp-ja/design/assets/img/utils/arrow-bottom.svg); } .p-career-detailMember-index__list_child {font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; font-weight: bold; font-style: normal; line-height: 180%; margin-left: 55px; list-style-type: disc;letter-spacing: .8px; color: #18181C; } .p-career-detailMember-index__item { margin-bottom: 40px; } .p-career-detailMember-index__item:last-child { margin-bottom: 0; } .p-career-detailMember-section__title { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%; margin-bottom: 40px;text-align: center; letter-spacing: 1.1px; } .p-career-detailMember-section__title span { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; display: block; margin-top: 8px;letter-spacing: .8px; } .p-career-detailMember-section__comment_item { display: flex; margin-bottom: 40px;align-items: flex-start; gap: 30px; } .p-career-detailMember-section__comment_item:last-child { margin-bottom: 0; } .p-career-detailMember-section__comment_item .comment-profileimage { flex: 0 0 56px; } .p-career-detailMember-section__comment_item .comment-name { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; margin-bottom: 8px;letter-spacing: .8px; } .p-career-detailMember-section__comment_item .comment-text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; letter-spacing: .8px; color: #18181C; } .p-career-detailMember-section__comment_item .comment-box-inner { display: flex; align-items: flex-start;gap: 35px; } .p-career-detailMember-section__comment_item .comment-box-inner .comment-text { flex: 0 0 55%; } .p-career-detailMember-section__comment_item .comment-box-inner .comment-image { flex: 1; } .p-career-detailMember-section__image { margin: 80px auto 64px; } .p-gallery-detail-section { margin-bottom: 65px; } .p-gallery-detail-section .p-career-detail-section__title { font-size: 32px; font-weight: 700; line-height: 140%; letter-spacing: 1.6px; } .p-gallery-detail-linkcollection { margin-top: 120px; margin-bottom: 120px; } .p-gallery-detail-image { display: grid; margin-top: 65px;gap: 40px; grid-template-columns: repeat(3, 1fr); } .p-gallery-detail-image__item img { border-radius: 20px; } .p-gallery-detail .c-page-detail-section-title { font-size: 32px; } [data-pagename=gallery] .c-page-mv__left_containar { right: 50px !important; } [data-pagename=gallery] .c-page-detail-mv { max-width: 880px; } .c-title-en-xxl { font-family: "Montserrat"; font-size: 60px; font-weight: 700; line-height: 110%;letter-spacing: 3px; } .c-title-en-xl { font-family: "Montserrat"; font-size: 48px; font-weight: 700; line-height: 110%;letter-spacing: 2.4px; } .c-title-en-xl + p { margin-top: 24px; } .c-title-en-xl + :not(p) { margin-top: 40px; } .c-title-en-l { font-family: "Montserrat"; font-size: 20px; font-weight: 700; line-height: 140%;letter-spacing: 1px; } .c-title-en-m { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .c-title-en-s { font-family: "Montserrat"; font-size: 14px; font-weight: 400; line-height: 140%;letter-spacing: 1.4px; } .c-title-en-xs { /*20250520 font-family: "Noto Sans JP";*/ font-size: 14px; font-weight: 400; line-height: 140%;letter-spacing: 2.2px; } .c-title-ja-xl { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%;letter-spacing: 2px; } .c-title-ja-xl + p { margin-top: 24px; } .c-title-ja-xl + :not(p) { margin-top: 40px; } .c-title-ja-l { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%;letter-spacing: 1.1px; } .c-title-ja-mb { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .c-title-ja-m { /*20250520 font-family: "Noto Sans JP";*/ font-size: 16px; font-weight: 400; line-height: 140%;letter-spacing: .8px; } .c-title-ja-s { font-family: "Zen Kaku Gothic New"; font-size: 14px; font-weight: 700; line-height: 140%; } .c-title-ja-text { /*20250520 font-family: "Noto Sans JP";*/ font-size: 16px; font-weight: 400; font-style: normal; line-height: 180%; letter-spacing: .8px; color: #18181C; } .c-title-ja-form { font-family: "Noto Sans JP"; font-size: 14px; font-weight: 400; line-height: 140%; letter-spacing: .7px; color: #18181C; } .c-title-ja-caption { font-family: "Noto Sans JP"; font-size: 12px !important; font-weight: 400; line-height: 200%; color: #4D4D4D; } .c-btn {transition: .2s; color: #000; } .c-btn:hover { color: #0765B9; } .c-btn.disable {padding: 9px 24px;pointer-events: none; color: #FFF !important; background-color: #757575 !important; } .c-btn.disable::before, .c-btn.disable::after { display: none; } .c-btn--primary {font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%; display: flex; max-width: 530px; min-height: 56px; padding: 32px 42px; transition: .2s; text-align: left; text-decoration: none; letter-spacing: 1.1px; border: 1px solid #000; border-radius: 20px; background-color: #FFF; align-items: center; justify-content: space-between;margin-inline: auto; } .c-btn--primary::before, .c-btn--primary::after { width: 16px; height: 16px; } .c-btn--primary h1, .c-btn--primary h2, .c-btn--primary h3, .c-btn--primary p { transition: .2s; } .c-btn--primary:hover { color: #0765B9; } .c-btn--primary:hover h1, .c-btn--primary:hover h2, .c-btn--primary:hover h3, .c-btn--primary:hover p { color: #0765B9; } .c-btn--primary .sub-text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%; display: block; margin-top: 8px;letter-spacing: .8px; } .c-btn--secondary {font-family: "Montserrat", "Zen Kaku Gothic New", sans-serif; font-size: 16px; font-weight: 700; line-height: 140%; display: inline-flex; padding: 9px 48px 9px 24px; text-decoration: none; letter-spacing: .8px;border: 1px solid #808080; border-radius: 20px; background-color: #FFF; align-items: center; } .c-btn--secondary::before, .c-btn--secondary::after { width: 16px; height: 16px; } .text-link {line-height: 1;display: inline-flex; padding-right: 20px; transition: .2s; text-decoration: none; align-items: center; } .text-link::before, .text-link::after { width: 16px; height: 16px; } .text-link h1, .text-link h2, .text-link h3, .text-link p { transition: .2s; } .text-link:hover { color: #0765B9; } .text-link:hover h1, .text-link:hover h2, .text-link:hover h3, .text-link:hover p { color: #0765B9; } .text-link::before, .text-link::after { width: 14px; height: 14px; } .text-link::before { right: 0px; } .text-link::after { right: 10px; } .l-container {max-width: 1140px; padding: 0 20px; margin-inline: auto; } .l-slim-container { max-width: 880px; margin: 0 auto; } .c-card { list-style: none; border: 1px solid #e1e1e1; border-radius: 20px; } .c-card:hover .c-card__thumnail { opacity: .9; } .c-card__thumnail { position: relative; transition: .4s; } .c-card__thumnail_awards { position: absolute; right: 10px; bottom: 10px; display: flex; width: 96%; align-items: center; gap: 10px; justify-content: flex-end; } .c-card__thumnail_awards img {width: 17% !important; border-radius: 0 !important; aspect-ratio: auto !important; } .c-card img {width: 100%; max-width: 100%; height: 100%; aspect-ratio: 340/227;-o-object-fit: cover;object-fit: cover; } .c-card .c-title-en-xs, .c-card .c-title-ja-m { margin-bottom: 8px; margin-left: 2px; } .c-card .c-title-ja-text { margin-top: 16px; } .c-card__link { color: #000; } .c-card__title { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%;letter-spacing: 1.1px; } .c-card__title + .c-title-ja-m { margin-top: 24px; } .c-cardColumn3 { display: grid; gap: 40px;grid-template-columns: repeat(3, 1fr); } .c-cardColumn3.column-center {max-width: 720px; grid-template-columns: repeat(2, 1fr); margin-inline: auto; } .c-cardColumn3 .c-card--vertical .c-card__link::before, .c-cardColumn3 .c-card--vertical .c-card__link::after { width: 22px; height: 22px; } .c-cardColumn3 .c-card--vertical .c-card__link::before, .c-cardColumn3 .c-card--vertical .c-card__link::after { bottom: 24px; margin-right: 4px; } .c-cardColumn3 .c-card--vertical .c-card__textbox { padding: 24px 24px 70px; } .c-cardColumn3 .c-card--vertical .c-card__textbox .tgblank-icon {position: absolute; right: 25px; bottom: 25px; } .c-cardColumn3 .c-card--vertical .c-card__textbox:has(.tgblank-icon) { right: 0; } .c-cardColumn3 .c-card--vertical .c-card__textbox:has(.tgblank-icon)::before { content: none; } .c-cardColumn2 { display: grid; gap: 40px;grid-template-columns: repeat(2, 1fr); } .c-cardColumn2 .c-card--vertical .c-card__link::before, .c-cardColumn2 .c-card--vertical .c-card__link::after { width: 24px; height: 24px; } .c-cardColumn2 .c-card--vertical .c-card__link::before, .c-cardColumn2 .c-card--vertical .c-card__link::after { bottom: 32px; margin-right: 12px; } .c-cardColumn2 .c-card--vertical .c-card__textbox { padding: 32px 32px 90px; } .c-card__textbox { background-color: #F4F3F3; } .c-card--vertical { display: grid; align-content: start; grid-row: auto;grid-template-rows: subgrid; } .c-card--vertical img { border-radius: 20px 20px 0 0; } .c-card--vertical .c-card__link { display: grid; transition: .2s;text-decoration: none; gap: 0; grid-template-rows: auto auto 1fr; } .c-card--vertical .c-card__link h1, .c-card--vertical .c-card__link h2, .c-card--vertical .c-card__link h3, .c-card--vertical .c-card__link p { transition: .2s; } .c-card--vertical .c-card__link:hover { color: #0765B9; } .c-card--vertical .c-card__link:hover h1, .c-card--vertical .c-card__link:hover h2, .c-card--vertical .c-card__link:hover h3, .c-card--vertical .c-card__link:hover p { color: #0765B9; } .c-card--vertical .c-card__textbox { border-radius: 0 0 20px 20px; grid-row: 2/span 2; } .c-card--vertical .c-card__textbox .c-title-ja-text {line-height: 170% !important; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .c-card__horizon {border: none; margin-inline: auto; } .c-card__horizon .c-card__link { display: flex; transition: .2s;text-decoration: none; } .c-card__horizon .c-card__link::before, .c-card__horizon .c-card__link::after { width: 16px; height: 16px; } .c-card__horizon .c-card__link h1, .c-card__horizon .c-card__link h2, .c-card__horizon .c-card__link h3, .c-card__horizon .c-card__link p { transition: .2s; } .c-card__horizon .c-card__link:hover { color: #0765B9; } .c-card__horizon .c-card__link:hover h1, .c-card__horizon .c-card__link:hover h2, .c-card__horizon .c-card__link:hover h3, .c-card__horizon .c-card__link:hover p { color: #0765B9; } .c-card__horizon .c-card__link:hover .c-card__horizon_btn { color: #0765B9; } .c-card__horizon .c-card__link::before, .c-card__horizon .c-card__link::after { bottom: 48px; margin-right: 28px; } .c-card__horizon .c-card__thumnail { max-width: 620px; } .c-card__horizon .c-card__thumnail img { border-radius: 40px 0 0 40px; } .c-card__horizon .c-title-ja-text {line-height: 170%; margin-bottom: 80px; } .c-card__horizon .c-card__textbox {display: flex; flex-direction: column; width: 100%; max-width: 480px; padding: 80px 48px; border-radius: 0 40px 40px 0; justify-content: center; } .c-card__horizon .c-card__textbox .c-title-en-xl span { display: block; } .c-card__horizon_btn { position: absolute; right: 70px;bottom: 45px; } .c-card__horizon_btn:has(.tgblank-icon) { right: 47px; } .c-card__horizon_btn:has(.tgblank-icon)::before { content: none; } .c-card__horizon_small {display: flex; max-width: 640px; margin-top: 50px;align-items: center; margin-inline: auto; } .c-card__horizon_small::before, .c-card__horizon_small::after { width: 16px; height: 16px; } .c-card__horizon_small::before { z-index: 1; } .c-card__horizon_small .c-title-en-xl { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%;letter-spacing: 1.1px; } .c-card__horizon_small .c-card__thumnail, .c-card__horizon_small .c-card__textbox { width: 50%; } .c-card__horizon_small .c-card__thumnail img { aspect-ratio: 320/160; } .c-card__horizon_small .c-card__textbox {max-width: none; padding: 40px 45px 40px 28px; } .c-card__horizon_small .c-title-ja-text { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%; margin-bottom: 0 !important;letter-spacing: .8px; } .c-card__horizon_small .c-card__link::before, .c-card__horizon_small .c-card__link::after { content: none; } .c-label {font-family: "Noto Sans JP"; font-family: "Montserrat"; font-size: 11px; font-weight: 400; line-height: 140%; position: absolute; z-index: 2; top: 0; left: 0; padding: 8px 30px; letter-spacing: 2.2px; color: #FFF; color: #FFF;border-radius: 20px 0 20px 0; } .c-label__wrapper { position: relative; } .c-label--main { background-color: #0765B9; } .c-label--winred { background-color: #C0167B; } .c-label--medium { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .header-designC {position: relative; z-index: 1; width: 100%; background: rgba(255, 255, 255, .9); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .header-designC.fixed { position: fixed; z-index: 9999;top: 0; } .header-designC__contents { display: flex; padding: 24px 48px; border-bottom: 1px solid #808080;align-items: baseline; justify-content: space-between; } .header-designC__list { display: flex; padding-right: 24px;border-right: 1px solid #808080; align-items: center; gap: 24px; } .header-designC__list_item.current { position: relative; margin-left: 16px; } .header-designC__list_item.current::before {position: absolute; top: 46%; left: -15px; display: block; width: 10px; height: 10px; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%);border-radius: 9999px; background-color: #0765B9; } .header-designC__list_link { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; line-height: 1;display: flex; padding-right: 20px; transition: .2s; text-decoration: none; letter-spacing: .8px; align-items: center; } .header-designC__list_link::before, .header-designC__list_link::after { width: 16px; height: 16px; } .header-designC__list_link h1, .header-designC__list_link h2, .header-designC__list_link h3, .header-designC__list_link p { transition: .2s; } .header-designC__list_link:hover { color: #0765B9; } .header-designC__list_link:hover h1, .header-designC__list_link:hover h2, .header-designC__list_link:hover h3, .header-designC__list_link:hover p { color: #0765B9; } .header-designC__list_link::before { right: 0px; } .header-designC__list_link::after { right: 10px; } .header-designC__list_box { display: flex; align-items: center; gap: 24px; } .header-designC.active { background-color: #FFF; } .header-designC.active .header-designC__contents { background-color: #FFF; } .header-designC.active .header-designC__hamburger { margin-right: 0px; } .header-designC.active .header-designC__hamburger .hamburgericon-open { display: none; } .header-designC.active .header-designC__hamburger .hamburgericon-close { display: block; } .header-designC__title { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%;letter-spacing: 1.1px; } .header-designC__title a {font-weight: 700;transition: .2s; text-decoration: none; color: #000; } .header-designC__title a h1, .header-designC__title a h2, .header-designC__title a h3, .header-designC__title a p { transition: .2s; } .header-designC__title a:hover { color: #0765B9; } .header-designC__title a:hover h1, .header-designC__title a:hover h2, .header-designC__title a:hover h3, .header-designC__title a:hover p { color: #0765B9; } .header-designC__lang { font-family: "Noto Sans JP"; font-size: 11px; font-weight: 400; line-height: 140%; padding-right: 20px;transition: .2s; text-decoration: none; letter-spacing: 2.2px; } .header-designC__lang::before, .header-designC__lang::after { width: 16px; height: 16px; } .header-designC__lang h1, .header-designC__lang h2, .header-designC__lang h3, .header-designC__lang p { transition: .2s; } .header-designC__lang:hover { color: #0765B9; } .header-designC__lang:hover h1, .header-designC__lang:hover h2, .header-designC__lang:hover h3, .header-designC__lang:hover p { color: #0765B9; } .header-designC__lang::before { right: 0px; } .header-designC__lang::after { right: 10px; } .header-designC__hamburger { display: none; margin-right: 10px; color: #000; } .header-designC__hamburger .hamburgericon-open { display: block; } .header-designC__hamburger .hamburgericon-close { display: none; } .footer-designC {padding: 48px 0; background-color: #DCE5E7; } .footer-designC__head { display: flex; margin-bottom: 32px; padding-bottom: 16px;border-bottom: 1px solid #808080; align-items: center; gap: 24px; } .footer-designC__head_title { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%;letter-spacing: 1.1px; } .footer-designC__head_link { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; line-height: 1; display: flex; margin-top: 5px;padding-right: 20px; transition: .2s; text-decoration: none; letter-spacing: .8px; align-items: center; } .footer-designC__head_link::before, .footer-designC__head_link::after { width: 16px; height: 16px; } .footer-designC__head_link h1, .footer-designC__head_link h2, .footer-designC__head_link h3, .footer-designC__head_link p { transition: .2s; } .footer-designC__head_link:hover { color: #0765B9; } .footer-designC__head_link:hover h1, .footer-designC__head_link:hover h2, .footer-designC__head_link:hover h3, .footer-designC__head_link:hover p { color: #0765B9; } .footer-designC__head_link::before { right: 0px; } .footer-designC__head_link::after { right: 10px; } .footer-designC__contents { display: flex; align-items: flex-start; gap: 40px; } .footer-designC__contents_title { font-family: "Montserrat"; font-size: 18px; font-weight: 700; line-height: 140%; margin-bottom: 8px; letter-spacing: 1px; pointer-events: none; color: #000 !important; } .footer-designC__contents_link { /*20250520 font-family: "Zen Kaku Gothic New";*/ font-size: 14px; /*20250520 font-weight: 700; font-weight: 900;*/line-height: 140%; margin-bottom: 12px; transition: .2s; text-decoration: none; } .footer-designC__contents_link h1, .footer-designC__contents_link h2, .footer-designC__contents_link h3, .footer-designC__contents_link p { transition: .2s; } .footer-designC__contents_link:hover { color: #0765B9; } .footer-designC__contents_link:hover h1, .footer-designC__contents_link:hover h2, .footer-designC__contents_link:hover h3, .footer-designC__contents_link:hover p { color: #0765B9; } .footer-designC__contents_link:last-child { margin-bottom: 0; } .footer-designC__contents_image { margin-bottom: 20px; transition: .4s; } .footer-designC__contents_image img { border-radius: 10px; } .footer-designC__contents_image:hover { opacity: .9; } .footer-designC__bottom {margin-top: 32px; padding-top: 16px; border-top: 1px solid #808080; } .footer-designC__bottom_lang { font-family: "Noto Sans JP"; font-size: 11px; font-weight: 400; line-height: 140%; display: inline-flex;padding-right: 20px; transition: .2s; text-decoration: none; letter-spacing: 2.2px; } .footer-designC__bottom_lang::before, .footer-designC__bottom_lang::after { width: 16px; height: 16px; } .footer-designC__bottom_lang h1, .footer-designC__bottom_lang h2, .footer-designC__bottom_lang h3, .footer-designC__bottom_lang p { transition: .2s; } .footer-designC__bottom_lang:hover { color: #0765B9; } .footer-designC__bottom_lang:hover h1, .footer-designC__bottom_lang:hover h2, .footer-designC__bottom_lang:hover h3, .footer-designC__bottom_lang:hover p { color: #0765B9; } .footer-designC__bottom_lang::before { right: 0px; } .footer-designC__bottom_lang::after { right: 10px; } .breadcrumb-designC { padding: 12px 0; } .breadcrumb-designC__list { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; list-style: none; } .breadcrumb-designC__item::after {display: inline-block; width: 12px; height: 12px; margin-left: 8px; content: ""; vertical-align: middle;background-image: url(/jp-ja/design/assets/img/utils/arrow-right-black.svg); background-size: 100%; } .breadcrumb-designC__item:last-child::after { content: none; } .breadcrumb-designC__item.current { pointer-events: none; } .breadcrumb-designC__link {/*20250520 font-family: "Noto Sans JP";*/ font-size: 12px; font-weight: 500; line-height: 150%;transition: .2s; text-decoration: none; } .breadcrumb-designC__link h1, .breadcrumb-designC__link h2, .breadcrumb-designC__link h3, .breadcrumb-designC__link p { transition: .2s; } .breadcrumb-designC__link:hover { color: #0765B9; } .breadcrumb-designC__link:hover h1, .breadcrumb-designC__link:hover h2, .breadcrumb-designC__link:hover h3, .breadcrumb-designC__link:hover p { color: #0765B9; } .c-box { padding: 30px 46px; border-radius: 20px; } .c-box-gray { background-color: #F4F4F4; } .c-box__title { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; margin-bottom: 16px;letter-spacing: .8px; } .c-box__title--en { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .c-box__inner { margin-bottom: 24px; } .c-box__inner:last-child { margin-bottom: 0; } .c-box__link {display: flex; padding-right: 35px; padding-left: 16px;transition: .2s; text-decoration: none; align-items: center; } .c-box__link h1, .c-box__link h2, .c-box__link h3, .c-box__link p { transition: .2s; } .c-box__link:hover { color: #0765B9; } .c-box__link:hover h1, .c-box__link:hover h2, .c-box__link:hover h3, .c-box__link:hover p { color: #0765B9; } .c-box__link::before, .c-box__link::after { width: 16px; height: 16px; } .c-box__link.c-box__link--inline { display: inline-flex; padding-right: 45px; } .c-box__link span { display: block; } .c-box__link_title { font-family: "Noto Sans JP"; font-size: 16px; font-weight: 400; line-height: 140%;letter-spacing: .8px; } .c-box__link_title span { font-family: "Noto Sans JP"; font-size: 11px; font-weight: 400; line-height: 140%;letter-spacing: 2.2px; } .c-box__link_item { position: relative; margin-bottom: 16px; } .c-box__link_item:last-child { margin-bottom: 0; } .c-box__link_item::before {position: absolute; left: 0; width: 5px; height: 100%; content: ""; border-radius: 20px;background-color: #1880C5; } .c-box__link_note { font-family: "Noto Sans JP"; font-size: 12px !important; font-weight: 400; line-height: 200%; padding-left: 16px;color: #4D4D4D; } .c-link { color: #0765B9; } .c-link:hover { text-decoration: none; } @media screen and (min-width: 1200px) { /*! Large only */ } @media screen and (max-width: 1200px) { /*! Medium and Small */ .tab-none { display: none !important; } .p-home-mv__animation { margin-top: -100px; } .p-home-mv__textbox .c-btn { font-size: 1.2vw; } .p-home-mv__textbox .c-btn::before, .p-home-mv__textbox .c-btn::after { width: 1.1vw; height: 1.1vw; } .p-home-mv__title { font-size: 6.4vw; } .p-home-mv__text { font-size: 1.5vw; } .p-home-section__lead_boxRight { flex-direction: column; align-items: flex-start; } .p-home-section__lead_text { max-width: none; } .p-home-news { flex-direction: column; gap: 48px; } .c-page-mv__left { left: -300px; } .c-page-mv__left_containar { left: 370px; } .c-page-title { font-size: 20px !important; } .c-page-title_box { padding: 0 20px; } .c-page-subtitle { font-size: 14px !important; } .c-page-wave-mv::after { background-size: 100%; } .c-page-detail-mv__titlebg {bottom: -210px; left: -89px !important; width: 700px; height: 357px; } .c-page-detail-mv__title { font-size: 38px; } .p-stories-detail-mv__titlebg {bottom: -210px; left: -89px !important; width: 700px; height: 357px; } .p-stories-detail-mv__profile {display: flex; flex-direction: column; max-width: none; margin-top: 0; margin-right: 30px;padding-bottom: 100px; align-items: start; justify-content: flex-end; } .p-stories-detail-section:first-child { padding-top: 100px !important; } .p-stories-detailInterview .p-stories-detail-mv { margin-bottom: 250px; } .p-about-mv__animation { max-width: none; } .p-about-mv__animation .c-page-title_box { left: 365px !important; } .p-about-mv__textbox {top: 450px; left: 380px !important; -webkit-transform: none; transform: none; } .p-about-mv__image svg { width: 100vw; } .p-about-mv__title { font-size: min(10vw, 70px); } .p-about-mv__text { font-size: min(1.9vw, 18px); } .p-about-mv__values {right: -360px; max-width: none; padding: 35px 44px 60px 44px; border-radius: 30px 0 0 30px; } .p-about-mv__values_title { font-size: 30px; } .p-about-mv__values_title span.small-ja { font-size: 13px; } .p-about-mv__values_title span.small-en { font-size: 20px; } .p-about-mv__values_item { font-size: 20px; } .p-about-mv__values_item span { font-size: 12px; } .p-aboutDomain__container { gap: 100px !important; } .p-aboutDomain__container .spacing { margin-left: -16.5px; } .p-aboutDomain-left__title[data-shapetitle=view-1] { font-size: 44px; } .p-aboutDomain-left__title { font-size: 3.5vw; } .p-aboutDomain-left__text { font-size: 1.5vw; } .p-aboutDomain-section__title { font-size: 27px; } .p-awards-search { top: 120px; padding: 30px 40px; } .p-awards-search.fixed { top: 53px; } .p-awards-search__btn.open-btn { top: 140px; right: 20px; } .p-awards-search__btn.open-btn.fixed { top: 80px; } .p-career-detail-mv__profile { padding-top: 100px; } .p-career-detail-mv__profile {display: flex; flex-direction: column; max-width: none; margin-top: 0; margin-right: 30px;padding-bottom: 100px; align-items: start; justify-content: flex-end; } .p-career-detail-section:first-child { padding-top: 100px; } .p-career-detailInterview .p-career-detail-mv { margin-bottom: 250px; } .p-gallery-detail-image { gap: 20px; } .text-link::before { right: 20px; } .text-link::after { right: 30px; } .l-container { max-width: 100%; } .c-card__thumnail_awards { width: 86%; } .c-cardColumn3 { gap: 20px; } .c-cardColumn2 { gap: 20px; } .header-designC { position: relative; } .header-designC__contents {display: block; padding: 16px 20px; } .header-designC__list { display: block; padding-right: 0;border-right: none; } .header-designC__list:last-child a { border-bottom: none; } .header-designC__list_item.current { margin-left: 0; } .header-designC__list_item.current::before {top: 50%; left: 20px; } .header-designC__list_link { padding: 16px 20px 16px 40px; border-bottom: 1px solid #E5E5E5; } .header-designC__list_link::before { right: 20px; } .header-designC__list_link::after { right: 30px; } .header-designC__list_box { position: absolute; z-index: -1; top: -100%; right: 0; bottom: 0; left: 0; display: block; visibility: hidden; width: 100%; height: 100vh; transition: all .5s ease-in-out;-webkit-transform: translateY(-100%);transform: translateY(-100%); opacity: 0; background-color: #FFF; } .header-designC.active { z-index: 9999; } .header-designC.active .header-designC__list_box {top: 59.5px; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } .header-designC__title { font-family: "Noto Sans JP"; font-family: "Zen Kaku Gothic New";font-size: 16px; font-weight: 400; line-height: 140%; letter-spacing: .8px; } .header-designC__lang { display: block; padding: 16px 20px 16px 40px; border-top: 1px solid #808080; border-bottom: 1px solid #808080; } .header-designC__lang::before { right: 20px; } .header-designC__lang::after { right: 30px; } .header-designC__hamburger {position: absolute; top: 50%; right: 11px; display: flex; height: 32px;-webkit-transform: translateY(-50%);transform: translateY(-50%); text-decoration: none; align-items: center; } .header-designC__hamburger span { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; margin-right: 10px;letter-spacing: .8px; } .footer-designC { padding: 0; } .footer-designC .l-container { padding: 0; } .footer-designC__head { display: block; margin-bottom: 0; padding: 16px 20px 11px; } .footer-designC__head_title {font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; margin-bottom: 10px; letter-spacing: .8px; } .footer-designC__head_link {font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; display: inline-flex; letter-spacing: .8px; } .footer-designC__contents { display: block; } .footer-designC__contents_title {font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%; position: relative;width: 100%; margin-bottom: 0; padding: 14px 20px; text-align: left; letter-spacing: .8px; pointer-events: painted; border-bottom: 1px solid #808080; } .footer-designC__contents_title::after {position: absolute; right: 20px;width: 20px; height: 20px; content: ""; -webkit-transform: rotate(90deg); transform: rotate(90deg); background-image: url(/jp-ja/design/assets/img/utils/arrow-right-black.svg); background-size: 100%; } .footer-designC__contents_title[aria-expanded=true] { background-color: #EDF2F3; } .footer-designC__contents_title[aria-expanded=true] + .footer-designC__contents_body { background-color: #EDF2F3; } .footer-designC__contents_title[aria-expanded=true]::after { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .footer-designC__contents_item { display: block; border-bottom: 1px solid #808080; } .footer-designC__contents_link {font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%; display: inline-block; padding: 14px 20px; letter-spacing: .8px; } .footer-designC__contents_link::before, .footer-designC__contents_link::after { top: 18px; } .footer-designC__contents_link::before { right: 0px; } .footer-designC__contents_link::after { right: 10px; } .footer-designC__contents_image { display: none; } .footer-designC__bottom { margin-top: 0; padding-top: 0; border: none; } .footer-designC__bottom_lang {font-family: "Montserrat"; font-size: 14px; font-weight: 400; line-height: 140%; padding: 14px 20px; padding-right: 20px; letter-spacing: 1.4px; } } @media screen and (min-width: 750px) { /*! over Medium */ } @media screen and (min-width: 750px) and (max-width: 1200px) { /*! Medium only */ } @media screen and (max-width: 749px) { /*! Small only */ .icon-arrowBlack[target=_blank] .tgblank-icon, [target=_blank].c-box__link .tgblank-icon, [target=_blank].footer-designC__head_link .tgblank-icon, [target=_blank].footer-designC__bottom_lang .tgblank-icon, [target=_blank].header-designC__list_link .tgblank-icon, [target=_blank].header-designC__lang .tgblank-icon, .c-cardColumn3 .c-card--vertical [target=_blank].c-card__link .tgblank-icon, .c-cardColumn2 .c-card--vertical [target=_blank].c-card__link .tgblank-icon, .c-card__horizon [target=_blank].c-card__link .tgblank-icon, [target=_blank].c-card__horizon_small .tgblank-icon, [target=_blank].c-btn--primary .tgblank-icon, [target=_blank].c-btn--secondary .tgblank-icon, [target=_blank].text-link .tgblank-icon, .p-awards-modal__history_title a[target=_blank] .tgblank-icon, [target=_blank].p-awards-modal__info_link .tgblank-icon, [target=_blank].p-aboutDomain-section__info_link .tgblank-icon, .p-home-mv__post [target=_blank].c-card__link .tgblank-icon, [target=_blank].p-home-news__link .tgblank-icon, .floating a[target=_blank] .tgblank-icon { width: 14px !important; height: 14px !important; } main { font-size: 14px; letter-spacing: .7px; } .sp-only { display: block !important; } .pc-only { display: none !important; } .p-info__title { font-size: 24px; letter-spacing: 1.2px; } figcaption, .figcaption { font-size: 12px; letter-spacing: 1; } figcaption, .figcaption { margin-top: 10px !important; } .floating { bottom: 100px; } .floating a { font-size: 14px; letter-spacing: 1; } .p-home-mv { margin: 0 auto 48px; } .p-home-mv__contents { flex-direction: column; } .p-home-mv__animation { margin-top: -60px !important; margin-left: -20px; } .p-home-mv__textbox {top: 50%; width: 100%; } .p-home-mv__textbox .c-btn { font-size: 14px !important; } .p-home-mv__title { font-size: 50px !important; } .p-home-mv__text { font-size: 15px !important; margin-bottom: 32px; } .p-home-mv__image svg { width: 500px !important; } .p-home-mv__post { padding-left: 0 !important; } .p-home-mv__post .c-card { max-width: none; padding: 0 10px 0 0; } .p-home-mv__post .c-card .c-label { top: 0; left: 0; } .p-home-mv__post .c-card__link::before, .p-home-mv__post .c-card__link::after { bottom: 16px; } .p-home-mv__playbtn { right: 90px; bottom: 50px; } .p-home-section { margin-bottom: 64px; } .p-home-section__lead { flex-direction: column; margin-bottom: 48px;align-items: flex-start; gap: 24px; } .p-home-section__lead_boxRight { gap: 32px; } .p-home-section__lead_title { margin-right: 0; } .p-home-news { gap: 24px; } .p-home-news__link { font-size: 14px; letter-spacing: 1; } .p-home-news__link { padding: 20px 35px 20px 20px; } .p-home-news__link::before { right: 15px; } .p-home-news__link::after { right: 25px; } .c-page-mv { height: 168px; } .c-page-mv__right img {height: 168px; border-radius: 0; } .c-page-mv__left { position: absolute; top: auto; bottom: -50px; left: 0 !important; width: 100%; max-width: 377px; height: 120px;background-image: url(/jp-ja/design/assets/img/page/page-mvbg-sp.svg); background-position: 0; background-size: contain; } .c-page-mv__left_containar {top: 37px; right: auto; left: 40px !important; } .c-page-mv__title { font-size: 24px; letter-spacing: 1.2px; } .c-page-mv__subtitle { font-size: 18px; letter-spacing: .9px; } .c-page-mv__subtitle { font-family: "Zen Kaku Gothic New"; font-size: 14px; font-weight: 700; line-height: 140%; } .c-page-lead { font-size: 14px; letter-spacing: .7px; } .c-page-lead { text-align: left; } .c-page-section__lead { font-size: 14px; letter-spacing: .7px; } .c-page-section__lead { text-align: left; } .c-page-subtitle { font-size: 12px; letter-spacing: 1; } .c-page-subtitle { display: block; margin-left: 0; } .c-page-wave-mv__title { font-size: 24px; letter-spacing: 1.2px; } .c-page-wave-mv__title span { font-size: 18px; letter-spacing: 1.2px; } .c-page-detail-mv { margin-bottom: 160px; } .c-page-detail-mv__image img { border-radius: 0; } .c-page-detail-mv__titlebg {bottom: -170px !important; left: -70px !important; width: 414px; height: 210px; } .c-page-detail-mv__titlebox {left: 55%; max-width: 280px; } .c-page-detail-mv__title { font-size: 24px; letter-spacing: 1.2px; } .c-page-detail-mv__title { font-size: 24px; } .c-page-detail-mv__subtitle { font-size: 18px; letter-spacing: 1.2px; } .c-page-detail-mv__subtitle { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .c-page-detail-mv__image img { border-radius: 0; } .c-page-detail__imagebox { margin-top: 20px !important; } .c-page-detail__imagebox + * { margin-top: 20px !important; } .c-page-detail__imagebox img { border-radius: 20px; } .c-page-detail__imagehorizon .c-page-detail-mv__imagebox:first-child img { border-radius: 20px; } .c-page-detail__imagehorizon .c-page-detail-mv__imagebox:last-child img { border-radius: 20px; } .c-page-detail__imagehorizon { flex-direction: column; } .c-page-detail__text { font-size: 14px; letter-spacing: .7px; } .c-page-detail-section-title { font-size: 24px; letter-spacing: 1.2px; } .c-page-detail-section__subtitle { font-size: 18px; letter-spacing: 1.2px; } .c-page-detail-section__subtitle { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .p-stories-detail-mv { margin-bottom: 160px; } .p-stories-detail-mv__titlebg {bottom: -170px !important; left: -70px !important; width: 414px; height: 210px; } .p-stories-detail-mv__titlebox {left: 55%; max-width: 280px; } .p-stories-detail-mv__title { font-size: 24px; letter-spacing: 1.2px; } .p-stories-detail-mv__title { font-family: "Zen Kaku Gothic New"; font-size: 40px; font-weight: 700; line-height: 140%;letter-spacing: 2px; } .p-stories-detail-mv__subtitle { font-size: 18px; letter-spacing: 1.2px; } .p-stories-detail-mv__subtitle { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .p-stories-detail-mv__image img { border-radius: 0; } .p-stories-detail-mv__profile {margin-right: 0px; padding-bottom: 65px; } .p-stories-detail-mv__profile_name { font-size: 14px; letter-spacing: 1; } .p-stories-detail-section:first-child { padding-top: 50px !important; } .p-stories-detail-section:first-child::before { top: -162px; bottom: 0;height: auto; } .p-stories-detail-section__imagebox { margin-top: 20px !important; } .p-stories-detail-section__imagebox + * { margin-top: 20px !important; } .p-stories-detail-section__imagebox img { border-radius: 20px; } .p-stories-detail-section__imagehorizon .p-stories-detail-section__image:first-child img { border-radius: 20px; } .p-stories-detail-section__imagehorizon .p-stories-detail-section__image:last-child img { border-radius: 20px; } .p-stories-detail-section__imagehorizon { flex-direction: column; } .p-stories-detail-section__title { font-size: 24px; letter-spacing: 1.2px; } .p-stories-detail-section__subtitle { font-size: 18px; letter-spacing: 1.2px; } .p-stories-detail-section__subtitle { font-family: "Montserrat"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .p-stories-detail-section__text { font-size: 14px; letter-spacing: .7px; } .p-stories-detail-member__image.label-member::before { font-size: 14px; letter-spacing: .7px; } .p-stories-detail-member__image.label-member::before {font-family: "Noto Sans JP"; font-size: 11px; font-weight: 400; line-height: 140%; padding: 6px 20px; letter-spacing: 2.2px; } .p-stories-detail-member__image img { border-radius: 20px; } .p-stories-detail-member__title { font-size: 18px; letter-spacing: 1.2px; } .p-stories-detail-member__text { font-size: 14px; letter-spacing: .7px; } .p-stories-detailInterview .p-stories-detail-mv { margin-bottom: 210px; } .p-stories-detailInterview-section__row { flex-direction: column; align-items: center; } .p-stories-detailInterview-section__row.row-reverse { flex-direction: column; } .p-stories-detailInterview-linkcollection__title { font-size: 14px; letter-spacing: .7px; } .p-stories-detailInterview-linkcollection__link { font-size: 14px; letter-spacing: 1; } .p-stories-detailInterview-bluebg__title { font-size: 18px; letter-spacing: 1.2px; } .p-stories-detailInterview-bluebg__subtitle { font-size: 18px; letter-spacing: .9px; } .p-stories-detailInterview-bluebg__row { flex-direction: column; } .p-stories-detailInterview-bluebg__text { font-size: 14px; letter-spacing: .7px; } .p-stories-detailInterview-bluebg__profile_name { font-size: 14px; letter-spacing: .7px; } .p-stories-detailInterview-info__title { font-size: 24px; letter-spacing: 1.2px; } .p-about-mv__animation { left: auto; margin-top: -400px; } .p-about-mv__animation .c-page-title_box {top: 400px; left: 20px !important; } .p-about-mv__textbox {top: 500px !important; left: 35px !important; width: 83%; -webkit-transform: none !important; transform: none !important; } .p-about-mv__image svg { width: 1000px !important; margin-left: -350px; } .p-about-mv__title { font-size: 50px !important; } .p-about-mv__text { font-size: 15px !important; margin-bottom: 32px; } .p-about-mv__playbtn { top: 430px !important; right: 20px !important; bottom: auto !important; } .p-about-mv__values {position: relative; top: auto; right: auto; width: 90%; margin-top: -300px;border-radius: 30px; margin-inline: auto; } .p-aboutDomain__container { flex-direction: column; } .p-aboutDomain__container .spacing { margin-left: -12.5px; } .p-aboutDomain-left__animation { top: 30px; } .p-aboutDomain-left__image svg { height: auto; } .p-aboutDomain-left__title { font-size: 36px !important; } .p-aboutDomain-left__text { font-size: 15px !important; margin-bottom: 32px; } .p-aboutDomain-left__playbtn { right: 0px; bottom: 50px; } .p-aboutDomain-right { margin-top: 0; } .p-aboutDomain-section:last-child { margin-bottom: 0 !important; } .p-aboutDomain-section__title { font-size: 24px; } .p-aboutDomain-section__info { padding: 30px 20px; } .p-aboutDomain-section__info_title { font-size: 14px; letter-spacing: 1; } .p-aboutDomain-section__info_link_title { font-size: 14px; letter-spacing: 1; } .p-aboutDomain-section__info_link_title span { font-size: 9px; letter-spacing: 2.2px; } .p-aboutDomain-section__info_link_note { font-size: 12px; letter-spacing: 1; } .p-awards__no-results { font-size: 18px; letter-spacing: .9px; } .p-awards__section .c-cardColumn3 { display: grid !important; gap: 20px;grid-template-columns: repeat(2, 1fr); } .p-awards__section .c-cardColumn3 .c-title-ja-m { font-size: 12px; } .p-awards__section .c-cardColumn3 .c-card__title { font-size: 14px; } .p-awards__section .c-cardColumn3 .c-card__textbox { padding: 16px 16px 56px !important; } .p-awards__section .c-cardColumn3 .c-card__link::after { width: 16px !important; height: 16px !important; } .p-awards__section .c-card__thumnail_awards img { max-width: 26px; } .p-awards__title { font-size: 30px; letter-spacing: 1.5px; } .p-awards__title { font-size: 35px; } .p-awards__subtitle { font-size: 18px; letter-spacing: .9px; } .p-awards__subtitle { font-size: 20px; } .p-awards-search { top: 111px; width: 100%; box-shadow: none; } .p-awards-search__btn_close {margin-bottom: 30px; text-align: right; } .p-awards-search__btn.close-btn { margin-right: -18px; } .p-awards-search__label { font-size: 14px; } .p-awards-search__section_title { font-size: 14px; letter-spacing: 1; } .p-awards-search__section_title { font-family: "Zen Kaku Gothic New"; font-size: 22px; font-weight: 700; line-height: 140%;letter-spacing: 1.1px; } .p-awards-modal__title span { font-size: 14px; letter-spacing: 1; } .p-awards-modal__contents { display: block; } .p-awards-modal__left { margin-bottom: 20px; } .p-awards-modal__history { font-size: 14px; letter-spacing: 1; } .p-awards-modal__history_year { flex: 0 0 95px; } .p-awards-modal__text { font-size: 14px; letter-spacing: 1; } .p-awards-modal__info { padding: 30px 20px; } .p-awards-modal__info_title { font-size: 14px; letter-spacing: 1; } .p-awards-modal__info_link_title { font-size: 14px; letter-spacing: 1; } .p-awards-modal__info_link_title span { font-size: 9px; letter-spacing: 2.2px; } .p-awards-modal__info_link_note { font-size: 12px; letter-spacing: 1; } .modal__overlay { padding: 0; } .modal__container {width: 90%; padding: 40px 30px; margin-inline: auto; } .modal__close {top: 10px; right: 36px; } .p-career-section__recruitbtn { display: block; } .p-career-section__recruitbtn a { margin-bottom: 20px; } .p-career-detail-mv__profile { padding-top: 30px; } .p-career-detail-mv__profile {margin-right: 0px; padding-bottom: 65px; } .p-career-detail-mv__profile_name { font-size: 14px; letter-spacing: 1; } .p-career-detail-section:first-child { padding-top: 50px; } .p-career-detail-section__imagehorizon { flex-direction: column; } .p-career-detail-section__imagehorizon img { border-radius: 20px; } .p-career-detail-member__image.label-member::before { font-size: 14px; letter-spacing: .7px; } .p-career-detail-member__image.label-member::before {font-family: "Noto Sans JP"; font-size: 11px; font-weight: 400; line-height: 140%; padding: 6px 20px; letter-spacing: 2.2px; } .p-career-detail-member__title { font-size: 18px; letter-spacing: 1.2px; } .p-career-detail-member__text { font-size: 14px; letter-spacing: .7px; } .p-career-detailInterview .p-career-detail-mv { margin-bottom: 210px; } .p-career-detailInterview-section__row { flex-direction: column; align-items: center; } .p-career-detailInterview-section__row.row-reverse { flex-direction: column; } .p-career-detailInterview-linkcollection__title { font-size: 14px; letter-spacing: .7px; } .p-career-detailInterview-linkcollection__link { font-size: 14px; letter-spacing: 1; } .p-career-detailInterview-bluebg__title { font-size: 18px; letter-spacing: 1.2px; } .p-career-detailInterview-bluebg__subtitle { font-size: 18px; letter-spacing: .9px; } .p-career-detailInterview-bluebg__row { flex-direction: column; margin-bottom: 40px;gap: 40px; } .p-career-detailInterview-bluebg__text { font-size: 14px; letter-spacing: .7px; } .p-career-detailInterview-bluebg__profile_name { font-size: 14px; letter-spacing: .7px; } .p-career-detailInterview-info__title { font-size: 24px; letter-spacing: 1.2px; } .p-career-detailMember-profile__box { grid-template-columns: repeat(2, 1fr); } .p-career-detailMember-profile__title { font-size: 18px; letter-spacing: .9px; } .p-career-detailMember-profile .profile-name { font-size: 14px; letter-spacing: 1; } .p-career-detailMember-profile .profile-text { font-size: 12px; letter-spacing: 1; } .p-career-detailMember-index { flex-direction: column; gap: 30px; } .p-career-detailMember-index__title { font-size: 18px; letter-spacing: 1.2px; } .p-career-detailMember-index__list { padding-left: 20px; } .p-career-detailMember-index__list_title { font-size: 14px; letter-spacing: 1; } .p-career-detailMember-index__list_child { font-size: 14px; letter-spacing: .7px; } .p-career-detailMember-section__title { font-size: 18px; letter-spacing: .9px; } .p-career-detailMember-section__title span { font-size: 14px; letter-spacing: 1; } .p-career-detailMember-section__comment_item .comment-name { font-size: 14px; letter-spacing: 1; } .p-career-detailMember-section__comment_item .comment-text { font-size: 14px; letter-spacing: .7px; } .p-career-detailMember-section__comment_item .comment-box-inner { flex-direction: column; gap: 20px; } .p-gallery-detail-image {gap: 20px; grid-template-columns: none; grid-template-rows: 1fr; } .p-gallery-detail .c-page-detail-section-title { font-size: 22px; } .c-title-en-xxl { font-size: 24px; letter-spacing: 1.2px; } .c-title-en-xl { font-size: 30px; letter-spacing: 1.5px; } .c-title-en-l { font-size: 18px; letter-spacing: 1.2px; } .c-title-en-m { font-size: 14px; letter-spacing: .7px; } .c-title-en-s { font-size: 12px; letter-spacing: 1.2px; } .c-title-en-xs { font-size: 9px; letter-spacing: 2.2px; } .c-title-ja-xl { font-size: 24px; letter-spacing: 1.2px; } .c-title-ja-l { font-size: 18px; letter-spacing: .9px; } .c-title-ja-mb { font-size: 14px; letter-spacing: 1; } .c-title-ja-m { font-size: 14px; letter-spacing: 1; } .c-title-ja-s { font-size: 12px; letter-spacing: 1; } .c-title-ja-text { font-size: 14px; letter-spacing: .7px; } .c-title-ja-form { font-size: 14px; } .c-title-ja-caption { font-size: 12px; letter-spacing: 1; } .c-btn--primary { font-size: 18px; letter-spacing: .9px; } .c-btn--primary { padding: 24px 32px; } .c-btn--primary .sub-text { font-size: 14px; letter-spacing: 1; } .c-btn--secondary { font-size: 14px; } .c-card__thumnail_awards { width: 96%; } .c-card__title { font-size: 18px; letter-spacing: .9px; } .c-cardColumn3 { display: flex; flex-direction: column; gap: 32px; } .c-cardColumn3 .c-card--vertical .c-card__link::before, .c-cardColumn3 .c-card--vertical .c-card__link::after { bottom: 16px; } .c-cardColumn3 .c-card--vertical .c-card__textbox { padding: 24px 24px 56px; } .c-cardColumn2 { display: flex; flex-direction: column; gap: 32px; } .c-cardColumn2 .c-card--vertical .c-card__link::before, .c-cardColumn2 .c-card--vertical .c-card__link::after { width: 22px; height: 22px; } .c-cardColumn2 .c-card--vertical .c-card__link::before, .c-cardColumn2 .c-card--vertical .c-card__link::after { bottom: 16px; margin-right: 4px; } .c-cardColumn2 .c-card--vertical .c-card__textbox { padding: 24px 24px 56px; } .c-card--vertical.c-card__sp_small .c-card__title { font-family: "Zen Kaku Gothic New"; font-size: 16px; font-weight: 700; line-height: 140%;letter-spacing: .8px; } .c-card--vertical.c-card__sp_small .c-card__link { display: flex; } .c-card--vertical.c-card__sp_small .c-card__link::before, .c-card--vertical.c-card__sp_small .c-card__link::after { width: 16px; height: 16px; } .c-card--vertical.c-card__sp_small .c-card__thumnail, .c-card--vertical.c-card__sp_small .c-card__textbox { flex: 0 0 50%; } .c-card--vertical.c-card__sp_small .c-card__thumnail img { border-radius: 20px 0 0 20px; } .c-card--vertical.c-card__sp_small .c-card__textbox {padding: 16px 16px 32px 16px; border-radius: 0 20px 20px 0; } .c-card__horizon { margin-right: -20px; margin-left: -20px; } .c-card__horizon .c-card__link { flex-direction: column-reverse; } .c-card__horizon .c-card__link::before, .c-card__horizon .c-card__link::after { content: none; } .c-card__horizon .c-card__link:hover .c-card__horizon_btn::before { background-image: url(/jp-ja/design/assets/img/utils/arrow-right-main.svg); } .c-card__horizon .c-card__thumnail { max-width: none; } .c-card__horizon .c-card__thumnail img { border-radius: 0; } .c-card__horizon .c-title-ja-text { margin-bottom: 70px; } .c-card__horizon .c-card__textbox {position: relative;max-width: 100%; padding: 32px; border-radius: 0; } .c-card__horizon_btn { bottom: 32px; } .c-card__horizon_btn::before {position: absolute; right: -16px; bottom: 0;width: 16px; height: 16px; content: ""; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; background-image: url(/jp-ja/design/assets/img/utils/arrow-right-black.svg); background-repeat: no-repeat; background-size: contain; } .c-card__horizon_small { margin-right: auto; margin-left: auto; } .c-card__horizon_small::before, .c-card__horizon_small::after { bottom: 16px; } .c-card__horizon_small .c-title-en-xl { font-size: 18px; letter-spacing: .9px; } .c-card__horizon_small .c-title-en-xl { font-size: 14px; } .c-card__horizon_small .c-card__thumnail, .c-card__horizon_small .c-card__textbox { width: 100%; } .c-card__horizon_small .c-card__thumnail img { border-radius: 20px 0 0 20px !important; } .c-card__horizon_small .c-card__textbox { padding: 16px 16px 32px 16px; border-radius: 0 20px 20px 0 !important; } .c-card__horizon_small .c-title-ja-text { font-size: 14px; letter-spacing: 1; } .c-card__horizon_small .c-title-ja-text { font-size: 9px; } .c-card__horizon_small .c-card__link { flex-direction: row; } .c-label { font-size: 9px; letter-spacing: 2.2px; } .c-label {font-family: "Noto Sans JP"; font-family: "Montserrat";font-size: 11px; font-weight: 400; line-height: 140%; padding: 6px 20px; letter-spacing: 2.2px; } .c-label--medium { font-size: 14px; letter-spacing: .7px; } .header-designC__list_link { font-size: 14px; letter-spacing: .7px; } .header-designC.active .header-designC__list_box { top: 52.5px; } .header-designC__title { font-size: 18px; letter-spacing: .9px; } .header-designC__lang { font-size: 9px; letter-spacing: 2.2px; } .footer-designC__head_title { font-size: 18px; letter-spacing: .9px; } .footer-designC__head_link { font-size: 14px; letter-spacing: .7px; } .footer-designC__contents_title { font-size: 18px; letter-spacing: 1.2px; } .footer-designC__contents_link { font-size: 12px; letter-spacing: 1; } .footer-designC__bottom_lang { font-size: 9px; letter-spacing: 2.2px; } .c-box { padding: 30px 20px; } .c-box__title { font-size: 14px; letter-spacing: 1; } .c-box__title--en { font-size: 14px; letter-spacing: .7px; } .c-box__link_title { font-size: 14px; letter-spacing: 1; } .c-box__link_title span { font-size: 9px; letter-spacing: 2.2px; } .c-box__link_note { font-size: 12px; letter-spacing: 1; } } @media (max-width: 750px) { .p-info__title { margin-bottom: 20px; } .c-page .l-container { margin-bottom: 64px; } .c-page-mv { margin-bottom: 70px; } .c-page-lead { margin-bottom: 32px; } .c-page-section { margin-bottom: 64px; } .c-page-section.first-block { margin-top: 40px; } .c-page-section__bluebg { padding-top: 64px; } .c-page-section__bluebg { padding-bottom: 64px; } .c-page-section__bluebg + .c-page-section__bluebg { margin-bottom: 64px; } .c-page-section__bluebg + .c-page-section__bluebg { margin-top: -120px; } .c-page-section__bluebg .c-page-detail-section__imagebox { margin-bottom: 40px; } .c-page-section__bluebg .c-page-detail-section__imagebox { margin-top: 40px; } .c-page-title { margin-top: 24px; } .c-page-title { margin-bottom: 12px; } .c-page-wave-mv__title { margin-top: 32px; } .c-page-wave-mv__title { padding-bottom: 45px; } .c-page-detail-mv__title { margin-top: 10px; } .c-page-detail__text + * { margin-top: 24px; } .c-page-detail-section-titlebox { margin-bottom: 32px; } .p-stories-detail-mv__title { margin-top: 10px; } .p-stories-detail-section { margin-bottom: 64px; } .p-stories-detail-section__bluebg { padding-bottom: 64px; } .p-stories-detail-section__bluebg { padding-top: 64px; } .p-stories-detail-section__bluebg .p-stories-detail-section__imagebox { margin-bottom: 40px; } .p-stories-detail-section__bluebg .p-stories-detail-section__imagebox { margin-top: 40px; } .p-stories-detail-section__titlebox { margin-bottom: 32px; } .p-stories-detail-section__text + * { margin-top: 32px; } .p-stories-detail-member .c-page-detail-section__subtitle { margin-bottom: 24px; } .p-stories-detail-member__image { margin-bottom: 12px; } .p-stories-detailInterview .p-stories-detail-section { margin-bottom: 64px; } .p-stories-detailInterview-linkcollection__box { margin-bottom: 20px; } .p-stories-detailInterview-linkcollection__title { margin-bottom: 16px; } .p-stories-detailInterview-linkcollection__item { margin-bottom: 16px; } .p-stories-detailInterview-bluebg__title { margin-bottom: 28px; } .p-stories-detailInterview-bluebg__subtitle { margin-bottom: 28px; } .p-stories-detailInterview-bluebg__img { margin-bottom: 15px; } .p-stories-detailInterview-bluebg__box { margin-bottom: 60px; } .p-stories-detailInterview-bluebg__profile { margin-bottom: 20px; } .p-stories-detailInterview-info__title { margin-bottom: 20px; } .p-stories-detailInterview-info__btn { margin-top: 20px; } .p-about-mv__contents { margin-bottom: 60px; } .p-about-bnr .c-card { margin-bottom: 64px; } .p-aboutDomain__container { margin-bottom: 64px; } .p-aboutDomain-section { margin-bottom: 128px; } .p-aboutDomain-section__text { margin-bottom: 20px; } .p-aboutDomain-section__image { margin-bottom: 20px; } .p-aboutDomain-section__info_title { margin-bottom: 16px; } .p-aboutDomain-section__info_box { margin-bottom: 20px; } .p-aboutDomain-section__info_link_item { margin-bottom: 16px; } .p-awards__no-results { margin-top: 40px; } .p-awards__no-results { margin-bottom: 64px; } .p-awards__design-section { margin-top: 64px; } .p-awards__design-section { margin-bottom: 64px; } .p-awards__section { padding-top: 40px; } .p-awards__title { margin-bottom: 20px; } .p-awards-search__btn { margin-bottom: 15px; } .p-awards-search__label { margin-bottom: 8px; } .p-awards-search__section_head { margin-bottom: 10px; } .p-awards-modal__contents { padding-top: 16px; } .p-awards-modal__contents { margin-top: 16px; } .p-awards-modal__history { margin-bottom: 20px; } .p-awards-modal__text { margin-bottom: 20px; } .p-awards-modal__info_title { margin-bottom: 16px; } .p-awards-modal__info_box { margin-bottom: 20px; } .p-awards-modal__info_link_item { margin-bottom: 16px; } .p-career .c-page__mv { margin-bottom: 64px; } .p-career-detail-section { margin-bottom: 64px; } .p-career-detail-section__bluebg { padding-bottom: 64px; } .p-career-detail-section__bluebg { padding-top: 64px; } .p-career-detail-section__bluebg .c-page-detail-section__imagebox { margin-bottom: 40px; } .p-career-detail-section__bluebg .c-page-detail-section__imagebox { margin-top: 40px; } .p-career-detail-section__imagebox { margin-top: 20px; } .p-career-detail-section__imagebox + * { margin-top: 20px; } .p-career-detail-section .c-page-section__lead { margin-bottom: 39px; } .p-career-detail-member__image { margin-bottom: 12px; } .p-career-detailInterview .p-career-detail-section { margin-bottom: 64px; } .p-career-detailInterview-section__contents { margin-bottom: 20px; } .p-career-detailInterview-linkcollection__box { margin-bottom: 20px; } .p-career-detailInterview-linkcollection__title { margin-bottom: 16px; } .p-career-detailInterview-linkcollection__item { margin-bottom: 16px; } .p-career-detailInterview-bluebg__title { margin-bottom: 40px; } .p-career-detailInterview-bluebg__subtitle { margin-bottom: 28px; } .p-career-detailInterview-bluebg__img + * { margin-top: 15px; } .p-career-detailInterview-bluebg__text { margin-top: 4px; } .p-career-detailInterview-bluebg__box { margin-bottom: 60px; } .p-career-detailInterview-bluebg__profile { margin-bottom: 12px; } .p-career-detailInterview-info__title { margin-bottom: 20px; } .p-career-detailInterview-info__btn { margin-top: 20px; } .p-career-detailMember-profile__title { margin-bottom: 20px; } .p-career-detailMember-index__list_title { margin-bottom: 10px; } .p-career-detailMember-index__item { margin-bottom: 32px; } .p-career-detailMember-section__title { margin-bottom: 40px; } .p-career-detailMember-section__comment_item { margin-bottom: 20px; } .p-gallery-detail-section { margin-bottom: 30px; } .p-gallery-detail-linkcollection { margin-top: 60px; } .p-gallery-detail-linkcollection { margin-bottom: 60px; } .p-gallery-detail-image { margin-top: 30px; } .c-title-en-xl + p { margin-top: 16px; } .c-title-en-xl + :not(p) { margin-top: 24px; } .c-title-ja-xl + p { margin-top: 16px; } .c-title-ja-xl + :not(p) { margin-top: 24px; } .c-card__horizon_small { margin-top: 40px; } .c-box__title { margin-bottom: 16px; } .c-box__inner { margin-bottom: 20px; } .c-box__link_item { margin-bottom: 16px; } } @media screen and (max-width: 1360px) { .p-home-mv__contents { gap: 30px; } .p-home-mv__image svg { width: 62vw; height: auto; } } @media screen and (max-width: 1200px) and (max-width: 749px) { .p-home-mv__textbox .c-btn::before, .p-home-mv__textbox .c-btn::after { width: 14px !important; height: 14px !important; } .header-designC__title { font-size: 14px; letter-spacing: 1; } .header-designC__hamburger span { font-size: 14px; letter-spacing: .7px; } .footer-designC__head_title { font-size: 14px; letter-spacing: 1; } .footer-designC__head_link { font-size: 14px; letter-spacing: .7px; } .footer-designC__contents_title { font-size: 14px; letter-spacing: .7px; } .footer-designC__contents_link { font-size: 14px; letter-spacing: 1; } .footer-designC__bottom_lang { font-size: 12px; letter-spacing: 1.2px; } } @media screen and (max-width: 1000px) { .p-home-mv__playbtn { bottom: 20px; } .p-aboutDomain-left__playbtn { bottom: 20px; } } @media screen and (min-width: 1440px) { .c-page-mv { max-width: 1500px; } .c-page-mv__right img { border-radius: 0 0 40px 0; } .c-page-mv__left_containar { left: calc((100vw - 1100px + 110px) / 2); } } @media screen and (min-width: 1200px) and (max-width: 1440px) { .c-page-mv__left { left: calc(-1 * (1550px - 100vw) / 2); } } @media screen and (max-width: 1050px) { .c-page-mv__left { left: -380px; } .c-page-mv__left_containar {right: 80px; left: auto; } } @media screen and (min-width: 1500px) { .c-page-mv__left_containar { left: 260px; } } @media screen and (max-width: 749px) and (max-width: 749px) { .c-page-mv__subtitle { font-size: 12px; letter-spacing: 1; } .c-page-detail-mv__subtitle { font-size: 14px; letter-spacing: .7px; } .c-page-detail-section__subtitle { font-size: 14px; letter-spacing: .7px; } .p-stories-detail-mv__title { font-size: 24px; letter-spacing: 1.2px; } .p-stories-detail-mv__subtitle { font-size: 14px; letter-spacing: .7px; } .p-stories-detail-section__subtitle { font-size: 14px; letter-spacing: .7px; } .p-stories-detail-member__image.label-member::before { font-size: 9px; letter-spacing: 2.2px; } .p-awards-search__section_title { font-size: 18px; letter-spacing: .9px; } .p-career-detail-member__image.label-member::before { font-size: 9px; letter-spacing: 2.2px; } .c-card--vertical.c-card__sp_small .c-card__title { font-size: 14px; letter-spacing: 1; } .c-label { font-size: 9px; letter-spacing: 2.2px; } } @media screen and (max-width: 1450px) { .c-page-detail-mv__titlebg { left: -200px; } .c-page-detail-mv__titlebox { left: 56%; } .p-stories-detail-mv__titlebg { left: -150px; } } @media (max-width: 1440px) { .p-about-mv__animation .c-page-title_box { left: 300px; } .p-about-mv__textbox { left: 54%; } } @media (max-width: 1000px) { .p-about-mv__image svg { width: 120vw; } .p-about-mv__playbtn { right: 150px; bottom: 250px; } } @media (max-width: 550px) { .p-about-mv__values { margin-top: -70vw; } } @media (max-width: 430px) { .p-about-mv__values { margin-top: -85vw; } } @media (max-width: 1250px) { .p-aboutDomain__container { gap: 100px; } } @media screen and (max-width: 880px) { [data-pagename=gallery] .c-page-detail-mv img { border-radius: 0 !important; } } @media screen and (max-width: 1270px) { .header-designC__list { gap: 20px; } } @media screen and (max-width: 1270px) and (min-width: 750px) { .header-designC__title { font-size: 20px; } .header-designC__lang { letter-spacing: 1.2px; } }