PageSourceSearch

https://lifull.com/brand/

html lifull.com collected 2026-10-01 10:36:52 UTC 324,817 bytes, 710 lines download raw bytes

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 Pゴシック", "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 Pゴシック", "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 Pゴシック", "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 Pゴシック", "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 Pゴシック", "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 Pゴシック", "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">&copy; 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.