1<!DOCTYPE html> 2<html lang="ja" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5<meta name="viewport" content="width=device-width, initial-scale=1" /> 6<meta name="format-detection" content="telephone=no"> 7<link rel="preload" href="https://lifull.com/wp-content/themes/lifull/assets/fonts/lifullfont/woff2/LIFULLFont-Medium.woff2" as="font" type="font/woff2" crossorigin> 8<link rel="preload" href="https://lifull.com/wp-content/themes/lifull/assets/fonts/lifullfont/woff2/LIFULLFont-Bold.woff2" as="font" type="font/woff2" crossorigin> 9 10<style> .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } </style> 11<style>@charset 'UTF-8'; .slick-loading .slick-list { background: #fff url('./ajax-loader.gif') center center no-repeat; } @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/wp-content/themes/lifull/assets/css/lib/fonts/slick.eot'); src: url('/wp-content/themes/lifull/assets/css/lib/fonts/slick.eot?#iefix') format('embedded-opentype'), url('/wp-content/themes/lifull/assets/css/lib/fonts/slick.woff') format('woff'), url('/wp-content/themes/lifull/assets/css/lib/fonts/slick.ttf') format('truetype'), url('/wp-content/themes/lifull/assets/css/lib/fonts/slick.svg#slick') format('svg'); } .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: 'â'; } [dir='rtl'] .slick-prev:before { content: 'â'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: 'â'; } [dir='rtl'] .slick-next:before { content: 'â'; } .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block;
11 width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: 'â¢'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } </style> 12<style> :root { --orange: #ED6103; --hoverOrange: #D24E00; --white: #fff; --black: #1F1F1F; --beige: #FEF3EB; --gray: #D2D2D2; --bgGray: #F4F4F4; --darkGray: #797979; } body, dd, dl, dt, figure, form, h1, h2, h3, h4, h5, h6, ol, p, ul { margin: 0; padding: 0 } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } strong { font-weight: normal; } table, tbody, td, th, thead, tr { border: none; } table th { text-align: left; font-weight: normal; } table { border-collapse: collapse; } ol, ul { list-style: none; } a { text-decoration: none; } a img { border: none; } img { vertical-align: bottom; } textarea { font-size: 1em; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; } select { font-size: 1em; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-box-shadow: none; box-shadow: none; } select::-ms-expand { display: none; } figcaption, figure, footer, header, main, nav, section, time { display: block; } input[type=image], input[type=submit] { border: none; padding: 0; } input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text] { outline: none; -moz-appearance: none; appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } input[type=number] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { appearance: none; -webkit-appearance: none; -moz-appearance: none; margin: 0; } button { border: none; margin: 0; cursor: pointer; } input[type=image], input[type=reset], input[type=submit] { cursor: pointer; } address { font-style: normal; } button, input, select, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; border: none; border-radius: 0; outline: none; } input::-webkit-input-placeholder, input::-moz-placeholder, input:-ms-input-placeholder, input::-ms-input-placeholder, input::placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea:-ms-input-placeholder, textarea::-ms-input-placeholder, textarea::placeholder { color: #999; } html { font-size: 62.5% } body { font-family: LIFULL, "游ã´ã·ãã¯", YuGothic, "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ã¡ã¤ãªãª", Meiryo, Osaka, "ï¼ï¼³ ï¼°ã´ã·ãã¯", "MS PGothic", sans-serif; line-height: 2; color: #1F1F1F; word-break: break-word; word-wrap: break-word; overflow-wrap: break-word; font-size: 16px; font-size: 1.6rem; font-weight: 500; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; overflow-x: hidden; } body.is-freeze { overflow: hidden; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } a { color: var(--blue); } .noref { cursor: default; } #container { overflow: clip; } @media screen and (min-width:768px) { .main__inner { max-width: 1280px; margin: 0 auto; padding: 0 40px; } } @media screen and (max-width:767px) { .main__inner { padding: 0 16px; } } .section+.section { margin: 128px 0 0; } @media screen and (min-width:768px) {} @media screen and (max-width:767px) { .section+.section { margin: 80px 0 0; } } .section__subSection { margin: 56px 0 0; } .section__subSection__item { margin: 32px 0 0; } .section__subSection__item--bgGray { background-color: var(--bgGray); border-radius: 4px; padding: 48px; } .section__subSection__item .section { margin: 40px 0 0; } @media screen and (min-width:768px) {} @media screen and (max-width:767px) { .section__subSection { margin: 48px 0 0; } .section__subSection__item { margin: 24px 0 0; } .section__subSection__item--bgGray { padding: 40px 32px; } .section__subSection__item .section { margin: 32px 0 0; } } .section__subSection--bgBeige { background-color: var(--beige); border-radius: 4px; padding: 50px; } @media screen and (min-width:768px) {} @media screen and (max-width:767px) { .section__subSection--bgBeige { padding: 32px 24px; } } @media screen and (min-width:768px) { .section__subSection--item { margin: 48px 0 0 } } @media screen and (max-width:767px) { .section__subSection--item { margin: 32px 0 0 } } .section__gray { width: 100vw; margin: 0 calc(50% - 50vw); background: #F4F4F4; padding: 80px 40px; } .section__gray__inner { max-width: 1200px; margin: 0 auto; } @media screen and (max-width:767px) { .section__gray { padding: 60px 16px; } } .article .article__titleBox__tag { display: inline-block; font-size: 14px; font-size: 1.4rem; background: #E8E8E8; padding: 8px; border-radius: 4px; line-height: 1.2; margin: 0 0 24px; } .article .article__titleBox__title { font-weight: bold; line-height: 1.3; } .article .article__titleBox__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 16px; margin: 0 0 24px; } @media screen and (min-width:768px) { .article .article__titleBox__title { font-size: 40px; font-size: 4rem; margin: 0 0 80px; } } @media screen and (max-width:767px) { .article .article__titleBox__title { font-size: 28px; font-size: 2.8rem; margin: 0 0 58px; } } .article .article__titleBox+.modHeadingSection { border-bottom: none; } .article .article__titleBox+.modHeadingSection:after { display: none; } @media screen and (min-width:768px) { .article .article__titleBox+.modHeadingSection { margin: 0 0 40px; font-size: 36px; font-size: 3.6rem; } } .article>* { margin: 32px 0; } .article>:first-child { margin: 0 } .article img { max-width: 100%; height: auto } .article>p>strong { font-weight: bold } .article>p>strong>a { color: var(--orange) } .article>p>a { color: var(--orange); text-decoration: underline } .article>p>a[target=_blank]:after { content: ""; display: inline-block; vertical-align: middle; margin: 0 0 0 8px; width: 14px; height: 14px; background: url("/wp-content/themes/lifull/assets/img/common/icon_blank_text.svg") no-repeat 0 0; background-size: 100% auto; } .article>h3 { font-weight: bold; line-height: 1.2; margin: 80px 0 32px; padding: 0 0 0 16px; border-left: 2px solid var(--orange); } .article>h3+* { margin-top: 0 !important; } .article>h4 { margin: 56px 0 16px; font-weight: bold; line-height: 1.3; } @media screen and (min-width:768px) { .article .modHeadingSection { font-size: 26px; font-size: 2.6rem; } .article>p>a:hover { color: var(--hoverOrange); text-decoration: none; } .article>p>a:hover[target=_blank]:after { background-position: 0 bottom; } .article>h3 { font-size: 24px; font-size: 2.4rem; } .article>h4 { font-size: 20px; font-size: 2rem; } } @media screen and (max-width:767px) { .article>h3 { font-size: 20px; font-size: 2rem; } .article>h4 { font-size: 18px; font-size: 1.8rem; } } .article>h4+* { margin-top: 0 !important; } .article .alignright { float: right; margin-left: 20px; } @media screen and (max-width:850px) { .article .alignright { display: block; float: none; margin-left: 0 } } .article .alignleft { float: left; margin-right: 20px } @media screen and (max-width:850px) { .article .alignleft { display: block; float: none; margin-right: 0 } } .article>[border=é»] { border: 1px solid #000 } .article table td>:first-child, .article table th>:first-child { margin-top: 0 } .article table td a, .article table th a { color: var(--orange); text-decoration: underline; -webkit-transition: all 0.1s linear; transition: all 0.1s linear } .article table td a:hover, .article table th a:hover { color: #efb690 } @media screen and (max-width:850px) { .article .scroll_table_wrap { overflow-x: auto } } .article .iri-concept_list { border: 1px solid #ddd } .article .iri-concept_list td, .article .iri-concept_list th { border-bottom: 1px solid #ddd; padding: 0.5em } .article .iri-concept_list td { max-width: 30%; border-right: 1px solid #ddd }
12 .article .iri-concept_list td:last-child { border-right: none } @media screen and (min-width:768px) { .article--small { max-width: 800px; margin: 0 auto } } .article--small .article__titleBox__title { line-height: 2 } @media screen and (min-width:768px) { .article--small .article__titleBox__title { font-size: 32px; font-size: 3.2rem; margin-bottom: 56px } } @media screen and (max-width:767px) { .article--small .article__titleBox__title { font-size: 24px; font-size: 2.4rem } } .scroll-hint-icon-wrap { display: none } .scroll-hint-icon-wrap.is-active { display: block } .header { position: sticky; top: 0; z-index: 1100 } @media screen and (min-width:1024px) { .header { height: 96px; } } @media screen and (max-width:1023px) { .header { height: 58px; } } @media screen and (max-width : 767px) { .header { height: 60px; } } .header__inner { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 1 } @media screen and (min-width:1024px) { .header__inner { padding: 0 16px 0 24px; height: 96px; } } @media screen and (max-width:1023px) { .header__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px } } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-negative: 0; flex-shrink: 0 } @media screen and (min-width:1024px) { .header__logo { gap: 0 24px; margin: auto 0; } } @media screen and (max-width:1023px) { .header__logo { gap: 0 20px } } .header__logo>a { display: block; text-indent: -9999px; font-size: 0; background: url("/wp-content/themes/lifull/assets/img/common/logo.svg") no-repeat 0 0; background-size: 100% } @media screen and (min-width:1024px) { .header__logo>a { width: 167px; height: 40px } } @media screen and (max-width:1023px) { .header__logo>a { width: 108px; height: 26px } } @media screen and (max-width : 767px) { .header__logo>a { width: 116px; height: 28px } } .header__btn { position: relative; width: 24px; height: 19px; cursor: pointer } .header__btn>i { display: block; width: 100%; height: 3px; background: var(--orange); position: absolute; left: 0; -webkit-transition: 0.5s; transition: 0.5s } .header__btn>i:first-child { top: 0 } .header__btn>i:nth-child(2) { top: 8px } .header__btn>i:nth-child(3) { top: 16px } .header__btn.is-active>i:first-child { top: 9px; left: 0px; -webkit-transform: rotate(45deg); transform: rotate(45deg) } .header__btn.is-active>i:nth-child(2) { opacity: 0 } .header__btn.is-active>i:nth-child(3) { top: 9px; left: 0px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } @media screen and (min-width:1024px) { .header__btn { display: none } } @media screen and (min-width:1024px) { .header__menu { padding: 0 0 0 16px } } @media screen and (max-width:1023px) { .header__menu { position: absolute; top: 58px; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 16px 0; -ms-flex-wrap: wrap; flex-wrap: wrap; background: var(--white); padding: 20px 20px 40px 20px; max-height: calc(100vh - 58px); overflow-y: scroll; opacity: 0; z-index: -1; pointer-events: none; -webkit-transition: 0.5s; transition: 0.5s } .header__menu.is-active { opacity: 1; z-index: 0; pointer-events: all } } @media screen and (min-width:1024px) { .header__menu__sub { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 0 20px; } } @media screen and (max-width:1023px) { .header__menu__sub { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100% } } @media screen and (min-width:1024px) { .header__menu__sub .blankMenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 24px } } .header__menu__sub .blankMenu>li>a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px } .header__menu__sub .blankMenu>li>a:after { content: ""; display: block; width: 14px; height: 14px; background: url("/wp-content/themes/lifull/assets/img/common/icon_blank.svg") no-repeat 0 0; background-size: 100% } @media screen and (min-width:1024px) { .header__menu__sub .blankMenu>li>a { font-weight: bold; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: clamp(11px, 1vw, 14px) } .header__menu__sub .blankMenu>li>a:hover { color: var(--orange) } } @media screen and (max-width:1023px) { .header__menu__sub .blankMenu>li>a { font-size: 14px; font-size: 1.4rem } } .header__menu__sub .language { overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; border: 1px solid #E7E7E7; border-radius: 9999px } @media screen and (max-width:1023px) { .header__menu__sub .language { width: 100%; margin-top: 16px } } .header__menu__sub .language>li { position: relative } @media screen and (max-width:1023px) { .header__menu__sub .language>li { width: 50% } } .header__menu__sub .language>li>* { display: block; padding: 8px; line-height: 1; font-weight: bold } @media screen and (min-width:1024px) { .header__menu__sub .language>li>* { font-size: 13px; font-size: 1.3rem } } @media screen and (max-width:1023px) { .header__menu__sub .language>li>* { font-size: 16px; font-size: 1.6rem } } .header__menu__sub .language>li>span { color: var(--orange) } @media screen and (min-width:1024px) { .header__menu__sub .language>li .sp { display: none; } } @media screen and (max-width:1023px) { .header__menu__sub .language>li .pc { display: none; } .header__menu__sub .language>li>span { text-align: center } } .header__menu__sub .language>li>a { color: #666 } @media screen and (min-width:1024px) { .header__menu__sub .language>li>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .header__menu__sub .language>li>a:hover { background: #E7E7E7 } } @media screen and (max-width:1023px) { .header__menu__sub .language>li>a { text-align: center } } .header__menu__sub .language>li+li:before { content: ""; display: block;
12 height: calc(100% - 10px); position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: var(--gray) } @media screen and (min-width:1024px) { .header__menu__sub .language>li+li:before { width: 2px } } @media screen and (max-width:1023px) { .header__menu__sub .language>li+li:before { width: 1px } } @media screen and (min-width:1024px) { .header__menu__main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 32px; margin: 8px 0 0; font-size: clamp(11px, 1vw, 15px) } } @media screen and (max-width:1023px) { .header__menu__main { width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media screen and (max-width:1023px) { .header__menu__main .item { border-bottom: 1px solid #D2D2D2; padding: 12px 0 10px } } .header__menu__main .item>a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; font-weight: bold } @media screen and (min-width:1024px) { .header__menu__main .item>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: clamp(11px, 1vw, 15px); padding-bottom: 14px; } .header__menu__main .item>a:hover { color: var(--orange) } } @media screen and (max-width:1023px) { .header__menu__main .item>a { font-size: 15px; font-size: 1.5rem; width: 100% } } @media screen and (min-width:1024px) { .header__menu__main .item--lowerPage:hover>span { color: var(--orange) } .header__menu__main .item--lowerPage:hover>span:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 4px 0 0 } } .header__menu__main .item--lowerPage .trigger { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; font-weight: bold; cursor: pointer } @media screen and (min-width:1024px) { .header__menu__main .item--lowerPage .trigger { padding-bottom: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; font-size: clamp(11px, 1vw, 16px); width: 100% } } @media screen and (max-width:1023px) { .header__menu__main .item--lowerPage .trigger { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; font-size: 15px; font-size: 1.5rem; width: 100%; cursor: pointer } .header__menu__main .item--lowerPage .trigger.is-active:after { height: 2.5px; background-size: cover; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_minus.svg") } } .header__menu__main .item--lowerPage .trigger:after { content: ""; -webkit-transition: 0.5s; transition: 0.5s } @media screen and (min-width:1024px) { .header__menu__main .item--lowerPage .trigger:after { display: block; width: 8px; height: 8px; border-top: 2px solid var(--orange); border-right: 2px solid var(--orange); -webkit-transform: rotate(135deg); transform: rotate(135deg); margin: -4px 0 0 } } @media screen and (max-width:1023px) { .header__menu__main .item--lowerPage .trigger:after { display: inline-block; width: 18px; height: 18px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_plus.svg"); background-size: cover } } @media screen and (max-width:1023px) { .header__menu__main .item--lowerPage .trigger>a, .header__menu__main .item--lowerPage .trigger>span { display: inline-block; width: calc(100% - 30px) } } .header__menu .drawer { width: 100%; background: #F4F4F4 } @media screen and (min-width:1300px) { .header__menu .drawer { pointer-events: none; position: absolute; top: 96px; left: 0; opacity: 0; z-index: -1; padding: 40px 100px; -webkit-transition: 0.5s; transition: 0.5s; max-height: calc(100vh - 88px); overflow-y: scroll } } @media screen and (max-width:1299px) { .header__menu .drawer { -webkit-transition: 0.5s; transition: 0.5s; pointer-events: none; position: absolute; top: 96px; left: 0; opacity: 0; z-index: -1; padding: 40px 60px; max-height: calc(100vh - 88px);
12 overflow-y: scroll } } @media screen and (max-width:1023px) { .header__menu .drawer { pointer-events: all; position: relative; top: 0; left: 0; opacity: 1; z-index: 1; padding: 24px 24px 32px 24px; margin-top: 16px; display: none; -webkit-transition: 0s; transition: 0s; max-height: 99999px; margin-bottom: -10px } } .header__menu .drawer .modListPage__mainLink { font-size: 16px; margin-top: 16px } @media screen and (max-width:1023px) { .header__menu .drawer .modListPage__mainLink { border: none; display: inline-block } } .header__menu .drawer .modListPage__mainLink .modIconCircleArrow { width: 30px; height: 30px } .header__menu .drawer .modListPage__mainLink .modIconCircleArrow:after { width: 12px; height: 12px; right: 8px } @media screen and (min-width:1300px) { .header__menu .drawer__content .content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 60px } } @media screen and (max-width:1299px) { .header__menu .drawer__content .content { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 60px } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media screen and (min-width:1300px) { .header__menu .drawer__content .content__image { width: 280px } } @media screen and (max-width:1299px) { .header__menu .drawer__content .content__image { width: 200px } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__image { width: 100% } } .header__menu .drawer__content .content__image__image { width: 100%; border-radius: 4px; overflow: hidden } @media screen and (min-width:1300px) { .header__menu .drawer__content .content__image__image { aspect-ratio: 280/158 } } @media screen and (max-width:1299px) { .header__menu .drawer__content .content__image__image { aspect-ratio: 280/158 } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__image__image { height: 160px; max-width: 340px } } .header__menu .drawer__content .content__image__image__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__image__image__wrapper { width: 100% } } .header__menu .drawer__content .content__image__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (min-width:768px) { .header__menu .drawer__content .content__image .modListPage__mainLink>a { padding: 0 44px 0 0 !important } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__image__wrapper { width: 100% } } @media screen and (min-width:1024px) { .header__menu .drawer__content--company:has(.content__image) { padding-bottom: 16px } } @media screen and (min-width:1300px) { .header__menu .drawer__content .content__body { width: calc(100% - 340px) } } @media screen and (max-width:1299px) { .header__menu .drawer__content .content__body { width: calc(100% - 260px) } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body { width: 100% } } @media screen and (min-width:1300px) { .header__menu .drawer__content .content__body__heading { font-size: 24px; font-weight: bold } } @media screen and (max-width:1299px) { .header__menu .drawer__content .content__body__heading { font-size: 24px; font-weight: bold } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__heading { display: none } } @media screen and (min-width:1024px) { .header__menu .drawer__content .content__body__heading>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .header__menu .drawer__content .content__body__heading>a:hover { color: var(--orange) } } .header__menu .drawer__content .content__body__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (min-width:1300px) { .header__menu .drawer__content .content__body__list { gap: 16px 40px } } @media screen and (max-width:1299px) { .header__menu .drawer__content .content__body__list { gap: 16px 40px } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__list { gap: 10px 0 } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__list>li { width: 100% !important } } .header__menu .drawer__content .content__body__list>li>span { display: block; font-weight: bold; line-height: 1.5; border-bottom: 1px solid var(--gray) } @media screen and (min-width:1024px) { .header__menu .drawer__content .content__body__list>li>span { padding: 16px 32px 16px 4px; font-size: 16px } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__list>li>span { padding: 16px 40px 16px 0 } } @media screen and (min-width:1024px) { .header__menu .drawer__content .content__body__list>li>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 16px 32px 16px 4px; font-size: 16px } .header__menu .drawer__content .content__body__list>li>a:before { content: ""; opacity: 0; display: block; width: 100%; height: 3px; background: var(--orange); position: absolute; bottom: -1px; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .header__menu .drawer__content .content__body__list>li>a:not(.noref):hover { color: var(--orange) } .header__menu .drawer__content .content__body__list>li>a:not(.noref):hover:before { opacity: 1 } } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__list>li>a { padding: 16px 40px 16px 0 } } .header__menu .drawer__content .content__body__list>li .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 42px } .header__menu .drawer__content .content__body__list>li .wrapper>ul { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__menu .drawer__content .content__body__list>li .wrapper>ul>li { width: 100%; position: relative; padding-left: 16px; flex-grow: 1; } .header__menu .drawer__content .content__body__list>li .wrapper>ul>li a { -webkit-transition: 0.5s; transition: 0.5s } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__list>li .wrapper>ul>li a { font-size: 14px } } @media screen and (min-width:768px) { .header__menu .drawer__content .content__body__list>li .wrapper>ul>li a:hover { color: var(--orange) } } .header__menu .drawer__content .content__body__list>li .wrapper>ul>li:before { content: "-"; position: absolute; top: 0; left: 0 } .header__menu .drawer__content .content__body__list>li .wrapper>ul>li>ul>li { width: 100%; position: relative; padding-left: 16px; line-height: 1.6 } .header__menu .drawer__content .content__body__list>li .wrapper>ul>li>ul>li a { font-size: 12px; line-height: 1.6 } .header__menu .drawer__content .content__body__list>li .wrapper>ul>li>ul>li:before { content: "-"; position: absolute; top: 0; left: 0 } @media screen and (max-width:1299px) { .header__menu .drawer__content .content__body__list>li .wrapper>ul+ul { margin-top: 0 } } .header__menu .drawer__content .content__body__list>li>ul { margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__list>li>ul { margin-top: 8px } } .header__menu .drawer__content .content__body__list>li>ul>li { width: 100%; position: relative; padding-left: 16px } .header__menu .drawer__content .content__body__list>li>ul>li a { -webkit-transition: 0.5s; transition: 0.5s } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__list>li>ul>li a { font-size: 14px } } @media screen and (min-width:768px) { .header__menu .drawer__content .content__body__list>li>ul>li a:hover { color: var(--orange) } } .header__menu .drawer__content .content__body__list>li>ul>li:before { content: "-"; position: absolute; top: 0; left: 0 } .header__menu .drawer__content .content__body__list>li>ul>
12li.indent { left: 8px; } @media screen and (max-width:1023px) { .header__menu .drawer__content .content__body__list .modListPage__lowerPage__item>a { padding-right: 0; } .header__menu .drawer__content .content__body__list .modListPage__lowerPage__item>a:after { display: none; } } @media screen and (min-width:1300px) { .header__menu .drawer__content--company .content__body__list li { width: calc((100% - 120px) / 4) } .header__menu .drawer__content--company .content__body__list li.col2 { width: calc(((100% - 120px) / 4) * 2 + 40px) } } @media screen and (max-width:1299px) { .header__menu .drawer__content--company .content__body__list li { width: calc((100% - 80px) / 3) } } @media screen and (min-width:1300px) { .header__menu .drawer__content--ir .content__body__list li { width: calc((100% - 120px) / 4) } .header__menu .drawer__content--ir .content__body__list li.col2 { width: calc(((100% - 120px) / 4) * 2 + 40px) } } @media screen and (max-width:1299px) { .header__menu .drawer__content--ir .content__body__list li { width: calc((100% - 80px) / 3) } } @media screen and (min-width:1300px) { .header__menu .drawer__content--brand .modListPage__lowerPage__item { width: calc((100% - 120px) / 4) } .header__menu .drawer__content--brand .modListPage__lowerPage__item.col2 { width: calc(((100% - 120px) / 4) * 2 + 40px) } } @media screen and (max-width:1299px) { .header__menu .drawer__content--brand .modListPage__lowerPage__item { width: calc((100% - 80px) / 3) } } @media screen and (min-width:1300px) { .header__menu .drawer__content--company .content__image+.content__image, .header__menu .drawer__content--sustainability .content__image+.content__image, .header__menu .drawer__content--brand .content__image+.content__image, .header__menu .drawer__content--ir .content__image+.content__image { width: 210px; margin-top: 32px } } @media screen and (max-width:1299px) { .header__menu .drawer__content--company .content__image+.content__image, .header__menu .drawer__content--sustainability .content__image+.content__image, .header__menu .drawer__content--brand .content__image+.content__image, .header__menu .drawer__content--ir .content__image+.content__image { width: 200px; margin-top: 32px } } @media screen and (max-width:1023px) { .header__menu .drawer__content--company .content__image+.content__image, .header__menu .drawer__content--sustainability .content__image+.content__image, .header__menu .drawer__content--brand .content__image+.content__image, .header__menu .drawer__content--ir .content__image+.content__image { margin-top: 20px; width: 100% } } @media screen and (min-width:1300px) { .header__menu .drawer__content--sustainability .modListPage__lowerPage__item:first-child { width: 26% } } @media screen and (max-width:1299px) { .header__menu .drawer__content--sustainability .modListPage__lowerPage__item:first-child { width: 32% } } @media screen and (min-width:1300px) { .header__menu .drawer__content--sustainability .modListPage__lowerPage__item:nth-child(2) { width: calc(50% - 80px) } } @media screen and (max-width:1299px) { .header__menu .drawer__content--sustainability .modListPage__lowerPage__item:nth-child(2) { width: calc(48% - 80px) } } @media screen and (min-width:1300px) { .header__menu .drawer__content--sustainability .modListPage__lowerPage__item:nth-child(3) { width: 24% } } @media screen and (max-width:1299px) { .header__menu .drawer__content--sustainability .modListPage__lowerPage__item:nth-child(3) { width: 19% } } .header__menu .drawer__content--sustainability .modListPage__lowerPage__item .wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start } @media screen and (min-width:1300px) { .header__menu .drawer__content--sustainability .modListPage__lowerPage__item .wrapper>ul { width: calc((100% - 42px) / 2) } } @media screen and (max-width:1299px) { .header__menu .drawer__content--sustainability .modListPage__lowerPage__item .wrapper>ul { width: 100% } } .header__menu .drawer.is-active { pointer-events: all; opacity: 1; z-index: 1000 } @media screen and (max-width:1023px) { .header .pc { display: none } } @media screen and (min-width:1024px) { .header .sp { display: none } } .headerBack { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: #000; opacity: 0; -webkit-transition: 0.5s; transition: 0.5s; z-index: -1; pointer-events: none } .headerBack.is-active { z-index: 1050; pointer-events: all; opacity: 0.3 } @media screen and (min-width:1024px) { .footer { margin: 144px 0 0; } } @media screen and (max-width:1023px) { .footer { margin: 100px 0 0; } } @media screen and (max-width : 767px) { .footer { margin: 80px 0 0; } } .footer__top { background: var(--bgGray) } @media screen and (min-width:1024px) { .footer__top { padding: 72px 40px 104px } } @media screen and (max-width:1023px) { .footer__top { padding: 48px 20px } } .footer__top__inner { position: relative } @media screen and (min-width:1024px) { .footer__top__inner { max-width: 1200px; margin: 0 auto } } .footer__top__pageTop { aspect-ratio: 1/1; width: 60px; height: 60px; padding: 14px 0; position: fixed; bottom: 20px; right: 20px; border: 2px solid var(--bgGray); background: #fff; border-radius: 100%; text-align: center; font-weight: bold; -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16); font-size: 14px; font-size: 1.4rem; z-index: 100; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; pointer-events: none } @media screen and (min-width:1024px) { .footer__top__pageTop { cursor: pointer } .footer__top__pageTop:hover { color: #fff; background: var(--orange) } .footer__top__pageTop:hover:before { border-color: #fff } } .footer__top__pageTop:before { content: ""; display: block; width: 10px; height: 10px; border-top: 2px solid var(--orange); border-right: 2px solid var(--orange); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin: 0 auto -4px } @media screen and (min-width:1024px) { .footer__top__pageTop:before { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } } .footer__top__pageTop img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } @media screen and (max-width:767px) { .footer__top__pageTop--ir { bottom: 110px } } @media screen and (min-width:768px) { .footer__top__pageTop--top { bottom: 146px } } @media screen and (max-width:767px) { .footer__top__pageTop--top { bottom: 126px } } @media screen and (min-width:768px) { .footer__top__pageTop--topAdd { bottom: 20px !important } } @media screen and (max-width:767px) { .footer__top__pageTop--topAdd { bottom: 20px !important } } .footer__top__pageTop.is-active { opacity: 1; pointer-events: all } @media screen and (min-width:1024px) { .footer__top__data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 80px; margin: 0 0 64px } } @media screen and (max-width:1023px) { .footer__top__data { margin: 0 0 16px } } .footer__top__data .logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } @media screen and (min-width:1024px) { .footer__top__data .logo { gap: 0 16px } } @media screen and (max-width:1023px) { .footer__top__data .logo { gap: 0 32px } } .footer__top__data .logo>a { display: block; text-indent: -9999px; font-size: 0; background: url("/wp-content/themes/lifull/assets/img/common/logo.svg") no-repeat 0 0; background-size: 100% } @media screen and (min-width:1024px) { .footer__top__data .logo>a { width: 176px; height: 43px } } @media screen and (max-width:1023px) { .footer__top__data .logo>a { width: 133px; height: 32px } } .footer__top__data .sns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 16px } @media screen and (max-width:1023px) { .footer__top__data .sns { margin: 32px 0 0 } } .footer__top__data .sns>li { width: 26px; font-size: 0 } .footer__top__data .sns>li img { width: 100%; height: auto } @media screen and (min-width:1024px) { .footer__top__data .sns>li>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .footer__top__data .sns>li>a:hover { opacity: 0.5 } } @media screen and (min-width:1024px) { .footer__top__mainMenu { display: grid; grid-template-columns: 310fr 330fr 260fr 300fr; row-gap: 32px } .footer__top__mainMenu .item--brand { grid-column: 1; grid-row: 1 } .footer__top__mainMenu .item--service { grid-column: 1; grid-row: 2 } .footer__top__mainMenu .item--company { grid-column: 2; grid-row: 1 } .footer__top__mainMenu .item--news { grid-column: 2; grid-row: 2 } .footer__top__mainMenu .item--ir { grid-column: 3; grid-row: 1 / span 2 } .footer__top__mainMenu .item--sustainability { grid-column: 4; grid-row: 1 / span 2 } } @media screen and (max-width:1023px) { .footer__top__mainMenu .item { border-bottom: 1px solid var(--gray) } } .footer__top__mainMenu .item>a { font-weight: bold } @media screen and (min-width:1024px) { .footer__top__mainMenu .item>a { -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out } .footer__top__mainMenu .item>a:hover { color: var(--orange) } } @media screen and (max-width:1023px) { .footer__top__mainMenu .item>a { display: block; padding: 12px 0; font-size: 16px; font-size: 1.6rem } } @media screen and (max-width:1023px) { } @media screen and (min-width:1024px) { .footer__top__mainMenu .item__subMenu { margin: 16px 0 0 } } @media screen and (max-width:1023px) { .footer__top__mainMenu .item__subMenu { display: none; padding: 16px; background: #fff; border-top: 1px solid var(--gray) } } @media screen and (min-width:1024px) { .footer__top__mainMenu .item__subMenu>li:not(:first-child) { margin: 4px 0 0 } } @media screen and (min-width:1024px) { .footer__top__mainMenu .item__subMenu>li>a { -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; word-break: break-word } .footer__top__mainMenu .item__subMenu>li>a:not(.noref):hover { color: var(--orange) } } .footer__top__mainMenu .item__subMenu>li>ul { margin: 0 0 8px } .footer__top__mainMenu .item__subMenu>li>ul>li { line-height: 1.3; margin: 4px 0 0 } .footer__top__mainMenu .item__subMenu>li>ul>li>a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 10px; color: var(--darkGray); font-size: 14px; font-size: 1.4rem } @media screen and (min-width:1024px) { .footer__top__mainMenu .item__subMenu>li>ul>li>a { -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out } .footer__top__mainMenu .item__subMenu>li>ul>li>a:hover { color: var(--orange) } } .footer__top__mainMenu .item__subMenu>li>ul>li.indent { padding-left: 16px; } .footer__top__mainMenu .item__subMenu>li>ul>li>a:before { content: ""; display: block; width: 6px; height: 1px; background: var(--darkGray) } @media screen and (min-width:1024px) { .footer__top__mainMenu .item__subMenu__wrapper .item__subMenu+.item__subMenu { margin-top: 4px } } @media screen and (max-width:1023px) { .footer__top__mainMenu .item__subMenu__wrapper { display: none } .footer__top__mainMenu .item__subMenu__wrapper .item__subMenu { display: block } .footer__top__mainMenu .item__subMenu__wrapper .item__subMenu+.item__subMenu { border-top: none; padding-top: 0 } } .footer__top__mainMenu .item--subMenu > .jsAccordionSp { appearance: none; -webkit-appearance: none; background: transparent; border: none; border-radius: 0; padding: 0; margin: 0; font-family: inherit; font-size: 1.6rem; font-weight: bold; color: inherit; width: 100%; text-align: left; cursor: pointer; line-height: 2; display: block; position: relative; } @media screen and (max-width: 1023px) { .footer__top__mainMenu .item--subMenu > .jsAccordionSp { padding: 12px 30px 12px 0; } .footer__top__mainMenu .item--subMenu > .jsAccordionSp::before, .footer__top__mainMenu .item--subMenu > .jsAccordionSp::after { content: ""; display: block; width: 14px; height: 2px; background-color: var(--orange); position: absolute; top: 50%; right: 0; transform: translateY(-50%); } .footer__top__mainMenu .item--subMenu > .jsAccordionSp::after { transform: translateY(-50%) rotate(90deg); transition: transform 0.3s ease-out; } .footer__top__mainMenu .item--subMenu > .jsAccordionSp.is-open::after { transform: translateY(-50%) rotate(0deg); } } @media screen and (min-width: 1024px) { .footer__top__mainMenu .item--subMenu > .jsAccordionSp { cursor: default; pointer-events: none; padding: 0; } .footer__top__mainMenu .item--subMenu > .jsAccordionSp::before, .footer__top__mainMenu .item--subMenu > .jsAccordionSp::after { display: none; } } .footer__bottom { border-bottom: 8px solid var(--orange) } @media screen and (min-width:1024px) { .footer__bottom { padding: 24px 40px 16px } } @media screen and (max-width:1023px) { .footer__bottom { padding: 32px 16px 16px } } @media screen and (min-width:1024px) { .footer__bottom__inner { max-width: 1250px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .footer__bottom__menu { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 12px; font-size: 1.2rem } @media screen and (min-width:1024px) { .footer__bottom__menu { gap: 0 40px } } @media screen and (max-width:1023px) { .footer__bottom__menu { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 20px; margin-bottom: 24px } } .footer__bottom__menu>li>a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 5px } .footer__bottom__menu>li>a[target=_blank]:after { content: ""; display: block; width: 12px; height: 12px; background: url("/wp-content/themes/lifull/assets/img/common/icon_blank.svg") no-repeat 0 0; background-size: 100% } @media screen and (min-width:1024px) { .footer__bottom__menu>li>a:hover { text-decoration: underline } } .footer__bottom__copyright { font-size: 13px; font-size: 1.3rem; color: var(--orange); font-weight: bold } @media screen and (max-width:1023px) { .footer__bottom__copyright { margin: 32px 0 0; text-align: center } } @media screen and (min-width:768px) { .modBpPc { display: inherit } } @media screen and (max-width:767px) { .modBpPc { display: none } } @media screen and (min-width:768px) { .modBpSp { display: none } } @media screen and (max-width:767px) { .modBpSp { display: inherit } } @media screen and (max-width:767px) { .modPc { display: none } } @media screen and (min-width:768px) { .modSp { display: none } } .modHeadingPage { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background: var(--orange); position: relative } @media screen and (min-width : 1024px) { .modHeadingPage { min-height: 216px; margin: 0 0 64px; padding: 50px 36px; } } @media screen and (max-width : 1023px) { .modHeadingPage { min-height: 176px; margin: 0 0 64px; padding: 39px 16px } } @media screen and (max-width : 767px) { .modHeadingPage:has(+ .modPageLead) { margin-bottom: 40px; } } @media screen and (max-width : 414px) {} .modHeadingPage__title { position: relative; color: var(--white); font-weight: bold; line-height: 1.5; z-index: 2 } .modHeadingPage__title:after, .modHeadingPage__title:before { content: ""; display: block; position: absolute; background: url("/wp-content/themes/lifull/assets/img/common/icon_focus.svg") no-repeat 0 0; background-size: 100% } .modHeadingPage__title:before { top: 0; left: 0 } .modHeadingPage__title:after { bottom: 0; left: -4px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .modHeadingPage__title>span:after, .modHeadingPage__title>span:before { content: ""; display: block; position: absolute; background: url("/wp-content/themes/lifull/assets/img/common/icon_focus.svg") no-repeat 0 0; background-size: 100% } .modHeadingPage__title>span:before { top: 4px; right: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .modHeadingPage__tit
12le>span:after { bottom: -4px; right: 4px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } @media screen and (min-width : 1024px) { .modHeadingPage__title { min-width: 280px; font-size: 40px; font-size: 4.0rem; padding: 28px 100px 28px } .modHeadingPage__title:after, .modHeadingPage__title:before { width: 36px; height: 30px } .modHeadingPage__title>span:after, .modHeadingPage__title>span:before { width: 36px; height: 30px } } @media screen and (max-width : 1023px) { .modHeadingPage__title { font-size: 28px; font-size: 2.8rem; padding: 28px 40px } .modHeadingPage__title:after, .modHeadingPage__title:before { width: 24px; height: 18px } .modHeadingPage__title>span:after, .modHeadingPage__title>span:before { width: 24px; height: 18px } } @media screen and (max-width : 767px) { .modHeadingPage__title { font-size: 28px; font-size: 2.8rem; padding: 28px 40px } .modHeadingPage__title:after, .modHeadingPage__title:before { width: 24px; height: 18px } .modHeadingPage__title>span:after, .modHeadingPage__title>span:before { width: 24px; height: 18px } } @media screen and (max-width : 414px) {} .modHeadingPage__image { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100% } .modHeadingPage__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .modHeadingPage--bgImg .modHeadingPage__title { color: var(--orange) } .modHeadingPage--bgImg .modHeadingPage__title:after, .modHeadingPage--bgImg .modHeadingPage__title:before { background-size: 100% !important } .modHeadingPage--bgImg .modHeadingPage__title>span:after, .modHeadingPage--bgImg .modHeadingPage__title>span:before { background-size: 100% !important } @media screen and (min-width : 1024px) { .modHeadingPage--bgImg .modHeadingPage__title:after, .modHeadingPage--bgImg .modHeadingPage__title:before { background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orange.svg") no-repeat } .modHeadingPage--bgImg .modHeadingPage__title>span:after, .modHeadingPage--bgImg .modHeadingPage__title>span:before { background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orange.svg") no-repeat } } @media screen and (max-width : 1023px) { .modHeadingPage--bgImg .modHeadingPage__title:after, .modHeadingPage--bgImg .modHeadingPage__title:before { background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orangeSp.svg") no-repeat } .modHeadingPage--bgImg .modHeadingPage__title>span:after, .modHeadingPage--bgImg .modHeadingPage__title>span:before { background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orangeSp.svg") no-repeat } } @media screen and (max-width : 767px) {} @media screen and (max-width : 414px) {} .modHeadingSection { position: relative; border-bottom: 1px solid var(--gray); font-weight: bold; line-height: 1.6 } @media screen and (min-width:1024px) { .modHeadingSection { font-size: 32px; font-size: 3.2rem; margin: 0 0 56px; padding: 0 0 40px } } @media screen and (max-width:1023px) { .modHeadingSection { font-size: 24px; font-size: 2.4rem; margin: 0 0 48px; padding: 0 0 24px } } .modHeadingSection:after { content: ""; display: block; width: 100px; height: 2px; background: var(--orange); position: absolute; bottom: -1.5px; left: 0 } .modHeadingSection+* { margin-top: 0 !important } .modHeadingSection--noBorder { border-bottom: none; padding-bottom: 0 } .modHeadingSection--noBorder:after { display: none } @media screen and (min-width:768px) { .modHeadingSection--noBorder { margin-bottom: 38px } } .modHeadingSection--pickup { line-height: 2; padding: 60px 0 0; border-top: 1px solid var(--gray); border-bottom: none } @media screen and (min-width:768px) { .modHeadingSection--pickup { margin: 0 0 32px } } @media screen and (max-width:767px) { .modHeadingSection--pickup { margin: 0 0 8px } } .modHeadingSection--pickup:after { top: -1.5px; bottom: unset } .modHeadingSection--pickup:before { content: "PICK UP"; position: absolute; top: 25px; left: 0; font-weight: bold; font-size: 16px; font-size: 1.6rem; color: var(--darkGray) } @media screen and (min-width:768px) { .modHeadingSection__sub { font-size: 20px; font-size: 2rem } } @media screen and (max-width:767px) { .modHeadingSection__sub { font-size: 18px; font-size: 1.8rem } } .modHeadingSubSection { font-weight: bold; line-height: 1.2; margin: 0 0 32px; padding: 0 0 0 16px; border-left: 2px solid var(--orange) } @media screen and (min-width:768px) { .modHeadingSubSection { font-size: 24px; font-size: 2.4rem } } @media screen and (max-width:767px) { .modHeadingSubSection { font-size: 20px; font-size: 2rem; margin: 0 0 24px } } .modHeadingSubSection+* { margin-top: 0 !important } .modHeadingSubSection--focus { display: -ms-grid; display: grid; place-items: center; position: relative; margin: 56px 0 40px; padding: 40px 80px 36px; border-left: none; font-size: 32px; font-size: 3.2rem; color: var(--orange) } @media screen and (max-width:767px) { .modHeadingSubSection--focus { min-width: 256px; text-align: center; margin: 32px auto 40px; padding: 40px 48px 30px; font-size: 24px; font-size: 2.4rem } } .modHeadingSubSection--focus:after, .modHeadingSubSection--focus:before { content: ""; display: block; width: 31px; height: 24px; position: absolute; background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orange.svg") no-repeat 0 0; background-size: 100% } .modHeadingSubSection--focus:before { top: 0; left: 0 } .modHeadingSubSection--focus:after { bottom: 0; left: -4px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .modHeadingSubSection--focus>span { line-height: 1.5 } @media screen and (max-width:767px) { .modHeadingSubSection--focus>span { display: inline-block; text-align: left; line-height: 1.8 } } .modHeadingSubSection--focus>span:after, .modHeadingSubSection--focus>span:before { content: ""; display: block; width: 31px; height: 24px; position: absolute; background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orange.svg") no-repeat 0 0; background-size: 100% } .modHeadingSubSection--focus>span:before { top: 4px; right: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .modHeadingSubSection--focus>span:after { bottom: -4px; right: 4px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } .modHeadingItem { margin: 0 0 12px; font-weight: bold; line-height: 1.3 } @media screen and (min-width:768px) { .modHeadingItem { font-size: 20px; font-size: 2rem } } @media screen and (max-width:767px) { .modHeadingItem { font-size: 18px; font-size: 1.8rem } } .modHeadingItem+* { margin-top: 0 !important } .modHeadingItem--orange { color: var(--orange) } .modHeadingItem--center { text-align: center } .modHeadingItemSub { position: relative; margin: 0 0 8px; line-height: 1.4; font-weight: bold } @media screen and (min-width:768px) { .modHeadingItemSub { font-size: 18px; font-size: 1.8rem } } .modHeadingItemSub+* { margin-top: 0 !important } .modHeadingElem { font-weight: bold } .modHeadingElem+* { margin-top: 0 !important } .modHeadingDot { position: relative; margin: 0 0 8px; padding: 0 0 0 16px; line-height: 1.4; font-weight: bold } .modHeadingDot+* { margin-top: 0 !important } .modHeadingDot:before { content: ""; display: block; width: 12px; height: 12px; position: absolute; top: 5px; left: 0; background: var(--gray); border-radius: 2px } .modBtnMain { overflow: hidden; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0 8px; text-align: center; border: 1px solid var(--orange); border-radius: 9999px; font-size: 16px; font-size: 1.6rem; color: var(--orange); font-weight: bold } .modBtnMain:after { content: ""; display: block; width: 16px; height: 16px; background: url("/wp-content/themes/lifull/assets/img/common/icon_arrow.svg") no-repeat 0 0; background-size: 100% auto } .modBtnMain[target=_blank]:after { width: 14px; height: 14px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_blank.svg") } .modBtnMain[href$=".pdf"]:after { width: 14px; height: 15px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_pdf.svg") } .modBtnMain--letter[target=_blank]:after { width: 23px; height: 16px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_letter.svg") } @media screen and (min-width:768px) { .modBtnMain { min-width: 260px; min-height: 68px; padding: 0 56px 0 64px; -webkit-transition: background 0.3s ease-out; transition: background 0.3s ease-out } .modBtnMain:after { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out } .modBtnMain:hover { color: #fff; background: var(--orange) } .modBtnMain:hover:after { -webkit-transform: translateX(5px); transform: translateX(5px); background-position: 0 bottom } .modBtnMain:hover[target=_blank]:after { -webkit-transform: translate(2px, -2px); transform: translate(2px, -2px) } .modBtnMain:hover[href$=".pdf"]:after { -webkit-transform: translateY(3px); transform: translateY(3px) } } @media screen and (max-width:767px) { .modBtnMain { min-width: calc(100% - 40px); min-height: 58px; line-height: 1.5; padding: 16px 24px } } .modBtnMain--search { min-width: 137px; min-height: 48px; background: #fff } @media screen and (min-width:768px) { .modBtnMain--search { padding: 0 16px } .modBtnMain--search:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2) } } .modBtnMain--search:after { width: 16px; height: 17px; margin-top: -2px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_search.svg"); -webkit-animation: none !important; animation: none !important } .modBtnWhite { overflow: hidden; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 0 8px; text-align: center; border: 1px solid var(--gray); border-radius: 9999px; font-size: 16px; font-size: 1.6rem; font-weight: bold; line-height: 1.5; background: #fff } .modBtnWhite:not(:first-child) { margin: 24px 0 0 } .modBtnWhite:after { content: ""; display: block; width: 16px; height: 16px; background: url("/wp-content/themes/lifull/assets/img/common/icon_arrow.svg") no-repeat 0 0; background-size: 100% auto } .modBtnWhite[target=_blank]:after { width: 14px; height: 14px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_blank.svg") } .modBtnWhite[data-type=pdf]:after, .modBtnWhite[href$=".pdf"]:after { width: 14px; height: 15px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_pdf.svg") } @media screen and (min-width:768px) { .modBtnWhite { min-width: 200px; min-height: 48px; padding: 0 32px 0 40px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer } .modBtnWhite:after { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out } .modBtnWhite:hover { color: #fff; border-color: var(--orange); background: var(--orange) } .modBtnWhite:hover:after { -webkit-transform: translateX(5px); transform: translateX(5px); background-position: 0 bottom } .modBtnWhite:hover[target=_blank]:after { -webkit-transform: translate(2px, -2px); transform: translate(2px, -2px) } .modBtnWhite:hover[data-type=pdf]:after, .modBtnWhite:hover[href$=".pdf"]:after { -webkit-transform: translateY(3px); transform: translateY(3px) } } @media screen and (max-width:767px) { .modBtnWhite { min-width: 180px; min-height: 40px; padding: 8px 16px } } .modBtnWhite--accordion:after { display: none } .modBtnWhite--accordion>i { position: relative; display: block; width: 14px; height: 14px } @media screen and (min-width:768px) { .modBtnWhite--accordion>i { -webkit-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1) transform; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1) transform, 0.4s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform } } .modBtnWhite--accordion>i:after, .modBtnWhite--accordion>i:before { content: ""; display: block; width: 100%; height: 2px; background: var(--orange); position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out } .modBtnWhite--accordion>i:after { -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg) } .modBtnWhite--accordion.is-open>i { -webkit-transition: none; transition: none } .modBtnWhite--accordion.is-open>i:after { -webkit-transform: translateY(-50%) rotate(0deg); transform: translateY(-50%) rotate(0deg) } @media screen and (min-width:768px) { .modBtnWhite--accordion:hover>i { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } .modBtnWhite--accordion:hover>i:after, .modBtnWhite--accordion:hover>i:before { background: #fff } .modBtnWhite--accordion:hover.is-open>i { -webkit-transform: none; transform: none } } .modBtnWhite--download:after { width: 14px; height: 15px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_pdf.svg") } @media screen and (min-width:768px) { .modBtnWhite--download:hover:after { -webkit-transform: translateY(3px); transform: translateY(3px) } } .modBtnWhite--zoom:after { width: 15px; height: 16px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_zoom.svg") } @media screen and (min-width:768px) { .modBtnWhite--zoom:hover:after { -webkit-transform: scale(1.2); transform: scale(1.2) } } .modBtnGray { overflow: hidden; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 8px; text-align: center; border-radius: 4px; font-weight: bold; line-height: 1.5; background: var(--bgGray) } .modBtnGray:not(:first-child) { margin: 24px 0 0 } @media screen and (min-width:768px) { .modBtnGray { min-width: 188px; min-height: 45px; padding: 0 20px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; cursor: pointer } .modBtnGray:hover { color: #fff; background: var(--gray) } } @media screen and (max-width:767px) { .modBtnGray { min-width: 180px; min-height: 40px; padding: 8px 16px } } @media screen and (min-width:768px) { .modBtnGray--accordion { cursor: pointer } .modBtnGray--accordion:hover { color: var(--black) } } .modBtnGray--accordion>i { position: relative; display: block; width: 24px; height: 24px; border: 1px solid var(--gray); border-radius: 9999px; background: #fff } @media screen and (min-width:768px) { .modBtnGray--accordion>i { -webkit-transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1) transform; transition: 0.4s cubic-bezier(0.16, 1, 0.3, 1) transform, 0.4s cubic-bezier(0.16, 1, 0.3, 1) -webkit-transform } } .modBtnGray--accordion>i:after, .modBtnGray--accordion>i:before { content: ""; display: block; width: 10px; height: 2px; background: var(--orange); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out } .modBtnGray--accordion>i:after { -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg) } .modBtnGray--accordion.is-open { border-radius: 4px 4px 0 0 } .modBtnGray--accordion.is-open>i { -webkit-transition: none; transition: none } .modBtnGray--acc
12ordion.is-open>i:after { -webkit-transform: translate(-50%, -50%) rotate(0deg); transform: translate(-50%, -50%) rotate(0deg) } @media screen and (min-width:768px) { .modBtnGray--accordion:hover>i { -webkit-transform: rotateZ(360deg); transform: rotateZ(360deg) } .modBtnGray--accordion:hover.is-open>i { -webkit-transform: none; transform: none } } .modTable { position: relative; overflow-x: auto; font-family: LIFULLFont_mono, LIFULL, "游ã´ã·ãã¯", YuGothic, "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ã¡ã¤ãªãª", Meiryo, Osaka, "ï¼ï¼³ ï¼°ã´ã·ãã¯", "MS PGothic", sans-serif } .modTable+.modTable { margin: 32px 0 0 } .modTable+* { margin: 16px 0 0 } @media screen and (max-width:767px) { .modTable.is-scrollable { margin-right: -16px; margin-left: -16px } } @media screen and (max-width:767px) { .modTable.is-scrollable .modTable__inner { display: inline-block; padding-right: 16px; padding-left: 16px } p + .modTable.is-scrollable { margin-top: 16px; } } .modTable table { width: 100%; min-width: 1200px; border: 1px solid var(--gray); table-layout: fixed } @media screen and (max-width:767px) { .modTable table { font-size: 13px; font-size: 1.3rem } } .modTable table.en { table-layout: auto } .modTable table.en .nowrap { white-space: nowrap } .modTable table td, .modTable table th { padding: 8px 16px; border-right: 1px solid var(--gray); line-height: 1.6 } .modTable table td small, .modTable table th small { font-size: 14px; font-size: 1.4rem; display: inline-block; vertical-align: bottom } @media screen and (max-width:767px) { .modTable table td small, .modTable table th small { font-size: 10px; font-size: 1rem } } .modTable table th { font-weight: bold; background: var(--bgGray); border-top: 1px solid var(--gray) } .modTable table td { border-bottom: 1px solid var(--gray) } .modTable table td strong { font-weight: bold } .modTable table td span { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 1.8 } @media screen and (max-width:767px) { .modTable table td span { font-size: 10px; font-size: 1rem } } .modTable table .fontMono { font-family: LIFULLFont_mono, "游ã´ã·ãã¯", YuGothic, "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ã¡ã¤ãªãª", Meiryo, Osaka, "ï¼ï¼³ ï¼°ã´ã·ãã¯", "MS PGothic", sans-serif } .modTable table .total td, .modTable table .total th { border-top: 3px solid var(--gray) } .modTable table .tAcenter { text-align: center } .modTable table .tAright { text-align: right } @media screen and (min-width:768px) { .modTable table .modListCircle__item:before { top: 9px } } @media screen and (max-width:767px) { .modTable table .modListCircle__item:before { top: 7px } } @media screen and (max-width:767px) { .modTable--2col table { min-width: 100% } } .modTable--2col table td:first-child, .modTable--2col table th:first-child { width: 32% } .modTable--2col table th { border-right: none } .modTable--3col table td:first-child, .modTable--3col table th:first-child { width: 46% } @media screen and (max-width:767px) { .modTable--auto table { min-width: 480px } } .modTable--small table td, .modTable--small table th { padding: 18px 12px; line-height: 1.4 } .modTable--strong>table { border-top: none } .modTable--strong>table tr:first-child td:first-child { position: relative; border-right: none } .modTable--strong>table tr:first-child td:first-child:before { content: ""; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: -1px; background: #fff } .modTable--strong>table tr:first-child th { font-weight: bold; color: #fff; background: var(--orange); border-top: none } .modTable--irConcept table th:first-child { width: 120px } .modTable--irConcept table th:nth-child(2) { width: 80px } .modTable--irConcept table td { font-family: LIFULLFont_mono, "游ã´ã·ãã¯", YuGothic, "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ã¡ã¤ãªãª", Meiryo, Osaka, "ï¼ï¼³ ï¼°ã´ã·ãã¯", "MS PGothic", sans-serif; font-weight: 400 } .modTable--pExt table { min-width: 0 !important } .modTable--pExt table th { border-bottom: 1px solid var(--gray) } .modTable--pExt table th[rowspan] { vertical-align: top } @media screen and (min-width:768px) { .modTable--pExt table th[rowspan] { width: 20% } } @media screen and (max-width:767px) { .modTable--pExt table th[rowspan] { width: 35% } } @media screen and (min-width:768px) { .modTable--pExt table th[rowspan]+th { width: 20% } } @media screen and (max-width:767px) { .modTable--pExt table th[rowspan]+th { width: 30% } } .modTable--sEsg table { min-width: 570px; border: none !important } .modTable--sEsg table .orange { background: var(--orange); color: var(--white) } .modTable--sEsg table th { border-left: 1px solid var(--gray) } .modTable--sEsg table tr:last-child { border-bottom: 1px solid var(--gray) } .modTable--environment table { table-layout: auto } .modTable--environment table td { vertical-align: top } .modTable--environment table th { line-height: 1.4 } .modTable--environment table tr:nth-child(2) td:first-child { width: 12% } .modTable--environment table tr:nth-child(2) td:nth-child(2) { width: 155px } .modTable--environment table tr:nth-child(2) td:nth-child(3) { width: 280px } .modTable--environment table tr:nth-child(2) td:nth-child(4) { width: 122px } .modTable--exectives table { min-width: 600px } .modTable--exectives table td:first-child, .modTable--exectives table th:first-child { width: 33% } .modTable--exectives table td:nth-child(2), .modTable--exectives table th:nth-child(2) { width: 25% } .modTable--exectivesSkil table th:first-child { width: 155px } .modTable--exectivesSkil table th:nth-child(2) { width: 140px } .modTable--exectivesSkil table tr:nth-child(2) th { font-size: 14px; font-size: 1.4rem; line-height: 1.55; vertical-align: top; padding-left: 10px; padding-right: 10px } @media screen and (max-width:767px) { .modTable--exectivesSkil table tr:nth-child(2) th { font-size: 12px; font-size: 1.2rem } } .modTable--exectivesSkilEn table { table-layout: inherit; word-break: keep-all } .modTable--exectivesSkilEn table th:first-child { width: auto } .modTable--exectivesSkilEn table th:nth-child(2) { width: auto } .modTable--exectivesReason table th:first-child { width: 155px } .modTable--exectivesReason table th:nth-child(2) { width: 160px } .modTable--exectivesReason table th:nth-child(3) { width: 625px } .modTable--exectivesReason table tr:nth-child(2) th { font-size: 14px; font-size: 1.4rem } @media screen and (max-width:767px) { .modTable--exectivesReason table tr:nth-child(2) th { font-size: 12px; font-size: 1.2rem } } .modTable--exectivesReason table td { vertical-align: top } .modTable--cCul table { min-width: 600px } @media screen and (max-width:767px) { .modTable--spSmall table { min-width: 600px } } .modTable--minWidthNone table { min-width: unset } .modTable--isScroll .w700 { min-width: 700px !important } .modTable--headOut .modTable__inner>p { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 16px; font-weight: bold; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 16px } .modTable--headOut .modTable__inner>p span { display: inline-block; line-height: 1; padding: 8px 8px; background: var(--bgGray); border: 1px solid var(--gray); border-radius: 4px; min-width: 102px } .modTable--w100 table { min-width: 100%; width: 100%; max-width: 100% } .modTableData { overflow-x: auto } @media screen and (max-width:767px) { .modTableData { padding: 0 0 40px } } .modTableData__inner { width: 100%; min-width: 1200px } .modTableData__table { width: calc(100% + 8px); margin: 0 -8px; border-collapse: separate; border-spacing: 8px } .modTableData__table td, .modTableData__table th { vertical-align: top } .modTableData__table th { width: 180px; padding: 8px 16px 16px; font-weight: bold; background: var(--bgGray) } .modTableData__table th>h3 { font-weight: bold; color: #fff; background: var(--orange); margin: -8px -16px -16px } @media screen and (min-width:768px) { .modTableData__table th>h3 { padding: 16px } } @media screen and (max-width:767px) { .modTableData__table th>h3 { padding: 4px 16px } } .modTableData__table td { position: relative; padding: 8px 16px } .modTableData__table td>strong { font-weight: bold; color: var(--orange) } .modTableData__table td:after { content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: -4px; left: 0; background: var(--gray) } .modTableData__table td .modBoxAccordion__wrapper { margin: 24px 0 0; padding: 0 0 8px } .modTableData__table tr:first-child td { padding-top: 16px } .modTableData__table tr:last-child td { padding-bottom: 16px } .modTableData__table tr:last-child td:after { bottom: 0 } .modTextLink { color: var(--orange); text-decoration: underline } .modTextLink[target=_blank]:after { content: ""; display: inline-block; vertical-align: middle; margin: 0 0 0 8px; width: 14px; height: 14px; background: url("/wp-content/themes/lifull/assets/img/common/icon_blank_text.svg") no-repeat 0 0; background-size: 100% auto } .modTextLink[href$=".pdf"]:after { display: inline-block; content: "PDF"; width: unset; height: unset; color: var(--orange); background: var(--beige); border-radius: 4px; font-size: 14px; font-size: 1.4rem; font-weight: bold; line-height: 1; margin: 0 0 0 16px; padding: 6px 4px } .modTextLink--pdf:after { display: inline-block; content: "PDF"; width: unset; height: unset; color: var(--orange); background: var(--beige); border-radius: 4px; font-size: 14px; font-size: 1.4rem; font-weight: bold; line-height: 1; margin: 0 0 0 16px; padding: 6px 4px } @media screen and (min-width:768px) { .modTextLink:hover { color: var(--hoverOrange); text-decoration: none } .modTextLink:hover[target=_blank]:after { background-position: 0 bottom } } @media screen and (min-width:768px) { .modTextLead { margin: 0 0 72px } } @media screen and (max-width:767px) { .modTextLead { margin: 0 0 48px } } @media screen and (min-width:768px) { .modTextLead:has(+.modTable) { margin: 0 0 40px } } @media screen and (max-width:767px) { .modTextLead:has(+.modTable) { margin: 0 0 24px } } @media screen and (min-width:768px) { .page-service .modTextLead { text-align: center; } } .modPageLead { max-width: 1200px; margin: 0 auto 64px; text-align: center; } .modPageLead p { font-size: 16px; font-size: 1.6rem; line-height: 2; } @media screen and (min-width:768px) { .modPageLead { padding: 0 40px; } } @media screen and (max-width:767px) { .modPageLead { padding: 0 16px; text-align: left; } } @media screen and (min-width:768px) { .modTextPage { margin: 72px 0 24px } } @media screen and (max-width:767px) { .modTextPage { margin: 48px 0 8px } } .modTextBottom { font-size: 14px; font-size: 1.4rem } @media screen and (min-width:768px) { .modTextBottom { margin: 16px 0 0 } } @media screen and (max-width:767px) { .modTextBottom { margin: 4px 0 0 } } .modTextBottom .modTextLink { font-size: 16px; font-size: 1.6rem } .modTextCenter { text-align: center } .modTextRight { text-align: right } .modTextEm { font-size: 24px; font-size: 2.4rem; font-weight: bold } .modTextVolume { font-size: 14px; font-size: 1.4rem; color: var(--darkGray) } .modBreadCrumbs { background: var(--bgGray); font-size: 12px; font-size: 1.2rem; line-height: 1 } @media screen and (min-width:768px) { .modBreadCrumbs { padding: 0 40px } } .modBreadCrumbs__list { overflow-y: hidden; overflow-x: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; white-space: nowrap; gap: 0 16px } @media screen and (min-width:768px) { .modBreadCrumbs__list { padding: 16px 0 } } @media screen and (max-width:767px) { .modBreadCrumbs__list { padding: 16px; } } .modBreadCrumbs__list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 16px } .modBreadCrumbs__list__item br { display: none; } .modBreadCrumbs__list__item>a { color: var(--darkGray); text-decoration: underline } @media screen and (min-width:768px) { .modBreadCrumbs__list__item>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modBreadCrumbs__list__item>a:hover { opacity: 0.5 } } .modBreadCrumbs__list .modBreadCrumbs__list__item:last-child { font-weight: bold } .modBreadCrumbs__list__item:not(:last-child):after { content: ""; display: block; width: 5px; height: 5px; border-top: 2px solid var(--darkGray); border-right: 2px solid var(--darkGray); -webkit-transform: rotate(45deg); transform: rotate(45deg) } @media screen and (min-width:768px) { .modBreadCrumbs+.main__inner { margin-top: 120px } } @media screen and (max-width:767px) { .modBreadCrumbs+.main__inner { margin-top: 80px } }
12 .modBox2col { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (min-width:768px) { .modBox2col { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 40px } .modBox2col--large { gap: 0 80px } .modBox2col--reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row } .modBox2col--reverse .modBox2col__main__last { text-align: left } .modBox2col .modBoxMap { -ms-flex-negative: 0; flex-shrink: 0 } } @media screen and (min-width:768px) and (max-width:1024px) { .modBox2col--large { gap: 0 40px } .modBox2col .modBoxMap { max-width: 50% } } @media screen and (max-width:767px) { .modBox2col { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse } .page-service .modBox2col { align-items: center; } .page-service .modBox2col__main { width: 100%; } .page-service .modBox2col__img--outline { width: auto; } .modBox2col--reverseSp { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .modBox2col--reverseSp .modBox2col__main { margin-top: 0 } .modBox2col--reverseSp .modBox2col__img { margin-top: 30px } } .modBox2col__img { overflow: hidden; -ms-flex-negative: 0; flex-shrink: 0; font-size: 0; text-align: center } .modBox2col__img img { max-width: 100%; height: auto; border-radius: 4px } @media screen and (min-width:768px) and (max-width:1024px) { .modBox2col__img { max-width: 50%; margin: 0 auto } } .modBox2col__img--outline { border: 1px solid #DEDEDE; border-radius: 4px } @media screen and (min-width:768px) { .modBox2col__main { width: 100% } } @media screen and (max-width:767px) { .modBox2col__main { margin: 32px 0 0 } .modBox2col__main:only-child { margin-top: 0 } } .modBox2col__main p:not([class])+p:not([class]) { margin: 16px 0 0 } .modBox2col__main__last { margin: 24px 0 0; text-align: right }
12 .modBox2col__main__last>span { color: var(--darkGray) } .modBox2col__main__last>strong { font-weight: 700 } @media screen and (min-width:768px) { .modBox2col__main .modBtnWhite { margin-right: 32px } } .modBox2col__main .modBoxBtn { margin-top: 24px } .modBox2col.extra_service .modBox2col__img--outline img { width: 382px; height: auto; } .modBox2col.extra_service .modBox2col__img--outline.modBox2col__img--large img { width: 460px; } .svExt__card { display: flex; background: var(--white); border: 1px solid #E8E8E8; border-radius: 8px; overflow: hidden; } .svExt__mainImage img { display: block; width: 100%; height: auto; } .svExt__logo { display: flex; align-items: center; justify-content: center; } .svExt__logo img { width: auto; max-width: 100%; height: auto; } .svExt__site a { color: var(--orange); font-weight: 500; text-decoration: underline; } .svExt__site a:after { content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 6px; vertical-align: -1px; background: url("/wp-content/themes/lifull/assets/img/common/icon_blank.svg") no-repeat 0 0; background-size: 100% auto; } .svExt__catch { color: var(--orange); font-weight: bold; } .svExt__buttons { display: flex; flex-wrap: wrap; list-style: none; } .svExt__buttons_item a { display: flex; align-items: center; justify-content: space-between; width: 100%; height: 48px; background: var(--white); border: 1px solid #A5A5A5; border-radius: 9999px; font-weight: bold; text-decoration: none; color: var(--black); } .lang-en .svExt__buttons_item a { line-height: 1.4; text-align: center; } .svExt__buttons_item a:after { content: ""; display: block; width: 16px; height: 16px; background: url("/wp-content/themes/lifull/assets/img/common/icon_arrow.svg") no-repeat 0 0; background-size: 100% auto; } .svExt__app { position: relative; background: var(--bgGray); border-radius: 8px; text-align: center; } .svExt__app_title { font-weight: bold; line-height: 1; letter-spacing: 0.08em; } .svExt__app_links { display: flex; align-items: center; justify-content: center; gap: 0 8px; } .svExt__app_links img { display: block; width: auto; height: 44px; } .svExt__app_icon { display: block; position: absolute; } .svExt__app_icon img { display: block; width: 88px; height: 88px; } .svExt__panelWrap { border-radius: 8px; transition: background-color 0.4s ease-out, margin 0.4s ease-out, padding 0.4s ease-out; } .svExt__panelWrap.is-open { background: var(--beige); } .svExt__trigger { appearance: none; -webkit-appearance: none; display: flex; align-items: center; justify-content: center; gap: 0 12px; width: 100%; background: none; border: none; padding: 0; cursor: pointer; color: var(--orange); font-family: inherit; } .svExt__trigger_txt { font-weight: 500; } .svExt__trigger_ico { display: block; position: relative; width: 24px; height: 24px; background: var(--orange); border-radius: 50%; flex-shrink: 0; transition: transform 0.3s ease-out; } .svExt__trigger_ico:before { content: ""; position: absolute; top: 50%; left: 50%; width: 7px; height: 7px; margin: -6px 0 0 -4px; border-right: 1px solid var(--white); border-bottom: 1px solid var(--white); transform: rotate(45deg); } .svExt__panelWrap.is-open .svExt__trigger_ico { transform: rotate(180deg); } .svExt__panel { display: none; } .svExtPanel__cards { display: flex; } .svExtPanel__card { background: var(--white); border-radius: 8px; } .svExtPanel__card_title { font-weight: bold; } .svExtPanel__em { color: var(--orange); } .svExtPanel__card_title:before { content: ""; display: inline-block; vertical-align: middle; margin-right: 8px; width: 32px; height: 32px; background-repeat: no-repeat; background-position: center; background-size: contain; } .svExtPanel__card_title--graph:before { background-image: url("/wp-content/themes/lifull/assets/img/service/ico_graph.svg"); } .svExtPanel__card_title--person:before { background-image: url("/wp-content/themes/lifull/assets/img/service/ico_person.svg"); } .svExtPanel__card_foot { border-top: 1px solid #E8E8E8; } .svExtPanel__card_label { font-weight: bold; } .svExtPanel__card_text, .svExtPanel__card_label, .svExtPanel__card_body, .svExtPanel__card_link { font-size: 12px; font-size: 1.2rem; } .svExtPanel__card_body a, .svExtPanel__card_link a { color: var(--orange); text-decoration: underline; } @media screen and (min-width : 768px) { .svExt { border: 1px solid #E8E8E8; border-radius: 12px; } .svExt__head { position: relative; } .svExt__card { align-items: stretch; border: none; border-radius: 12px 12px 0 0; } .svExt__mainImage { width: 50%; } .svExt__logo { width: 50%; padding: 40px 40px; border-bottom: 1px dashed #E8E8E8; } .svExt__logo img { width: 80%; } .svExt__site { position: absolute; right: 22px; bottom: 14px; font-size: 14px; font-size: 1.4rem; } .svExt__body { padding: 36px 74px 0; } .svExt__catch { text-align: center; font-size: 22px; font-size: 2.2rem; } .svExt__overview { margin-top: 16px; text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 1.8; } .svExt__cols { display: flex; align-items: center; gap: 0 24px; margin-top: 32px; } .svExt__buttons { width: calc(100% - 331px); gap: 20px 12px; } .svExt__buttons_item { width: calc((100% - 24px) / 3); } .svExt__buttons_item a { justify-content: center; gap: 0 8px; padding: 0 20px; font-size: 16px; font-size: 1.6rem; } .svExt__app { width: 307px; padding: 28px; } .svExt__app_title { font-size: 14px; font-size: 1.4rem; } .svExt__app_links { margin-top: 20px; gap: 0 16px; } .svExt__app_links img { height: 36px; } .svExt__app_icon { top: -24px; right: -24px; } .svExt__panelWrap { padding: 32px 0 24px; border-radius: 0 0 12px 12px; } .svExt__panelWrap.is-open { margin-top: 36px; padding-top: 20px; padding-bottom: 0; } .svExt__trigger { padding: 16px 0; } .svExt__trigger_txt { font-size: 16px; font-size: 1.6rem; } .svExt__panel { padding: 0 32px 32px; } .svExtPanel__lead { text-align: center; font-size: 16px; font-size: 1.6rem; line-height: 2; } .svExtPanel__cards { justify-content: center; gap: 0 24px; margin-top: 16px; } .svExtPanel__card { width: calc((100% - 24px) / 2); max-width: 428px; padding: 20px 32px; } .svExtPanel__card_title { font-size: 16px; font-size: 1.6rem; } .svExtPanel__card_text { margin-top: 12px; line-height: 1.8; } .svExtPanel__card_foot { margin-top: 16px; padding-top: 16px; } .svExtPanel__card_label, .svExtPanel__card_body, .svExtPanel__card_link { line-height: 1.8; } } @media screen and (max-width : 767px) { .svExt__card { flex-direction: column; aspect-ratio: 345 / 248; } .svExt__mainImage { flex: 184 0 0; min-height: 0; overflow: hidden; } .svExt__mainImage img { height: 100%; object-fit: cover; } .svExt__logo { flex: 64 0 0; min-height: 0; padding: 0 24px; overflow: hidden; } .svExt__logo img { max-height: calc(100% - 24px); } .svExt__site { margin-top: 8px; text-align: right; font-size: 13px; font-size: 1.3rem; } .svExt__body { padding: 8px 0 0; } .svExt__catch { font-size: 20px; font-size: 2.0rem; line-height: 1.6; } .svExt__overview { margin-top: 16px; font-size: 14px; font-size: 1.4rem; line-height: 1.7; } .svExt__cols { margin-top: 24px; } .svExt__buttons { gap: 8px; } .svExt__buttons_item { width: calc((100% - 8px) / 2); } .svExt__buttons_item a { padding: 0 16px; font-size: 14px; font-size: 1.4rem; } .svExt__app { width: 100%; margin-top: 40px; padding: 16px; } .svExt__app_title { font-size: 13px; font-size: 1.3rem; } .svExt__app_links { margin-top: 12px; gap: 0 12px; } .svExt__app_icon { top: -29px; right: 4px; } .svExt__app_icon img { width: 76px; height: 76px; } .svExt__panelWrap { margin-top: 24px; } .svExt__panelWrap.is-open { padding-top: 24px; }
12 .svExt__trigger_ico { width: 20px; height: 20px; } .svExt__trigger_ico:before { width: 5px; height: 5px; margin: -5px 0 0 -3px; } .svExt__trigger { padding: 16px 0; } .svExt__trigger_txt { font-size: 14px; font-size: 1.4rem; } .svExt__panel { padding: 0 16px 24px; } .svExtPanel__lead { text-align: left; font-size: 14px; font-size: 1.4rem; line-height: 1.6; } .svExtPanel__cards { flex-direction: column; gap: 16px 0; margin-top: 24px; } .svExtPanel__card { width: 100%; padding: 20px 24px; } .svExtPanel__card_title { font-size: 16px; font-size: 1.6rem; } .svExtPanel__card_text { margin-top: 12px; line-height: 1.8; } .svExtPanel__card_foot { margin-top: 16px; padding-top: 16px; } .svExtPanel__card_label, .svExtPanel__card_body, .svExtPanel__card_link { line-height: 1.8; } } @media screen and (min-width : 768px) and (max-width : 1023px) { .svExt__body { padding: 36px 32px 0; } .svExt__cols { flex-direction: column; align-items: stretch; gap: 24px 0; } .svExt__buttons { width: 100%; } .svExt__buttons_item { width: calc((100% - 12px) / 2); } .svExt__app { width: 100%; } .svExt__app_icon { right: 0; } } @media screen and (min-width : 768px) { .svExt__buttons_item a { transition: all 0.3s ease-out; } .svExt__buttons_item a:after { transition: transform 0.3s ease-out; } .svExt__buttons_item a:hover { border-color: var(--orange); background: var(--orange); color: #fff; } .svExt__buttons_item a:hover:after { transform: translateX(5px); background-position: 0 bottom; } .svExt__trigger:hover .svExt__trigger_ico { background: var(--hoverOrange); } } .svExt__trigger:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; } @media screen and (min-width : 1024px) {} @media screen and (max-width : 1023px) {} @media screen and (max-width : 767px) {} @media screen and (max-width : 414px) {} .modBoxBtn { text-align: center } @media screen and (min-width:768px) { .modBoxBtn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; gap: 16px; margin: 48px 0 0 } .modBoxBtn .modBtnWhite { margin-top: 0 } .modBoxBtn--left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media screen and (min-width:768px) { .modBoxBtn--pcLeft { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } @media screen and (max-width:767px) { .modBoxBtn { margin: 40px 0 0 } .modBoxBtn>*+* { margin: 24px 0 0 } .modBoxBtn--left { text-align: left } } .modBoxAccordion { display: none; border-radius: 0 4px 4px 4px; background: var(--bgGray) } .modBoxAccordion__inner_link { color: #ED6103; text-decoration: underline; } @media screen and (min-width:768px) { .modBoxAccordion__inner { padding: 17px 20px 12px } .modBoxAccordion__inner_link:hover { text-decoration: none; } } @media screen and (max-width:767px) { .modBoxAccordion__inner { padding: 10px 16px } } .modBoxImg { display: block; text-align: center } .modBoxImg img { max-width: 100%; height: auto; border-radius: 4px } *+.modBoxImg { display: block; margin: 56px 0 0 } @media screen and (max-width:767px) { .modBoxImg--isScroll { margin-top: 32px } } .modBoxImg--isScroll img { min-width: 700px } .modBoxImg--isScrollWide img { min-width: 960px } @media screen and (max-width:767px) { .modBoxImg.is-scrollable { margin-right: -16px; margin-left: -16px } } @media screen and (max-width:767px) { .modBoxImg.is-scrollable .modBoxImg__inner { display: inline-block; padding: 0 16px } } @media screen and (max-width:767px) { .modBoxImg.is-scrollable .modBoxImg__caption { padding: 0 16px } } .modBoxImg--w1000 { text-align: center } .modBoxImg--w1000 img { width: 100%; display: inline-block; max-width: 1000px } @media screen and (max-width:767px) { .modBoxImg--mtSpSmall { margin: 32px 0 0 } } .modBoxImg__caption { text-align: left; margin: 10px 0 0; font-weight: bold } @media screen and (min-width:768px) { .modBoxImg__caption { font-size: 12px; font-size: 1.2rem } } @media screen and (max-width:767px) { .modBoxImg__caption { font-size: 12px; font-size: 1.2rem } } .modBoxImg__caption .textColor { color: var(--orange) } .modBoxMap { overflow: hidden; width: 100%; background: var(--bgGray); border: 1px solid #b2b2b2; height: 200px; } @media screen and (min-width:768px) { .modBoxMap { max-width: 560px } } .modBoxMap>div { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%;
12 font-family: LIFULL, "游ã´ã·ãã¯", YuGothic, "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ã¡ã¤ãªãª", Meiryo, Osaka, "ï¼ï¼³ ï¼°ã´ã·ãã¯", "MS PGothic", sans-serif } .modBoxMap .gm-style .gm-style-iw-d>div { font-family: LIFULL, "游ã´ã·ãã¯", YuGothic, "ãã©ã®ãè§ã´ Pro W3", "Hiragino Kaku Gothic Pro", "ã¡ã¤ãªãª", Meiryo, Osaka, "ï¼ï¼³ ï¼°ã´ã·ãã¯", "MS PGothic", sans-serif } .modBoxMap iframe { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .modBoxTab { display: none } .modBoxTab.is-act { display: block } @media screen and (min-width:768px) { .modBoxTab.is-act+.modBoxTab.is-act { margin: 135px 0 0 } } @media screen and (max-width:767px) { .modBoxTab.is-act+.modBoxTab.is-act { margin: 115px 0 0 } } .modBoxSearch { background: var(--bgGray); border-radius: 4px } .modBoxSearch+.modBoxSearch { margin: 16px 0 0 } .modBoxSearch>.modBtnGray { width: 100%; padding-top: 15px; padding-bottom: 15px } @media screen and (min-width:768px) { .modBoxSearch>.modBtnGray { display: none } } @media screen and (max-width:767px) { .modBoxSearch>.modBtnGray+.modBoxSearch__inner { display: none; padding-top: 0 } } @media screen and (min-width:768px) { .modBoxSearch__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 24px; padding: 32px } .modBoxSearch__inner .modBtnWhite { margin: 0 } } @media screen and (min-width:768px) and (max-width:1024px) { .modBoxSearch__inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (max-width:767px) { .modBoxSearch__inner { padding: 16px 16px 32px } } @media screen and (min-width:768px) { .modBoxSearch__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px 24px } } @media screen and (min-width:768px) and (max-width:1024px) { .modBoxSearch__form { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } .modBoxSearch__form--border { position: relative } @media screen and (min-width:768px) { .modBoxSearch__form--border { padding: 0 24px } } @media screen and (max-width:767px) { .modBoxSearch__form--border { margin: 32px 0; padding: 20px 0 32px } } .modBoxSearch__form--border:after, .modBoxSearch__form--border:before { content: ""; position: absolute; background-color: var(--gray) } @media screen and (min-width:768px) { .modBoxSearch__form--border:after, .modBoxSearch__form--border:before { width: 1px; height: 100%; min-height: 48px } } @media screen and (max-width:767px) { .modBoxSearch__form--border:after, .modBoxSearch__form--border:before { width: 100%; height: 1px } } @media screen and (min-width:768px) { .modBoxSearch__form--border:before { left: 0 } } @media screen and (max-width:767px) { .modBoxSearch__form--border:before { top: 0 } } @media screen and (min-width:768px) { .modBoxSearch__form--border:after { right: 0 } } @media screen and (max-width:767px) { .modBoxSearch__form--border:after { bottom: 0 } } @media screen and (max-width:767px) { .modBoxSearch__form--border+* { margin-top: 0 !important } } @media screen and (min-width:768px) { .modBoxSearch__form__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 10px } .modBoxSearch__form__list--year { width: 38% } .modBoxSearch__form__list--category { width: 60% } } @media screen and (max-width:767px) { .modBoxSearch__form__list:not(:first-child) { margin: 10px 0 0 } } .modBoxSearch__form__list>dt { padding: 5px 0 0; font-weight: bold; -ms-flex-negative: 0; flex-shrink: 0 } .modBoxSearch__form__list>dd { width: 100% } @media screen and (max-width:767px) { .modBoxSearch__form__list--spFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; overflow: hidden; margin-right: -16px } } @media screen and (max-width:767px) { .modBoxSearch__form__list--spFlex>dd { width: calc(100% - 55px) } } .modBoxSearch .modFormCheckbox { -ms-flex-negative: 0; flex-shrink: 0 } @media screen and (max-width:767px) { .modBoxSearch .modFormCheckbox { margin: 16px 0 0 } } @media screen and (min-width:768px) { .modBoxSearch .modBtnMain { margin: 0 0 0 auto } } @media screen and (min-width:768px) and (max-width:1024px) { .modBoxSearch .modBtnMain { width: 100%; margin: 16px 0 0 } } @media screen and (max-width:767px) { .modBoxSearch .modBtnMain { width: 100%; margin: 16px 0 0 } } @media screen and (max-width:767px) { .modBoxSearch .modListTag { padding: 0 16px 0 0 } } .modBoxSearch__count { font-weight: bold; line-height: 1 } @media screen and (min-width:768px) { .modBoxSearch__count { margin: auto 0 20px } } .modBoxSearch__count>strong { margin: 0 14px 0 0; color: var(--orange); font-weight: bold } @media screen and (min-width:768px) { .modBoxSearch__count>strong { font-size: 28px; font-size: 2.8rem } } @media screen and (max-width:767px) { .modBoxSearch__count>strong { font-size: 24px; font-size: 2.4rem } } .modBoxSearch__reset { display: inline-block; color: var(--darkGray); text-decoration: underline; line-height: 1 } @media screen and (min-width:768px) { .modBoxSearch__reset { margin: 20px 0 0 } .modBoxSearch__reset:hover { text-decoration: none } } @media screen and (max-width:767px) { .modBoxSearch__reset { font-size: 14px; font-size: 1.4rem } } .modBoxSearchNews { background: var(--bgGray); border-radius: 4px } .modBoxSearchNews+.modBoxSearchNews { margin: 16px 0 0 } .modBoxSearchNews>.modBtnGray { width: 100%; padding-top: 15px; padding-bottom: 15px } @media screen and (min-width:1024px) { .modBoxSearchNews>.modBtnGray { display: none } } @media screen and (max-width:1023px) { .modBoxSearchNews>.modBtnGray:hover { color: var(--black); background: var(--bgGray) } } @media screen and (max-width:1023px) { .modBoxSearchNews>.modBtnGray+.modBoxSearch__inner { display: none; padding-top: 0 } } @media screen and (min-width:1024px) { .modBoxSearchNews__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 24px; padding: 32px } .modBoxSearchNews__inner .modBtnWhite { margin: 0 } } @media screen and (max-width:1023px) { .modBoxSearchNews__inner { padding: 16px 16px 32px; display: none } } @media screen and (min-width:1024px) { .modBoxSearchNews__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 16px 24px } .archive-news .modBoxSearchNews__form { flex-wrap: wrap; } } .modBoxSearchNews__form--border { position: relative } @media screen and (min-width:1024px) { .modBoxSearchNews__form--border { padding: 0 24px } } @media screen and (max-width:1023px) { .modBoxSearchNews__form--border { margin: 0 0 32px; padding: 0 0 32px } } .modBoxSearchNews__form--border:after, .modBoxSearchNews__form--border:before { content: ""; position: absolute; background-color: var(--gray) } @media screen and (min-width:1024px) { .modBoxSearchNews__form--border:after, .modBoxSearchNews__form--border:before { width: 1px; height: 100%; min-height: 48px } } @media screen and (max-width:1023px) { .modBoxSearchNews__form--border:after, .modBoxSearchNews__form--border:before { width: 100%; height: 1px } } @media screen and (min-width:1024px) { .modBoxSearchNews__form--border:before { left
12: 0 } .archive-news .modBoxSearchNews__form--border { padding-left: 0; } .archive-news .modBoxSearchNews__form--border:before { display: none; } } @media screen and (max-width:1023px) { .modBoxSearchNews__form--border:before { display: none; top: 0; } } @media screen and (min-width:1024px) { .modBoxSearchNews__form--border:after { right: 0 } } @media screen and (max-width:1023px) { .modBoxSearchNews__form--border:after { bottom: 0 } } @media screen and (max-width:1023px) { .modBoxSearchNews__form--border+* { margin-top: 0 !important } } @media screen and (min-width:1024px) { .modBoxSearchNews__form__list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 10px } .modBoxSearchNews__form__list--year { width: 38% } .modBoxSearchNews__form__list--category { width: 60% } .archive-news .modBoxSearchNews__form__list--type { flex-grow: 1; width: 22%; } .archive-news .modBoxSearchNews__form__list--year { flex-grow: 1; width: 16%; } .archive-news .modBoxSearchNews__form__list--category { flex-grow: 1; width: 24%; } .archive-news .modBoxSearchNews__form__list--co { flex-grow: 1; width: 24%; } .archive-news .modBoxSearchNews__form__list--keyword { width: 100% } } @media screen and (max-width:1023px) { .modBoxSearchNews__form__list:not(:first-child) { margin: 10px 0 0 } } .modBoxSearchNews__form__list>dt { padding: 5px 0 0; font-weight: bold; -ms-flex-negative: 0; flex-shrink: 0 } .modBoxSearchNews__form__list>dd { width: 100% } @media screen and (max-width:1023px) { .modBoxSearchNews__form__list--spFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; overflow: hidden; margin-right: -16px } } @media screen and (max-width:1023px) { .modBoxSearchNews__form__list--spFlex>dd { width: calc(100% - 55px) } } .modBoxSearchNews .modFormCheckbox { -ms-flex-negative: 0; flex-shrink: 0 } @media screen and (max-width:1023px) { .modBoxSearchNews .modFormCheckbox { margin: 16px 0 0 } } @media screen and (min-width:1024px) { .modBoxSearchNews .modBtnMain { margin: 0 0 0 auto } } @media screen and (max-width:1023px) { .modBoxSearchNews .modBtnMain { width: 100%; margin: 16px 0 0 } } @media screen and (max-width:1023px) { .modBoxSearchNews .modListTag { padding: 0 16px 0 0 } } .modBoxSearchNews__count { font-weight: bold; line-height: 1 } @media screen and (min-width:1024px) { .modBoxSearchNews__count { margin: auto 0 20px } } .modBoxSearchNews__count>strong { margin: 0 14px 0 0; color: var(--orange); font-weight: bold } @media screen and (min-width:1024px) { .modBoxSearchNews__count>strong { font-size: 28px; font-size: 2.8rem } } @media screen and (max-width:1023px) { .modBoxSearchNews__count>strong { font-size: 24px; font-size: 2.4rem } } .modBoxSearchNews__reset { display: inline-block; color: var(--darkGray); text-decoration: underline; line-height: 1 } @media screen and (min-width:1024px) { .modBoxSearchNews__reset { margin: 20px 0 0 } .modBoxSearchNews__reset:hover { text-decoration: none } } @media screen and (max-width:1023px) { .modBoxSearchNews__reset { font-size: 14px; font-size: 1.4rem } } .modBoxContact { background: var(--bgGray) } @media screen and (min-width:768px) { .modBoxContact { margin: 32px 0 0; padding: 40px } } @media screen and (max-width:767px) { .modBoxContact { margin: 16px 0 0; padding: 16px } } .modBoxContact__title { font-weight: bold } .modBoxExectives.jsModalOpen { cursor: pointer } @media screen and (min-width:768px) { .modBoxExectives.jsModalOpen:hover { color: var(--orange) } .modBoxExectives.jsModalOpen:hover .modBoxExectives__name .en { color: var(--orange) } .modBoxExectives.jsModalOpen:hover .modBoxExectives__img img { -webkit-transform: scale(1.1); transform: scale(1.1) } .modBoxExectives.jsModalOpen:hover .modListCircle__item:before { background: var(--orange) } .modBoxExectives.jsModalOpen:hover .btnModal:after { -webkit-transform: scale(1.2); transform: scale(1.2) } } .modBoxExectives__img { position: relative; overflow: hidden; aspect-ratio: 1/1; border-radius: 4px } .modBoxExectives__img__caption { position: absolute; right: 0; bottom: 0; display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 1; background: #E8E8E8; border-radius: 4px 0 0 0; padding: 6px; z-index: 1 } .modBoxExectives__img img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out } .modBoxExectives__position { font-weight: bold; line-height: 1.2 } .modBoxExectives__name { font-size: 20px; font-size: 2rem; line-height: 1.4; font-weight: bold; margin: 22px 0 0 } .modBoxExectives__name .en { display: block; margin: 0 0 4px; color: var(--darkGray); font-weight: normal; font-size: 16px; font-size: 1.6rem; line-height: 1.2 } .modBoxExectives__name .btnModal { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; cursor: pointer } .modBoxExectives__name .btnModal:after { content: ""; display: block; min-width: 15px; width: 15px; height: 16px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_zoom.svg"); background-size: 100% auto; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out } .modBoxExectives .modListCircle { margin-top: 10px; line-height: 1.5 } .modBoxExectives .modListCircle__item:not(:first-child) { margin: 5px 0 0 } .modBoxExectives .modListCircle__item:before { top: 9px } .modBoxExectives__data { margin: 16px 0 0; padding: 16px 0 0; border-top: 1px solid var(--gray) } .modBoxExectives__data__position { display: inline-block; font-size: 14px; font-size: 1.4rem; line-height: 1; background: #E8E8E8; border-radius: 4px; padding: 6px } .modBoxExectives__data .modListCircle { margin-top: 16px } .modBoxExectives__data .modListCircle:first-child { margin-top: 0 } @media screen and (min-width:768px) { .modBoxExectives--2col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 0 40px } .modBoxExectives--2col .modBoxExectives__img { width: 215px } } @media screen and (min-width:768px) { .modBoxExectives--2col .modBoxExectives__inner { width: calc(100% - 255px) } } @media screen and (max-width:767px) { .modBoxExectives--2col .modBoxExectives__inner { margin: 16px 0 0 } } .modBoxExectives--2col .modBoxExectives__name { font-size: 32px; font-size: 3.2rem; margin-top: 8px } @media screen and (min-width:768px) { .modBoxExectives--2col .modBoxExectives__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; gap: 0 16px } } @media screen and (max-width:767px) { .modBoxExectives--2col .modBoxExectives__name { font-size: 24px; font-size: 2.4rem } } .modBoxExectives--2col .modBoxExectives__name>span { font-size: 16px; font-size: 1.6rem } .modBoxExectives--2col .modBoxExectives__data__position { margin-top: 10px } .modBoxExectives--2col .modListAbout { line-height: 1.5 } @media screen and (min-width:768px) { .modBoxExectives--2col .modListAbout { margin: 75px 0 0 } } @media screen and (max-width:767px) { .modBoxExectives--2col .modListAbout { margin: 64px 0 0 } } .modBoxExectives--2col .modListAbout__title { font-weight: normal } @media screen and (min-width:768px) { .modBoxExectives--2col .modListAbout__title { width: 20%; padding: 8px 0 } } @media screen and (max-width:767px) { .modBoxExectives--2col .modListAbout__title { font-size: 16px; font-size: 1.6rem } } @media screen and (min-width:768px) { .modBoxExectives--2col .modListAbout__item { width: 80%; padding: 8px 0 } } .modBoxExectives--2col .bookwrap { margin-top: 40px; } .modBoxExectives--2col .bookhd { line-height: 20px; margin-bottom: 24px; font-weight: bold; } .modBoxExectives--2col .bookinfo { margin-bottom: 48px; display: flex; flex-direction: row; justify-content: space-between; } .modBoxExectives--2col .bookinfo .photo { text-align: center; width: 120px; height: 120px; border-radius: 4px; padding: 10px; background-color: #f4f4f4; } .modBoxExectives--2col .bookinfo .photo img { width: auto; height: 100px; border-radius: 0; } .modBoxExectives--2col .bookinfo .txt { width: calc(100% - 152px);; } .modBoxExectives--2col .bookinfo .txt .modListNews__item__pdf { margin-left: 0; color: var(--orange); text-decoration: underline; display: inline-block; } .modBoxExectives--2col .bookinfo .txt .modListNews__item__pdf .file_type { text-decoration: none; display: inline-block; margin-left: 12px; } .modBoxExectives--2col .bookinfo .txt .booktitle { font-weight: bold; line-height: 24px; margin-bottom: 16px; letter-spacing: 0; } .modBoxExectives--2col .bookinfo .txt dl { display: flex; flex-wrap: wrap; width: 100%; margin-bottom: 10px; line-height: 1.5; } .modBoxExectives--2col .bookinfo .txt dt, .modBoxExectives--2col .bookinfo .txt dd { font-size: 14px; font-weight: normal; margin: 0 0 6px 0; } .modBoxExectives--2col .bookinfo .txt dt { width: 4em; } .modBoxExectives--2col .bookinfo .txt dd { width: calc(100% - 4em); } .modBoxExectives--2col .bookinfo p.btn:hover { opacity: 0.7; } @media screen and (min-width : 768px) {} @media screen and (max-width : 767px) { .modBoxExectives--2col .bookwrap { width: 100%; max-width: 100%; } .modBoxExectives--2col .bookinfo { flex-direction: column; } .modBoxExectives--2col .bookinfo .photo { margin-bottom: 16px; } .modBoxExectives--2col .bookinfo .txt { width: 100%; max-width: 100%; } .modBoxExectives--2col .bookhd, .modBoxExectives--2col .bookinfo .txt .booktitle { margin-bottom: 9px; } } @media screen and (min-width:768px) { .modListMain { margin: 80px 0 0 } } @media screen and (max-width:767px) { .modListMain { margin: 56px 0 0 } } .modListMain:first-child { margin-top: 0 } .modListMain__item { border-bottom: 1px solid var(--gray) } @media screen and (min-width:768px) { .modListMain__item { padding: 80px 0 } .modListMain__item:first-child { margin-top: -80px; } } @media screen and (max-width:767px) { .modListMain__item { padding: 56px 0 } .modListMain__item:first-child { margin-top: -56px; } } .modListMain__item--service { padding: 0; border-bottom: none; } .modListMain__item--service:first-child { margin-top: 0; } @media screen and (min-width:768px) { .modListMain__item--service + .modListMain__item--service { margin-top: 72px; } .modListMain__item--ext + .modListMain__item--service { margin-top: 96px; } } @media screen and (max-width:767px) { .modListMain__item--service + .modListMain__item--service { margin-top: 64px; } .modListMain__item--ext { position: relative; padding: 32px 0 40px; } .modListMain__item--ext:before, .modListMain__item--ext:after { content: ""; position: absolute; left: 50%; width: 100vw; height: 1px; margin-left: -50vw; background: #E8E8E8; } .modListMain__item--ext:before { top: 0; } .modListMain__item--ext:after { bottom: 0; } } .modListData { display: -webkit-box; display: -ms-flexbox; display: flex } .modListData strong { font-weight: bold } .modListData dt { white-space: nowrap } .modListData--large>dt { padding: 0 56px 0 0 } .modListAnchor { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: var(--bgGray) } @media screen and (min-width:768px) { .modListAnchor { gap: 32px 48px; margin: 0 0 80px; padding: 32px 40px } } @media screen and (max-width:767px) { .modListAnchor { gap: 8px 24px; margin: 0 -16px 40px; padding: 16px } } .modListAnchor__item>a { display: inline-block; vertical-align: middle; gap: 0 10px; font-weight: bold; line-height: 1.5 } .modListAnchor__item>a:after { content: ""; display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-top: 2px solid var(--orange); border-right: 2px solid var(--orange); -webkit-transform: rotate(135deg); transform: rotate(135deg); margin: -6px 0 0 8px } @media screen and (min-width:768px) { .modListAnchor__item>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListAnchor__item>a:hover { color: var(--orange) } } .modListAnchor--hasBtn { position: relative } @media screen and (min-width:768px) { .modListAnchor--hasBtn { padding: 32px 272px 32px 40px } } @media screen and (max-width:767px) { .modListAnchor--hasBtn { padding: 16px 16px 72px 16px } } .modListAnchor--hasBtn .btn { position: absolute } @media screen and (min-width:768px) { .modListAnchor--hasBtn .btn { right: 40px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } @media screen and (max-width:767px) { .modListAnchor--hasBtn .btn { left: 16px; bottom: 16px } } .modListTab { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (min-width:768px) { .modListTab { margin: 0 0 56px } } @media screen and (max-width:767px) { .modListTab { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px 0; margin: 0 0 40px } } .modListTab__item { position: relative; padding: 0 8px 16px; text-align: center; font-weight: bold; color: var(--darkGray); border-bottom: 1px solid #E8E8E8; line-height: 1.3 } @media screen and (min-width:768px) { .modListTab__item { width: 33.3333333333%; font-size: 20px; font-size: 2rem; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListTab__item:hover { color: var(--orange) } } @media screen and (max-width:767px) { .modListTab__item { width: 50%; font-size: 18px; font-size: 1.8rem } } .modListTab__item.is-act { color: var(--orange) } .modListTab__item.is-act:after { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; background: var(--orange) } @media screen and (min-width:768px) { .modListTab__item { cursor: pointer } } @media screen and (max-width:767px) { .modListTab--3col .modListTab__item { width: 33.3333333333%; font-size: 16px; font-size: 1.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media screen and (min-width:768px) { .modListTab--small .modListTab__item { font-size: 1.8rem; width: 42.5531914894% } } @media screen and (max-width:767px) { .modListTab--small .modListTab__item { font-size: 1.6rem } } .modListTab__item:has(> .jsTab) { padding: 0; } .modListTab__item > .jsTab { display: block; width: 100%; padding: 0 8px 16px; background: none; border: none; font: inherit; font-weight: bold; color: inherit; text-align: center; line-height: 1.3; cursor: pointer; } @media screen and (min-width:768px) { .modListTab__item > .jsTab { font-size: 20px; font-size: 2rem; -webkit-transition: color 0.3s ease-out; transition: color 0.3s ease-out; } .modListTab__item > .jsTab:hover { color: var(--orange); } } @media screen and (max-width:767px) { .modListTab__item > .jsTab { font-size: 18px; font-size: 1.8rem; } } .modListTab__item > .jsTab:focus-visible { outline: 2px solid var(--orange); outline-offset: -2px; color: var(--orange); } .modListTab__item.extraLinkTab { display: flex; align-items: center; justify-content: center; padding: 0; } .modListTab__item.extraLinkTab a { display: block; padding: 0 8px 16px; flex-grow: 1; } @media screen and (min-width : 768px) {} @media screen and (max-width : 767px) {} .modListYear { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (min-width:768px) { .modListYear { margin: 0 0 56px; gap: 16px 4px } } @media screen and (max-width:767px) { .modListYear { margin: 0 0 40px; gap: 8px 0 } } .modListYear__item { position: relative; text-align: center; font-weight: 700; color: #A5A5A5; padding: 4px 8px; border-bottom: 1px solid var(--gray) } @media screen and (min-width:768px) { .modListYear__item { width: calc(10% - 4px); font-size: 20px; font-size: 2rem; -webkit-transition: all 0.3s ease-out; tr
12ansition: all 0.3s ease-out; cursor: pointer } .modListYear__item:hover { color: var(--orange) } } @media screen and (max-width:767px) { .modListYear__item { width: 25%; font-size: 18px; font-size: 1.8rem } } .modListYear__item.is-act { color: var(--orange) } .modListYear__item.is-act:after { content: ""; display: block; width: 100%; height: 3px; position: absolute; bottom: -1px; left: 0; background: var(--orange) } .modListPage { position: relative } @media screen and (min-width:768px) { .modListPage { margin: 144px 0 0 } } @media screen and (max-width:767px) { .modListPage { margin: 120px 0 0 } } .modListPage:before { content: ""; display: block; width: 100%; height: 1px; background: var(--gray); position: absolute; top: 0; left: 0 } @media screen and (min-width:1024px) { .modListPage+.footer { margin: 80px 0 0 } } @media screen and (max-width:1023px) { .modListPage+.footer { margin: 56px 0 0 } } @media screen and (min-width:768px) { .modListPage__inner { max-width: 1280px; margin: 0 auto; padding: 64px 40px 0 } } @media screen and (max-width:767px) { .modListPage__inner { padding: 56px 16px 0 } } .modListPage__mainLink { font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 1.5 } @media screen and (min-width:768px) { .modListPage__mainLink { padding: 0 0 16px } } @media screen and (max-width:767px) { .modListPage__mainLink { padding: 0 0 24px; border-bottom: 1px solid #E8E8E8 } } .modListPage__mainLink>a { position: relative } @media screen and (min-width:768px) { .modListPage__mainLink>a { display: inline-block; padding: 0 64px 0 0; -webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out } .modListPage__mainLink>a:hover { color: var(--orange) } } @media screen and (max-width:767px) { .modListPage__mainLink>a { display: block; padding: 0 48px 0 0 } } .modListPage__mainLink>a .modIconCircleArrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } @media screen and (max-width:767px) { .modListPage__mainLink>a .modIconCircleArrow { width: 36px; height: 36px } .modListPage__mainLink>a .modIconCircleArrow:after { width: 14px; height: 14px; right: 10px } } @media screen and (min-width:1024px) { .modListPage__lowerPage { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 0 60px } } @media screen and (max-width:1023px) { .modListPage__lowerPage { margin: 8px 0 0 } } .modListPage__lowerPage__item { position: relative } @media screen and (min-width:1024px) { .modListPage__lowerPage__item { width: calc(33.3333333333% - 40px) } } .modListPage__lowerPage__item>a { position: relative; display: block; font-weight: bold; line-height: 1.5; padding: 0 32px 0 0; border-bottom: 1px solid var(--gray) } .modListPage__lowerPage__item>a:after { content: ""; display: block; width: 16px; height: 16px; background: url("/wp-content/themes/lifull/assets/img/common/icon_arrow.svg") no-repeat 0 0; background-size: 100% auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .modListPage__lowerPage__item>a.noref:after { display: none; } @media screen and (min-width:1024px) { .modListPage__lowerPage__item>a:after { right: 5px } } @media screen and (max-width:1023px) { .modListPage__lowerPage__item>a:after { right: 10px } } @media screen and (min-width:1024px) { .modListPage__lowerPage__item>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; padding: 32px 32px 32px 4px } .modListPage__lowerPage__item>a:before { content: ""; opacity: 0; display: block; width: 100%; height: 3px; background: var(--orange); position: absolute; bottom: -1px; left: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListPage__lowerPage__item>a:not(.noref):hover { color: var(--orange) } .modListPage__lowerPage__item>a:not(.noref):hover:before { opacity: 1 } } @media screen and (max-width:1023px) { .modListPage__lowerPage__item>a { padding: 16px 40px 16px 0 } } .modListPage__lowerPage__item .subMenu { margin: 16px 0 } .modListPage__lowerPage__item .subMenu__item:not(:first-child) { margin: 4px 0 0 } .modListPage__lowerPage__item .subMenu__item>a { color: var(--orange); text-decoration: underline } .modListPage__lowerPage__item .subMenu__item .subMenu__item>a { display: inline-flex; align-items: center; gap: 0 10px; font-size: 0.875em; } .modListPage__lowerPage__item .subMenu__item .subMenu__item>a:before { content: ""; display: block; width: 8px; height: 1px; background: #000; } @media screen and (min-width:1024px) { .modListPage__lowerPage__item .subMenu__item>a:hover { color: var(--hoverOrange); text-decoration: none } } .modListPage--only { margin: 0; padding: 0 } .modListPage--only:before { display: none } .modListPage--only .modListPage__mainLink { position: relative; border-bottom: 1px solid var(--gray) } @media screen and (min-width:768px) { .modListPage--only .modListPage__mainLink { padding: 0 0 40px } } @media screen and (max-width:767px) { .modListPage--only .modListPage__mainLink { padding: 0 0 24px } } .modListPage--only .modListPage__mainLink:after { content: ""; display: block; width: 100px; height: 2px; background: var(--orange); position: absolute; bottom: -1.5px; left: 0 } @media screen and (min-width:768px) { .modListLinkBox { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 32px } } @media screen and (min-width:768px) { .modListLinkBox__item { width: calc(33.3333333333% - 22px) } } @media screen and (min-width:768px) { .modListLinkBox--col2 .modListLinkBox__item { width: calc(50% - 16px); } } @media screen and (max-width:767px) { .modListLinkBox__item:not(:first-child) { margin: 32px 0 0 } } .modListLinkBox__item__inner { display: block; height: 100%; border: 1px solid var(--gray); border-radius: 4px } @media screen and (min-width:768px) { .modListLinkBox__item__inner { padding: 32px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListLinkBox__item__inner:hover { border-color: var(--orange) } .modListLinkBox__item__inner:hover .modListLinkBox__item__title { color: var(--orange) } } @media screen and (max-width:767px) { .modListLinkBox__item__inner { padding: 32px 32px 24px } } .modListLinkBox__item__inner[target=_blank] .modListLinkBox__item__title { padding: 0 38px 0 0 } .modListLinkBox__item__title { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 64px 0 0; font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 1.5 } @media screen and (min-width:768px) { .modListLinkBox__item__title { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } } .modListLinkBox__item__title .modIconBlank, .modListLinkBox__item__title .modIconCircleArrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .modListLinkBox__item__text { margin: 16px 0 0 } @media screen and (min-width:768px) { .modListLinkBox--small .modListLinkBox__item { width: auto; min-width: 370px } } .modListLinkBox--small .modListLinkBox__item__inner { display: -ms-grid; display: grid; place-items: center } @media screen and (min-width:768px) { .modListLinkBox--small .modListLinkBox__item__inner { padding: 56px 32px } } @media screen and (max-width:767px) { .modListLinkBox--small .modListLinkBox__item__inner { padding: 32px 32px } } .modListLinkBox--small .modListLinkBox__item__title { font-size: 18px; padding: 0 42px 0 0 } .modListLinkBox--small .modListLinkBox__item__title>i { z-index: -1 } @media screen and (min-width:768px) { .modListImgLink { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 56px 32px } } @media screen and (min-width:768px) { .modListImgLink__item { width: calc(33.3333333333% - 22px) } } @media screen and (max-width:767px) { .modListImgLink__item:not(:first-child) { margin: 56px 0 0 } } .modListImgLink__item__inner { display: block } @media screen and (min-width:768px) { .modListImgLink__item__inner:hover .modListImgLink__item__title { color: var(--orange) } } .modListImgLink__item__img { overflow: hidden; border-radius: 4px; aspect-ratio: 190/107 } .modListImgLink__item__img>img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100% } .modListImgLink__item__img--border { border: 1px solid var(--gray) } .modListImgLink__item__title { position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 64px 0 0; font-size: 24px; font-size: 2.4rem; font-weight: bold; line-height: 1.5; margin: 24px 0 0 } @media screen and (min-width:768px) { .modListImgLink__item__title:not(.modListImgLink__item__title--noLink) { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListImgLink__item__title:not(.modListImgLink__item__title--noLink):hover { color: var(--orange) } } .modListImgLink__item__title .modIconCircleArrow { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .modListImgLink__item__text { margin: 16px 0 0 } .modListImgLink__item__page { margin: 16px 0 0 } .modListImgLink__item__page>li+li { margin: 4px 0 0 } .modListImgLink__item__page>li>a { color: var(--orange); text-decoration: underline } @media screen and (min-width:768px) { .modListImgLink__item__page>li>a:hover { color: var(--hoverOrange); text-decoration: none } } .modListImgLink__item__page>li>p { margin: 4px 0 0 } @media screen and (min-width:768px) { .modListImgLink--2col .modListImgLink__item { width: calc(50% - 16px) } } .modListImgLink--hasBg .modListImgLink__item { position: relative } @media screen and (min-width:768px) { .modListImgLink--hasBg .modListImgLink__item { padding: 16px 24px 32px 24px } } @media screen and (max-width:767px) { .modListImgLink--hasBg .modListImgLink__item { padding: 16px 16px 32px 16px } } .modListImgLink--hasBg .modListImgLink__item:before { content: ""; position: absolute; width: 100%; height: 80%; background: #FEF3EB; display: inline-block; top: 20%; left: 0; z-index: -1; border-radius: 4px } .modListNews__item { border-bottom: 1px solid var(--gray) } .modListNews__item__inner { position: relative } @media screen and (min-width:768px) { .modListNews__item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 32px 0 24px 0 } } @media screen and (max-width:767px) { .modListNews__item__inner { display: block; padding: 16px 0 } } .modListNews__item__inner[target=_blank] .modListNews__item__text:after { content: ""; display: inline-block; width: 14px; height: 14px; margin: 0 0 0 8px; background: url("/wp-content/themes/lifull/assets/img/common/icon_blank_text.svg") no-repeat 0 0; background-size: 100%; position: relative; top: 0; right: 0; -webkit-transform: translateY(0); transform: translateY(0) } .modListNews__item__data { margin: 0 8px 0 0 } @media screen and (min-width:768px) { .modListNews__item__data { width: 10rem; -ms-flex-negative: 0; flex-shrink: 0 } .modListNews__item__data+.modListNews__item__text { margin: 0 0 0 42px } } @media screen and (max-width:767px) { .modListNews__item__data { display: inline-block; vertical-align: middle } } .modListNews__item__text { position: relative } @media screen and (min-width:768px) { .modListNews__item__text { width: 100% } .modListNews__item__text:only-child { width: auto } } @media screen and (max-width : 767px) { .modListNews__item__text { line-height: 1.875; } } .modListNews__item__text>a { text-decoration: underline } .modListNews__item__text>a[target=_blank]:after { content: ""; display: inline-block; width: 14px; height: 14px; margin: 0 0 0 8px; background: url("/wp-content/themes/lifull/assets/img/common/icon_blank_text.svg") no-repeat 0 0; background-size: 100% } .modListNews__item__text>a[href$=".pdf"]:after { content: ""; display: inline-block; width: 14px; height: 15px; margin: 0 0 0 8px; background: url("/wp-content/themes/lifull/assets/img/common/icon_pdf_text.svg") no-repeat 0 0; background-size: 100% } @media screen and (min-width:768px) { .modListNews__item__text>a { color: var(--orange); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListNews__item__text>a:hover { color: var(--hoverOrange); text-decoration: none } .modListNews__item__text>a:hover:after { background-position: 0 bottom } } .modListNews__item__pdf { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; font-size: 14px; font-size: 1.4rem; line-height: 1 } @media screen and (min-width:768px) { .modListNews__item__pdf { -ms-flex-negative: 0; flex-shrink: 0; margin: 0 0 0 16px } } @media screen and (max-width:767px) { .modListNews__item__pdf { margin: 8px 0 0 } } .modListNews__item__pdf>span { color: var(--orange); background: var(--beige); border-radius: 4px; font-weight: bold; padding: 6px 4px } .modListNews__item__pdf>p { color: var(--darkGray) } .modListNews__item .modFormCheckbox { margin: 0 32px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .modListNews__item .modTag { margin: 0 16px 0 0; -ms-flex-negative: 0; flex-shrink: 0 } .page-message .modListNews, .archive-past_archive .modListNews, .page-ir-calendar .modListNews { padding-top: 0; } .modListNews__item:first-child .modListNews__item__inner, .page-message .modListNews__item:first-child .modListNews__item__inner, .archive-past_archive .modListNews__item:first-child .modListNews__item__inner, .page-ir-calendar .modListNews__item:first-child .modListNews__item__inner { padding-top: 0 } @media screen and (min-width:768px) { .modListNews__item>a, .modListNews__item>label { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListNews__item>a:before, .modListNews__item>label:before { content: ""; opacity: 0; display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: -1px; background: var(--orange); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListNews__item>a:hover, .modListNews__item>label:hover { color: var(--orange); cursor: pointer } .modListNews__item>a:hover:before, .modListNews__item>label:hover:before { opacity: 1 } } @media screen and (min-width:768px) { .modListNews__item>a .modListNews__item__text, .modListNews__item>label .modListNews__item__text { padding: 0 32px 0 0 } } @media screen and (max-width:767px) { .modListNews__item>a .modListNews__item__text, .modListNews__item>label .modListNews__item__text { padding: 0 40px 0 0 } } .modListNews__item>a .modListNews__item__text:after, .modListNews__item>label .modListNews__item__text:after { content: ""; display: block; width: 16px; height: 16px; background: url("/wp-content/themes/lifull/assets/img/common/icon_arrow.svg") no-repeat 0 0; background-size: 100%; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .modListNews__item--pdf .modListNews__item__inner .modListNews__item__text { width: auto; padding: 0 } .modListNews__item--pdf .modListNews__item__inner .modListNews__item__text:after { display: none } @media screen and (min-width:768px) { .modListNews__item--indent .modListNews__item__text { padding-left: 58px !important } } .modListNews--small .modListNews__item__inner { padding-top: 16px; padding-bottom: 16px } .modListNews--strong { background: var(--beige); border-radius: 4px } @media screen and (min-width:768px) { .modListNews--strong { padding: 40px } } @media screen and (max-width:767px) { .modListNews--strong { padding: 0 16px 16px } } .modListNews--strong .modListNews__item__pdf>span { color: var(--orange); background: #fff } .modListNews--past .modListNews__item__text { font-size: 14px; font-size: 1.4rem } @media screen and (min-width:768px) { .modListAbout { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } } .modListAbout__title { font-weight: bold; line-height: 1.6 } @media screen and (min-width:768px) { .modListAbout__title { width: 230px; border-bottom: 1px solid var(--gray); padding: 40px 16px 35p
12x 0 } } @media screen and (max-width:767px) { .modListAbout__title { padding: 16px 0 0; font-size: 20px; font-size: 2rem } } .modListAbout__title:first-child { padding-top: 0 } .modListAbout__item { border-bottom: 1px solid var(--gray) } @media screen and (min-width:768px) { .modListAbout__item { width: calc(100% - 230px); padding: 40px 0 35px } .modListAbout__item:nth-child(2) { padding-top: 0 } } @media screen and (max-width:767px) { .modListAbout__item { padding: 24px 0 34px } } .modListAbout__item .modBoxMap { margin: 8px 0 0 } .modListAbout__item .modBoxBtn { text-align: left; margin: 24px 0 0 } .modListAbout__item .modBoxBtn:first-child { margin-top: 0 } .modListHistory { position: relative; padding: 0 0 0 32px } .modListHistory:before { content: ""; display: block; width: 2px; height: 100%; position: absolute; top: 0; left: 10px; background: #FCE6D6 } .modListHistory__item+.modListHistory__item { margin: 24px 0 0 } .modListHistory__item__year { position: relative; font-weight: bold; font-size: 20px; font-size: 2rem; line-height: 1 } .modListHistory__item__year:after, .modListHistory__item__year:before { content: ""; display: block; position: absolute } .modListHistory__item__year:before { width: 20px; height: 20px; top: 0; left: -31px; background: var(--orange); border-radius: 4px } .modListHistory__item__year:after { width: 100%; height: 1px; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: var(--gray) } .modListHistory__item__year>span { position: relative; z-index: 1; padding: 0 13px 0 0; background: #fff } .modListHistory__item__month { margin: 40px 0 0 } .modListHistory__item__month>dt { position: relative; font-weight: bold; line-height: 1; font-size: 16px; font-size: 1.6rem } .modListHistory__item__month>dt:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; top: 3px; left: -26px; background: var(--orange); border-radius: 4px; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 1; border-radius: 100% } .modListHistory__item__month>dt:not(:first-child) { margin: 25px 0 0 } .modListHistory__item__month>dd { margin: 4px 0 0 } @media screen and (min-width:768px) { .modListHistory__item__month>dd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 32px } } @media screen and (min-width:768px) { .modListHistory__item__month>dd .modBtnWhite { margin: 0 } } @media screen and (max-width:767px) { .modListHistory__item__month>dd .modBtnWhite { margin-top: 8px } } .modListHistory__item__num { font-size: 16px; margin: 24px 0 0 } .modListHistory__item__num span { font-weight: bold } .modListHistory__item__num strong { color: var(--orange); font-weight: bold } .modListHistory__item:last-child .modListHistory__item__month>dd:last-child { position: relative } .modListHistory__item:last-child .modListHistory__item__month>dd:last-child:before { content: ""; display: block; width: 3px; height: calc(100% + 16px); background: #fff; position: absolute; top: -16px; left: -22px } @media screen and (min-width:768px) { .modListNote { margin: 24px 0 0 } } @media screen and (max-width:767px) { .modListNote { margin: 16px 0 0 } } .modListNote__item { text-indent: -1.5rem; padding: 0 0 0 1.5rem; margin: 8px 0 0; color: #626262 } .modListNote--number .modListNote__item { text-indent: -2.5rem; padding: 0 0 0 2.5rem } .modListNote--small .modListNote__item { font-size: 13px; font-size: 1.3rem; line-height: 1.2; text-indent: -1rem; padding: 0 0 0 1rem } .modListAlpha { list-style-type: lower-alpha } .modListAlpha__item { margin: 8px 0 0 1.3em } *+.modListAlpha, .modListAlpha+* { margin: 16px 0 0 } .modListNumber__item { text-indent: -1.2rem; padding: 0 0 0 1.2rem; margin: 8px 0 0 } .modListNumber--parenthesis .modListNumber__item { text-indent: -3rem; padding: 0 0 0 3rem } *+.modListNumber, .modListNumber+* { margin: 16px 0 0 } .modListCircle__item { position: relative; padding: 0 0 0 16px } .modListCircle__item:before { content: ""; display: block; width: 6px; height: 6px; border-radius: 100%; position: absolute; top: 12px; left: 0; background: var(--black) } *+.modListCircle, .modListCircle+* { margin: 16px 0 0 } .modListCircle--margin { margin: 20px 0 0 !important } .modListCircle--margin .modListCircle__item { margin: 16px 0 0 } .modListTag { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px } @media screen and (min-width:768px) { .modListTag { -ms-flex-wrap: wrap; flex-wrap: wrap } } @media screen and (max-width:767px) { .modListTag { overflow-x: auto; white-space: nowrap } } .modListTag__item .modTag { min-width: auto; padding: 12px; color: var(--black); border-color: var(--gray); font-size: 16px; font-size: 1.6rem } @media screen and (min-width:768px) { .modListTag__item .modTag { cursor: pointer } } .modListTag__item.is-act .modTag { color: var(--orange); border-color: var(--orange) } .modListExectives { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (min-width:768px) { .modListExectives { gap: 64px 40px } } @media screen and (max-width:767px) { .modListExectives { gap: 40px 16px } } @media screen and (min-width:768px) { .modListExectives__item { width: calc(25% - 30px) } } @media screen and (min-width:768px) and (max-width:1024px) { .modListExectives__item { width: calc(33.3333333333% - 27px) } } @media screen and (max-width:767px) { .modListExectives__item { width: calc(50% - 10px
12) } } .modListExectives__item .modBtnWhite { min-width: 100%; margin: 16px 0 0; padding: 0 16px 0 24px } @media screen and (max-width:767px) { .modListExectives__item .modListCircle__item { font-size: 14px; font-size: 1.4rem } } .modListLesson { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 20px; margin-top: 70px } @media screen and (max-width:767px) { .modListLesson { margin-top: 36px } } .modListLesson__item { display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 4px; background: var(--bgGray) } @media screen and (min-width:768px) { .modListLesson__item { -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 30px; padding: 20px 30px } } @media screen and (max-width:767px) { .modListLesson__item { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; padding: 28px 20px 32px } } .modListLesson__item__icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; aspect-ratio: 1/1; width: 60px; border-radius: 100%; background: var(--white) } @media screen and (max-width:767px) { .modListLesson__item__icon { width: 40px } } @media screen and (min-width:768px) { .modListLesson__item__inner { width: calc(100% - 30px - 60px) } } @media screen and (max-width:767px) { .modListLesson__item__inner { width: calc(100% - 16px - 40px) } } .modListLesson__item__inner .title { font-size: 24px; font-size: 2.4rem; font-weight: bold; color: var(--orange) } @media screen and (min-width:768px) { .modListLesson__item__inner .title { line-height: 1.75 } } @media screen and (max-width:767px) { .modListLesson__item__inner .title { line-height: 1.5 } } @media screen and (max-width:767px) { .modListLesson__item__inner .title+p { margin-top: 8px } } .modListLesson--order .modListLesson__item__icon:before { content: ""; font-size: 20px; font-size: 2rem; font-weight: bold; font-style: normal; color: var(--orange) } .modListLesson--order .modListLesson__item:first-child .modListLesson__item__icon:before { content: "1" } .modListLesson--order .modListLesson__item:nth-child(2) .modListLesson__item__icon:before { content: "2" } .modListLesson--order .modListLesson__item:nth-child(3) .modListLesson__item__icon:before { content: "3" } .modListLesson--order .modListLesson__item:nth-child(4) .modListLesson__item__icon:before { content: "4" } .modListLesson--order .modListLesson__item:nth-child(5) .modListLesson__item__icon:before { content: "5" } .modListLesson--order .modListLesson__item:nth-child(6) .modListLesson__item__icon:before { content: "6" } .modListLesson--order .modListLesson__item:nth-child(7) .modListLesson__item__icon:before { content: "7" } .modListLesson--order .modListLesson__item:nth-child(8) .modListLesson__item__icon:before { content: "8" } .modListLesson--order .modListLesson__item:nth-child(9) .modListLesson__item__icon:before { content: "9" } .modListLesson--order .modListLesson__item:nth-child(10) .modListLesson__item__icon:before { content: "10" } .modListLesson--order .modListLesson__item:nth-child(11) .modListLesson__item__icon:before { content: "11" } .modListLesson--order .modListLesson__item:nth-child(12) .modListLesson__item__icon:before { content: "12" } .modListLesson--order .modListLesson__item:nth-child(13) .modListLesson__item__icon:before { content: "13" } .modListLesson--order .modListLesson__item:nth-child(14) .modListLesson__item__icon:before { content: "14" } .modListLesson--order .modListLesson__item:nth-child(15) .modListLesson__item__icon:before { content: "15" } .modListLesson--order .modListLesson__item:nth-child(16) .modListLesson__item__icon:before { content: "16" } .modListLesson--order .modListLesson__item:nth-child(17) .modListLesson__item__icon:before { content: "17" } .modListLesson--order .modListLesson__item:nth-child(18) .modListLesson__item__icon:before { content: "18" } .modListLesson--order .modListLesson__item:nth-child(19) .modListLesson__item__icon:before { content: "19" } .modListLesson--order .modListLesson__item:nth-child(20) .modListLesson__item__icon:before { content: "20" } .modListLesson--order .modListLesson__item:nth-child(21) .modListLesson__item__icon:before { content: "21" } .modListLesson--check .modListLesson__item__icon:before { content: ""; width: 18px; height: 13px; background: url("/wp-content/themes/lifull/assets/img/common/icon_check.svg") no-repeat 0 0; background-size: 100% auto } .modListLesson--small { margin-top: 40px } @media screen and (max-width:767px) { .modListLesson--small { margin-top: 36px } } .modListLesson--en p { line-height: 1.75 } .modListLesson--border { position: relative } .modListLesson--border:before { content: ""; width: 8px; height: 100%; top: 0; background: var(--orange); display: inline-block; position: absolute; z-index: -1 } @media screen and (min-width:768px) { .modListLesson--border:before { left
12: 56px } } @media screen and (max-width:767px) { .modListLesson--border:before { left: 37px } } .modListSite { position: relative } @media screen and (min-width:768px) { .modListSite { margin: 144px 0 0 } } @media screen and (max-width:767px) { .modListSite { margin: 120px 0 0 } } .modListSite:before { content: ""; display: block; width: 100%; height: 1px; background: var(--gray); position: absolute; top: 0; left: 0 } @media screen and (min-width:1024px) { .modListSite+.footer { margin: 80px 0 0 } } @media screen and (max-width:1023px) { .modListSite+.footer { margin: 56px 0 0 } } @media screen and (min-width:768px) { .modListSite__inner { max-width: 1280px; margin: 0 auto; padding: 80px 40px 0 } } @media screen and (max-width:767px) { .modListSite__inner { padding: 60px 20px 0 } } .modListSite__list { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (min-width:768px) { .modListSite__list { gap: 42px } } @media screen and (max-width:767px) { .modListSite__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } } @media screen and (min-width:768px) { .modListSite__list .item { width: calc(100% - 42px - 14px) } } .modListSite__list .item>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 8px; min-height: 120px; line-height: 1; border-radius: 4px; border: 1px solid var(--gray); font-weight: bold; font-size: 18px; font-size: 1.8rem } .modListSite__list .item>a:after { content: ""; display: block; width: 16px; height: 16px; background: url("/wp-content/themes/lifull/assets/img/common/icon_arrow.svg") no-repeat 0 0; background-size: 100% auto } .modListSite__list .item>a[target=_blank]:after { width: 22px; height: 22px; background-image: url("/wp-content/themes/lifull/assets/img/common/icon_blank.svg") } @media screen and (min-width:768px) { .modListSite__list .item>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modListSite__list .item>a:after { -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out } .modListSite__list .item>a:hover { color: #fff; border-color: var(--orange); background: var(--orange) } .modListSite__list .item>a:hover[target=_blank]:after { -webkit-transform: translate(2px, -2px); transform: translate(2px, -2px); background-position: 0 bottom } } .modListSe { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 40px 0 } .modListSe__item { width: 100%; border: 1px solid #D2D2D2; border-radius: 4px; overflow: hidden } .modListSe__item__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .modListSe__item__icon { background: #FEF3EB; display: -ms-grid; display: grid; place-items: center } @media screen and (min-width:768px) { .modListSe__item__icon { padding: 32px 32px; width: 252px; border-right: 1px solid #D2D2D2 } } @media screen and (max-width:767px) { .modListSe__item__icon { padding: 24px 24px; width: 100% } } .modListSe__item__icon .content__icon { margin: 0 auto; aspect-ratio: 1/1; width: 60px; margin-bottom: 8px } .modListSe__item__icon .content__title { font-size: 20px; font-weight: bold; color: var(--orange); text-align: center } .modListSe__item__icon .content__text { line-height: 1.6 } .modListSe__item__body { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (min-width:768px) { .modListSe__item__body { width: calc(100% - 252px); padding: 32px 32px } } @media screen and (max-width:767px) { .modListSe__item__body { width: 100%; padding: 24px 24px } } @media screen and (min-width:768px) { .modListSe__item__body .content { width: 30%; padding-right: 32px } } @media screen and (max-width:767px) { .modListSe__item__body .content { width: 100%; padding-bottom: 24px } } .modListSe__item__body .content__label { display: inline-block; background: #FEF3EB; line-height: 1.2; padding: 8px 12px; border-radius: 4px; font-size: 14px } @media screen and (min-width:768px) { .modListSe__item__body .content+.content { width: 70%; padding-right: 0; padding-left: 32px; border-left: 1px solid #D2D2D2 } } @media screen and (max-width:767px) { .modListSe__item__body .content+.content { width: 100%; border-top: 1px solid #D2D2D2; padding-top: 24px; padding-bottom: 0 } } .modIconCircle { display: inline-block;
12 width: 20px; height: 20px; border: 2px solid var(--orange); border-radius: 100% } .modIconCircleArrow { position: relative; display: inline-block; width: 44px; height: 44px; border: 1px solid var(--gray); border-radius: 100%; right: 0 } @media screen and (min-width:768px) { .modIconCircleArrow { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } a:hover .modIconCircleArrow { color: var(--orange); width: 50px; height: 50px; margin: 0 -4px 0 0; border-color: var(--orange); background: var(--orange) } a:hover .modIconCircleArrow:after { background-position: 0 bottom; right: 16px } } .modIconCircleArrow:after { content: ""; display: block; width: 16px; height: 16px; position: absolute; top: 50%; right: 13px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("/wp-content/themes/lifull/assets/img/common/icon_arrow.svg") no-repeat 0 0; background-size: 100% auto } .modIconCircleArrow--white { background: var(--white) } .modIconCircleArrow--noBorder { border: none } @media screen and (min-width:768px) { .modIconCircleArrow--noBorder { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } a:hover .modIconCircleArrow--noBorder { color: var(--white); border-color: var(--white); background: var(--white) } a:hover .modIconCircleArrow--noBorder:after { background-position: 0 0; right: 16px } } .modIconBlank { position: relative; display: inline-block; width: 16px; height: 16px } .modIconBlank:after { content: ""; display: block; width: 16px; height: 16px; position: absolute; top: 50%; right: 0%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("/wp-content/themes/lifull/assets/img/common/icon_blank.svg") no-repeat 0 0; background-size: 100% auto } @media screen and (min-width:768px) { .modIconBlank { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } a:hover .modIconBlank { -webkit-transform: translate(2px, calc(-50% - 2px)); transform: translate(2px, calc(-50% - 2px)) } } .wp-pagenavi { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 48px 0 0 } @media screen and (min-width:768px) { .wp-pagenavi { gap: 0 16px } } @media screen and (max-width:767px) { .wp-pagenavi { gap: 0 8px } } .wp-pagenavi>* { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 20%; max-width: 40px; aspect-ratio: 1; font-weight: bold; border-radius: 4px; border: 1px solid var(--gray) } .wp-pagenavi>:before { content: ""; padding-top: 100%; display: block } @media screen and (min-width:768px) { .wp-pagenavi>a { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .wp-pagenavi>a:hover { color: #fff; background: var(--orange); border-color: var(--orange) } } .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink { position: relative; text-indent: -9999px; font-size: 0 } .wp-pagenavi .nextpostslink:before, .wp-pagenavi .previouspostslink:before { content: ""; display: block; width: 16px; height: 16px; background: url("/wp-content/themes/lifull/assets/img/common/icon_arrow_black.svg") no-repeat 0 0; background-size: 100% auto; position: absolute; inset: 0; margin: auto; padding: 0 } @media screen and (min-width:768px) { .wp-pagenavi .nextpostslink:hover:before, .wp-pagenavi .previouspostslink:hover:before { background-position: 0 bottom } } .wp-pagenavi .previouspostslink { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0 } .wp-pagenavi .previouspostslink:before { -webkit-transform: scale(-1, 1); transform: scale(-1, 1) } .wp-pagenavi .nextpostslink { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2 } .wp-pagenavi .current { color: var(--orange); border-color: var(--orange) } .wp-pagenavi.has_larger .first, .wp-pagenavi.has_larger .last, .wp-pagenavi.has_smaller .first, .wp-pagenavi.has_smaller .last { position: relative } .wp-pagenavi.has_larger .first:after, .wp-pagenavi.has_larger .last:after, .wp-pagenavi.has_smaller .first:after, .wp-pagenavi.has_smaller .last:after { content: ""; display: block; width: 13px; height: 3px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: url("/wp-content/themes/lifull/assets/img/common/icon_paging.svg") no-repeat 0 0; background-size: 100% } @media screen and (min-width:768px) { .wp-pagenavi.has_larger .first, .wp-pagenavi.has_smaller .first { margin: 0 32px 0 0 } .wp-pagenavi.has_larger .first:after, .wp-pagenavi.has_smaller .first:after { right: -32px } } @media screen and (max-width:767px) { .wp-pagenavi.has_larger .first, .wp-pagenavi.has_smaller .first { margin: 0 16px 0 0 } .wp-pagenavi.has_larger .first:after, .wp-pagenavi.has_smaller .first:after { right: -21px } } @media screen and (min-width:768px) { .wp-pagenavi.has_larger .last, .wp-pagenavi.has_smaller .last { margin: 0 0 0 32px } .wp-pagenavi.has_larger .last:after, .wp-pagenavi.has_smaller .last:after { left: -32px } } @media screen and (max-width:767px) { .wp-pagenavi.has_larger .last, .wp-pagenavi.has_smaller .last { margin: 0 0 0 16px } .wp-pagenavi.has_larger .last:after, .wp-pagenavi.has_smaller .last:after { left: -21px } } .modFormInput { width: 100%; height: 40px; padding: 10px; border: 1px solid var(--gray); background: #fff; border-radius: 4px !important } .modFormCheckbox { position: relative; line-height: 1.5 } .modFormCheckbox>label { display: inline-block; position: relative; min-height: 22px; padding: 0 0 0 24px } @media screen and (min-width:768px) { .modFormCheckbox>label { cursor: pointer } } .modFormCheckbox>label:after, .modFormCheckbox>label:before { content: ""; display: block; position: absolute; -webkit-box-sizing: border-box; box-sizing: border-box; top: 50% } .modFormCheckbox>label:before { width: 18px; height: 18px; border: 2px solid var(--darkGray); border-radius: 4px; top: 3px; left: 0 } .modFormCheckbox>label:after { opacity: 0; width: 10px; height: 8px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; top: 7px; left: 4px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .modFormCheckbox>input { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0; padding: 0 } @media screen and (min-width:768px) { .modFormCheckbox>input { cursor: pointer } } .modFormCheckbox>input:checked+label:before { border-color: var(--orange); background: var(--orange) } .modFormCheckbox>input:checked+label:after { opacity: 1 } .modFormCheckbox--border { border: 1px solid var(--gray) } @media screen and (min-width:768px) { .modFormCheckbox--border { padding: 16px 40px } } @media screen and (max-width:767px) { .modFormCheckbox--border { padding: 16px } } .modFormSelect { position: relative; width: 100%; height: 40px; border: 1px solid var(--gray); background: #fff; border-radius: 4px } .modFormSelect:after { content: ""; display: block; width: 8px; height: 8px; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); border-bottom: 2px solid var(--darkGray); border-right: 2px solid var(--darkGray); z-index: 0; margin: -2px 0 0 } .modFormSelect>select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: none; border: none; width: 100%; height: 100%; padding: 10px 30px 10px 10px; position: relative; z-index: 1; color: var(--black); text-overflow: ellipsis } @media screen and (min-width:768px) { .modFormSelect>select { cursor: pointer } } .modFormSelect--year { max-width: 90px } .modTags { display: flex; align-items: center; gap: 16px; } .modTag { display: inline-block; min-width: 97px; font-size: 14px; font-size: 1.4rem; text-align: center; font-weight: bold; color: var(--orange); border: 1px solid var(--orange); border-radius: 4px; background: #fff; padding: 4px 6px; line-height: 1 } @media screen and (min-width : 1024px) {} @media screen and (max-width : 1023px) {} @media screen and (max-width : 767px) { .modTags { gap: 10px; } } @media screen and (max-width : 414px) {} .modModal { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 4000 } .modModal__box { position: absolute; inset: 0; margin: auto; background: #fff; border-radius: 12px; overflow-y: auto; z-index: 1 } @media screen and (min-width:768px) { .modModal__box { max-width: 840px; max-height: calc(100% - 160px); padding: 80px 64px } } @media screen and (max-width:767px) { .modModal__box { max-width: calc(100% - 40px); max-height: calc(100% - 40px); padding: 70px 32px } } .modModal__box__close { border-radius: 100%; border: 1px solid var(--gray); background: #fff; text-indent: -9999px; position: absolute; top: 20px; right: 20px } @media screen and (min-width:768px) { .modModal__box__close { width: 44px; height: 44px; cursor: pointer; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .modModal__box__close:hover { background: var(--orange); border-color: var(--orange) } .modModal__box__close:hover:after, .modModal__box__close:hover:before { background: #fff } } @media screen and (max-width:767px) { .modModal__box__close { width: 36px; height: 36px } } .modModal__box__close:after, .modModal__box__close:before { content: ""; display: block; height: 3px; position: absolute; inset: 0; margin: auto; background: var(--orange) } @media screen and (min-width:768px) { .modModal__box__close:after, .modModal__box__close:before { width: 20p
12x; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } } @media screen and (max-width:767px) { .modModal__box__close:after, .modModal__box__close:before { width: 18px } } .modModal__box__close:before { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .modModal__box__close:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } @media screen and (max-width:767px) { .modModal__box .modBoxExectives__img { margin: 0 30px 30px } } @media screen and (max-width:767px) { .modModal__box .modListAbout__item { padding: 10px 0 } } .modModal__bg { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5) } @-webkit-keyframes fadeAnime { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeAnime { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes upAnime { 0% { -webkit-transform: translateY(60px); transform: translateY(60px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes upAnime { 0% { -webkit-transform: translateY(60px); transform: translateY(60px) } to { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadeUpAnime { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeUpAnime { 0% { opacity: 0; -webkit-transform: translateY(60px); transform: translateY(60px) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes fadeSlideAnime { 0% { opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px) } 50% { opacity: 0.5; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes fadeSlideAnime { 0% { opacity: 0; -webkit-transform: translateX(40px); transform: translateX(40px) } 50% { opacity: 0.5; -webkit-transform: translateY(0); transform: translateY(0) } to { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) } } .topNews .modListNews__item__inner, .main--news .modListNews__item__inner { -webkit-box-align: start !important; -ms-flex-align: start !important; align-items: flex-start !important } .topNews .modTag, .main--news .modTag { margin-top: 4px } :focus-visible { outline: 2px solid #000; } .modListExectives__item div .modBoxExectives__img, .modListExectives__item div .modBoxExectives__name, .modListExectives__item div .modListCircle, .modListExectives__item div .modListCircle__item { display: block; } button.modBoxExectives .modBoxExectives__img, button.modBoxExectives .modBoxExectives__name, button.modBoxExectives .modListCircle, button.modBoxExectives .modListCircle__item { display: block; } button.modBoxExectives { background: none; border: none; padding: 0; width: 100%; text-align: left; font: inherit; color: inherit; display: block; } button.modBoxExectives:focus-visible { outline: 2px solid var(--orange); outline-offset: 4px; border-radius: 4px; } @media screen and (min-width:768px) { button.modBoxExectives.jsModalOpen:focus-visible { color: var(--orange) } button.modBoxExectives.jsModalOpen:focus-visible .modBoxExectives__name .en { color: var(--orange) } button.modBoxExectives.jsModalOpen:focus-visible .modBoxExectives__img img { -webkit-transform: scale(1.1); transform: scale(1.1) } button.modBoxExectives.jsModalOpen:focus-visible .modListCircle__item:before { background: var(--orange) } button.modBoxExectives.jsModalOpen:focus-visible .btnModal:after { -webkit-transform: scale(1.2); transform: scale(1.2) } } button.modModal__box__close { padding: 0; font: inherit; color: inherit; cursor: pointer; } button.modModal__box__close:focus-visible { outline: 2px solid var(--orange); outline-offset: 2px; }</style> 13<style> @media screen and (min-width:768px) { .main--irTop .irTopCont { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } .main--irTop .irTopCont .section { margin-top: 0 } } @media screen and (min-width:768px) { .main--irTop .irTopCont__pdfList { width: 57% } } .main--irTop .irTopCont__stockpricesInfo { background: var(--bgGray); border-radius: 4px } @media screen and (min-width:768px) { .main--irTop .irTopCont__stockpricesInfo { width: 36%; padding: 36px 40px } } @media screen and (max-width:767px) { .main--irTop .irTopCont__stockpricesInfo { margin: 78px 0 0; padding: 32px 16px } } .main--irTop .irTopCont__stockpricesInfo .modHeadingSection { margin-bottom: 8px } .main--irTop .irTopCont__stockpricesInfo__code { margin: 0 0 4px; font-size: 14px; font-size: 1.4rem; line-height: 1.3; color: var(--darkGray) } .main--irTop .irTopCont__stockpricesInfo__img { overflow: hidden; width: 100%; aspect-ratio: 352/193 } .main--irTop .irTopCont__stockpricesInfo__img img { -o-object-fit: cover; object-fit: cover; width: 216%; height: 100% } @media screen and (min-width:768px) { .main--irTop .irTopCont__stockpricesInfo__img--02 img { margin: -4% 0 0 -116% } } @media screen and (max-width:767px) { .main--irTop .irTopCont__stockpricesInfo__img--02 img { margin: -8% 0 0 -116% } } .main--irTop .irTopCont__stockpricesInfo__link { text-align: right } .main--ir .irIframe>iframe { width: 100% } @media screen and (min-width:768px) { .main--ir .irIframe>iframe { height: 900px } } @media screen and (max-width:767px) { .main--ir .irIframe>iframe { height: 800px } } @media screen and (min-width:768px) { .main--ir .irGraph .canvas-holderWrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between } } .main--ir .irGraph .canvas-holder { position: relative } @media screen and (min-width:768px) { .main--ir .irGraph .canvas-holder { width: 29% } } .main--ir .irGraph .canvas-holder .canvas-holder__goukei { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: bold; font-size: 18px; font-size: 1.8rem; text-align: center; line-height: 1.5; z-index: -1; } .main--ir .irGraph .canvas-holder .canvas-holder__goukei strong { font-weight: bold; font-size: 20px; font-size: 2rem } .main--ir .irGraph .chartCaption { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (min-width:768px) { .main--ir .irGraph .chartCaption { -ms-flex-wrap: wrap; flex-wrap: wrap; width: 65%; gap: 32px 8px } } @media screen and (max-width:767px) { .main--ir .irGraph .chartCaption { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px; margin-top: 24px } } .main--ir .irGraph .chartCaption__ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px } @media screen and (min-width:768px) { .main--ir .irGraph .chartCaption__ul { width: calc(50% - 5px) } } .main--ir .irGraph .chartCaption__block { width: 40px; height: 23px } @media screen and (min-width:768px) { .main--ir .irDataBox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 48px; margin: 80px 0 0 } } @media screen and (min-width:768px) and (max-width:1024px) { .main--ir .irDataBox { gap: 0 40px } } @media screen and (max-width:767px) { .main--ir .irDataBox { margin: 16px 0 0 } } @media screen and (min-width:768px) { .main--ir .irDataBox__main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } } .main--ir .irDataBox__main .modFormCheckbox--border { margin: 0 0 56px } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews--strong .modListNews__item:first-child .modListNews__item__inner { padding-top: 16px } } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews--strong .modListNews__item:first-child .modListNews__item__inner .modFormCheckbox { top: 22px } } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews__item:first-child .modListNews__item__inner .modFormCheckbox { top: 6px } } .main--ir .irDataBox__main .modListNews__item:first-child .modListNews__item__inner--thumb .modFormCheckbox, .main--ir .irDataBox__main .modListNews__item:first-child .modListNews__item__inner--thumb .modListNews__item__thumb { top: calc(50% - 8px) } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews__item__inner { position: relative; padding-left: 38px } } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews__item__inner .modFormCheckbox { position: absolute; top: 22px; left: 0; margin: 0 } } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews__item__inner--thumb { padding-left: 130px } } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews__item__inner--thumb .modFormCheckbox { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } } .main--ir .irDataBox__main .modListNews__item__inner .modListNews__item__thumb { overflow: hidden; border-radius: 4px; border: 1px solid var(--gray) } @media screen and (min-width:768px) { .main--ir .irDataBox__main .modListNews__item__inner .modListNews__item__thumb { max-width: 114px; margin: 0 20px 0 8px; -ms-flex-negative: 0; flex-shrink: 0 } } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews__item__inner .modListNews__item__thumb { position: absolute; top: 50%; left: 38px; -webkit-transform: translateY(-50%); transform: translateY(-50%); max-width: 80px } } .main--ir .irDataBox__main .modListNews__item__inner .modListNews__item__thumb img { width: 100%; height: auto } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews__item__text { display: inline; margin: 0 5px 0 0 } } @media screen and (max-width:767px) { .main--ir .irDataBox__main .modListNews__item__pdf { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0 } } .main--ir .irDataBox__side { position: sticky } @media screen and (min-width:768px) { .main--ir .irDataBox__side { width: 294px; top: 120px } } @media screen and (max-width:767px) { .main--ir .irDataBox__side { width: calc(100% + 40px); bottom: 0; margin: 64px -16px 0 } } @media screen and (min-width:768px) { .main--ir .irDataBox__side .modBoxSearch { display: block; padding: 32px 32px 26px; text-align: right } } @media screen and (max-width:767px) { .main--ir .irDataBox__side .modBoxSearch { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; padding: 10px 20px; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16); box-shadow: 0 0 20px rgba(0, 0, 0, 0.16) } } @media screen and (min-width:768px) { .main--ir .irDataBox__side .modBoxSearch .modFormCheckbox, .main--ir .irDataBox__side .modBoxSearch__count { text-align: left } } @media screen and (max-width:767px) { .main--ir .irDataBox__side .modBoxSearch__count { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1 } } @media screen and (min-width:768px) { .main--ir .irDataBox__side .modBoxSearch .modBtnWhite { margin: 16px 0 0; width: 100% } } @media screen and (max-width:767px) { .main--ir .irDataBox__side .modBoxSearch .modBtnWhite { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; min-width: 157px; margin: 0; padding: 0 24px } } @media screen and (max-width:767px) { .main--ir .irDataBox__side .modBoxSearch .modFormCheckbox { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0 } } @media screen and (max-width:767px) { .main--ir .irDataBox__side .modBoxSearch__reset { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4 } } @media screen and (max-width:650px) { .main--ir .irDataBox__side .modBoxSearch { gap: 5px 10px; } .main--ir .irDataBox__side .modBoxSearch:before { content: ''; display: block; width: 100%; order: 3; } .main--ir .irDataBox__side .modBoxSearch__count { order: 1; } .main--ir .irDataBox__side .modBoxSearch .modFormCheckbox { order: 4; } .main--ir .irDataBox__side .modBoxSearch .modBtnWhite { order: 2; } .main--ir .irDataBox__side .modBoxSearch__reset { order: 5; } } @media screen and (min-width:768px) { .main--ir .irDataBox .modListNews__item:first-child .modListNews__item__inner>a { padding-top: 0 } } @media screen and (max-width:767px) { .main--ir .irDataBox .modListNews__item:first-child .modListNews__item__inner .modFormCheckbox { top: 22px !important } } @media screen and (max-width:767px) { .main--ir .irDataBox .modListNews__item:first-child .modListNews__item__inner--thumb .modListNews__item__thumb { top: 50% !important } } @media screen and (max-width:767px) { .main--ir .irDataBox .modListNews__item:first-child .modListNews__item__inner--thumb .modFormCheckbox { top: 50% !important } } .main--ir .irDataBox .modListNews__item__inner { width: 100%; display: inline-block; padding-top: 0 !important; padding-bottom: 0 !important } @media screen and (min-width:768px) { .main--ir .irDataBox .modListNews__item__inner>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 32px 0 24px 0 } } @media screen and (max-width:767px) { .main--ir .irDataBox .modListNews__item__inner>a { display: block; padding: 16px 0 } } .main--ir .irDataBox .modListNews__item__inner>a .modListNews__item__text { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .main--ir .irDataBox .modListNews__item__inner>a .modListNews__item__text:hover { color: var(--hoverOrange) } .main--ir .irDataBox .modListNews__item__inner>a .modListNews__item__text:hover:after { background-position: 0 bottom } .main--ir .irDataBox .modListNews__item__inner>a[target=_blank] { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .main--ir .irDataBox .modListNews__item__inner>a[target=_blank]:before { content: ""; opacity: 0; display: block; width: 100%; height: 3px; position: absolute; left: 0; bottom: -1px; background: var(--orange); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out } .main--ir .irDataBox .modListNews__item__inner>a[target=_blank]:hover { color: var(--orange); cursor: pointer } .main--ir .irDataBox .modListNews__item__inner>a[target=_blank]:hover:before { opacity: 1 } .main--ir .irDataBox .modListNews__item__inner>a[target=_blank]:hover .modListNews__item__text { color: var(--hoverOrange) } .main--ir .irDataBox .modListNews__item__inner>a[target=_blank] .modListNews__item__text { color: var(--black); text-decoration: none } .main--ir .irDataBox .modListNews__item__inner>a[target=_blank] .modListNews__item__text:after { content: ""; display: inline-block; width: 14px; height: 14px; margin: 0 0 0 8px; background: url("/wp-content/themes/lifull/assets/img/common/icon_blank_text.svg") no-repeat 0 0; background-size: 100%; position: relative; top: 0; right: 0; -webkit-transform: translateY(0); transform: translateY(0) } .main--ir .irDataBox .modListNews__item__inner>a[href$=".pdf"] .modListNews__item__text { color: var(--orange); text-decoration: underline } .main--ir .irDataBox .modListNews__item__inner>a[href$=".pdf"] .modListNews__item__text:after { content: ""; display: inline-block; width: 14px; height: 15px; margin: 0 0 0 8px; background: url("/wp-content/themes/lifull/assets/img/common/icon_pdf_text.svg") no-repeat 0 0; background-size: 100% } .main--ir .irDataBox .modListNews__item__inner>a[href$=".pdf"]:hover .modListNews__item__text { color: var(--hoverOrange) } @media screen and (min-width:768px) { .main--irStock .modTable+* { margin-top: 24px } } @media screen and (max-width:767px) { .main--irStock .modTable+* { margin-top: 20px } } @media screen and (min-width:768px) { .main--irHighlights+.modListPage { margin-top: 0 } } @media screen and (max-width:767px) { .main--irHighlights+.modListPage { margin-top: 60px } } @media screen and (min-width:768px) { .main--irStockquote+.modListPage { margin-top: 0 } } @media screen a
13nd (max-width:767px) { .main--irStockquote+.modListPage { margin-top: 60px } } @media screen and (min-width:768px) { .main--irbMidterm .modBox2col__main { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important } } @media screen and (min-width:768px) { .main--irbMidterm .modBox2col__img { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important } } .main--irbMidterm .modListCircle__item strong { font-weight: bold } .main--irbMidterm .modTable { margin: 32px 0 0 } @media screen and (max-width:767px) { .main--irb .modBox2col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } } @media screen and (min-width:768px) { .main--irb .modBox2col__main { -webkit-box-ordinal-group: 3 !important; -ms-flex-order: 2 !important; order: 2 !important } } @media screen and (max-width:767px) { .main--irb .modBox2col__main { margin-top: 0; -ms-flex-order: 1; order: 1; -webkit-box-ordinal-group: 1 } } @media screen and (min-width:768px) { .main--irb .modBox2col__img { -webkit-box-ordinal-group: 2 !important; -ms-flex-order: 1 !important; order: 1 !important } } @media screen and (max-width:767px) { .main--irb .modBox2col__img { -ms-flex-order: 2; order: 2; -webkit-box-ordinal-group: 2; margin: 32px 0 0 } } @media screen and (max-width:767px) { .main--irb .modBox2col__img--spSmall { width: 70%; margin: 32px auto 0 } } .main--irb .irbFlex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (min-width:768px) { .main--irb .irbFlex { gap: 0 200px } } @media screen and (max-width:767px) { .main--irb .irbFlex { gap: 56px 100px } } @media screen and (min-width:768px) { .main--irb .irbFlex__item { width: calc((100% - 200px) / 2); max-width: 470px } } @media screen and (max-width:767px) { .main--irb .irbFlex__item { width: 100% } } .main--irb .irbImage { margin: 0 auto; display: block } .main--irb .irbImage img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .main--irb .irbImage--01 { max-width: 340px } @media screen and (max-width:767px) { .main--irb .irbImage--01 { width: 73% } } .main--irb .irbImage--02 { max-width: 470px } .main--irb .irbImage--03 { max-width: 470px } .main--irb .irbBox { background: #FEF3EB; border-radius: 4px } @media screen and (min-width:768px) { .main--irb .irbBox { padding: 40px 40px } } @media screen and (max-width:767px) { .main--irb .irbBox { padding: 24px 24px } } .main--irb .irbBox p { font-size: 16px; font-weight: bold } .main--irb .irGraph { display: block } @media screen and (max-width:767px) { .main--irb .irGraph { max-width: 340px } } .main--irb .irGraph .canvas-holderWrap { -ms-flex-wrap: wrap; flex-wrap: wrap } .main--irb .irGraph .canvas-holderWrap .canvas-holder { width: 100% } .main--irb .irGraph .canvas-holderWrap .chartCaption { width: 100%; margin-top: 32px } .main--irb .irGraph .canvas-holder__goukei p { font-size: 20px; line-height: 1 } .main--irb .irGraph .canvas-holder__goukei p span { font-size: 14px; line-height: 1.2 } .main--irb .irGraph .canvas-holder__goukei p strong { font-size: 40px !important; margin-top: 8px; display: inline-block } .main--irb .irGraph canvas { max-height: 340px; max-width: 340px; width: 100%; aspect-ratio: 1/1; display: block } @media screen and (min-width:768px) { .main--irb .irGraph canvas { margin: 0 auto } } .main--irb .irGraph--01 .chartCaption { gap: 16px 40px } @media screen and (max-width:767px) { .main--irb .irGraph--01 .chartCaption { width: 228px !important; margin: 0 auto } } @media screen and (min-width:768px) { .main--irb .irGraph--01 .chartCaption__ul { max-width: 240px; width: 100%; margin: 0 auto } } .main--irb .irGraph--02 .chartCaption { gap: 16px 40px } @media screen and (max-width:767px) { .main--irb .irGraph--02 .chartCaption { width: 210px !important; margin: 0 auto } } @media screen and (min-width:768px) { .main--irb .irGraph--02 .chartCaption__ul { max-width: 210px; width: calc(50% - 20px) } } .main--irb .irGraph--03 .chartCaption { gap: 16px 40px } @media screen and (max-width:767px) { .main--irb .irGraph--03 .chartCaption { width: 210px !important; margin: 0 auto } } @media screen and (min-width:768px) { .main--irb .irGraph--03 .chartCaption__ul { max-width: 210px; width: calc(50% - 20px) } } .main--irb .irGraph .chartCaption__block { width: 20%; max-width: 40px } .main--irb .irGraph .chartCaption__inner { line-height: 1.4 } @media screen and (min-width:768px) { .main--irb .irGraph .chartCaption__inner { width: 80% } } @media screen and (min-width:768px) { .main--companyPhilosophy .section--maximum { margin-left: -50vw; margin-right: -50vw } } @media screen and (min-width:768px) { .main--companyPhilosophy .section--maximum .section__inner { overflow: hidden; position: relative; width: 100vw; margin: 0 auto } } @media screen and (max-width:767px) { .main--companyPhilosophy .section--maximum .section__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 32px } } @media screen and (min-width:768px) { .main--companyPhilosophy .section--maximum .section__img { float: right; width: 25.3571428571%; margin: 0 0 0 80px } } @media screen and (max-width:767px) { .main--companyPhilosophy .section--maximum .section__img { margin-right: -16px } } .main--companyPhilosophy .section--maximum .section__img img { width: 100%; height: auto } @media screen and (min-width:768px) { .main--companyPhilosophy .section--maximum .section__body { max-width: 1280px; margin: 0 auto; padding: 0 40px } } .main--companyPhilosophy .section--maximum .section__body__inner { overflow: hidden } @media screen and (max-width:767px) { .main--companyPhilosophy .section--maximum .section__subSection { text-align: center } } @media screen and (max-width:767px) { .main--companyPhilosophy .section--maximum .section__subSection p { text-align: left } } @media screen and (min-width:768px) { .main--companyPhilosophy .section--maximum+.section--maximum .section__img { float: left; margin: 0 80px 0 0 } } @media screen and (max-width:767px) { .main--companyPhilosophy .section--maximum+.section--maximum .section__img { margin-right: 0; margin-left: -16px } } .main--companyPhilosophy .aboutName {} .main--companyPhilosophy .aboutName__in { position: relative; padding: 43px 532px 59px 56px; border-radius: 4px; background: var(--beige) } @media screen and (min-width : 1024px) { } @media screen and (max-width:767px) { .main--companyPhilosophy .aboutName {} .main--companyPhilosophy .aboutName__in { padding: 32px 20px 38px; } } .main--companyPhilosophy .aboutName__title { margin-bottom: 20px; font-weight: bold; font-size: 24px; font-size: 2.4rem } @media screen and (max-width:767px) { .main--companyPhilosophy .aboutName__title { margin-bottom: 15px; font-size: 20px; font-size: 2rem } } .main--companyPhilosophy .aboutName__img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; background: var(--white) } @media screen and (min-width:768px) { .main--companyPhilosophy .aboutName__img { position: absolute; top: 50%; right: 56px; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 420px; padding: 21px 0 43px } } @media screen and (max-width:767px) { .main--companyPhilosophy .aboutName__img { margin-bottom: 30px; padding: 28px 0 40px } } .main--companyPhilosophy .aboutName__img img { width: 307px; height: auto } @media screen and (max-width:767px) { .main--companyPhilosophy .aboutName__img img { width: 215px } } .main--companyPhilosophy .aboutName .modTextLink{ display: block; margin-top: 16px; } @media screen and (min-width:768px) { .main--onepageLifull .modHeadingPage { margin-bottom: 140px } } .main--onepageLifull .modHeadingSubSection { padding: 0; border-left: none } .main--onepageLifull .modBoxBtn { margin-top: 20px } @media screen and (min-width:768px) { .main--onepageLifull .modListAnchor { margin-top: 140px } } @media screen and (max-width:767px) { .main--onepageLifull .modListAnchor { margin-top: 80px } } @media screen and (min-width:768px) { .main--onepageLifull .modHeadingSubSection--focus { margin-bottom: 85px; padding: 60px 100px 55px } } .main--onepageLifull .modHeadingSubSection--focus>span { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100% } @media screen and (min-width:768px) { .main--onepageLifull .modHeadingSubSection--focus>span { -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (max-width:767px) { .main--onepageLifull .modHeadingSubSection--focus>span { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 40px } } .main--onepageLifull .modHeadingSubSection--focus>span .title { font-size: 24px; font-size: 2.4rem; color: var(--darkGray); width: 230px } .main--onepageLifull .block--pageLead .block__title { font-weight: 700; line-height: 1.325 } @media screen and (min-width:768px) { .main--onepageLifull .block--pageLead .block__title { margin-bottom: 65px; font-size: 40px; font-size: 4rem } } @media screen and (max-width:767px) { .main--onepageLifull .block--pageLead .block__title { margin-bottom: 24px; font-size: 24px; font-size: 2.4rem } } .main--onepageLifull .block--pageLead .block__images { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 32px } @media screen and (min-width:768px) { .main--onepageLifull .block--pageLead .block__images { margin: 80px 0 } } @media screen and (max-width:767px) { .main--onepageLifull .block--pageLead .block__images { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 64px 0 32px } } @media screen and (min-width:768px) { .main--onepageLifull .block--pageLead .block__images .item { width: calc((100% - 96px) / 4) } } .main--onepageLifull .block--pageLead .block__images .item img { width: auto; max-width: 100%; height: auto } @media screen and (min-width:768px) { .main--onepageLifull .block--number { margin: 56px 0 } } @media screen and (max-width:767px) { .main--onepageLifull .block--number { margin: 64px 0 32px } } .main--onepageLifull .block--number .block__images { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__images { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 30px } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__images { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 16px } } .main--onepageLifull .block--number .block__images .item { overflow: hidden; border-radius: 4px; background-color: #fef3eb } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__images .item:first-child { width: calc((100% - 30px) / 2); width: 100%; } } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__images .item:nth-child(2), .main--onepageLifull .block--number .block__images .item:nth-child(3), .main--onepageLifull .block--number .block__images .item:nth-child(4) { width: calc((100% - 60px) / 3) } .main--onepageLifull .block--number .block__images .item img.sp { display: none; } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__images .item:nth-child(2) picture, .main--onepageLifull .block--number .block__images .item:nth-child(3) picture, .main--onepageLifull .block--number .block__images .item:nth-child(4) picture { display: block; } .main--onepageLifull .block--number .block__images .item:nth-child(2) picture img, .main--onepageLifull .block--number .block__images .item:nth-child(3) picture img, .main--onepageLifull .block--number .block__images .item:nth-child(4) picture img { } .main--onepageLifull .block--number .block__images .item img.pc { display: none; } } .main--onepageLifull .block--number .block__images .item img { width: auto; max-width: 100%; height: auto } .main--onepageLifull .block--number .block__imagesCaption { margin-top: 14px; padding-right: 11px; text-align: right } .main--onepageLifull .block--number .block__list { position: relative; background: url("/wp-content/themes/lifull/assets/img/company/onepage-lifull/bg_regionalinfo.png"); background-repeat: no-repeat } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list { min-height: 630px; background-size: contain; background-position: 50% 50% } } @media screen and (min-width:768px) and (max-width:1100px) { .main--onepageLifull .block--number .block__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-position: 50% 0 } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0 -16px; padding: 0 16px; background-position: 27% 0; background-size: 160% } } .main--onepageLifull .block--number .block__list .item { background-color: var(--white) } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list .item { padding: 20px } } @media screen and (min-width:768px) and (min-width:1100px) { .main--onepageLifull .block--number .block__list .item { position: absolute } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__list .item { display: inline-block; padding: 10px } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__list .item:not(:first-child) { margin-top: 10px } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__list .item:nth-child(odd) { margin-right: auto } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__list .item:nth-child(2n) { margin-left: auto } } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list .item--japan { top: 101px; left: 374px } } @media screen and (min-width:768px) and (max-width:1100px) { .main--onepageLifull .block--number .block__list .item--japan { margin-left: auto } } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list .item--asia { top: 361px; right: 437px } } @media screen and (min-width:768px) and (max-width:1100px) { .main--onepageLifull .block--number .block__list .item--asia { margin-right: auto } } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list .item--america { top: 231px; right: 136px } } @media screen and (min-width:768px) and (max-width:1100px) { .main--onepageLifull .block--number .block__list .item--america { margin-left: auto } } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list .item--europe { top: 272px; left: 64px } } @media screen and (min-width:768px) and (max-width:1100px) { .main--onepageLifull .block--number .block__list .item--europe { margin-right: auto } } .main--onepageLifull .block--number .block__list .item__inner { position: relative } .main--onepageLifull .block--number .block__list .item__inner:after, .main--onepageLifull .block--number .block__list .item__inner:before { content: ""; display: block; width: 18px; height: 14px; position: absolute; background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orange.svg") no-repeat 0 0; background-size: 100% } .main--onepageLifull .block--number .block__list .item__inner:before { top: 0; left: 0 } .main--onepageLifull .block--number .block__list .item__inner:after { bottom: 0; left: -4px; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list .item__body { padding: 15px 20px 15px 36px } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .bl
13ock__list .item__body { padding: 15px 30px 10px 20px } } .main--onepageLifull .block--number .block__list .item__body:after, .main--onepageLifull .block--number .block__list .item__body:before { content: ""; display: block; width: 18px; height: 14px; position: absolute; background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orange.svg") no-repeat 0 0; background-size: 100% } .main--onepageLifull .block--number .block__list .item__body:before { top: 4px; right: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .main--onepageLifull .block--number .block__list .item__body:after { bottom: -4px; right: 4px; -webkit-transform: rotate(-180deg); transform: rotate(-180deg) } .main--onepageLifull .block--number .block__list .item__body .title { line-height: 1.6; font-weight: bold; color: var(--orange) } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list .item__body .title { font-size: 24px; font-size: 2.4rem } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__list .item__body .title { font-size: 20px; font-size: 2rem } } .main--onepageLifull .block--number .block__list .item__body .title>span { display: block; font-weight: normal; color: #333 } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__list .item__body .title>span { font-size: 18px; font-size: 1.8rem } } @media screen and (max-width:767px) { .main--onepageLifull .block--number .block__list .item__body .title>span { font-size: 16px; font-size: 1.6rem } } .main--onepageLifull .block--number .block__list .item__body .data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .main--onepageLifull .block--number .block__list .item__body .data__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-size: 1.6rem } .main--onepageLifull .block--number .block__list .item__body .data__title:before { content: ""; display: block; width: 17px; height: 17px; margin-right: 5px; background-size: contain; background-repeat: no-repeat; background-position: 50% 50% } .main--onepageLifull .block--number .block__list .item__body .data__title:after { content: "ï¼"; font-size: 16px; font-size: 1.6rem } .main--onepageLifull .block--number .block__list .item__body .data__title--earnings:before { background-image: url("/wp-content/themes/lifull/assets/img/company/onepage-lifull/icon_yen.svg") } .main--onepageLifull .block--number .block__list .item__body .data__title--employees:before { background-image: url("/wp-content/themes/lifull/assets/img/company/onepage-lifull/icon_man.svg") } .main--onepageLifull .block--number .block__list .item__body .data__val { font-weight: bold; font-size: 20px; font-size: 2rem } .main--onepageLifull .block--number .block__list .item__body .data__val .unit { font-size: 16px; font-size: 1.6rem } .main--onepageLifull .block--number .block__imageCaption { margin-top: 29px; padding-right: 40px } @media screen and (min-width:768px) { .main--onepageLifull .block--number .block__imageCaption { text-align: right } } .main--onepageLifull .block--philosophy .block__list { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 30px } @media screen and (min-width:768px) { .main--onepageLifull .block--philosophy .block__list { margin: 140px 0 80px } } @media screen and (max-width:767px) { .main--onepageLifull .block--philosophy .block__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 80px 0 32px } } .main--onepageLifull .block--philosophy .block__list .item { overflow: hidden; border-radius: 4px; border: 1px solid var(--gray) } @media screen and (min-width:768px) { .main--onepageLifull .block--philosophy .block__list .item { width: calc((100% - 30px) / 2) } } .main--onepageLifull .block--philosophy .block__list .item__inner { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (min-width:768px) { .main--onepageLifull .block--philosophy .block__list .item__inner { gap: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } } @media screen and (max-width:767px) { .main--onepageLifull .block--philosophy .block__list .item__inner { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch } } @media screen and (min-width:768px) { .main--onepageLifull .block--philosophy .block__list .item__img { max-width: 200px } } @media screen and (max-width:767px) { .main--onepageLifull .block--philosophy .block__list .item__img { width: 35%; font-size: 0; display: inline-block } } .main--onepageLifull .block--philosophy .block__list .item__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } @media screen and (max-width:767px) { .main--onepageLifull .block--philosophy .block__list .item__body { padding: 16px; width: 65% } } @media screen and (max-width:767px) { .main--onepageLifull .block--philosophy .block__list .item__body .position { font-size: 14px; font-size: 1.4rem } } .main--onepageLifull .block--philosophy .block__list .item__body .name { font-weight: 700 } @media screen and (min-width:768px) { .main--onepageLifull .block--philosophy .block__list .item__body .name { font-size: 24px; font-size: 2.4rem } } @media screen and (max-width:767px) { .main--onepageLifull .block--philosophy .block__list .item__body .name { font-size: 20px; font-size: 2rem } } .main--onepageLifull .block--philosophy .block__list .item__body .link>a { color: var(--orange); text-decoration: underline } .main--onepageLifull .block--philosophy .block__list .item__body .link>a:hover { text-decoration: none }
13 .main--companyGroup .modBox2col__img--outline { aspect-ratio: 320/216; padding: 16px 16px; display: -ms-grid; display: grid; place-items: center } @media screen and (min-width:768px) { .main--sustainability .modListLinkBox--type2col .modListLinkBox__item { width: calc(50% - 22px) } } @media screen and (min-width:768px) { .main--sustainabilityTop .modHeadingPage--sustainabilityTop { min-height: 360px } } .main .sustainabilityBoxLink { border-radius: 4px; overflow: hidden } .main .sustainabilityBoxLink__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (min-width:768px) { .main .sustainabilityBoxLink__image { width: 30% } } @media screen and (max-width:767px) { .main .sustainabilityBoxLink__image { width: 100% } } .main .sustainabilityBoxLink__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .main .sustainabilityBoxLink__body { background: #FEF3EB } @media screen and (min-width:768px) { .main .sustainabilityBoxLink__body { width: 70%; padding: 40px 40px } } @media screen and (max-width:767px) { .main .sustainabilityBoxLink__body { width: 100%; padding: 24px 16px 16px 16px } } .main .sustainabilityBoxLink__body__title { font-size: 16px; color: var(--orange); font-weight: bold } .main .sustainabilityBoxLink__body__text { font-weight: bold; margin-top: 8px } @media screen and (min-width:768px) { .main .sustainabilityBoxLink__body__text { font-size: 20px } } @media screen and (max-width:767px) { .main .sustainabilityBoxLink__body__text { font-size: 18px; line-height: 1.6 } } .main .sustainabilityBoxLink__body__link { margin-top: 16px } .main--materiality .scroll-hint-icon-wrap { display: block; z-index: 1 } .main--materiality .materialityLead { position: relative } @media screen and (max-width:767px) { .main--materiality .materialityLead { width: 100vw; margin: -56px calc(50% - 50vw) } } .main--materiality .materialityLead__image { aspect-ratio: 1200/600; position: absolute; left: 0 } @media screen and (min-width:768px) { .main--materiality .materialityLead__image { width: 100%; top: -320px; z-index: 1 } } @media screen and (max-width:767px) { .main--materiality .materialityLead__image { width: 120%; left: -10%; top: -75px; z-index: -1 } } .main--materiality .materialityLead__image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .main--materiality .materialityLead__box { border-radius: 4px; position: relative; z-index: 2; background: var(--white); -webkit-box-shadow: 0 0 48px -22px #afafaf; box-shadow: 0 0 48px -22px #afafaf; margin: 0 auto; max-width: 1200px } @media screen and (min-width:768px) { .main--materiality .materialityLead__box { padding: 42px 60px 60px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box { padding: 24px 20px 40px } } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__wrapper { position: relative; margin-top: 216px } .main--materiality .materialityLead__box__wrapper:before { z-index: -1; content: ""; position: absolute; width: 1200px; aspect-ratio: 1200/600; background-image: url("/wp-content/themes/lifull/assets/img/sustainability/management/basics/materiality/img_main.png"); background-size: cover; left: -480px; bottom: -5% } .main--materiality .materialityLead__box__wrapper:after { z-index: -1; content: ""; position: absolute; width: 1200px; aspect-ratio: 1200/600; background-image: url("/wp-content/themes/lifull/assets/img/sustainability/management/basics/materiality/img_main.png"); background-size: cover; right: -500px; top: 26% } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__wrapper { padding: 0 16px } } .main--materiality .materialityLead__box__title { font-weight: bold } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__title { font-size: 32px; margin: 0 0 16px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__title { font-size: 24px; margin: 0 0 16px; line-height: 1.5 } } .main--materiality .materialityLead__box__title span { font-size: 20px } .main--materiality .materialityLead__box__main { background: #FCE6D6; border-radius: 4px; margin-top: 32px } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__main { padding: 40px 40px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__main { padding: 20px 20px; min-width: 880px } } .main--materiality .materialityLead__box__main>section.box { border-radius: 4px; position: relative } .main--materiality .materialityLead__box__main>section.box .ic { -webkit-filter: invert(91%) sepia(56%) saturate(20%) hue-rotate(234deg) brightness(108%) contrast(100%); filter: invert(91%) sepia(56%) saturate(20%) hue-rotate(234deg) brightness(108%) contrast(100%) } .main--materiality .materialityLead__box__main>section.box--01 { background: #FFF9F5; z-index: 2 } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__main>section.box--01 { padding: 36px 60px 42px; width: calc(100% - 80px); margin-left: 40px; margin-right: 40px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__main>section.box--01 { padding: 24px 20px; width: calc(100% - 40px); margin-left: 20px; margin-right: 20px } } .main--materiality .materialityLead__box__main>section.box--02 { background: #FEF3EB; z-index: 1 } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__main>section.box--02 { padding: 160px 100px 40px 100px; margin-top: -120px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__main>section.box--02 { padding: 90px 40px 20px 40px; margin-top: -60px } } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__main>section.box--03 { margin-top: 40px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__main>section.box--03 { margin-top: 40px; padding: 0 40px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__main>section.box--03 ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start } } .main--materiality .materialityLead__box__main>section.box--03 li { max-width: 240px } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__main>section h3 { text-align: center; margin-bottom: 40px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__main>section h3 { margin-bottom: 24px } } .main--materiality .materialityLead__box__main>section>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__main>section>ul { gap: 40px 40px } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__main>section>ul { gap: 20px 20px } } .main--materiality .materialityLead__box__main>section>ul>li { border-radius: 4px; padding: 0 20px 20px 20px; border: 1px solid #000; background: var(--white); position: relative } @media screen and (min-width:768px) { .main--materiality .materialityLead__box__main>section>ul>li { min-width: 240px; width: calc((100% - 80px) / 3) } } @media screen and (max-width:767px) { .main--materiality .materialityLead__box__main>section>ul>li { width: calc((100% - 40px) / 3) } } .main--materiality .materialityLead__box__main>section>ul>li section h4 { display: inline-block; position: absolute; font-size: 20px; top: -13px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); color: var(--white); font-weight: bold; line-height: 1; padding: 5px 20px 6px; border-radius: 4px; white-space: nowrap; position: relative; margin-top: 0 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .triangle, .main--materiality .materialityLead__box__main>section>ul>li section h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li section h4 .triangle:before { width: 8px; height: 8px; background: #000 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li section h4 .triangle:before { content: ""; position: absolute } .main--materiality .materialityLead__box__main>section>ul>li section h4 .triangle { position: absolute; bottom: -6px; left: 50%; display: inline-block; border-top-left-radius: 30%; -webkit-transform: rotate(330deg) skewY(30deg) scaleX(0.86666) translateX(-50%); transform: rotate(330deg) skewY(30deg) scaleX(0.86666) translateX(-50%) } .main--materiality .materialityLead__box__main>section>ul>li section h4 .triangle:before { border-top-right-radius: 30%; -webkit-transform: skewX(-45deg) translateX(50%); transform: skewX(-45deg) translateX(50%) } .main--materiality .materialityLead__box__main>section>ul>li section h4 .triangle:after { border-bottom-left-radius: 50%; -webkit-transform: skewY(-45deg) translateY(50%); transform: skewY(-45deg) translateY(50%) } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic { display: inline-block; background-size: cover } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic--01 { width: 25px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box01.svg"); aspect-ratio: 50/45 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic--02 { width: 25px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box02.svg"); aspect-ratio: 51/40 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic--03 { width: 13px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box03.svg"); aspect-ratio: 26/41 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic--04 { width: 25px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box04.svg"); aspect-ratio: 48/46 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic--05 { width: 16px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box05.svg"); aspect-ratio: 32/40 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic--06 { width: 18px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box06.svg"); aspect-ratio: 36/40 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic--07 { width: 25px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box07.svg"); aspect-ratio: 50/32 } .main--materiality .materialityLead__box__main>section>ul>li section h4 .ic--08 { width: 25px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box08.svg"); aspect-ratio: 50/42 } .main--materiality .materialityLead__box__main>section>ul>li section h4>span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px } .main--materiality .materialityLead__box__main>section>ul>li section ul { margin-top: 0 } .main--materiality .materialityLead__box__main>section>ul>li.box__color01 { border-color: #DA5D55 } .main--materiality .materialityLead__box__main>section>ul>li.box__color01 h4 { background: #DA5D55 } .main--materiality .materialityLead__box__main>section>ul>li.box__color01 h4 .triangle, .main--materiality .materialityLead__box__main>section>ul>li.box__color01 h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li.box__color01 h4 .triangle:before { background: #DA5D55 } .main--materiality .materialityLead__box__main>section>ul>li.box__color01 .modListCircle__item:before { background: #DA5D55 } .main--materiality .materialityLead__box__main>section>ul>li.box__color02 { border-color: #FFAB00 } .main--materiality .materialityLead__box__main>section>ul>li.box__color02 h4 { background: #FFAB00 } .main--materiality .materialityLead__box__main>section>ul>li.box__color02 h4 .triangle, .main--materiality .materialityLead__box__main>section>ul>li.box__color02 h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li.box__color02 h4 .triangle:before { background: #FFAB00 } .main--materiality .materialityLead__box__main>section>ul>li.box__color02 .modListCircle__item:before { background: #FFAB00 } .main--materiality .materialityLead__box__main>section>ul>li.box__color03 { border-color: #65AB19 } .main--materiality .materialityLead__box__main>section>ul>li.box__color03 h4 { background: #65AB19 } .main--materiality .materialityLead__box__main>section>ul>li.box__color03 h4 .triangle, .main--materiality .materialityLead__box__main>section>ul>li.box__color03 h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li.box__color03 h4 .triangle:before { background: #65AB19 } .main--materiality .materialityLead__box__main>section>ul>li.box__color03 .modListCircle__item:before { background: #65AB19 } .main--materiality .materialityLead__box__main>section>ul>li.box__color04 { border-color: #0C9054 } .main--materiality .materialityLead__box__main>section>ul>li.box__color04 h4 { background: #0C9054 } .main--materiality .materialityLead__box__main>section>ul>li.box__color04 h4 .triangle, .main--materiality .materialityLead__box__main>section>ul>li.box__color04 h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li.box__color04 h4 .triangle:before { background: #0C9054 } .main--materiality .materialityLead__box__main>section>ul>li.box__color04 .modListCircle__item:before { background: #0C9054 } .main--materiality .materialityLead__box__main>section>ul>li.box__color05 { border-color: #236DDA } .main--materiality .materialityLead__box__main>section>ul>li.box__color05 h4 { background: #236DDA } .main--materiality .materialityLead__box__main>section>ul>li.box__color05 h4 .triangle, .main--materiality .materialityLead__box__main>section>ul>li.box__color05 h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li.box__color05 h4 .triangle:before { background: #236DDA } .main--materiality .materialityLead__box__main>section>ul>li.box__color05 .modListCircle__item:before { background: #236DDA } .main--materiality .materialityLead__box__main>section>ul>li.box__color06 { border-color: #4BAABF } .main--materiality .materialityLead__box__main>section>ul>li.box__color06 h4 { background: #4BAABF } .main--materiality .materialityLead__box__main>section>ul>li.box__color06 h4 .triangle, .main--materiality .materialityLead__box__main>section>ul>li.box__color06 h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li.box__color06 h4 .triangle:before { background: #4BAABF } .main--materiality .materialityLead__box__main>section>ul>li.box__color06 .modListCircle__item:before { background: #4BAABF } .main--materiality .materialityLead__box__main>section>ul>li.box__color07 { border-color: #ED6103 } .main--materiality .materialityLead__box__main>section>ul>li.box__color07 h4 { background: #ED6103 } .main--materiality .materialityLead__box__main>section>ul>li.box__color07 h4 .triangle, .main--materiality .materialityLead__box__main>section>ul>li.box__color07 h4 .triangle:after, .main--materiality .materialityLead__box__main>section>ul>li.box__color07 h4 .triangle:before { background: #ED6103 } .main--materiality .materialityLead__box__main>section>ul>li.box__color07 .modListCircle__item:before { background: #ED6103 } .main--materiality .materialityLead__box__main>section .modListCircle { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 0 } .main--materiality .materialityLead__box__main>section .modListCircle__item { width: 100%; line-height: 1.5 } @media screen and (max-width:767px) { .main--materiality .materialityLead__section { padding: 0 16px } } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox { dis
13play: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 0 80px } } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox.sp { display: none } } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__main { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 } } .main--materiality .materialityLayoutBox__main section .hgroup { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border-radius: 4px; overflow: hidden } .main--materiality .materialityLayoutBox__main section .hgroup__body { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #F4F4F4 } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__main section .hgroup__body { width: 68%; padding: 42px 60px } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__main section .hgroup__body { width: 100%; padding: 32px 32px } } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; font-size: 24px; font-weight: bold } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic { display: inline-block; background-size: cover } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic--01 { width: 28px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box01.svg"); aspect-ratio: 50/45 } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic--02 { width: 30px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box02.svg"); aspect-ratio: 51/40 } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic--03 { width: 15px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box03.svg"); aspect-ratio: 26/41 } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic--04 { width: 25px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box04.svg"); aspect-ratio: 48/46 } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic--05 { width: 23px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box05.svg"); aspect-ratio: 32/40 } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic--06 { width: 23px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box06.svg"); aspect-ratio: 36/41 } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic--07 { width: 34px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box07.svg"); aspect-ratio: 50/32 } .main--materiality .materialityLayoutBox__main section .hgroup__body h3 .ic--08 { width: 34px; background-image: url("/wp-content/themes/lifull/assets/img//sustainability/management/basics/materiality/ic_box08.svg"); aspect-ratio: 50/42 } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__main section .hgroup__img { width: 32% } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__main section .hgroup__img { width: 100%; height: 126px } } .main--materiality .materialityLayoutBox__main section .hgroup__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .main--materiality .materialityLayoutBox__main section .boxArea { border-radius: 4px; border: 2px solid #000 } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__main section .boxArea { margin-top: 60px } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__main section .boxArea { margin-top: 40px } } .main--materiality .materialityLayoutBox__main section .boxArea>hgroup { display: -webkit-box; display: -ms-flexbox; display: flex } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__main section .boxArea>hgroup { -ms-flex-wrap: wrap; flex-wrap: wrap } } .main--materiality .materialityLayoutBox__main section .boxArea>hgroup>p { font-weight: bold; background: #F4F4F4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__main section .boxArea>hgroup>p { padding: 20px 20px; font-size: 20px; border-radius: 0 0 4px 0; width: 140px } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__main section .boxArea>hgroup>p { width: 100%; padding: 8px 16px; font-size: 18px; border-radius: 2px 2px 0 0 } } .main--materiality .materialityLayoutBox__main section .boxArea>hgroup h4 { font-weight: bold } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__main section .boxArea>hgroup h4 { font-size: 20px; padding: 20px 30px; width: calc(100% - 140px) } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__main section .boxArea>hgroup h4 { width: 100%; padding: 16px 16px; font-size: 18px; line-height: 1.7 } } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__main section .boxArea__inner { padding: 24px 30px } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__main section .boxArea__inner { padding: 0 16px 16px } } .main--materiality .materialityLayoutBox__main section .boxArea__inner>section { margin-top: 36px } .main--materiality .materialityLayoutBox__main section .boxArea__inner>section h5 { font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 8px; line-height: 1; margin-bottom: 24px; font-size: 20px } .main--materiality .materialityLayoutBox__main section .boxArea__inner>section h5 .ic { display: inline-block } .main--materiality .materialityLayoutBox__main section .boxArea__inner>section h5 .ic--target { width: 29px; height: 29px; background-size: cover; background-image: url("/wp-content/themes/lifull/assets/img/sustainability/management/basics/materiality/ic_target.svg"); -webkit-filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%); filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%) } .main--materiality .materialityLayoutBox__main section .boxArea__inner>section h5 .ic--graph { height: 21px; width: 24px; background-size: cover; background-image: url("/wp-content/themes/lifull/assets/img/sustainability/management/basics/materiality/ic_graph.svg"); -webkit-filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%); filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%) } .main--materiality .materialityLayoutBox__main section .boxArea__inner>section h6 { font-size: 16px; margin-top: 8px; font-weight: bold; margin-bottom: -8px } .main--materiality .materialityLayoutBox__main section .boxArea__inner>section .modListHistory { margin-top: 32px } .main--materiality .materialityLayoutBox__main section .boxArea__inner .modListNote { margin-top: -8px !important } .main--materiality .materialityLayoutBox__main section#anc01 .hgroup__body { background: #FBEFEE } .main--materiality .materialityLayoutBox__main section#anc01 .hgroup__body .ic { -webkit-filter: invert(64%) sepia(34%) saturate(4361%) hue-rotate(320deg) brightness(86%) contrast(98%); filter: invert(64%) sepia(34%) saturate(4361%) hue-rotate(320deg) brightness(86%) contrast(98%) } .main--materiality .materialityLayoutBox__main section#anc01 .boxArea { border-color: #F8DFDD } .main--materiality .materialityLayoutBox__main section#anc01 .boxArea>hgroup>p { background: #FBEFEE } .main--materiality .materialityLayoutBox__main section#anc01 .boxArea .icSerch { -webkit-filter: invert(64%) sepia(34%) saturate(4361%) hue-rotate(320deg) brightness(86%) contrast(98%); filter: invert(64%) sepia(34%) saturate(4361%) hue-rotate(320deg) brightness(86%) contrast(98%) } .main--materiality .materialityLayoutBox__main section#anc02 .hgroup__body { background: #FFF8EB } .main--materiality .materialityLayoutBox__main section#anc02 .hgroup__body .ic { -webkit-filter: invert(69%) sepia(34%) saturate(3583%) hue-rotate(0deg) brightness(103%) contrast(106%); filter: invert(69%) sepia(34%) saturate(3583%) hue-rotate(0deg) brightness(103%) contrast(106%) } .main--materiality .materialityLayoutBox__main section#anc02 .boxArea { border-color: #FFF1D6 } .main--materiality .materialityLayoutBox__main section#anc02 .boxArea>hgroup>p { background: #FFF8EB } .main--materiality .materialityLayoutBox__main section#anc02 .boxArea .icSerch { -webkit-filter: invert(69%) sepia(34%) saturate(3583%) hue-rotate(0deg) brightness(103%) contrast(106%); filter: invert(69%) sepia(34%) saturate(3583%) hue-rotate(0deg) brightness(103%) contrast(106%) } .main--materiality .materialityLayoutBox__main section#anc03 .hgroup__body { background: #F4FAEE } .main--materiality .materialityLayoutBox__main section#anc03 .hgroup__body .ic { -webkit-filter: invert(76%) sepia(53%) saturate(5818%) hue-rotate(50deg) brightness(95%) contrast(80%); filter: invert(76%) sepia(53%) saturate(5818%) hue-rotate(50deg) brightness(95%) contrast(80%) } .main--materiality .materialityLayoutBox__main section#anc03 .boxArea { border-color: #E9F5DC } .main--materiality .materialityLayoutBox__main section#anc03 .boxArea>hgroup>p { background: #F4FAEE } .main--materiality .materialityLayoutBox__main section#anc03 .boxArea .icSerch { -webkit-filter: invert(76%) sepia(53%) saturate(5818%) hue-rotate(50deg) brightness(95%) contrast(80%); filter: invert(76%) sepia(53%) saturate(5818%) hue-rotate(50deg) brightness(95%) contrast(80%) } .main--materiality .materialityLayoutBox__main section#anc04 .hgroup__body { background: #EBF7F2 } .main--materiality .materialityLayoutBox__main section#anc04 .hgroup__body .ic { -webkit-filter: invert(44%) sepia(16%) saturate(3311%) hue-rotate(111deg) brightness(89%) contrast(91%); filter: invert(44%) sepia(16%) saturate(3311%) hue-rotate(111deg) brightness(89%) contrast(91%) } .main--materiality .materialityLayoutBox__main section#anc04 .boxArea { border-color: #D6EFE4 } .main--materiality .materialityLayoutBox__main section#anc04 .boxArea>hgroup>p { background: #EBF7F2 } .main--materiality .materialityLayoutBox__main section#anc04 .boxArea .icSerch { -webkit-filter: invert(44%) sepia(16%) saturate(3311%) hue-rotate(111deg) brightness(89%) contrast(91%); filter: invert(44%) sepia(16%) saturate(3311%) hue-rotate(111deg) brightness(89%) contrast(91%) } .main--materiality .materialityLayoutBox__main section#anc05 .hgroup__body { background: #EFF5FF } .main--materiality .materialityLayoutBox__main section#anc05 .hgroup__body .ic { -webkit-filter: invert(35%) sepia(38%) saturate(4058%) hue-rotate(205deg) brightness(89%) contrast(90%); filter: invert(35%) sepia(38%) saturate(4058%) hue-rotate(205deg) brightness(89%) contrast(90%) } .main--materiality .materialityLayoutBox__main section#anc05 .boxArea { border-color: #DEEBFE } .main--materiality .materialityLayoutBox__main section#anc05 .boxArea>hgroup>p { background: #EFF5FF } .main--materiality .materialityLayoutBox__main section#anc05 .boxArea .icSerch { -webkit-filter: invert(35%) sepia(38%) saturate(4058%) hue-rotate(205deg) brightness(89%) contrast(90%); filter: invert(35%) sepia(38%) saturate(4058%) hue-rotate(205deg) brightness(89%) contrast(90%) } .main--materiality .materialityLayoutBox__main section#anc06 .hgroup__body { background: #F2FBFC } .main--materiality .materialityLayoutBox__main section#anc06 .hgroup__body .ic { -webkit-filter: invert(71%) sepia(10%) saturate(1899%
13) hue-rotate(143deg) brightness(82%) contrast(95%); filter: invert(71%) sepia(10%) saturate(1899%) hue-rotate(143deg) brightness(82%) contrast(95%) } .main--materiality .materialityLayoutBox__main section#anc06 .boxArea { border-color: #E5F6FA } .main--materiality .materialityLayoutBox__main section#anc06 .boxArea>hgroup>p { background: #F2FBFC } .main--materiality .materialityLayoutBox__main section#anc06 .boxArea .icSerch { -webkit-filter: invert(71%) sepia(10%) saturate(1899%) hue-rotate(143deg) brightness(82%) contrast(95%); filter: invert(71%) sepia(10%) saturate(1899%) hue-rotate(143deg) brightness(82%) contrast(95%) } .main--materiality .materialityLayoutBox__main section#anc07 .hgroup__body { background: #FEF3EB } .main--materiality .materialityLayoutBox__main section#anc07 .hgroup__body .ic { -webkit-filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%); filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%) } .main--materiality .materialityLayoutBox__main section#anc07 .boxArea { border-color: #FCE6D6 } .main--materiality .materialityLayoutBox__main section#anc07 .boxArea>hgroup>p { background: #FEF3EB } .main--materiality .materialityLayoutBox__main section#anc07 .boxArea .icSerch { -webkit-filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%); filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%) } .main--materiality .materialityLayoutBox__main section#anc08 .hgroup__body { background: #FEF3EB } .main--materiality .materialityLayoutBox__main section#anc08 .hgroup__body .ic { -webkit-filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%); filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%) } .main--materiality .materialityLayoutBox__main section#anc08 .boxArea { border-color: #FCE6D6 } .main--materiality .materialityLayoutBox__main section#anc08 .boxArea>hgroup>p { background: #FEF3EB } .main--materiality .materialityLayoutBox__main section#anc08 .boxArea .icSerch { -webkit-filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%); filter: invert(53%) sepia(84%) saturate(4285%) hue-rotate(3deg) brightness(95%) contrast(103%) } .main--materiality .materialityLayoutBox__main section .icSerch { display: inline-block; width: 32px; height: 32px; background-size: cover; background-image: url("/wp-content/themes/lifull/assets/img/sustainability/management/basics/materiality/ic_search.svg") } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__side { width: 216px; top: 120px; position: sticky } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__side { width: 100% } } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox__sp { display: none } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox__sp { position: sticky; bottom: 20px; left: 20px; z-index: 2; margin-top: 40px } } .main--materiality .materialityLayoutBox .modListCircle { gap: 16px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 6px } .main--materiality .materialityLayoutBox .modListCircle__item { width: 100%; line-height: 1.5 } .main--materiality .materialityLayoutBox .modListCircle__item:before { top: 9px } .main--materiality .materialityLayoutBox .modListHistory { margin-left: 2px } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox .ancNav.pc { padding: 24px 30px 30px; background: #F4F4F4; border-radius: 4px } .main--materiality .materialityLayoutBox .ancNav.pc .ancNav__title { font-size: 20px; font-weight: bold; border-bottom: 1px solid #D2D2D2; padding-bottom: 4px } .main--materiality .materialityLayoutBox .ancNav.pc .ancNav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px 0; margin-top: 16px } .main--materiality .materialityLayoutBox .ancNav.pc .ancNav__list .item { width: 100% } .main--materiality .materialityLayoutBox .ancNav.pc .ancNav__list .item>a { -webkit-transition: 0.5s; transition: 0.5s } .main--materiality .materialityLayoutBox .ancNav.pc .ancNav__list .item span { display: inline-block; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 1.6 } .main--materiality .materialityLayoutBox .ancNav.pc .ancNav__list .item span:after { content: ""; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); min-width: 8px; min-height: 8px; width: 8px; height: 8px; border-bottom: 2px solid var(--orange); border-right: 2px solid var(--orange); margin-top: -4px } .main--materiality .materialityLayoutBox .ancNav.pc .ancNav__list .item.current>a { font-weight: bold; color: var(--orange) } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox .ancNav.pc { display: none } } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox .ancNav.sp { display: none } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox .ancNav.sp { padding: 20px 20px 20px; background: #F4F4F4; border-radius: 4px; margin: 120px auto -40px } .main--materiality .materialityLayoutBox .ancNav.sp .ancNav__title { font-size: 20px; font-weight: bold; border-bottom: 1px solid #D2D2D2; padding-bottom: 4px } .main--materiality .materialityLayoutBox .ancNav.sp .ancNav__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 12px 20px; margin-top: 16px } .main--materiality .materialityLayoutBox .ancNav.sp .ancNav__list .item { display: inline-block } .main--materiality .materialityLayoutBox .ancNav.sp .ancNav__list .item>a { -webkit-transition: 0.5s; transition: 0.5s } .main--materiality .materialityLayoutBox .ancNav.sp .ancNav__list .item span { display: inline-block; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .main--materiality .materialityLayoutBox .ancNav.sp .ancNav__list .item span:after { content: ""; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; height: 8px; border-bottom: 2px solid var(--orange); border-right: 2px solid var(--orange); margin-top: -4px } } @media screen and (min-width:768px) { .main--materiality .materialityLayoutBox .ancTriggerSp { display: none } } @media screen and (max-width:767px) { .main--materiality .materialityLayoutBox .ancTriggerSp { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.16); background: #fff; border-radius: 4px; display: inline-block; width: 255px; padding: 16px 32px; line-height: 1; border-radius: 27px } .main--materiality .materialityLayoutBox .ancTriggerSp span { display: inline-block; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 0 12px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 16px; font-weight: bold } .main--materiality .materialityLayoutBox .ancTriggerSp span:after { content: ""; display: inline-block; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; height: 8px; border-top: 2px solid var(--orange); border-left: 2px solid var(--orange); margin-top: 6px } } @media screen and (min-width:768px) { .main--sustainabilityPeople .sectionBox { margin-bottom: -8px } } .main--sustainabilityPeople .sectionBox__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } @media screen and (min-width:768px) { .main--sustainabilityPeople .sectionBox__list { gap: 0 40px } } @media screen and (max-width:767px) { .main--sustainabilityPeople .sectionBox__list { gap: 32px 0 } } @media screen and (min-width:768px) { .main--sustainabilityPeople .sectionBox__list__item { width: calc((100% - 40px) / 2) } } @media screen and (max-width:767px) { .main--sustainabilityPeople .sectionBox__list__item { width: 100% } } .main--sustainabilityPeople .sectionBox__list__item .content { border-radius: 4px; height: 100% } @media screen and (min-width:768px) { .main--sustainabilityPeople .sectionBox__list__item .content { padding: 24px 30px } } @media screen and (max-width:767px) { .main--sustainabilityPeople .sectionBox__list__item .content { padding: 24px 16px } } .main--sustainabilityPeople .sectionBox__list__item .content__title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 0 10px } .main--sustainabilityPeople .sectionBox__list__item .content__title>span:first-child { width: 30px; height: 30px; display: -ms-grid; display: grid; place-items: center; font-size: 16px; color: var(--white); border-radius: 100% } .main--sustainabilityPeople .sectionBox__list__item .content__title>span:nth-child(2) { display: inline-block; width: calc(100% - 40px); font-size: 24px; font-weight: bold; line-height: 1.3 } .main--sustainabilityPeople .sectionBox__list__item .content__text { margin-top: 16px } .main--sustainabilityPeople .sectionBox--red .content { background: #FBEFEE } .main--sustainabilityPeople .sectionBox--red .content__title>span:first-child { background: #DA5D55 } .main--sustainabilityPeople .sectionBox--yellow .content { background: #FFF8EB } .main--sustainabilityPeople .sectionBox--yellow .content__title>span:first-child { background: #FFAB00 } .main--sustainabilityPeople .sectionBox--green .content { background: #F4FAEE } .main--sustainabilityPeople .sectionBox--green .content__title>span:first-child { background: #65AB19 } .main--sustainabilityPeople .sectionBox--blue .content { background: #F2FBFC } .main--sustainabilityPeople .sectionBox--blue .content__title>span:first-child { background: #4BAABF } .main--sustainabilityPeople .sectionBox--hasBtn .content { position: relative; padding-bottom: 102px } .main--sustainabilityPeople .sectionBox--hasBtn .content .modBtnWhite { position: absolute; bottom: 30px } @media screen and (min-width:768px) { .main--sustainabilityPeople .sectionBox--hasBtn .content .modBtnWhite { left
13: 30px } } @media screen and (max-width:767px) { .main--sustainabilityPeople .sectionBox--hasBtn .content .modBtnWhite { left: 16px } } @media screen and (min-width:768px) { .main--sustainabilityPeople h4.modHeadingItem { margin-bottom: 24px; } } @media screen and (max-width:767px) { .main--sustainabilityPeople h4.modHeadingItem { margin-bottom: 16px; } } .main--environment .section__subSection h5 { font-weight: bold; margin-top: 24px; } .main--environment .section__subSection p + h5 { margin-top: 16px; } .modTable--environmentMetricsResults01 table { table-layout: auto } .modTable--environmentMetricsResults01 table tr:nth-child(2) td:nth-child(1) { width: 100px; } .modTable--environmentMetricsResults01 table tr:nth-child(2) td:nth-child(2) { width: 200px; } .modTable--environmentMetricsResults01 table tr:nth-child(2) td:nth-child(3), .modTable--environmentMetricsResults01 table tr:nth-child(2) td:nth-child(4), .modTable--environmentMetricsResults01 table tr:nth-child(2) td:nth-child(5), .modTable--environmentMetricsResults01 table tr:nth-child(2) td:nth-child(6){ width: 152px; } .modTable--environmentMetricsResults01 table tr:nth-child(2) td:nth-child(7) { } .modTable--environmentMetricsResults02 table { table-layout: auto } .modTable--environmentMetricsResults02 table tr:nth-child(2) td:nth-child(1) { width: 100px; } .modTable--environmentMetricsResults02 table tr:nth-child(2) td:nth-child(2) { width: 226px; } .modTable--environmentMetricsResults02 table tr:nth-child(2) td:nth-child(3), .modTable--environmentMetricsResults02 table tr:nth-child(2) td:nth-child(4), .modTable--environmentMetricsResults02 table tr:nth-child(2) td:nth-child(5), .modTable--environmentMetricsResults02 table tr:nth-child(2) td:nth-child(6){ width: 152px; } .modTable--environmentMetricsResults02 table tr:nth-child(2) td:nth-child(7) { } .modTable--environmentMetricsResults02 table td .addNote { font-size: 12px; }</style> 14<style> @font-face { font-family: "LIFULL"; font-weight: 400; font-display: swap; src: url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff2/LIFULLFont-Regular.woff2") format("woff2"), url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff/LIFULLFont-Regular.woff") format("woff") } @font-face { font-family: "LIFULL"; font-weight: 500; font-display: swap; src: url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff2/LIFULLFont-Medium.woff2") format("woff2"), url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff/LIFULLFont-Medium.woff") format("woff") } @font-face { font-family: "LIFULL"; font-weight: 700; font-display: swap; src: url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff2/LIFULLFont-Bold.woff2") format("woff2"), url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff/LIFULLFont-Bold.woff") format("woff") } @font-face { font-family: "LIFULL"; font-weight: 800; font-display: swap; src: url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff2/LIFULLFont-ExtraBold.woff2") format("woff2"), url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff/LIFULLFont-ExtraBold.woff") format("woff") } @font-face { font-family: "LIFULL"; font-weight: 900; font-display: swap; src: url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff2/LIFULLFont-Heavy.woff2") format("woff2"), url("/wp-content/themes/lifull/assets/fonts/lifullfont/woff/LIFULLFont-Heavy.woff") format("woff") } @font-face { font-family: "LIFULLFont_mono"; font-weight: 400; font-display: swap; src: url("/wp-content/themes/lifull/assets/fonts/lifullfont_mono/woff2/LIFULLFontMono-Regular.woff2") format("woff2"), url("/wp-content/themes/lifull/assets/fonts/lifullfont_mono/woff/LIFULLFontMono-Regular.woff") format("woff") } @font-face { font-family: "LIFULLFont_mono"; font-weight: 500; font-display: swap; src: url("/wp-content/themes/lifull/assets/fonts/lifullfont_mono/woff2/LIFULLFontMono-Medium.woff2") format("woff2"), url("/wp-content/themes/lifull/assets/fonts/lifullfont_mono/woff/LIFULLFontMono-Medium.woff") format("woff") } @font-face { font-family: "LIFULLFont_mono"; font-weight: 700; font-display: swap; src: url("/wp-content/themes/lifull/assets/fonts/lifullfont_mono/woff2/LIFULLFontMono-Bold.woff2") format("woff2"), url("/wp-content/themes/lifull/assets/fonts/lifullfont_mono/woff/LIFULLFontMono-Bold.woff") format("woff") }</style> 15<style> .modSection { width: 1280px; max-width: 100%; padding: 0 40px; margin: auto; } @media screen and (min-width : 1024px) {} @media screen and (max-width : 1023px) { .modSection { padding: 0 16px; } } @media screen and (max-width : 767px) {} @media screen and (max-width : 414px) {} .modBtn { width: 280px; height: 68px; background: #fff; border: 1px solid #ED6103; border-radius: 34px; text-decoration: none; color: #ED6103; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; text-align: center; } .modBtn.ico_arrow { padding-left: 8px; } .modBtn.ico_arrow:after { content: ''; display: block; margin-left: 16px; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/wp-content/themes/lifull/assets/img/top/btn_arrow_right.svg); } @media screen and (min-width : 1024px) { .modBtn { transition: color 0.3s ease-out, background-color 0.3s ease-out; } .modBtn:hover { color: #fff; background-color: #ED6103; } .modBtn.ico_arrow:after { transition: transform 0.3s ease-out, background-image 0.3s ease-out; } .modBtn.ico_arrow:hover:after { transform: translateX(5px); background-image: url(/wp-content/themes/lifull/assets/img/top/btn_arrow_right_w.svg); } } @media screen and (max-width : 1023px) { .modBtn { width: 311px; height: 64px; border-radius: 32px; } } @media screen and (max-width : 767px) {} @media screen and (max-width : 414px) {} .modHeadingSectionH2 { position: relative; border-bottom: 1px solid var(--gray); font-weight: bold; line-height: 1.6 } .modHeadingSectionH2:after { content: ""; display: block; width: 100px; height: 2px; background: var(--orange); position: absolute; bottom: -1.5px; left: 0 } .modHeadingSectionH2+* { margin-top: 0 !important } @media screen and (min-width : 1024px) { .modHeadingSectionH2 { font-size: 32px; font-size: 3.2rem; margin: 124px 0 56px; padding: 0 0 40px } .modHeadingSectionH2__sub { font-size: 20px; font-size: 2rem } } @media screen and (max-width : 1023px) { .modHeadingSectionH2 { margin: 64px 0 48px; padding-bottom: 24px; font-size: 24px; font-size: 2.4rem; font-weight: bold; } .modHeadingSectionH2__sub { font-size: 18px; font-size: 1.8rem } } @media screen and (max-width : 767px) {} @media screen and (max-width : 414px) {} .modHeadingSubSectionH3 { font-weight: bold; line-height: 1.2; margin: 56px 0 32px; padding: 0 0 0 16px; border-left: 2px solid var(--orange) } .modHeadingSubSectionH3+* { margin-top: 0 !important } @media screen and (min-width : 1024px) { .modHeadingSubSectionH3 { font-size: 24px; font-size: 2.4rem } } @media screen and (max-width : 1023px) { .modHeadingSubSectionH3 { font-size: 20px; font-size: 2rem; margin: 48px 0 24px } } @media screen and (max-width : 767px) {} @media screen and (max-width : 414px) {} .modHeadingItemH4 { margin: 24px 0 12px; font-weight: bold; line-height: 1.3 } .modHeadingItemH4+* { margin-top: 0 !important } @media screen and (min-width : 1024px) { .modHeadingItemH4 { font-size: 20px; font-size: 2rem } } @media screen and (max-width : 1023px) { .modHeadingItemH4 { font-size: 18px; font-size: 1.8rem } } @media screen and (max-width : 767px) {} @media screen and (max-width : 414px) {} .focusRing { position: relative; z-index: 1000; } .focusRing__ring { font-size: 36px; position: absolute; width: 1em; height: 1em; opacity: 0; z-index: 3000; transition-property: transform, opacity; transition-duration: 1.4s; transition-delay: .5s; transition-timing-function: cubic-bezier(.075, .82, .165, 1); }
15 .focusRing.is-show-focus .focusRing__ring { transform: translate3d(0, 0, 0); } .focusRing__ring:before { content: ''; display: block; width: 100%; height: 100%; background: url(/wp-content/themes/lifull/assets/img/common/lfocus.svg) no-repeat 0 0; background-size: contain; } .focusRing.is-show-focus > .focusRing__ring { opacity: 1; } .focusRing__ring_tl { top: 0; left: 0; transform: translate3d(-30px, -30px, 0); } .focusRing__ring_tl:before { transform: rotate(90deg); } .focusRing__ring_tr { top: 0; right: 0; transform: translate3d(30px, -30px, 0); } .focusRing__ring_tr:before { transform: rotate(180deg); } .focusRing__ring_bl { left: 0; bottom: 0; transform: translate3d(-30px, 30px, 0); } .focusRing__ring_bl:before { transform: rotate(0deg); } .focusRing__ring_br { right: 0; bottom: 0; transform: translate3d(30px, 30px, 0); } .focusRing__ring_br:before { transform: rotate(-90deg); } @media screen and (min-width : 768px) {} @media screen and (max-width : 1364px) {} @media screen and (max-width : 767px) {} .modTab { position: relative; } .modTab__nav { list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; width: 100%; border-bottom: 1px solid #D2D2D2; } .modTab__nav_item { flex-grow: 1; flex-shrink: 1; margin: 0; } .modTab__nav_item_btn { display: block; width: 100%; font-family: inherit; font-size: 20px; font-weight: bold; text-decoration: none; color: #797979; padding: 17px 9px; border: 0; cursor: pointer; background-color: transparent; position: relative; white-space: nowrap; } .modTab__nav_item_btn.active { color: #ED6103; } .modTab__bar { content: ''; position: absolute; bottom: -1px; left: 0; width: 1px; height: 3px; border-radius: 3px; background-color: #ED6103; transition: all 0.12s ease-out; } .modTab:not(.initialized) .modTab__bar { opacity: 0; } .modTabCont { display: flex; flex-grow: 1; position: relative; width: 100%; } .modTabCont__item { padding: 0; width: 100%; } .modTabCont__item[data-tab-id]:not(.active) { display: none; } .modTabCont__item > *:first-child { margin-top: 0; } .modTabCont__item > *:last-child { margin-bottom: 0; } .modTab.is_static .modTab__nav_item_btn { position: relative; padding-left: 12px; padding-right: 12px; font-size: 18px; } .modTab.is_static .modTab__nav_item_btn.active:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; border-radius: 3px; background-color: #ED6103; } @media screen and (min-width : 1024px) { .modTab__nav_item_btn { transition: color 0.07s linear; } .modTab__nav_item_btn:hover { color: #ED6103; } } @media screen and (max-width : 1023px) { .modTabCont { flex-direction: column; padding: 0; } .modTab { border-bottom: 0; } .modTab__nav_item:last-child { } .modTab__nav_item_btn { padding: 13px 0 14px; font-size: 16px; } } @media screen and (max-width : 767px) {} @media screen and (max-width : 414px) {} .topNews .modTab { margin-top: 28px; } .modListNews.typeNews .modListNews__item__tag, .modListNews.typeNews .modListNews__item__text { transition: opacity 0.07s linear; } .modListNews.typeNews:not(.initialized) .modListNews__item__tag, .modListNews.typeNews:not(.initialized) .modListNews__item__text { opacity: 0; } .modListNews { padding-top: 24px; } .modListNews__item:first-child .modListNews__item__inner { padding-top: 24px; } .modListNews__item__tag { display: flex; align-items: center; flex-shrink: 0; margin-right: 24px; } .modListNews__item .modTag { margin-right: 8px; white-space: nowrap; } .archive-news .modListNews__item__tag { display: flex; flex-wrap: wrap; gap: 8px; } .modListNews__item__tag > *:last-child { margin-right: 0; } .modListNews__item__pdf { display: inline-flex; } .modListNews__item__pdf>span { color: initial; background: initial; border-radius: 0; font-weight: normal; padding: 0; } .modListNews__item__pdf .file_type { display: inline-block; color: var(--orange); background: var(--beige); border-radius: 4px; font-weight: bold; padding: 6px 4px } .modListNews__item__pdf .file_size { color: var(--darkGray) } .modListNews--strong .modListNews__item__pdf .file_type { color: var(--orange); background: #fff } @media screen and (min-width : 1024px) {} @media screen and (max-width : 1023px) { .topNews .modTab { margin-top: 12px; } .modListNews { padding-top: 2px; } .modListNews__item__inner { display: flex; flex-direction: column; padding-top: 16px; padding-bottom: 13px; } .modListNews__item:first-child .modListNews__item__inner { padding-top: 16px; } .modListNews__item__tag { display: block; margin-right: 0; } } @media screen and (max-width : 767px) { .topNews .modTab { margin-top: 24px; } .modListNews { padding-top: 16px; } .modListNews__item__inner { padding-bottom: 16px; } .modListNews__item__tag { margin-bottom: 4px; } .modListNews__item__pdf { margin-top: 0; } } @media screen and (max-width : 414px) {}</style> 16<style> @media screen and (min-width:768px) { .main--brandTop .modHeadingPage--brandTop { min-height: 360px } } .cpMsg { margin-top: 125px; padding-bottom: 120px; height: 768px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; background-position: center; position: relative; overflow: hidden; z-index: 1; } .cpMsg:before { content: ''; position: absolute; top: 24px; left: 24px; width: calc(100% - 48px); height: calc(100% - 48px); transition: all 0.3s ease-in-out; background-image: url(/wp-content/themes/lifull/assets/img/top/msg/TOP_Mesbgimg.jpg); z-index: -2; } .cpMsg.is-show:before { top: 0; left: 0; width: 100%; height: 100%; }
16 .cpMsg__bg { position: absolute; width: 50%; height: 50%; z-index: -1; } .cpMsg__bg_in { position: relative; width: 100%; height: 100%; } .cpMsg__bg .exclude { position: absolute; z-index: -1; } .cpMsg__bg_imgs { width: 264px; height: 132px; position: absolute; top: 0; left: 0; display: flex; justify-content: flex-start; border-radius: 4px; z-index: 1; } .cpMsg__bg_imgs.play { animation: msgImgParentHide 1s linear 4s 1 normal forwards; } .cpMsg__bg_imgs.play.stay { animation: none; } .cpMsg__bg_imgs_in { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; border-radius: 4px; } .cpMsg__bg_imgs_in.play { animation: msgImgInFlow 10s linear 0s infinite normal both, msgImgInShow 1s cubic-bezier(0.65,0.05,0.36,1) 0s 1 normal forwards, msgImgInHide 1s cubic-bezier(0.65,0.05,0.36,1) 4s 1 normal forwards; } .cpMsg__bg_imgs_in.play.is-fade { animation: msgImgInFlow 10s linear 0s infinite normal both, msgImgInFadeIn 1s cubic-bezier(0.65,0.05,0.36,1) 0s 1 normal forwards, msgImgInFadeOut 1s cubic-bezier(0.65,0.05,0.36,1) 4s 1 normal forwards; } .cpMsg__bg_imgs_in.play.stay { animation: none; width: 100%; }
16 .cpMsg__bg_imgs_img { display: none; object-fit: cover; object-position: left center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: 100%; border-radius: 4px; } .cpMsg__bg_imgs_img.play { position: absolute; display: block; animation: msgImgHide 1s cubic-bezier(0.65,0.05,0.36,1) 4s 1 normal forwards; } .cpMsg__bg_imgs_img.play.stay { animation: none; } .cpMsg__bg.areaLT { top: 0; left: 0; } .cpMsg__bg.areaLT .exArea1 { bottom: 52px; right: 0; width: calc(180px / 2); height: 48px; } .cpMsg__bg.areaLT .exArea2 { bottom: -30px; right: 0; width: calc(887px / 2); height: 82px; } .lang-en .cpMsg__bg.areaLT .exArea2 { width: calc(1028px / 2); } .cpMsg__bg.areaRT { top: 0; right: 0; } .cpMsg__bg.areaRT .exArea1 { bottom: 52px; left: 0; width: calc(180px / 2); height: 48px; } .cpMsg__bg.areaRT .exArea2 { bottom: -30px; left: 0; width: calc(887px / 2); height: 82px; } .lang-en .cpMsg__bg.areaRT .exArea2 { width: calc(1028px / 2); } .cpMsg__bg.areaLB { bottom: 0; left: 0; } .cpMsg__bg.areaLB .exArea1 { bottom: 132px; right: 0; width: 354px; height: 40px; } .cpMsg__bg.areaRB { bottom: 0; right: 0; } .cpMsg__bg.areaRB .exArea1 { bottom: 132px; left: 0; width: 354px; height: 40px; } @keyframes msgImgInShow { 0% { width: 0; } 100% { width: 100%; } } @keyframes msgImgInFlow { 0% { transform: translateX(0); } 100% { transform: translateX(-40px); } } @keyframes msgImgInHide { 0% { width: 100%; left: initial; } 100% { width: 0; } } @keyframes msgImgInFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes msgImgInFadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes msgImgHide { 0% { object-position: right center; } 100% { object-position: right center; } } @keyframes msgImgParentHide { 0% { justify-content: flex-end; } 100% { justify-content: flex-end; } } @media screen and (min-width : 1024px) {} @media screen and (max-width : 1023px) { .cpMsg { margin-top: 80px; justify-content: flex-end; padding-top: 0; padding-bottom: 80px; } .lang-en .cpMsg__bg.areaLT, .lang-en .cpMsg__bg.areaRT { } .lang-en .cpMsg__bg.areaLB, .lang-en .cpMsg__bg.areaRB { bottom: initial; } .cpMsg__bg.areaLT .exArea1 { height: 30px; bottom: 62px; } .cpMsg__bg.areaLT .exArea2 { height: 54px; width: 226px; bottom: 0; } .cpMsg__bg.areaRT .exArea1 { height: 30px; bottom: 62px; } .cpMsg__bg.areaRT .exArea2 { height: 54px; width: 226px; bottom: 0; } .cpMsg__bg.areaLB .exArea1 { width: 130px; height: 80px; top: 0; bottom: initial; } .cpMsg__bg.areaRB .exArea1 { width: 156px; height: 80px; top: 0; bottom: initial; } .lang-en .cpMsg__bg.areaLT .exArea1 {} .lang-en .cpMsg__bg.areaLT .exArea2 { width: 212px; } .lang-en .cpMsg__bg.areaRT .exArea1 {} .lang-en .cpMsg__bg.areaRT .exArea2 { width: 212px; } .lang-en .cpMsg__bg.areaLB .exArea1 { width: 212px; } .lang-en .cpMsg__bg.areaRB .exArea1 { width: 212px; } } @media screen and (max-width : 767px) { .cpMsg { height: 640px; margin-top: 64px; padding-top: 124px; padding-bottom: 64px; } .lang-en .cpMsg__bg.areaLT, .lang-en .cpMsg__bg.areaRT { } .lang-en .cpMsg__bg.areaLB, .lang-en .cpMsg__bg.areaRB { bottom: initial; } .cpMsg__bg.areaLT .exArea1 { bottom: 67px; height: 20px; } .cpMsg__bg.areaLT .exArea2 { height: 52px; width: 158px; } .cpMsg__bg.areaRT .exArea1 { bottom: 67px; height: 20px; } .cpMsg__bg.areaRT .exArea2 { height: 52px; width: 158px; } .cpMsg__bg.areaLB .exArea1 { width: 100px; height: 42px; top: 0; bottom: initial; } .cpMsg__bg.areaRB .exArea1 { width: 100px; height: 42px; top: 0; bottom: initial; } .lang-en .cpMsg__bg.areaLT .exArea1 { bottom: 56px; } .lang-en .cpMsg__bg.areaLT .exArea2 { width: 155px; height: 45px; } .lang-en .cpMsg__bg.areaRT .exArea1 { bottom: 56px; } .lang-en .cpMsg__bg.areaRT .exArea2 { width: 155px; height: 45px; } .lang-en .cpMsg__bg.areaLB .exArea1 { width: 155px; height: 45px; } .lang-en .cpMsg__bg.areaRB .exArea1 { width: 155px; height: 45px; } } @media screen and (max-width : 414px) {} @media screen and (max-width : 1023px) { .brandMsg .cpMsg__bg { display: none; } } .cpMsg__title { display: flex; flex-direction: column; align-items: center; justify-content: center; padding-top: calc(var(--vw) * (94 / 1920 * 100)); } .cpMsg__title_sub { display: flex; align-items: center; text-align: center; color: #ED6103; font-weight: 700; font-size: 16px; line-height: 1; margin-bottom: 32px; } .cpMsg__title_main { max-width: 100%; height: auto; } @media screen and (min-width : 1024px) { .cpMsg__title_main.tabsp, .cpMsg__title_main.tab, .cpMsg__title_main.sp { display: none; } } @media screen and (max-width : 1023px) { .cpMsg__title { padding-top: 0; } .cpMsg__title_main.pc { display: none; } .cpMsg__title_sub { margin-bottom: 25px; } .lang-ja .cpMsg__title_main.tabsp { width: 445px; } .lang-en .cpMsg__title_main.sp { display: none; } } @media screen and (max-width : 767px) { .cpMsg__title_sub { margin-bottom: 25px; } .lang-en .cpMsg__title_sub { margin-bottom: 18px; } .lang-ja .cpMsg__title_main.tabsp { width: 308px; } .lang-en .cpMsg__title_main.tab { display: none; } .lang-en .cpMsg__title_main.sp { display: block; } } @media screen and (max-width : 414px) {} .cpMsg__btns { margin-top: 168px; display: flex; justify-content: center; gap: 16px; max-width: calc(100% - 160px); } .cpMsg__btns .modBtn { flex-shrink: 1; } @media screen and (min-width : 1024px) {} @media screen and (max-width : 1023px) { .cpMsg__btns { margin-top: 114px; flex-direction: column; gap: 24px; } } @media screen and (max-width : 767px) { .cpMsg__btns { margin-top: 109px; max-width: calc(100% - 60px); gap: 16px; } } @media screen and (max-width : 414px) {} .topSv { padding-top: 128px; position: relative; } .topSv:before { display: none; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: calc(100% - 408px); background-color: #FEF3EB; } .topSv__cont { width: 100%; max-width: 100%; margin: auto; padding: 0 0 64px 0; position: relative; } .topSv__cont_bg { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background-color: #FEF3EB; z-index: -1; } .topSv__cont_list { overflow-x: auto; } .topSv__cont_list + .modBtnExtraTopWrap { margin-top: 32px; } .topSv__cont_list_head { display: flex; gap: 0 24px; margin-top: 24px; } .topSv__cont_list_head .slick-controls { display: flex; align-items: center; width: auto; padding: 0; margin: 0; gap: 0 12px; } .topSv__cont_list_head_title { font-weight: 700; font-size: 24px; line-height: 1; display: flex; align-items: center; color: #ED6103; } .topSv__cont_list_in { display: flex; gap: 0 40px; margin-top: 64px; } .topSv__cont_list_item { width: 384px; border-radius: 8px; background-color: #fff; } .topSv__cont_list_item + .topSv__cont_list_item { margin-left: 40px; } .topSv__cont_list_item a { display: block; border: 1px solid #DEDEDE; border-radius: 8px; text-decoration: none; overflow: hidden; } .topSv__cont_list_item_img { } .topSv__cont_list_item_img img { width: 100%; height: 192px; object-fit: cover; } .topSv__cont_list_item_img.img_only { } .topSv__cont_list_item_img.img_only img { height: 256px; } .topSv__cont_list_item_logo { height: 64px; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 0 0 8px 8px; } .topSv__cont_list_item_logo img { width: auto; height: 32px; } .topSv__cont_list_in:not(.slick-initialized) { opacity: 0; } .topSv__cont_list_in .slick-list { padding-left: calc((100% - 1200px) / 2); } @media screen and (min-width : 1441px) {} @media screen and (max-width : 1279px) { .topSv__cont_list_in .slick-track { padding-left: 0; } .topSv__cont_list_in .slick-list { padding-left: 40px; } } @media screen and (min-width : 1024px) { .topSv__cont_list_in { margin-top: 0; } .topSv__cont_list_item a { transition: border-color 0.07s linear; } .topSv__cont_list_item a:hover { border-color: #ED6103; } } @media screen and (max-width : 1023px) { .topSv { padding-top: 80px; } .topSv__cont { padding-left: 0; padding-bottom: 64px; } .topSv__cont_list + .topSv__cont_list { margin-top: 8px; } .topSv__cont_list + .modBtnExtraTopWrap { margin-top: 48px; margin-left: 16px; } .topSv__cont_list_head { margin-top: 24px; margin-bottom: 14px; } .topSv__cont_list_item { width: 312px; } .topSv__cont_list_item + .topSv__cont_list_item { margin-left: 16px; } .topSv__cont_list_item_img img { height: 156px; } .topSv__cont_list_item_img.img_only img { height: 212px; } .topSv__cont_list_item_logo { height: 56px; } .modBtnExtraTopWrap.modSection { padding-right: 0; } .topSv__cont_list_in .slick-list { padding-left: 16px; } .topSv__cont_list_head .slick-controls { gap: 0 12px; } } @media screen and (max-width : 767px) { .topSv { padding-top: 64px; } .topSv__cont_list + .topSv__cont_list { margin-top: 8px; } .topSv__cont_list + .modBtnExtraTopWrap { margin-top: 18px; margin-left: -16px; width: calc(100% + 16px); max-width: calc(100% + 16px); display: flex; justify-content: center; } .topSv__cont_list_in { margin-top: 24px; } .topSv__cont_list_head { justify-content: center; } .topSv__cont_list_in .slick-list { padding-left: 16px; } } @media screen and (max-width : 414px) {} .brandMsg { height: auto; justify-content: flex-start; } .brandMsg .cpMsg__bg.areaLT, .brandMsg .cpMsg__bg.areaRT { top: var(--msgBandTop, 0px); bottom: auto; height: calc(var(--msgBandH, 100%) / 2); } .brandMsg .cpMsg__bg.areaLB, .brandMsg .cpMsg__bg.areaRB { top: calc(var(--msgBandTop, 0px) + var(--msgBandH, 100%) / 2); bottom: auto; height: calc(var(--msgBandH, 100%) / 2); } @media screen and (min-width : 1024px) { .brandMsg { margin-top: 64px; padding: 64px 40px 120px; } } @media screen and (max-width : 1023px) { .brandMsg { margin-top: 64px; padding: 44px 16px 88px; } } .brandMsg__title { position: relative; width: 100%; text-align: center; z-index: 2; } .brandMsg__title:after, .brandMsg__title:before, .brandMsg__title>span:after, .brandMsg__title>span:before { content: ""; display: block; position: absolute; background: url("/wp-content/themes/lifull/assets/img/common/icon_focus_orange.svg") no-repeat 0 0; background-size: 100%; } .brandMsg__title:before { top: 0; left: 0; } .brandMsg__title:after { bottom: 0; left: -4px; transform: rotate(-90deg); } .brandMsg__title>span:before { top: 4px; right: 0; transform: rotate(90deg); } .brandMsg__title>span:after { bottom: -4px; right: 4px; transform: rotate(-180deg); } .brandMsg__title>span { display: block; } .brandMsg__title_img { width: auto; max-width: 100%; height: auto; } @media screen and (min-width : 1024px) { .brandMsg__title { max-width: 960px; margin: 0 auto; padding: 38px 60px; } .lang-en .brandMsg__title { padding: 42px 60px 34px; } .brandMsg__title:after, .brandMsg__title:before, .brandMsg__title>span:after, .brandMsg__title>span:before { width: 40px; height: 34px; } .brandMsg__title_img.tabsp { display: none; } } @media screen and (max-width : 1023px) { .brandMsg__title { max-width: 327px; margin: 0 auto; padding: 28px 46px; } .brandMsg__title:after, .brandMsg__title:before, .brandMsg__title>span:after, .brandMsg__title>span:before { width: 26px; height: 22px; } .brandMsg__title_img.pc { display: none; } .brandMsg__title_img.tabsp { width: 100%; } } .brandMsg__bodyWrap { position: relative; width: 100%; z-index: 2; } .brandMsg__body, .brandMsg__knockout { max-width: 440px; margin: 0 auto; padding: 20px 0; font-weight: bold; } .brandMsg__body p+p, .brandMsg__knockout p+p { margin-top: 1.9em; } .brandMsg__knockout { position: absolute; top: 0; left: 0; right: 0; color: var(--white); pointer-events: none; -webkit-mask-image: linear-gradient(#000, #000); mask-image: linear-gradient(#000, #000); -webkit-mask-size: 0 0; mask-size: 0 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } @media screen and (min-width : 1024px) { .brandMsg__bodyWrap { margin-top: 52px; } .brandMsg__body, .brandMsg__knockout { font-size: 20px; font-size: 2.0rem; line-height: 1.9; text-align: center; } } @media screen and (max-width : 1023px) { .brandMsg__bodyWrap { margin-top: 28px; } .brandMsg__body, .brandMsg__knockout { max-width: 100%; font-size: 16px; font-size: 1.6rem; line-height: 1.9; text-align: center; } } @media screen and (min-width : 1024px) { .brandMsg__btns .modBtnWhite, .brandCard__btn .modBtnWhite, .brandSv__foot .modBtnWhite { width: 320px; height: 68px; font-size: 16px; font-size: 1.6rem; } } @media screen and (max-width : 1023px) { .brandMsg__btns .modBtnWhite, .brandCard__btn .modBtnWhite, .brandSv__foot .modBtnWhite { width: 234px; height: 48px; font-size: 16px; font-size: 1.6rem; } } .brandMsg__btns { position: relative; display: flex; justify-content: center; z-index: 2; } @media screen and (min-width : 1024px) { .brandMsg__btns { margin-top: 60px; } } @media screen and (max-width : 1023px) { .brandMsg__btns { margin-top: 36px; } } .brandCard { position: relative; overflow: hidden; background-color: var(--white); } .brandCard__deco_plate { display: block; position: absolute; top: var(--cardPlateTop, 0px); bottom: var(--cardPlateBottom, 0px); z-index: 1; } .brandCard--soul .brandCard__deco_plate { background: linear-gradient(149.95deg, #FFBC33 -60.22%, #ED6103 43.9%); } .brandCard--philosophy .brandCard__deco_plate { background: linear-gradient(150.84deg, #ED6103 54.04%, #FFBC33 151.33%); } .brandCard__deco_photos { position: relative; z-index: 2; } .brandCard__deco_photos img { display: block; width: 100%; height: auto; } .brandCard__body { position: relative; background-color: var(--white); z-index: 3; } .brandCard__title { position: relative; color: var(--orange); font-weight: bold; line-height: 1.5; border-bottom: 1px solid var(--gray); } .brandCard__title:after { content: ""; display: block; width: 100px; height: 2px; background: var(--orange); position: absolute; bottom: -1.5px; left: 0; } .brandCard__text { line-height: 2; } @media screen and (min-width : 1024px) { .brandCard__body { max-width: 920px; margin: -38px auto 0; padding: 58px 80px; } .brandCard__title { font-size: 36px; font-size: 3.6rem; padding: 0 0 16px; } .brandCard__text { margin-top: 40px; font-size: 18px; font-size: 1.8rem; line-height: 1.8; } .brandCard__btn { margin-top: 40px; } } @media screen and (max-width : 1023px) { .brandCard__body { margin: 0 16px; padding: 20px 28px; } .brandCard__title { font-size: 20px; font-size: 2.0rem; padding: 0 0 8px; } .brandCard__text { margin-top: 16px; font-size: 14px; font-size: 1.4rem; line-height: 1.6; } .brandCard__btn { margin-top: 16px; } } @media screen and (min-width : 1024px) { .brandCard--soul { margin-top: 64px; padding-bottom: 110px; }
16 .brandCard--soul .brandCard__deco_plate { left: 0; width: 30%; } .brandCard--soul .brandCard__deco_photos { width: 75%; margin-left: 25%; } } @media screen and (max-width : 1023px) { .brandCard--soul { margin-top: 64px; padding-bottom: 32px; } .brandCard--soul .brandCard__deco_plate { left: 0; width: 24%; } .brandCard--soul .brandCard__deco_photos { width: 87%; margin-left: 13%; } } @media screen and (min-width : 1024px) { .brandCard--philosophy { padding-bottom: 0; } .brandCard--philosophy .brandCard__deco_plate { right: 0; width: 30%; } .brandCard--philosophy .brandCard__deco_photos { width: 75%; } } @media screen and (max-width : 1023px) { .brandCard--philosophy { padding-bottom: 0; } .brandCard--philosophy .brandCard__deco_plate { right: 0; width: 24%; } .brandCard--philosophy .brandCard__deco_photos { width: 87%; } } .brandSv .topSv__title { max-width: 1280px; margin: 0 auto; } .brandSv__lead { line-height: 2; } @media screen and (min-width : 1024px) { .brandSv { padding-top: 120px; } .brandSv .topSv__title { padding: 0 40px; } .brandSv__foot { margin-top: 32px; } .brandSv__lead { font-size: 15px; font-size: 1.5rem; } .brandSv__foot .modBtnWhite { margin-top: 32px; } } @media screen and (max-width : 1023px) { .brandSv { padding-top: 64px; } .brandSv .topSv__title { padding: 0 16px; } .brandSv__foot { margin-top: 24px; } .brandSv__lead { font-size: 14px; font-size: 1.4rem; } .brandSv__foot .modBtnWhite { margin-top: 24px; } } @media screen and (max-width : 767px) { .brandSv__foot .modBtnWhite { display: flex; margin-left: auto; margin-right: auto; } } .slick-arrow { width: 40px; height: 40px; border: 1px solid #e8e8e8; border-radius: 50%; position: static; -webkit-transform: none; transform: none; opacity: 1; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 9.5px; transition: background-color 0.07s linear, background-image 0.07s linear; } .slick-prev { order: 1; } .slick-next { order: 3; } .slick-arrow:hover, .slick-arrow:focus { background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: 9.5px; } .slick-prev, .slick-prev:hover, .slick-prev:focus { background-position: left 13.5 center; background-image: url(/wp-content/themes/lifull/assets/img/top/slide_arrow_prev.svg); } .slick-next, .slick-next:hover, .slick-next:focus { background-position: left 16.5px center; background-image: url(/wp-content/themes/lifull/assets/img/top/slide_arrow_next.svg); } .slick-arrow:before { display: none; } @media screen and (min-width : 1024px) { .slick-prev { transition: border-color 0.3s ease-out, background-color 0.3s ease-out, background-image 0.3s ease-out; } .slick-prev:not(.slick-disabled):hover { border-color: #ED6103; background-color: #ED6103; background-position: left 13.5 center; background-image: url(/wp-content/themes/lifull/assets/img/top/slide_arrow_prev_w.svg); } .slick-next:not(.slick-disabled):hover { border-color: #ED6103; background-color: #ED6103; background-position: left 16.5px center; background-image: url(/wp-content/themes/lifull/assets/img/top/slide_arrow_next_w.svg); } } </style> 17<meta name='robots' content='index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1' /> 18<link rel="alternate" hreflang="ja" href="https://lifull.com/brand/" /> 19<link rel="alternate" hreflang="en-us" href="https://lifull.com/en/brand/" /> 20<link rel="alternate" hreflang="x-default" href="https://lifull.com/brand/" /> 21 22 <!-- This site is optimized with the Yoast SEO plugin v27.7 - https://yoast.com/product/yoast-seo-wordpress/ --> 23 <title>ç§ãã¡ã«ã¤ã㦠| æ ªå¼ä¼ç¤¾LIFULL(ã©ã¤ãã«)</title> 24 <meta name="description" content="LIFULLã¯ããããããLIFEããFULLã«ããã¨ããã³ã¼ãã¬ã¼ãã¡ãã»ã¼ã¸ã®ãã¨ã人ã ã®æ®ããã人çã«é¢ãããã¾ãã¾ãªç¤¾ä¼èª²é¡ã«åãåã伿¥ã§ããLIFU" /> 25 <link rel="canonical" href="https://lifull.com/brand/" /> 26 <meta property="og:locale" content="ja_JP" /> 27 <meta property="og:type" content="article" /> 28 <meta property="og:title" content="ç§ãã¡ã«ã¤ã㦠| æ ªå¼ä¼ç¤¾LIFULL(ã©ã¤ãã«)" /> 29 <meta property="og:description" content="LIFULLã¯ããããããLIFEããFULLã«ããã¨ããã³ã¼ãã¬ã¼ãã¡ãã»ã¼ã¸ã®ãã¨ã人ã ã®æ®ããã人çã«é¢ãããã¾ãã¾ãªç¤¾ä¼èª²é¡ã«åãåã伿¥ã§ããLIFU" /> 30 <meta property="og:url" content="https://lifull.com/brand/" /> 31 <meta property="og:site_name" content="æ ªå¼ä¼ç¤¾LIFULL(ã©ã¤ãã«)" /> 32 <meta property="article:publisher" content="https://www.facebook.com/LIFULLcorp/" /> 33 <meta property="article:modified_time" content="2026-09-29T02:33:14+00:00" /> 34 <meta property="og:image" content="https://lifull.com/wp-content/uploads/2021/01/ogp_lifull.png" />
35 <meta property="og:image:width" content="1200" /> 36 <meta property="og:image:height" content="630" /> 37 <meta property="og:image:type" content="image/png" /> 38 <meta name="twitter:card" content="summary_large_image" /> 39 <meta name="twitter:site" content="@LIFULL_Corp" /> 40
40<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/lifull.com\/brand\/","url":"https:\/\/lifull.com\/brand\/","name":"ç§ãã¡ã«ã¤ã㦠| æ ªå¼ä¼ç¤¾LIFULL(ã©ã¤ãã«)","isPartOf":{"@id":"https:\/\/lifull.com\/#website"},"datePublished":"2026-09-29T01:54:17+00:00","dateModified":"2026-09-29T02:33:14+00:00","description":"LIFULLã¯ããããããLIFEããFULLã«ããã¨ããã³ã¼ãã¬ã¼ãã¡ãã»ã¼ã¸ã®ãã¨ã人ã
ã®æ®ããã人çã«é¢ãããã¾ãã¾ãªç¤¾ä¼èª²é¡ã«åãåã伿¥ã§ããLIFU","breadcrumb":{"@id":"https:\/\/lifull.com\/brand\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/lifull.com\/brand\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/lifull.com\/brand\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"HOME","item":"https:\/\/lifull.com\/"},{"@type":"ListItem","position":2,"name":"ç§ãã¡ã«ã¤ãã¦"}]},{"@type":"WebSite","@id":"https:\/\/lifull.com\/#website","url":"https:\/\/lifull.com\/","name":"æ ªå¼ä¼ç¤¾LIFULL(ã©ã¤ãã«)","description":"æ ªå¼ä¼ç¤¾LIFULLã®ã³ã¼ãã¬ã¼ããµã¤ã","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/lifull.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"}]}</script>
40 41 <!-- / Yoast SEO plugin. --> 42 43 44<style id="wp-img-auto-sizes-contain-inline-css"> 45img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 46/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 47</style> 48<style id="classic-theme-styles-inline-css"> 49/*! This file is auto-generated */ 50.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 51/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 52</style> 53 54<style id="global-styles-inline-css"> 55:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
55--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
55.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 56/*# sourceURL=global-styles-inline-css */ 57</style> 58 59<meta name="generator" content="WPML ver:4.9.4 stt:1,28;" /> 60
61<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/lib/jquery.min.js"></script>
vendor: 1 bytes, line 61
61
62<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/lib/lazysizes.min.js"></script>
vendor: 1 bytes, line 62
62
63<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/lib/ls.unveilhooks.min.js"></script>
vendor: 1 bytes, line 63
63
64<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/lib/jquery.easing.1.3.min.js"></script>
vendor: 1 bytes, line 64
64
65<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/lib/tabbable.umd.js"></script>
vendor: 1 bytes, line 65
65
66<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/util.js?v=26b8ef91"></script>
vendor: 1 bytes, line 66
66
67<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/common.js?v=26b8ef91"></script>
vendor: 1 bytes, line 67
67
68<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/lib/slick.min.js"></script>
vendor: 1 bytes, line 68
68
69<script defer src="https://lifull.com/wp-content/themes/lifull/assets/js/page_brand.js?v=26b8ef91"></script>
69 70 71 72<!-- Google Tag Manager -->
73<script>
vendor: 327 bytes, lines 73-77
73(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 74new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 75j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 76'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 77})(window,document,'script','dataLayer','
77GTM-K8NBQ6H
vendor: 3 bytes, line 77
77');
77</script>
77 78<!-- End Google Tag Manager --> 79</head> 80<body class="page-brand lang-ja"> 81<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 81-82
81 82<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
82GTM-PN4SPM6
vendor: 83 bytes, lines 82-83
82" 83height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
84<!-- End Google Tag Manager (noscript) --> 85<div id="container"> 86 <header class="header "> 87 <div class="header__inner"> 88 89 <p class="header__logo"> 90 91 <a href="https://lifull.com">æ ªå¼ä¼ç¤¾LIFULL</a> 92 93 94 </p> 95 96 <button 97 type="button" 98 class="header__btn js-header__btn" 99 aria-label="ã¡ã¤ã³ã¡ãã¥ã¼ãéé" 100 aria-expanded="false" 101 aria-controls="global-nav" 102 > 103 <i></i><i></i><i></i> 104 <!-- <span aria-hidden="true"><i></i><i></i><i></i></span> --> 105 </button> 106 <div id="global-nav" class="header__menu"> 107 <div class="header__menu__sub"> 108 <ul class="blankMenu"> 109 <li><a href="https://recruit.lifull.com/" target="_blank" class="exlink">æ¡ç¨ãµã¤ã</a></li> 110 </ul> 111 <ul class="language"><li><span class="pc">JA</span><span class="sp">Japanese</span></li><li><a href="https://lifull.com/en/brand/" data-gtm-label="click_header_en"><span class="pc">EN</span><span class="sp">English</span></a></li></ul> </div> 112 113 <ul class="header__menu__main"> 114 <li class="item item--lowerPage js-lowerPage"> 115 <span class="trigger" tabindex="0" role="button" aria-haspopup="true" aria-expanded="false"><span>ç§ãã¡ã«ã¤ãã¦</span></span> 116 <div class="drawer"> 117 <div class="drawer__content drawer__content--brand"> 118 <div class="content"> 119 <div class="content__image"> 120 <div class="content__image__wrapper"> 121 <div class="content__image"> 122 <div class="content__image__image"><img loading="lazy" src="https://lifull.com/wp-content/themes/lifull/assets/img/common/img_nav_brand.png" alt="" width="280" height="158"></div> 123 <p class="modListPage__mainLink"><a href="/brand/" data-gtm-label="click_hmenu_brand">ç§ãã¡ã«ã¤ãã¦TOP<i class="modIconCircleArrow"></i></a></p> 124 </div> 125 <div class="content__image"> 126 <div class="content__image__image"><img loading="lazy" src="https://lifull.com/wp-content/themes/lifull/assets/img/common/img_nav_number.png" alt="" width="280" height="158"></div> 127 <p class="modListPage__mainLink"><a href="/brand/numbers-lifull/" data-gtm-label="click_hmenu_brand">æ°åã§è¦ãLIFULL<i class="modIconCircleArrow"></i></a></p> 128 </div> 129 </div> 130 </div> 131 <div class="content__body"> 132 <p class="content__body__heading"><a href="/brand/">ç§ãã¡ã«ã¤ãã¦</a></p> 133 <ul class="modListPage__lowerPage content__body__list"> 134 <li class="modListPage__lowerPage__item"><a href="/brand/philosophy/" data-gtm-label="click_hmenu_brand">伿¥ç念</a></li> 135 <li class="modListPage__lowerPage__item"><a href="/brand/message/" data-gtm-label="click_hmenu_brand">ç§ãã¡ã®æ³ã</a></li> 136 <li class="modListPage__lowerPage__item col2"><a href="/brand/story/" data-gtm-label="click_hmenu_brand">LIFEã«åãåãLIFULL</a></li> 137 <li class="modListPage__lowerPage__item"><a href="/brand/numbers-lifull/" data-gtm-label="click_hmenu_brand">æ°åã§è¦ãLIFULL</a></li> 138 <li class="modListPage__lowerPage__item"><a href="/brand/agenda/" data-gtm-label="click_hmenu_brand">LIFULLã¢ã¸ã§ã³ã</a></li> 139 <li class="modListPage__lowerPage__item"> 140 <a href="/brand/media/" data-gtm-label="click_hmenu_brand">ã¡ãã£ã¢ã»æ²è¼æ å ±</a> 141 <div class="wrapper"> 142 <ul> 143 <li> 144 <a href="/brand/media/official/" data-gtm-label="click_hmenu_brand">å ¬å¼ã¡ãã£ã¢ä¸è¦§</a> 145 <ul> 146 <li><a href="/brand/media/official/guidelines/" data-gtm-label="click_hmenu_brand">ã½ã¼ã·ã£ã«ã¡ãã£ã¢ã¬ã¤ãã©ã¤ã³</a></li> 147 </ul> 148 </li> 149 <li><a href="/brand/media/cm/" data-gtm-label="click_hmenu_brand">CMã®ã£ã©ãªã¼</a></li> 150 <li><a href="/brand/media/record/" data-gtm-label="click_hmenu_brand">ã¡ãã£ã¢æ²è¼å±¥æ´</a></li> 151 </ul> 152 </div> 153 </li> 154 </ul> 155 </div> 156 </div> 157 </div> 158 </div> 159 </li> 160 <li class="item item--lowerPage js-lowerPage"> 161 <span class="trigger" tabindex="0" role="button" aria-haspopup="true" aria-expanded="false"><span>伿¥æ å ±</span></span> 162 <div class="drawer"> 163 <div class="drawer__content drawer__content--company"> 164 <div class="content"> 165 <div class="content__image"> 166 <div class="content__image__image"><img loading="lazy" src="https://lifull.com/wp-content/themes/lifull/assets/img/common/img_nav_company.png" alt="" width="280" height="158"></div> 167 <p class="modListPage__mainLink"><a href="/company/message/" data-gtm-label="click_hmenu_company">ãããã¡ãã»ã¼ã¸<i class="modIconCircleArrow"></i></a></p> 168 </div> 169 <div class="content__body"> 170 <p class="content__body__heading">伿¥æ å ±</p> 171 <ul class="modListPage__lowerPage content__body__list"> 172 <li class="modListPage__lowerPage__item"> 173 <a href="/company/message/" data-gtm-label="click_hmenu_company">ãããã¡ãã»ã¼ã¸</a> 174 <ul> 175 <li><a href="/company/message/archive/" data-gtm-label="click_hmenu_company">éå»ã®ã¡ãã»ã¼ã¸</a></li> 176 </ul> 177 </li> 178 <li class="modListPage__lowerPage__item"><a href="/company/about/" data-gtm-label="click_hmenu_company">ä¼ç¤¾æ¦è¦</a></li> 179 <li class="modListPage__lowerPage__item"><a href="/company/executives/" data-gtm-label="click_hmenu_company">çµå¶é£ä¸è¦§</a></li> 180 <li class="modListPage__lowerPage__item"><a href="/company/history/" data-gtm-label="click_hmenu_company">沿é©</a></li> 181 <li class="modListPage__lowerPage__item col2"><a href="/company/group/" data-gtm-label="click_hmenu_company">ã°ã«ã¼ãä¼ç¤¾ã»ãã®ä»é¢é£ä¼ç¤¾ä¸è¦§</a></li> 182 <li class="modListPage__lowerPage__item"><a href="/company/access/" data-gtm-label="click_hmenu_company">æ¬ç¤¾ã»æ¯åºã»å¶æ¥æ</a></li> 183 </ul> 184 </div> 185 </div> 186 </div> 187 </div> 188 </li> 189 <li class="item"><a href="/service/" data-gtm-label="click_header_service">ãµã¼ãã¹</a></li> 190 <li class="item item--lowerPage js-lowerPage"> 191 <span class="trigger" tabindex="0" role="button" aria-haspopup="true" aria-expanded="false">æè³å®¶æ å ±</span> 192 <div class="drawer"> 193 <div class="drawer__content drawer__content--ir"> 194 <div class="content"> 195 <div class="content__image"> 196 <div class="content__image__wrapper"> 197 <div class="content__image"> 198 <div class="content__image__image"><img loading="lazy" src="https://lifull.com/wp-content/themes/lifull/assets/img/common/img_nav02.png" alt="" width="280" height="158"></div> 199 <p class="modListPage__mainLink"><a href="/ir/" data-gtm-label="click_hmenu_ir">æè³å®¶æ å ±TOP<i class="modIconCircleArrow"></i></a></p> 200 </div> 201 <div class="content__image"> 202 <div class="content__image__image"><img loading="lazy" src="https://lifull.com/wp-content/themes/lifull/assets/img/common/img_nav_ir02.png" alt="" width="280" height="158"></div> 203 <p class="modListPage__mainLink"><a href="/ir/onepage-lifull/" data-gtm-label="click_hmenu_ir">1ãã¼ã¸ã§ãããLIFULL<i class="modIconCircleArrow"></i></a></p> 204 </div> 205 </div> 206 </div> 207 <div class="content__body"> 208 <p class="content__body__heading"><a href="/ir/">æè³å®¶æ å ±</a></p> 209 <ul class="modListPage__lowerPage content__body__list"> 210 <li class="modListPage__lowerPage__item"><a href="/ir/highlights/" data-gtm-label="click_hmenu_ir">財åãã¤ã©ã¤ã</a></li> 211 <li class="modListPage__lowerPage__item"> 212 <a href="/ir/ir-data/" data-gtm-label="click_hmenu_ir">IRè³æå®¤</a> 213 <ul> 214 <li><a href="/ir/ir-data/others/" data-gtm-label="click_hmenu_ir">決ç®ã»ãã®ä»è³æ</a></li> 215 <li><a href="/ir/ir-data/meeting/" data-gtm-label="click_hmenu_ir">æ ªä¸»ç·ä¼</a></li> 216 <li><a href="/ir/ir-data/annual-report/" data-gtm-label="click_hmenu_ir">ã¢ãã¥ã¢ã«ã¬ãã¼ã</a></li> 217 </ul> 218 </li> 219 <li class="modListPage__lowerPage__item"><a href="/ir/stockbond-information/ir-stock/" data-gtm-label="click_hmenu_ir">æ ªå¼åºæ¬æ å ±</a></li> 220 <li class="modListPage__lowerPage__item"><a href="/ir/stockbond-information/stockquote/" data-gtm-label="click_hmenu_ir">æ ªä¾¡æ å ±</a></li> 221 <li class="modListPage__lowerPage__item">
221<a href="/ir/stockbond-information/shareholder-returns/" data-gtm-label="click_hmenu_ir">æ ªä¸»éå ã«ã¤ãã¦</a></li> 222 <li class="modListPage__lowerPage__item"><a href="/ir/business/mid-term/" data-gtm-label="click_hmenu_ir">䏿çµå¶è¨ç»</a></li> 223 <li class="modListPage__lowerPage__item"><a href="/ir/business/business/" data-gtm-label="click_hmenu_ir">äºæ¥æ¦æ³</a></li> 224 <li class="modListPage__lowerPage__item"><a href="/ir/business/risk/" data-gtm-label="click_hmenu_ir">äºæ¥çã®ãªã¹ã¯</a></li> 225 <li class="modListPage__lowerPage__item col2"><a href="/ir/onepage-lifull/" data-gtm-label="click_hmenu_ir">1ãã¼ã¸ã§ãããLIFULL</a></li> 226 <li class="modListPage__lowerPage__item"><a href="/ir/ir-calendar/" data-gtm-label="click_hmenu_ir">IRã«ã¬ã³ãã¼</a></li> 227 <li class="modListPage__lowerPage__item"><a href="https://f.msgs.jp/webapp/wish/org/showEnquete.do?enqueteid=15&clientid=13425&databaseid=jwt" target="_blank" rel="nofollow noopener noreferrer" data-gtm-label="click_hmenu_ir">IRã«é¢ãããååã</a></li> 228 </ul> 229 </div> 230 </div> 231 </div> 232 </div> 233 </li> 234 <li class="item"><a href="https://lifull.com/news/" data-gtm-label="click_header_news">ãã¥ã¼ã¹</a></li> 235 <li class="item item--lowerPage js-lowerPage"> 236 <span class="trigger" tabindex="0" role="button" aria-haspopup="true" aria-expanded="false">ãµã¹ããããªãã£</span> 237 <div class="drawer"> 238 <div class="drawer__content drawer__content--sustainability"> 239 <div class="content"> 240 <div class="content__image__wrapper"> 241 <div class="content__image"> 242 <div class="content__image__image"><img loading="lazy" src="https://lifull.com/wp-content/themes/lifull/assets/img/common/img_nav03.png"" alt="" width="280" height="158"></div> 243 <p class="modListPage__mainLink"><a href="/sustainability/" data-gtm-label="click_hmenu_sustainability">ãµã¹ããããªãã£TOP<i class="modIconCircleArrow"></i></a></p> 244 </div> 245 <div class="content__image"> 246 <div class="content__image__image"><img loading="lazy" src="https://lifull.com/wp-content/themes/lifull/assets/img/sustainability/img_susTopCard02.png" alt="" width="280" height="158"></div> 247 <p class="modListPage__mainLink"><a href="/sustainability/management/materiality/" data-gtm-label="click_hmenu_sustainability">ãµã¹ããããªãã£èª²é¡<i class="modIconCircleArrow"></i></a></p> 248 </div> 249 </div> 250 <div class="content__body"> 251 <p class="content__body__heading"><a href="/sustainability/" data-gtm-label="click_hmenu_sustainability">ãµã¹ããããªãã£</a></p> 252 <ul class="modListPage__lowerPage content__body__list"> 253 <li class="modListPage__lowerPage__item"> 254 <span>ãµã¹ããããªãã£çµå¶</span> 255 <ul> 256 <li><a href="/sustainability/management/basics/" data-gtm-label="click_hmenu_sustainability">LIFULLã°ã«ã¼ãã®ãµã¹ããããªãã£çµå¶</a></li> 257 <li><a href="/sustainability/management/materiality/" data-gtm-label="click_hmenu_sustainability">ãµã¹ããããªãã£èª²é¡</a></li> 258 <li><a href="/sustainability/management/stakeholder-engagement/" data-gtm-label="click_hmenu_sustainability">ã¹ãã¼ã¯ãã«ãã¼ã¨ã³ã²ã¼ã¸ã¡ã³ã</a></li> 259 <li><a href="/sustainability/management/value-creation-process/" data-gtm-label="click_hmenu_sustainability">価å¤åµé ããã»ã¹</a></li> 260 </ul> 261 </li> 262 <li class="modListPage__lowerPage__item"> 263 <span>LIFULLã°ã«ã¼ãã®åçµã¿</span> 264 <div class="wrapper"> 265 <ul> 266 <li><a href="/sustainability/environment/" data-gtm-label="click_hmenu_sustainability">ç°å¢</a></li> 267 <li> 268 <a href="/sustainability/people/" data-gtm-label="click_hmenu_sustainability">人æ</a> 269 <ul> 270 <li><a href="/sustainability/people/corporate-culture/" data-gtm-label="click_hmenu_sustainability">çµå¶ç念ã®å®ç¾ã¨ä¼æ¥æå</a></li> 271 <li><a href="/sustainability/people/individual/" data-gtm-label="click_hmenu_sustainability">å人ã¸ã®æè³</a></li> 272 <li><a href="/sustainability/people/team/" data-gtm-label="click_hmenu_sustainability">ãã¼ã ã¸ã®æè³</a></li> 273 </ul> 274 </li> 275 <li><a href="/sustainability/humanrights/" data-gtm-label="click_hmenu_sustainability">人権ã®å°é</a></li> 276 </ul> 277 <ul> 278 <li><a href="/sustainability/governance/" data-gtm-label="click_hmenu_sustainability">ã³ã¼ãã¬ã¼ãã¬ããã³ã¹</a></li> 279 <li><a href="/sustainability/compliance/" data-gtm-label="click_hmenu_sustainability">ã³ã³ãã©ã¤ã¢ã³ã¹ï¼ä¼æ¥å«çï¼</a></li> 280 <li><a href="/sustainability/local-community/" data-gtm-label="click_hmenu_sustainability">å°åã»ç¤¾ä¼è²¢ç®</a></li> 281 <li><a href="/sustainability/safety/" data-gtm-label="click_hmenu_sustainability">å®å¿ã«åããåçµã¿</a></li> 282 <li><a href="/sustainability/technology/" data-gtm-label="click_hmenu_sustainability">ãã¯ããã¸ã¼ã®æ´»ç¨</a></li> 283 </ul> 284 </div> 285 </li> 286 <!-- <li class="modListPage__lowerPage__item"><a href="/sustainability/safety/">å®å¿ã«åããåçµã¿</a></li> 287 <li class="modListPage__lowerPage__item"><a href="/sustainability/technology/">ãã¯ããã¸ã¼ã®æ´»ç¨</a></li> --> 288 <li class="modListPage__lowerPage__item"><a href="/sustainability/esgdata/" data-gtm-label="click_hmenu_sustainability">ESGãã¼ã¿é</a></li> 289 </ul> 290 </div> 291 </div> 292 </div> 293 </div> 294 </li> 295 </ul> 296 297 </div> 298 </div> 299 </header> 300 <div class="headerBack js-headerBack"></div> 301 <main class="main main--brandTop"> 302 303<div class="modBreadCrumbs"> 304 <ul class="modBreadCrumbs__list"> 305 <li class="modBreadCrumbs__list__item"> 306 <a href="https://lifull.com">TOP</a> </li> 307 <li class="modBreadCrumbs__list__item"> 308 ç§ãã¡ã«ã¤ã㦠</li> 309 </ul> 310</div> 311 <div class="modHeadingPage modHeadingPage--bgImg modHeadingPage--brandTop" > 312 <h1 class="modHeadingPage__title"><span>ç§ãã¡ã«ã¤ãã¦</span></h1> 313 <div class="modHeadingPage__image" ><img src="https://lifull.com/wp-content/themes/lifull/assets/img/brand/img_susTop_h1bg.png" alt="" loading="eager" width="1440" height="360"></div> 314 </div> 315<div class="modPageLead"> 316 <p>LIFULLã¯ããããããLIFEããFULLã«ããã¨ããã³ã¼ãã¬ã¼ãã¡ãã»ã¼ã¸ã®ãã¨ã人ã ã®æ®ããã人çã«é¢ãããã¾ãã¾ãªç¤¾ä¼èª²é¡ã«åãåã伿¥ã§ãã<br>LIFULLãã©ã®ãããªèãæ¹ãæã£ã¦ããã®ãããã®å ¨ä½åããç´¹ä»ãã¾ãã</p> 317</div> 318 319<section class="cpMsg brandMsg"> 320 <div class="cpMsg__bg areaLT"> 321 <div class="cpMsg__bg_in"> 322 <div class="cpMsg__bg_imgs"> 323 <div class="cpMsg__bg_imgs_in"> 324 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_
3240000.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 325 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0001.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 326 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0002.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 327 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0003.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 328 </div> 329 </div> 330 </div> 331 </div> 332 <div class="cpMsg__bg areaRT"> 333 <div class="cpMsg__bg_in"> 334 <div class="cpMsg__bg_imgs"> 335 <div class="cpMsg__bg_imgs_in"> 336 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0004.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 337 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0005.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 338 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0006.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 339 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0007.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 340 </div> 341 </div> 342 </div> 343 </div> 344 <div class="cpMsg__bg areaLB"> 345 <div class="cpMsg__bg_in"> 346 <div class="cpMsg__bg_imgs"> 347 <div class="cpMsg__bg_imgs_in"> 348 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0008.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 349 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0009.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 350 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0010.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 351 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0011.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 352 </div> 353 </div> 354 </div> 355 </div> 356 <div class="cpMsg__bg areaRB"> 357 <div class="cpMsg__bg_in"> 358 <div class="cpMsg__bg_imgs"> 359 <div class="cpMsg__bg_imgs_in"> 360 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0012.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 361 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0013.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 362 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0014.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 363 <img decoding="async" loading="lazy" src="/wp-content/themes/lifull/assets/img/top/msg/TOP-Mes_trim_0015.png" class="cpMsg__bg_imgs_img" width="320" height="160" alt=""> 364 </div> 365 </div> 366 </div> 367 </div> 368 369 <h2 class="brandMsg__title"><span> 370 <img decoding="async" class="brandMsg__title_img pc" src="/wp-content/themes/lifull/assets/img/brand/msg_text.svg" loading="lazy" width="691" height="45" alt="ããããLIFEããFULLã«ã"> 371 <img decoding="async" class="brandMsg__title_img tabsp" src="/wp-content/themes/lifull/assets/img/brand/msg_text_sp.svg" loading="lazy" width="213" height="65" alt="ããããLIFEããFULLã«ã"> 372 </span></h2> 373 374 <div class="brandMsg__body"> 375 <p>èªåãããçããã£ã¦ããªãã ããã<br>èªåã«ã¨ã£ã¦ã®å¹¸ãã£ã¦ããªãã ããã</p> 376 <p>LIFULLãè¦ã¤ãã¦ãããã®ã<br>ããã¯ããã®ä¸çã«æ®ããä¸äººã²ã¨ãã§ãã</p> 377 <p>åäººãæ±ãã課é¡ããã<br>ãã®å ã«ããä¸ã®ä¸ã®èª²é¡ã¾ã§ã<br>å®å¿ã¨åã³ããã¾ããã社ä¼èª²é¡ãã<br>è¦ç¹ãå¤ããçºæ³ã§è§£æ±ºãã¦ããã</p> 378 <p>ãã¹ã¦ã¯ãä¸çä¸ã®ãããããLIFEããã<br>å®å¿ã¨åã³ã§ãFULLãã«ããããã«ã</p> 379 <p>ããããLIFEããFULLã«ã</p> 380 </div> 381 382</section> 383 384<section class="brandCard brandCard--soul"> 385 <div class="brandCard__deco"> 386 <span class="brandCard__deco_plate"></span> 387 <div class="brandCard__deco_photos"> 388 <img decoding="async" src="/wp-content/themes/lifull/assets/img/brand/img_soul.png" loading="lazy" width="1080" height="540" alt=""> 389 </div> 390 </div> 391 <div class="brandCard__body"> 392 <h2 class="brandCard__title">ç§ãã¡ã®æ³ã</h2> 393 <p class="brandCard__text">LIFULLã¯ããããããLIFEããFULLã«ããã¨ããè¨èã«ã<br>ä¸çä¸ã®ãããã人ã ã®æ®ããã人çãå®å¿ã¨åã³ã§<br>æºããã¦ããã¨ããæ³ããè¾¼ãã¦ãã¾ãã</p> 394 <p class="brandCard__btn"><a href="/brand/message/" class="modBtnWhite" data-gtm-label="click_brand_message">詳ããè¦ã</a></p> 395 </div> 396</section> 397 398<section class="brandCard brandCard--philosophy"> 399 <div class="brandCard__deco"> 400 <span class="brandCard__deco_plate"></span> 401 <div class="brandCard__deco_photos"> 402 <img decoding="async" src="/wp-content/themes/lifull/assets/img/brand/img_philosophy.png" loading="lazy" width="1080" height="608" alt=""> 403 </div> 404 </div> 405 <div class="brandCard__body"> 406 <h2 class="brandCard__title">伿¥ç念</h2> 407 <p class="brandCard__text">LIFULLã§ã¯ãå©ä»ä¸»ç¾©ããåºç¤ã¨ãã伿¥ç念ãå®ãã<br>äºæ¥ãæææ±ºå®ã®å¤æåºæºã¨ãã¦ãã¾ãã</p> 408 <p class="brandCard__btn"><a href="/brand/philosophy/" class="modBtnWhite" data-gtm-label="click_brand_philosophy">詳ããè¦ã</a></p> 409 </div> 410</section> 411 412 <section class="topSv brandSv"> 413 <div class="topSv__title modSection"> 414 <h2 class="modHeadingSection">LIFEãFULLã«ããäºæ¥</h2>
415 </div> 416 <div class="topSv__cont"> 417 <div class="topSv__cont_list"> 418 <div class="topSv__cont_list_in"> 419 <div class="topSv__cont_list_item"> 420 <a href="https://lifull.com/service/#srv_homes" data-gtm-label="click_brand_service"> 421 <div class="topSv__cont_list_item_img img_only"> 422 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLHOMES-1.png.webp" width="768" height="512" alt="LIFULL HOME'S"> </div> 423 </a> 424 </div> 425 <div class="topSv__cont_list_item"> 426 <a href="https://lifull.com/service/#srv_local" data-gtm-label="click_brand_service"> 427 <div class="topSv__cont_list_item_img img_only"> 428 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLChiho-sousei.png.webp" width="768" height="512" alt="LIFULL å°æ¹åµç"> </div> 429 </a> 430 </div> 431 <div class="topSv__cont_list_item"> 432 <a href="https://lifull.com/service/#srv_kaigo" data-gtm-label="click_brand_service"> 433 <div class="topSv__cont_list_item_img img_only"> 434 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2025/12/LIFULLkaigo.png.webp" width="768" height="512" alt="LIFULL ä»è·"> </div> 435 </a> 436 </div> 437 <div class="topSv__cont_list_item"> 438 <a href="https://lifull.com/service/#srv_m-ihinseiri" data-gtm-label="click_brand_service"> 439 <div class="topSv__cont_list_item_img img_only"> 440 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/Minnano-ihin-seiri.png.webp" width="768" height="512" alt="ã¿ããªã®éºåæ´ç"> </div> 441 </a> 442 </div> 443 <div class="topSv__cont_list_item"> 444 <a href="https://lifull.com/service/#srv_kaimonoc" data-gtm-label="click_brand_service"> 445 <div class="topSv__cont_list_item_img img_only"> 446 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/Kaimono-connect.png.webp" width="768" height="512" alt="è²·ãç©ã³ãã¯ã"> </div> 447 </a> 448 </div> 449 <div class="topSv__cont_list_item"> 450 <a href="https://lifull.com/service/#srv_kenbiya" data-gtm-label="click_brand_service"> 451 <div class="topSv__cont_list_item_img img_only"> 452 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2025/12/Kenbiya.png.webp" width="768" height="512" alt="å¥ç¾å®¶"> </div> 453 </a> 454 </div> 455 <div class="topSv__cont_list_item"> 456 <a href="https://lifull.com/service/#srv_investment" data-gtm-label="click_brand_service"> 457 <div class="topSv__cont_list_item_img img_only"> 458 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLInvestment.png.webp" width="768" height="512" alt="LIFULL Investment"> </div> 459 </a> 460 </div> 461 <div class="topSv__cont_list_item"> 462 <a href="https://lifull.com/service/#srv_recrowdfunding" data-gtm-label="click_brand_service"> 463 <div class="topSv__cont_list_item_img img_only"> 464 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLFudousanCrowdFunding.png.webp" width="768" height="512" alt="LIFULL ä¸åç£ã¯ã©ã¦ããã¡ã³ãã£ã³ã°"> </div> 465 </a> 466 </div> 467 <div class="topSv__cont_list_item"> 468 <a href="https://lifull.com/service/#srv_stay" data-gtm-label="click_brand_service"> 469 <div class="topSv__cont_list_item_img img_only"> 470 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2026/02/LIFULLStay.jpg.webp" width="768" height="512" alt="LIFULL STAY"> </div> 471 </a> 472 </div> 473 <div class="topSv__cont_list_item"> 474 <a href="https://lifull.com/service/#srv_fam" data-gtm-label="click_brand_service"> 475 <div class="topSv__cont_list_item_img img_only"> 476 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLFaM.png.
476webp" width="768" height="512" alt="LIFULL FaM"> </div> 477 </a> 478 </div> 479 <div class="topSv__cont_list_item"> 480 <a href="https://lifull.com/service/#srv_hikkoshi" data-gtm-label="click_brand_service"> 481 <div class="topSv__cont_list_item_img img_only"> 482 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLHikkoshi.png.webp" width="768" height="512" alt="LIFULL å¼è¶ã"> </div> 483 </a> 484 </div> 485 <div class="topSv__cont_list_item"> 486 <a href="https://lifull.com/service/#srv_leadership" data-gtm-label="click_brand_service"> 487 <div class="topSv__cont_list_item_img img_only"> 488 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLLeadership.png.webp" width="768" height="512" alt="LIFULL Leadership"> </div> 489 </a> 490 </div> 491 <div class="topSv__cont_list_item"> 492 <a href="https://lifull.com/service/#srv_instant-house" data-gtm-label="click_brand_service"> 493 <div class="topSv__cont_list_item_img img_only"> 494 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/InstantHouse.png.webp" width="768" height="512" alt="Instant House"> </div> 495 </a> 496 </div> 497 <div class="topSv__cont_list_item"> 498 <a href="https://lifull.com/service/#srv_lac" data-gtm-label="click_brand_service"> 499 <div class="topSv__cont_list_item_img img_only"> 500 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LAC.png.webp" width="768" height="512" alt="LivingAnywhere Commons"> </div> 501 </a> 502 </div> 503 <div class="topSv__cont_list_item"> 504 <a href="https://lifull.com/service/#srv_fam-partners" data-gtm-label="click_brand_service"> 505 <div class="topSv__cont_list_item_img img_only"> 506 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2025/04/img_company_group_LIFULL_FaM-Partners.png.webp" width="768" height="512" alt="LIFULL FaM Partners"> </div> 507 </a> 508 </div> 509 <div class="topSv__cont_list_item"> 510 <a href="https://lifull.com/service/#srv_hub" data-gtm-label="click_brand_service"> 511 <div class="topSv__cont_list_item_img img_only"> 512 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLHUB.png.webp" width="768" height="512" alt="LIFULL HUB"> </div> 513 </a> 514 </div> 515 <div class="topSv__cont_list_item"> 516 <a href="https://lifull.com/service/#srv_fab" data-gtm-label="click_brand_service"> 517 <div class="topSv__cont_list_item_img img_only"> 518 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLFab.png.webp" width="768" height="512" alt="LIFULL Fab"> </div> 519 </a> 520 </div> 521 <div class="topSv__cont_list_item"> 522 <a href="https://lifull.com/service/#srv_table" data-gtm-label="click_brand_service"> 523 <div class="topSv__cont_list_item_img img_only"> 524 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLTable.png.webp" width="768" height="512" alt="LIFULL Table"> </div> 525 </a> 526 </div> 527 <div class="topSv__cont_list_item"> 528 <a href="https://lifull.com/service/#srv_tech-vn" data-gtm-label="click_brand_service"> 529 <div class="topSv__cont_list_item_img img_only"> 530 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLTechVietnam.png.webp" width="768" height="512" alt="LIFULL Tech Vietnam"> </div> 531 </a> 532 </div> 533 <div class="topSv__cont_list_item"> 534 <a href="https://lifull.com/service/#srv_tech-my" data-gtm-label="click_brand_service"> 535 <div class="topSv__cont_list_item_img img_only"> 536 <img decoding="async" loading="lazy" class="" src="https://lifull.com/doc/2024/09/LIFULLTechMalaysia.png.webp" width="768" height="512" alt="LIFULL Tech Malaysia"> </div> 537 </a> 538 </div> 539 </div> 540 <div class="topSv__cont_list_head modSection"></div> 541 </div> 542 <div class="brandSv__foot modSection"> 543 <p class="brandSv__lead">LIFULLã®æä¾ãããµã¼ãã¹ã¯ããã¹ã¦ã伿¥ç念ã®å®ç¾ã«åãã¦è¨è¨ããã¦ãã¾ãã</p> 544 <a href="https://lifull.com/service/" class="modBtnWhite" data-gtm-label="click_brand_service">詳ããè¦ã</a> 545 </div>
546 </div> 547 </section> 548</main> 549 550<div class="modListPage"> 551 <div class="modListPage__inner"> 552 <p class="modListPage__mainLink"><a href="/brand/" data-gtm-label="click_limenu_brand">ç§ãã¡ã«ã¤ãã¦<i class="modIconCircleArrow"></i></a></p> 553 <ul class="modListPage__lowerPage"> 554 <li class="modListPage__lowerPage__item"><a href="/brand/philosophy/" data-gtm-label="click_limenu_brand">伿¥ç念</a></li> 555 <li class="modListPage__lowerPage__item"><a href="/brand/message/" data-gtm-label="click_limenu_brand">ç§ãã¡ã®æ³ã</a></li> 556 <li class="modListPage__lowerPage__item"><a href="/brand/story/" data-gtm-label="click_limenu_brand">LIFEã«åãåãLIFULL</a></li> 557 <li class="modListPage__lowerPage__item"><a href="/brand/numbers-lifull/" data-gtm-label="click_limenu_brand">æ°åã§è¦ãLIFULL</a></li> 558 <li class="modListPage__lowerPage__item"><a href="/brand/agenda/" data-gtm-label="click_limenu_brand">LIFULLã¢ã¸ã§ã³ã</a></li> 559 <li class="modListPage__lowerPage__item"><a href="/brand/media/" data-gtm-label="click_limenu_brand">ã¡ãã£ã¢ã»æ²è¼æ å ±</a></li> 560 </ul> 561 </div> 562</div> 563 564<footer class="footer js-footer "> 565 <a href="#" class="footer__top__pageTop jsPagetop "> 566 <span>TOP</span> 567 </a> 568 <div class="footer__top"> 569 <div class="footer__top__inner"> 570 <div class="footer__top__data"> 571 <div class="logo"> 572 <a href="https://lifull.com">æ ªå¼ä¼ç¤¾LIFULL</a> 573 </div> 574 <ul class="sns"> 575 <li><a href="https://corp.lifull.com/" target="_blank" data-gtm-label="click_fmenu_share"><img src="https://lifull.com/wp-content/themes/lifull/assets/img/common/icon_note.svg" alt="note" loading="lazy" width="26" height="26"></a></li> 576 <li><a href="https://twitter.com/LIFULL_Corp" target="_blank" data-gtm-label="click_fmenu_share"><img src="https://lifull.com/wp-content/themes/lifull/assets/img/common/icon_x.svg" alt="x" loading="lazy" width="26" height="26"></a></li> 577 <li><a href="https://www.facebook.com/LIFULLcorp/" target="_blank" data-gtm-label="click_fmenu_share"><img src="https://lifull.com/wp-content/themes/lifull/assets/img/common/icon_facebook.svg" alt="facebook" loading="lazy" width="26" height="26"></a></li> 578 <li><a href="https://www.youtube.com/@LIFULL" target="_blank" data-gtm-label="click_fmenu_share"><img src="https://lifull.com/wp-content/themes/lifull/assets/img/common/icon_youtube.svg" alt="youtube" loading="lazy" width="26" height="18"></a></li> 579 </ul> 580 </div> 581 <ul class="footer__top__mainMenu"> 582 <li class="item item--subMenu item--brand"> 583 <button type="button" class="jsAccordionSp" aria-expanded="false" aria-controls="footer-sub-brand"> 584 <a href="/brand/" class="modBpPc">ç§ãã¡ã«ã¤ãã¦</a> 585 <span class="modBpSp">ç§ãã¡ã«ã¤ãã¦</span> 586 </button> 587 <ul id="footer-sub-brand" class="item__subMenu"> 588 <li><a href="/brand/philosophy/" data-gtm-label="click_fmenu_brand">伿¥ç念</a></li> 589 <li><a href="/brand/message/" data-gtm-label="click_fmenu_brand">ç§ãã¡ã®æ³ã</a></li> 590 <li><a href="/brand/story/" data-gtm-label="click_fmenu_brand">LIFEã«åãåãLIFULL</a></li> 591 <li><a href="/brand/numbers-lifull/" data-gtm-label="click_fmenu_brand">æ°åã§è¦ãLIFULL</a></li> 592 <li><a href="/brand/agenda/" data-gtm-label="click_fmenu_brand">LIFULLã¢ã¸ã§ã³ã</a></li> 593 <li> 594 <a href="/brand/media/" data-gtm-label="click_fmenu_brand">ã¡ãã£ã¢ã»æ²è¼æ å ±</a> 595 <ul> 596 <li><a href="/brand/media/official/" data-gtm-label="click_fmenu_brand">å ¬å¼ã¡ãã£ã¢ä¸è¦§</a></li> 597 <li class="indent"><a href="/brand/media/official/guidelines/" data-gtm-label="click_fmenu_brand">ã½ã¼ã·ã£ã«ã¡ãã£ã¢ã¬ã¤ãã©ã¤ã³</a></li> 598 <li><a href="/brand/media/cm/" data-gtm-label="click_fmenu_brand">CMã®ã£ã©ãªã¼</a></li> 599 <li><a href="/brand/media/record/" data-gtm-label="click_fmenu_brand">ã¡ãã£ã¢æ²è¼å±¥æ´</a></li> 600 </ul> 601 </li> 602 </ul> 603 </li> 604 <li class="item item--subMenu item--company"> 605 <button type="button" class="jsAccordionSp" aria-expanded="false" aria-controls="footer-sub-company">伿¥æ å ±</button> 606 <ul id="footer-sub-company" class="item__subMenu"> 607 <li> 608 <a href="/company/message/" data-gtm-label="click_fmenu_company">ãããã¡ãã»ã¼ã¸</a> 609 <ul> 610 <li><a href="/company/message/archive/" data-gtm-label="click_fmenu_company">éå»ã®ã¡ãã»ã¼ã¸</a></li> 611 </ul> 612 </li> 613 <li><a href="/company/about/" data-gtm-label="click_fmenu_company">ä¼ç¤¾æ¦è¦</a></li> 614 <li><a href="/company/executives/" data-gtm-label="click_fmenu_company">çµå¶é£ä¸è¦§</a></li> 615 <li><a href="/company/history/" data-gtm-label="click_fmenu_company">沿é©</a></li> 616 <li><a href="/company/group/" data-gtm-label="click_fmenu_company">ã°ã«ã¼ãä¼ç¤¾ã»ãã®ä»é¢é£ä¼ç¤¾ä¸è¦§</a></li> 617 <li><a href="/company/access/" data-gtm-label="click_fmenu_company">æ¬ç¤¾ã»æ¯åºã»å¶æ¥æ</a></li> 618 </ul> 619 </li> 620 <li class="item item--service"><a href="/service/" data-gtm-label="click_fmenu_service">ãµã¼ãã¹</a></li> 621 <li class="item item--subMenu item--ir"> 622 <button type="button" class="jsAccordionSp" aria-expanded="false" aria-controls="footer-sub-ir"> 623 <a href="/ir/" class="modBpPc">æè³å®¶æ å ±</a> 624 <span class="modBpSp">æè³å®¶æ å ±</span> 625 </button> 626 <ul id="footer-sub-ir" class="item__subMenu"> 627 <li><a href="/ir/highlights/" data-gtm-label="click_fmenu_ir">財åãã¤ã©ã¤ã</a></li> 628 <li> 629 <a href="/ir/ir-data/" data-gtm-label="click_fmenu_ir">IRè³æå®¤</a> 630 <ul> 631 <li><a href="/ir/ir-data/others/" data-gtm-label="click_fmenu_ir">決ç®ã»ãã®ä»è³æ</a></li> 632 <li><a href="/ir/ir-data/meeting/" data-gtm-label="click_fmenu_ir">æ ªä¸»ç·ä¼</a></li> 633 <li><a href="/ir/ir-data/annual-report/" data-gtm-label="click_fmenu_ir">ã¢ãã¥ã¢ã«ã¬ãã¼ã</a></li> 634 </ul> 635 </li> 636 <li><a href="/ir/stockbond-information/ir-stock/" data-gtm-label="click_fmenu_ir">æ ªå¼åºæ¬æ å ±</a></li> 637 <li><a href="/ir/stockbond-information/stockquote/" data-gtm-label="click_fmenu_ir">æ ªä¾¡æ å ±</a></li> 638 <li>
638<a href="/ir/stockbond-information/shareholder-returns/" data-gtm-label="click_fmenu_ir">æ ªä¸»éå ã«ã¤ãã¦</a></li> 639 <li><a href="/ir/business/mid-term/" data-gtm-label="click_fmenu_ir">䏿çµå¶è¨ç»</a></li> 640 <li><a href="/ir/business/business/" data-gtm-label="click_fmenu_ir">äºæ¥æ¦æ³</a></li> 641 <li><a href="/ir/business/risk/" data-gtm-label="click_fmenu_ir">äºæ¥çã®ãªã¹ã¯</a></li> 642 <li><a href="/ir/onepage-lifull/" data-gtm-label="click_fmenu_ir">1ãã¼ã¸ã§ãããLIFULL</a></li> 643 <li><a href="/ir/ir-calendar/" data-gtm-label="click_fmenu_ir">IRã«ã¬ã³ãã¼</a></li> 644 <li><a href="https://f.msgs.jp/webapp/wish/org/showEnquete.do?enqueteid=15&clientid=13425&databaseid=jwt" target="_blank" rel="nofollow noopener noreferrer" data-gtm-label="click_fmenu_ir">IRã«é¢ãããååã</a></li> 645 </ul> 646 </li> 647 <li class="item item--subMenu item--news"> 648 <button type="button" class="jsAccordionSp" aria-expanded="false" aria-controls="footer-sub-news"> 649 <a href="https://lifull.com/news/" class="modBpPc">ãã¥ã¼ã¹ï¼ä¸è¦§ï¼</a> 650 <span class="modBpSp">ãã¥ã¼ã¹ï¼ä¸è¦§ï¼</span> 651 </button> 652 <ul id="footer-sub-news" class="item__subMenu"> 653 <li><a href="/news/" data-gtm-label="click_fmenu_news">ãã¬ã¹ãªãªã¼ã¹</a></li> 654 <li><a href="/ir-news/" data-gtm-label="click_fmenu_news">IRãã¥ã¼ã¹</a></li> 655 </ul> 656 </li> 657 <li class="item item--subMenu item--sustainability"> 658 <button type="button" class="jsAccordionSp" aria-expanded="false" aria-controls="footer-sub-sustainability"> 659 <a href="/sustainability/" class="modBpPc">ãµã¹ããããªãã£</a> 660 <span class="modBpSp">ãµã¹ããããªãã£</span> 661 </button> 662 <div id="footer-sub-sustainability" class="item__subMenu__wrapper"> 663 <ul class="item__subMenu"> 664 <li><a href="/sustainability/management/basics/" data-gtm-label="click_fmenu_sustainability">LIFULLã°ã«ã¼ãã®ãµã¹ããããªãã£çµå¶</a></li> 665 <li><a href="/sustainability/management/materiality/" data-gtm-label="click_fmenu_sustainability">ãµã¹ããããªãã£èª²é¡</a></li> 666 <li><a href="/sustainability/management/stakeholder-engagement/" data-gtm-label="click_fmenu_sustainability">ã¹ãã¼ã¯ãã«ãã¼ã¨ã³ã²ã¼ã¸ã¡ã³ã</a></li> 667 <li><a href="/sustainability/management/value-creation-process/" data-gtm-label="click_fmenu_sustainability">価å¤åµé ããã»ã¹</a></li> 668 <li><a href="/sustainability/environment/" data-gtm-label="click_fmenu_sustainability">ç°å¢</a></li> 669 <li><a href="/sustainability/humanrights/" data-gtm-label="click_fmenu_sustainability">人権ã®å°é</a></li> 670 <li> 671 <a href="/sustainability/people/" data-gtm-label="click_fmenu_sustainability">人æ</a> 672 <ul> 673 <li><a href="/sustainability/people/corporate-culture/" data-gtm-label="click_fmenu_sustainability">çµå¶ç念ã®å®ç¾ã¨ä¼æ¥æå</a></li> 674 <li><a href="/sustainability/people/individual/" data-gtm-label="click_fmenu_sustainability">å人ã¸ã®æè³</a></li> 675 <li><a href="/sustainability/people/team/" data-gtm-label="click_fmenu_sustainability">ãã¼ã ã¸ã®æè³</a></li> 676 </ul> 677 </li> 678 </ul> 679 <ul class="item__subMenu"> 680 <li><a href="/sustainability/governance/" data-gtm-label="click_fmenu_sustainability">ã³ã¼ãã¬ã¼ãã¬ããã³ã¹</a></li> 681 <li><a href="/sustainability/compliance/" data-gtm-label="click_fmenu_sustainability">ã³ã³ãã©ã¤ã¢ã³ã¹ï¼ä¼æ¥å«çï¼</a></li> 682 <li><a href="/sustainability/local-community/" data-gtm-label="click_fmenu_sustainability">å°åã»ç¤¾ä¼è²¢ç®</a></li> 683 <li><a href="/sustainability/safety/" data-gtm-label="click_fmenu_sustainability">å®å¿ã«åããåçµã¿</a></li> 684 <li><a href="/sustainability/technology/" data-gtm-label="click_fmenu_sustainability">ãã¯ããã¸ã¼ã®æ´»ç¨</a></li> 685 <li><a href="/sustainability/esgdata/" data-gtm-label="click_fmenu_sustainability">ESGãã¼ã¿é</a></li> 686 </ul> 687 </div> 688 </li> 689 </ul> 690 </div> 691 </div> 692 <div class="footer__bottom"> 693 <div class="footer__bottom__inner"> 694 <ul class="footer__bottom__menu"> 695 <li><a href="/privacy/">ãã©ã¤ãã·ã¼ããªã·ã¼</a></li> 696 <li><a href="/guide/">ãµã¤ãã®ãå©ç¨ã«é¢ãã¦</a></li> 697 <li><a href="/sitemap/">ãµã¤ãããã</a></li> 698 <li><a href="/qualification/">å 責äºé </a></li> 699 <li><a href="/ask/">ãååã</a></li> 700 </ul> 701 <small class="footer__bottom__copyright">© LIFULL Co., Ltd.</small> 702 </div> 703 </div> 704</footer> 705</div> 706</body>
707<script type="speculationrules"> 708{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/lifull/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 709</script>
709 710</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.