@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans+JP:wght@100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
/* =====
 * Reset
=================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, nav, section, article, aside, figure, figcaption, hgroup, footer, header, audio, video, canvas {margin:0; padding:0; border:0; outline:0; font-weight:500; font-style:inherit; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
body {line-height:1;}
ol, ul {list-style: none;}
a {display: block;text-decoration: none;}
table {border-collapse: separate; border-spacing:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:'' '';}
h1,h2,h3,h4,div,p,ul,li,a,span,p,th,td,section {font-size: 100%;font-weight: normal;box-sizing: border-box;}
/* =====
 * Parts
=================================================================== */
img {width: 100%;height: auto;display: block;}
#loading {width: 100%;height: 100%;background: #fff;position: fixed;top: 0;z-index: 10000;pointer-events: none;}
#loading svg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.load-blink-dot {animation: blink-dot 1.2s linear infinite;opacity: 0;}
@keyframes blink-dot {0% {opacity: 1;}100% {opacity: 0;}}
body.loaded #loading {opacity: 0;transition: 0.4s;}
body {font-size: 100%;line-height: 1.5;overflow-x: hidden;position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-feature-settings: "palt";}
body,a {color: var(--color-01);font-family: "Noto Sans JP", serif;}
:root {--color-01: #000;--color-02: #00355C;--color-03: #333;--color-04: #004271;--color-05: #262626;--color-06: #3C72AA;}
sup {font-size: 10px;}
.caption {font-size: 10px;}
.barlow {font-family: "Barlow Condensed",sans-serif;font-weight: 600;}
.robot {font-family: "Roboto Condensed", sans-serif;}
.btn {transition: 0.4s;}
.pc {display: block;}
.sp {display: none;}
.mw1600 {width: 90%;max-width: 1600px;margin: auto;}
.mw1500 {width: 90%;max-width: 1500px;margin: auto;}
.mw1480 {width: 90%;max-width: 1480px;margin: auto;}
.mw1400 {width: 90%;max-width: 1400px;margin: auto;}
.mw1300 {width: 90%;max-width: 1300px;margin: auto;}
.mw1280 {width: 90%;max-width: 1280px;margin: auto;}
.mw1200 {width: 90%;max-width: 1200px;margin: auto;}
.mw1100 {width: 90%;max-width: 1100px;margin: auto;}
.mw1000 {width: 90%;max-width: 1000px;margin: auto;}
.mw900 {width: 90%;max-width: 900px;margin: auto;}
.mw800 {width: 90%;max-width: 800px;margin: auto;}
.mw750 {width: 90%;max-width: 750px;margin: auto;}
.mw700 {width: 90%;max-width: 700px;margin: auto;}
.mw600 {width: 90%;max-width: 600px;margin: auto;}
.mw500 {width: 90%;max-width: 500px;margin: auto;}
.w1200 {max-width: 1200px;}
.w1100 {max-width: 1100px;}
.w1000 {max-width: 1000px;}
.w900 {max-width: 900px;}
.w800 {max-width: 800px;}
.w750 {max-width: 750px;}
.w700 {max-width: 700px;}
.w600 {max-width: 600px;}
.w500 {max-width: 500px;}
.ttl-style-01 img {width: auto;height: 10em;margin: -5px auto 0;}
.ttl-style-01 + p {font-size: 112.5%;line-height: 2;text-align: center;margin: 2em auto 0;width: 90%;}
.ttl-style-02 img {width: auto;height: 4em;margin: 0 auto;filter: brightness(0) invert(1);}
.btn-style-01 {color: #fff;text-align: center;font-weight: 600;letter-spacing: 0.1em;padding: 1.15em 0;width: 75vw;max-width: 16em;margin: 0 auto;border-radius: 4em;border: 1px solid #fff;position: relative;transition: 0.4s;}
.btn-style-01::before,
.btn-style-01::after {display: block;content: '';position: absolute;pointer-events: none;}
.btn-style-01::after {width: calc(2em - 10px);height: calc(2em - 10px);border: 1px solid #fff;border-radius: 50%;top: 50%;right: 18px;transform: translateY(-50%);}
.btn-style-01::before {border-style: solid;border-width: 4px 0 4px 7px;border-color: transparent transparent transparent #fff;top: 50%;right: 1.6em;transform: translateY(-50%);}
.btn-style-02 {font-size: 112.5%;color: var(--color-04);font-weight: 600;text-align: center;letter-spacing: 0.1em;padding: 1.15em 0;width: 75vw;max-width: 20em;margin: 3em auto 0;border-radius: 4em;border: 1px solid var(--color-04);box-sizing: border-box;transition: 0.4s;}
.billboard-style-01 {height: 20em;position: relative;}
.billboard-style-01 .container {position: absolute;top: 53%;left: 50%;transform: translate(-50%,-50%);}
.billboard-style-01 h2 {font-size: 137.5%;letter-spacing: 0.1em;text-align: center;}
.billboard-style-01 h2::before {display: inline-block;content: '';width: 2em;height: 5em;margin-right: 1.5em;transform: translateY(43%);filter: brightness(0);}
.billboard-style-02 .container {position: relative;}
.billboard-style-02 .container::after {display: block;content: '';width: 100%;height: 60%;background: linear-gradient(to top,rgba(0,0,0,0.6),transparent);position: absolute;left: 0;right: 0;bottom: 0;z-index: 99;}
.billboard-style-02 .container > div {color: #fff;margin: 0 auto;position: absolute;left: 0;right: 0;bottom: 2em;z-index: 100;}
.billboard-style-02 .container > div h2 {font-size: 237.5%;font-weight: 600;}
.billboard-style-02 .container > div p {margin-top: 0.5em;}
.billboard-style-02 .container > div p span:nth-child(1) {display: inline-block;font-weight: 600;letter-spacing: 0.1em;margin: 0 1em 0.5em 0;}
.billboard-style-02 .container > div p span:nth-child(2) {font-weight: 600;}
.billboard-style-02 .container > div p span:nth-child(2) {display: inline-block;color: #fff;font-size: 87.5%;font-weight: 600;text-align: center;letter-spacing: 0.1em;padding: 0.2em 0.5em 0.3em;min-width: 6em;background: #aaa;}
.list-style-01 {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 3em -1em 0;}
.list-style-01 figure {width: calc(50% - 2em);margin: 1em;}
/* =====
 * Main
=================================================================== */
#globalHeader {padding: 1em 2em;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;transition: 0.4s;}
#globalHeader .container {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#globalHeader h1 {max-width: 384px;}
#globalHeader nav {margin-top: 1em;}
#globalHeader nav ul {display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
#globalHeader nav ul li {text-align: center;}
#globalHeader nav ul li a {color: #014372;font-weight: 600;letter-spacing: 0.1em;padding: 0 2em;}
#globalHeader nav ul li:not(:last-child) a::after {display: none;content: attr(data-title);font-size: 70%;letter-spacing: 0.2em;}
#globalHeader nav ul li:last-child {margin-left: 2em;border: 1px solid #014372;border-radius: 3em;transition: 0.4s;}
#globalHeader nav ul li:last-child a {font-weight: 700;letter-spacing: 0.1em;padding: 0.35em 2em 0.5em;}
#globalHeader nav ul li:last-child a::before {display: inline-block;content: '';width: 1.1em;height: 1.1em;margin-right: 0.5em;background: url("../img/common/icon01.svg")no-repeat center/contain;vertical-align: middle;}

/* invert */
body#profitdetail #globalHeader,
body#top #globalHeader {background: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0.3),transparent);}
body#profitdetail #globalHeader nav ul li a,
body#top #globalHeader nav ul li a {color: #fff;}
body#profitdetail #globalHeader nav ul li:last-child,
body#top #globalHeader nav ul li:last-child {border-color: #fff;}
body#profitdetail #globalHeader nav ul li:last-child a::before,
body#top #globalHeader nav ul li:last-child a::before {filter: brightness(0) invert(1);}
/* invert end */

/* scrolled */
body.scrolled #globalHeader {background: rgba(0,0,0,1) !important;transition: 0.4s;}
body#profit.scrolled #globalHeader nav ul li a {color: #fff;transition: 0.4s;}
body#profit.scrolled #globalHeader nav ul li:last-child {border-color: #fff;}
body#profit.scrolled #globalHeader nav ul li:last-child a::before {filter: brightness(0) invert(1);}
/* scrolled end */

body#profit #billboard::after {display: block;content: '';width: 100%;height: 40em;pointer-events: none;background: linear-gradient(to bottom,#e5eef4,#fff);position: fixed;top: 0;left: 0;right: 0;z-index: -1;}
#contents {padding: 3em 0;}
#search {padding: 3em 4em 4em;background: var(--color-03);position: relative;z-index: 100;}
#search .container {max-width: 1280px;margin: 3em auto 0;}
#search .container h2 {color: #fff;font-size: 150%;font-weight: 600;text-align: center;letter-spacing: 0.1em;}
#search .container ul {display: flex;flex-wrap: wrap;justify-content: flex-start;margin: 0.5em -0.75em 0;}
#search .container ul li {width: calc(25% - 1.5em);margin: 0.75em;position: relative;}
#search .container ul li a {color: #fff;font-size: 112.5%;text-align: center;transition: 0.4s;}
#search .container:nth-of-type(1) ul li a {padding: 0.75em 0;border-radius: 2em;background: var(--color-05);transition: 0.4s;}
#search .container:nth-of-type(1) ul li a span {display: inline-block;color: #fff;font-weight: 600;text-align: center;min-width: 1.5em;margin-left: 0.5em;background: #000;border-radius: 1.5em;}
#search .container:nth-of-type(2) ul li {}
#search .container:nth-of-type(2) ul li a {padding: 100% 0 0;border-radius: 0.75em;overflow: hidden;position: relative;transition: 0.4s;}
#search .container:nth-of-type(2) ul li a::after {display: block;content: '';width: 100%;height: 100%;background: rgba(51,51,51,0.27);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);transition: 0.4s;}
#search .container:nth-of-type(2) ul li:nth-child(1) a {background: url("../img/top/top_img23_pc.webp")no-repeat center/140%;}
#search .container:nth-of-type(2) ul li:nth-child(2) a {background: url("../img/top/top_img26_pc.webp")no-repeat center/140%;}
#search .container:nth-of-type(2) ul li:nth-child(3) a {background: url("../img/top/top_img27_pc.webp")no-repeat center/140%;}
#search .container:nth-of-type(2) ul li:nth-child(4) a {background: url("../img/top/top_img22_pc.webp")no-repeat center/140%;}
#search .container:nth-of-type(2) ul li:nth-child(5) a {background: url("../img/top/top_img21_pc.webp")no-repeat center/140%;}
#search .container:nth-of-type(2) ul li:nth-child(6) a {background: url("../img/top/top_img24_pc.webp")no-repeat center/140%;}
#search .container:nth-of-type(2) ul li:nth-child(7) a {background: url("../img/top/top_img25_pc.webp")no-repeat center/140%;}
#search .container:nth-of-type(2) ul li a span {font-weight: 600;white-space: nowrap;letter-spacing: 0.1em;position:absolute;top: 50%;left: 50%;z-index: 100;transform: translate(-50%,-50%);}
#works {padding: 0;overflow-x: hidden;}
#works .swiper-container-works {margin: 6em 0 7em;position: relative;}
#works .swiper-container-works ul li {margin-bottom: 4em;border-radius: 0.7em;position: relative;overflow: hidden;transition: 1.0s;}
#works .swiper-container-works ul li.swiper-slide-active {transform: scale(1.1,1.1);transition: 1.0s;}
#works .swiper-container-works ul li::after {display: block;content: '';width: 100%;height: 100%;background: linear-gradient(to bottom, transparent, transparent, rgba(0, 0, 0, 0.4));position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 1;pointer-events: none;}
#works .swiper-container-works ul li a {pointer-events: none;}
#works .swiper-container-works ul li div {padding: 1em;position: absolute;left: 0;right: 0;bottom: 0;z-index: 100;}
.figure-style-01 {position: relative;}
.figure-style-01 figcaption,
#works .swiper-container-works ul li p:nth-of-type(1) {letter-spacing: -0.4em;}
.figure-style-01 figcaption span,
#works .swiper-container-works ul li p:nth-of-type(1) span {display: inline-block;color: #fff;font-size: 87.5%;font-weight: 600;text-align: center;letter-spacing: 0;padding: 0.2em 0.5em 0.3em;min-width: 6em;background: #aaa;}
.figure-style-01 figcaption {letter-spacing: -0.4em; position: absolute;left: 1em;bottom: -0.6em;}
.billboard-style-02 .container > div p span:nth-child(2).rent,
.figure-style-01 figcaption.rent span,
#works .swiper-container-works ul li p:nth-of-type(1).rent span {background: #258a83;}
.billboard-style-02 .container > div p span:nth-child(2).dormitory,
.figure-style-01 figcaption.dormitory span,
#works .swiper-container-works ul li p:nth-of-type(1).dormitory span {background: #00a7db;}
.billboard-style-02 .container > div p span:nth-child(2).store,
.figure-style-01 figcaption.store span,
#works .swiper-container-works ul li p:nth-of-type(1).store span {background: #dda01e;}
.billboard-style-02 .container > div p span:nth-child(2).office,
.figure-style-01 figcaption.office span,
#works .swiper-container-works ul li p:nth-of-type(1).office span {background: #6b84a9;}
.billboard-style-02 .container > div p span:nth-child(2).hotel,
.figure-style-01 figcaption.hotel span,
#works .swiper-container-works ul li p:nth-of-type(1).hotel span {background: #3e4756;}
.billboard-style-02 .container > div p span:nth-child(2).health,
.figure-style-01 figcaption.health span,
#works .swiper-container-works ul li p:nth-of-type(1).health span {background: #00c5cb;}
.billboard-style-02 .container > div p span:nth-child(2).renovation,
.figure-style-01 figcaption.renovation span,
#works .swiper-container-works ul li p:nth-of-type(1).renovation span {background: #5765c0;}
.billboard-style-02 .container > div p span:nth-child(2).estate,
.figure-style-01 figcaption.estate span,
#works .swiper-container-works ul li p:nth-of-type(1).estate span {background: #42a866;}
#works .swiper-container-works ul li p:nth-of-type(2) {color: #fff;font-weight: 600;margin-top: 0.5em;}
#works .swiper-container-works ul li p:nth-of-type(3) {color: #fff;font-size: 87.5%;margin-top: 0.25em;}
#works .swiper-container-works .swiper-button-next,
#works .swiper-container-works .swiper-button-prev {display: none;width: 3.5em;height: 3.5em;margin: 0 auto;top: calc(50% - 2em);left: 0;right: 0;border-radius: 50%;background: var(--color-02);transform: translateY(-50%);}
#works .swiper-container-works .swiper-button-next {text-indent: 0.25em;left: 66%;}
#works .swiper-container-works .swiper-button-prev {text-indent: -0.25em;right: 66%;}
#works .swiper-container-works .swiper-button-next:after,
#works .swiper-container-works .swiper-button-prev:after {color: #fff;font-size: 16px;}
#works > a {margin: 4em auto 0;}
#business {padding: 8em 0;background: url("../img/top/top_img70_pc.webp")no-repeat center/cover;}
#business .container {align-items: flex-end;color: #fff;margin-top: 3.5em;}
#business .container > div:nth-child(1) {}
#business .container > div:nth-child(1) p:nth-child(1) {font-size: 212.5%;font-weight: 600;line-height: 2;letter-spacing: 0.05em;}
#business .container > div:nth-child(1) p:nth-child(2) {font-size: 112.5%;font-weight: 600;line-height: 2.5;margin-top: 3em;}
#business .container > div:nth-child(2) {margin-top: 3em;}
#business .container > p {line-height: 2;width: 100%;max-width: 750px;margin-top: 5em;}
footer {padding: 5em 0;}
footer .container {text-align: center;}
footer .container > div:nth-child(1) h3 {width: 60%;max-width: 300px;margin: 0 auto;}
footer .container > div:nth-child(1) h3 + p {font-size: 150%;font-weight: 600;line-height: 1.75;margin-top: 2em;}
footer .container > div:nth-child(1) > a {color: #fff;font-size: 75%;text-align: center;font-weight: 600;letter-spacing: 0.1em;margin: 3.5em auto 0;padding: 1em 1.5em 1em 5.5em;max-width: 27em;border-radius: 3em;background: var(--color-04);position: relative;transition: 0.4s;}
footer .container > div:nth-child(1) > a::before {content: attr(data-title);font-size: 200%;letter-spacing: 0;vertical-align: sub;margin-right: 0.5em;}
footer .container > div:nth-child(1) > a::after {display: block;content: '';width: 1.5em;height: 1.5em;margin: 0 auto;background: url("../img/common/icon02.svg")no-repeat center/contain;position: absolute;top: 50%;left: 3.25em;transform: translateY(-50%);filter: brightness(0) invert(1);}



footer .container > div:nth-child(2) {display: flex;flex-wrap: wrap;justify-content: center;align-items: end;margin: 5em auto 0;padding: 0;max-width: 1000px;}
footer .container > div:nth-child(2) a:nth-child(2),
footer .container > div:nth-child(2) a:nth-child(1) {width: 30%;border: 1px solid #cbcbcb;}
footer .container > div:nth-child(2) a:nth-child(2) {margin: 0 3%;}
footer .container > div:nth-child(2) a:nth-child(n + 3) {font-size: 87.5%;font-weight: 600;padding: 1em 0;}
footer .container > div:nth-child(2) a:nth-child(n + 4)::before {display: inline-block;content: '/';padding: 0 1em;}
footer .container > div:nth-child(3) .copy {font-size: 75%;margin-top: 7em;}
footer {position: relative;z-index: 100;}
@media only screen and (max-width: 1600px) {
}
@media only screen and (max-width: 1400px) {
  #works .swiper-container-works ul {font-size: 1.1vw;}
  #works .swiper-container-works .swiper-button-next {left: 31.5%;}
  #works .swiper-container-works .swiper-button-prev {right: 31.5%;}
}
@media only screen and (max-width: 1200px) {
  .billboard-style-01 h2 {}
  #search .container ul {margin: 0.5em -0.5em 0;}
  #search .container ul li {width: calc(33.33% - 1em);margin: 0.5em;}
  #business .container {display: block;width: 90%;}
  #business .container > div:nth-child(1) {width: 100%;}
  #business .container > div:nth-child(1) p:nth-child(1) {font-size: 175%;}
  #business .container > div:nth-child(1) p:nth-child(2) {margin-top: 2em;}
  #business .container > div:nth-child(2) {margin: 3em auto 0;width: 100%;}
  #business .container > p {text-align: left;margin-top: 8em;}
}
@media only screen and (max-width: 1000px) {
  #globalHeader h1 {width: 35%;}
}
@media only screen and (max-width: 860px) {
  footer .container > div:nth-child(2) a:nth-child(2),
  footer .container > div:nth-child(2) a:nth-child(1) {width: 48%;margin: 0 1% 2%;}
}
@media only screen and (min-width: 768px) and (max-width: 1000px) {
  #globalHeader {font-size: 1.5vw;}
}
@media only screen and (min-width: 768px) {
  .btn:hover {opacity: 0.7;transition: 0.4s;}
  .btn-style-01:hover {color: var(--color-04);background: #fff;transition: 0.4s;}
  .btn-style-01:hover::after {border-color: var(--color-04);}
  .btn-style-01:hover::before {border-color: transparent transparent transparent var(--color-04);}  
  .btn-style-02:hover {color: #fff;background: var(--color-04);transition: 0.4s;}  
  #globalHeader nav ul li:last-child:hover {background: #fff;transition: 0.4s;}
  #globalHeader nav ul li:last-child:hover a {color: var(--color-04);}
  body#profitdetail #globalHeader nav ul li:last-child:hover a,
  body#top #globalHeader nav ul li:last-child:hover a {color: var(--color-04);}
  body#profitdetail #globalHeader nav ul li:last-child:hover a::before,
  body#top #globalHeader nav ul li:last-child:hover a::before {filter: none;}
  body#profit #globalHeader nav ul li:last-child:hover {background: #014372;transition: 0.4s;}
  body#profit #globalHeader nav ul li:last-child:hover a {color: #fff;}
  body#profit #globalHeader nav ul li:last-child:hover a::before {filter: brightness(0) invert(1);}
  body#profit.scrolled #globalHeader nav ul li:last-child:hover {background: #fff;transition: 0.4s;}
  body#profit.scrolled #globalHeader nav ul li:last-child:hover a {color: #014372;}
  body#profit.scrolled #globalHeader nav ul li:last-child:hover a::before {filter: none;}
  body#profit.scrolled #globalHeader h1 a figure {background: url("../img/common/logo02_pc.webp")no-repeat left bottom/contain;}
  body#profit.scrolled #globalHeader h1 a figure img {opacity: 0;}
  #search .container:nth-of-type(1) ul li a:hover {color: #fff;background: #000;transition: 0.4s;}
  #search .container:nth-of-type(2) ul li a:hover {background-size: 120%;transition: 0.4s;}
  #search .container:nth-of-type(2) ul li a:hover::after {opacity: 0;transition: 0.4s;}
  footer .container > div:nth-child(1) > a:hover {background: var(--color-02);transition: 0.4s;}
}
@media only screen and (max-width: 767px) {
  body {font-size: 3.6vw;}
  .pc {display: none !important;}
  .sp {display: block !important;}
  br.sp {line-height: 0;}
  .ttl-style-01 {}
  .ttl-style-01 + p {text-align: left;}
  .ttl-style-01 img {height: 6em;}
  .ttl-style-02 img {height: 2.5em;}
  .btn-style-01 {font-size: 125%;letter-spacing: 0;max-width: 15em;}
  .btn-style-01::before {border-width: 4px 0 4px 9px;}
  .btn-style-01 span::before {padding-right: 0.5em;}
  .btn-style-02 {margin-top: 2em;}
  .billboard-style-01 {height: 17em;}
  .billboard-style-01 .container {top: 62.5%;}
  .billboard-style-01 h2::before {display: block;width: 6em;margin: 0 auto 1em;}
  .list-style-01 {display: block;margin: 1em 0 0;}
  .list-style-01 figure {width: 100%;margin: 1.5em 0;}
  #globalHeader {padding: 1.5em 1em;}
  #globalHeader::after {display: block;content: '';width: 100%;height: 100%;background: rgba(24,48,69,0.76);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;opacity: 0;transition: 0.4s;pointer-events: none;}
  #globalHeader h1 {width: 70%;}
  #globalHeader nav {padding: 1em;background: transparent;position: absolute;top: 7em;left: 0;right: 0;z-index: 9999;opacity: 0;transform: translateY(0.5em);transition: 0.4s;pointer-events: none;}
  #globalHeader nav ul {display: block;}
  #globalHeader nav ul li {margin: 0 auto;}
  #globalHeader nav ul li:not(:last-child) {margin: 0 0 2em;}
  #globalHeader nav ul li:last-child {margin: 0 auto;width: 19em;border-color: #fff !important;}
  #globalHeader nav ul li a {color: #fff;font-size: 131.25%;padding: 1em;margin: 0 auto;}
  #globalHeader nav ul li:last-child a {padding: 0.65em 2em 0.8em;}
  #globalHeader nav ul li:not(:last-child) a::after {font-size: 80%;}
  #globalHeader nav ul li:last-child a::before {width: 1.25em;height: 1em;filter: brightness(0) invert(1);}
  #globalHeader #btnNavView a {display: block;width: 2.5em;height: 100%;position: absolute;top: 0;right: 1.5em;}
  #globalHeader #btnNavView a span {display: block;width: 100%;height: 2px;background: var(--color-02);position: absolute;top: 50%;left: 0%;transform: translate(0%,-50%);transition: 0.2s;}
  #globalHeader #btnNavView a span:nth-child(1) {}
  #globalHeader #btnNavView a span:nth-child(2) {top: 35%;}
  #globalHeader #btnNavView a span:nth-child(3) {top: 65%;}
  #globalHeader.open::after {opacity: 1;transition: 0.4s;pointer-events: auto;}
  #globalHeader.open #btnNavView a span {background: #fff !important;}
  #globalHeader.open #btnNavView a span:nth-child(1) {opacity: 0;transform: translate(100%, -50%);transition: 0.2s;}
  #globalHeader.open #btnNavView a span:nth-child(2) {width: 90%;top: 50%;transform: translate(0%, -50%) rotate(45deg);transition: 0.2s;}
  #globalHeader.open #btnNavView a span:nth-child(3) {width: 90%;top: 50%;transform: translate(0%, -50%) rotate(-45deg);transition: 0.2s;}
  #globalHeader.open nav {opacity: 1;transform: translateY(0);transition: 0.4s;pointer-events: auto;}
  
  /* invert */
  body#profitdetail #globalHeader #btnNavView a span,
  body#top #globalHeader #btnNavView a span {background: #fff;}
  body#profit #globalHeader h1 a figure {position: relative;}
  body#profit #globalHeader h1 a figure::before {content: '';width: 100%;height: 100%;background: url("../img/common/logo02_sp.webp")no-repeat left top/contain;position: absolute;top: 0;left: 0;opacity: 0;}
  body#profit #globalHeader.open h1 a figure img {opacity: 0;}
  body#profit #globalHeader.open h1 a figure::before {opacity: 1;}
  body#profit.scrolled #globalHeader h1 a figure {background: url("../img/common/logo02_sp.webp")no-repeat left bottom/contain;}
  body#profit.scrolled #globalHeader h1 a figure img {opacity: 0;}
  body#profit.scrolled #globalHeader #btnNavView a span {background: #fff;}
  /* invert end */
  
  #search {padding: 2em 5% 3em;}
  #search .container {margin-top: 2em;}
  #search .container:nth-of-type(1) ul li {width: calc(50% - 1em);margin: 0.5em;}
  #search .container:nth-of-type(2) {margin-top: 3em;}
  #search .container:nth-of-type(2) ul {margin: 0.5em 0;}
  #search .container:nth-of-type(2) ul li {width: 100%;margin: 0.5em 0 1.5em;}
  #search .container:nth-of-type(2) ul li a {font-size: 150%;padding-top: 50%;background-size: cover !important;}
  #search .container:nth-of-type(2) ul li a::after {background: rgba(51,51,51,0.4);}
  #search .container:nth-of-type(2) ul li a span {letter-spacing: 0;white-space: nowrap;}
  #search .container:nth-of-type(2) ul li:nth-last-child(2) a,
  #search .container:nth-of-type(2) ul li:nth-last-child(1) a {line-height: 1.5;}
  #works .swiper-container-works {margin: 5em 0 4em;}
  #works .swiper-container-works ul {font-size: 100%;}
  /*#works .swiper-container-works {transform: translateX(74vw);}
  #works .swiper-container-works .swiper-button-next {left: 75%;}
  #works .swiper-container-works .swiper-button-prev {right: 75%;}*/
  #works > a {margin-top: 3em;}
  #business {padding: 6em 0;background: url("../img/top/top_img70_sp.webp")no-repeat center/cover;}
  #business .container {margin-top: 3em;}
  #business .container > div:nth-child(1) p:nth-child(1) {font-size: 150%;}
  #business .container > div:nth-child(1) p:nth-child(2) {text-align: left;}
  #business .container > div:nth-child(2) {margin-top: 3em;}
  #business .container > p {margin-top: 4em;}
  footer {padding: 3em 0 2em;background-image: none;}
  footer .container {display: block;}
  footer .container > div:nth-child(1) h3 {margin: 0 auto;}
  footer .container > div:nth-child(1) h3 + p {font-size: 125%;text-align: center;margin-top: 1.5em;}
  footer .container > div:nth-child(1) > a {font-size: 87.5%;margin-top: 2.5em;padding: 1.5em 1em 1.3em 3.5em;max-width: 90%;}
  footer .container > div:nth-child(1) > a::after {width: 1.75em;height: 1.5em;left: 2.25em;}  
  footer .container > div:nth-child(1) > a::before {font-size: 175%;}
  footer .container > div:nth-child(2) {width: 80%;margin: 5em auto 0;padding: 0;}
  footer .container > div:nth-child(2) a:nth-child(2),
  footer .container > div:nth-child(2) a:nth-child(1) {width: 100%;margin: 0;}
  footer .container > div:nth-child(2) a:nth-child(2) {width: 100%;margin: 1em 0 2em;}
  footer .container > div:nth-child(2) a:nth-child(n + 3) {font-size: 100%;}
  footer .container > div:nth-child(3) .copy {text-align: center;margin-top: 6em;}
}
@media only screen and (max-width: 768px) and (orientation: landscape) {}