/*--------------------------------------------------

	Page Section Common │ アヴェントハウスについて

--------------------------------------------------*/
.card {position: relative;z-index: 1;padding: clamp(10px, 2.6vw, 40px);background: #DFE8F1;}
.card .card_inner {position: relative;z-index: 2;overflow: hidden;padding: clamp(40px, 6.2vw, 120px) clamp(7px, 2vw, 60px) clamp(60px, 7.3vw, 140px);border-radius: 0;}
/*--------------------------------------------------

	Showroom │ ショールームのご案内

--------------------------------------------------*/
#showroom .inner {width: 100%;}
#showroom .watermark {font-size: 18vw;text-align: center;}
#showroom .card .card_inner {background: #fff url(../img/page/showroom/bg.webp) no-repeat center / cover;}
#showroom .card .card_inner .container:not(:last-child) {margin-bottom: clamp(60px, calc(60px + 60 * ((100vw - 375px) / 1545)), 120px);}
#showroom .card .card_inner .container .heading {position: relative;z-index: 2;margin-bottom: var(--size40);text-align: center;}
#showroom .card .card_inner .container .heading h2 {
  color: #77797B;
  font-size: clamp(40px, calc(40px + 60 * ((100vw - 375px) / 1545)), 100px);
  line-height: 1.1;
  letter-spacing: 0;
  text-align: center;
}
#showroom .card .card_inner .container .heading p {font-weight: 600;font-size: var(--font24);letter-spacing: .05em;text-align: center;}
#showroom .card .card_inner .container .content {max-width: 1032px;margin: 0 auto var(--size150);}
#showroom .card .card_inner .container .content:nth-of-type(2) {margin-bottom: var(--size50);}
#showroom .card .card_inner .container .content p {text-align: center;}
#showroom .card .card_inner .container .slider {display: flex;align-items: center;justify-content: center;gap: clamp(14px, 2.8vw, 60px);position: relative;z-index: 2;margin-bottom: var(--size20-70);}
#showroom .card .card_inner .container .slider_viewport {position: relative;width: min(100%, 759px);aspect-ratio: 1020 / 638;}
#showroom .card .card_inner .container .slider_track {position: relative;width: 100%;height: 100%;}
#showroom .card .card_inner .container .slider_track li {position: absolute;inset: 0;opacity: 0;transition: opacity .6s ease;}
#showroom .card .card_inner .container .slider_track li.is-current {z-index: 1;opacity: 1;}
#showroom .card .card_inner .container .slider_track li img {width: 100%;height: 100%;object-fit: cover;}
#showroom .card .card_inner .container .slider_nav {flex-shrink: 0;width: var(--size20);transition: opacity .3s;border: none;background: transparent;}
#showroom .card .card_inner .container .slider_nav img {width: 100%;}
#showroom .card .card_inner .container .slider_nav--prev {transform: scaleX(-1);}
#showroom .card .card_inner .container .slider_nav:hover {opacity: .6;}
#showroom .card .card_inner .container .slider_dots {position: relative;z-index: 2;display: flex;justify-content: center;align-items: center;gap: var(--size30);}
#showroom .card .card_inner .container .slider_dots li {line-height: 1;}
#showroom .card .card_inner .container .slider_dots li button {width: var(--size20);height: var(--size20);border: none;background: #8C959A;transition: .3s;}
#showroom .card .card_inner .container .slider_dots li.is-current button {background: var(--blue);}
#showroom .card .card_inner .container ul.list {max-width: 1070px;margin: 0 auto;}
#showroom .card .card_inner .container ul.list li {width: 45%;}
#showroom .card .card_inner .container ul.list li figure {margin-bottom: var(--size30);}
#showroom .card .card_inner .container ul.list li p {text-align: center;}
#showroom .card .card_inner .container .view {display: flex;justify-content: center;position: relative;max-width: 413px;margin: 0 auto;padding: 20px 15px 20px 20px;border-radius: 0;background: #DFE8F1;letter-spacing: .06em;}
#showroom .card .card_inner .container .view:hover {transform: translateY(-2px);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);}
#showroom .card .card_inner .container .view span {padding-right: var(--size50);}
#showroom .card .card_inner .container .view img {position: absolute;top: 50%;right: 30px;transform: translateY(-50%);width: 15px;}
@media only screen and ( max-width : 767px ) {
  #showroom {padding-bottom: 0;}
  #showroom.page_section .block:first-child {padding-top: 0;}
  #showroom .card .card_inner {background-image: url(../img/page/showroom/bg-sp.webp);}
  #showroom .card .card_inner .container .content p {letter-spacing: 0;}
  #showroom .card .card_inner .container .slider {gap: 10px;}
  #showroom .card .card_inner .container .slider_nav {width: 14px;}
  #showroom .card .card_inner .container .showroom_card .cube_deco {width: 110px;}
  #showroom .card .card_inner .container ul.list li {width: 100%;margin-bottom: 30px;}
  #showroom .card .card_inner .container ul.list li:last-child {margin-bottom: 0;}
}
/*--------------------------------------------------

	Company Profile │ 会社概要

--------------------------------------------------*/
#company_profile .block:not(:last-child) {margin-bottom: var(--size150);}
/* 会社概要 表 */
#company_profile .block1 .container {padding: var(--size100) var(--size20-50) var(--size130);border-radius: 0;background: #F2F2F2;}
#company_profile .block1 .container dl {display: flex;flex-wrap: wrap;max-width: 1297px;margin: 0 auto;padding: clamp(20px, 2.4vw, 34px) 0;border-bottom: 1px dashed #8D9FAA;}
#company_profile .block1 .container dl:last-child {border-bottom: 0;}
#company_profile .block1 .container dt {width: clamp(120px, 12vw, 200px);flex-shrink: 0;font-weight: 600;font-size: var(--font20);letter-spacing: .025em;}
#company_profile .block1 .container dd {font-size: var(--font20);letter-spacing: .025em;}
/* 資格保有者 */
#company_profile .block2 .watermark {z-index: 0;}
#company_profile .block2 .title_common {position: relative;}
#company_profile .block2 .container {
  margin-top: -16%;
  padding: 25% var(--size20-50) var(--size150);
  background: #E7ECF4 url(../img/page/company_profile/block2/bg.webp) no-repeat center / cover;
}
#company_profile .block2 .container ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, auto);
  grid-auto-flow: column;
  gap: var(--size40) clamp(30px, 5vw, 100px);
  max-width: 1050px;
  margin: 0 auto;
}
#company_profile .block2 .container ul li {display: flex;justify-content: space-between;gap: 1em;font-weight: 600;font-size: var(--font20);letter-spacing: .025em;}
/* アクセス */
#company_profile .block3 .container {max-width: 1050px;margin: 0 auto;}
#company_profile .block3 .container .map {margin-bottom: var(--size180);}
#company_profile .block3 .container .map iframe {display: block;width: 100%;aspect-ratio: 16 / 10;border: 0;}
@media only screen and ( max-width : 767px ) {
  #company_profile .block1 .container dl dt {width: 100%;margin-bottom: .5em;}
  #company_profile .block2 .container {margin-top: 0;background-image: url(../img/page/company_profile/block2/bg-sp.webp);}
  #company_profile .block2 .container ul li {flex-direction: column;}
  #company_profile .block2 .container ul li span {display: block;text-align: center;}
  #company_profile .block3 .container iframe {aspect-ratio: 4 / 5;}
}
/*--------------------------------------------------

	Strength │ アヴェントハウス4つの強み

--------------------------------------------------*/
#strength .block::before {display: none;}
#strength .block1 .intro {margin-bottom: var(--size180);}
#strength .block1 .intro .wrap h3 {font-size: var(--font29);}
/* AVENTの由来 */
#strength .block1 .container {position: relative;background: #323239 url(../img/page/strength/block1/ava_bg.webp) no-repeat top center / cover;}
#strength .block1 .container figure {position: relative;width: 70%;max-width: 722px;margin: 0 auto;}
#strength .block1 .container figure::before {content: '';position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 100%;height: 30%;background: rgba(50, 50, 57, 59%);}
#strength .block1 .container h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  width: 100%;
  color: #fff;
  font-size: clamp(18px, calc(18px + 49 * ((100vw - 375px) / 1545)), 67px);
  letter-spacing: .1em;
  text-align: center;
}
#strength .block1 .container h2 ruby rt {margin-bottom: var(--size20);font-style: normal;font-weight: 500;font-size: .3em;letter-spacing: .018em;text-align: center;}
/* 4つの力 */
#strength .block2 .section_label {margin-bottom: var(--size20-130);padding: var(--size20-60) 0;background: url(../img/page/common/title_bg.webp) no-repeat top left / cover;}
#strength .block2 .section_label h2 {font-weight: 700;font-size: var(--font36);}
#strength .block2 ul li:not(:last-child) {margin-bottom: var(--size70);}
#strength .block2 ul li figure {width: 32%;}
#strength .block2 ul li .wrap {
  position: relative;
  width: 68%;
  margin-left: calc(52% - 50vw);
  padding: 10px var(--size130) var(--size60);
  clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
  background: url(../img/page/common/content_bg05.webp) no-repeat bottom center / cover;
}
#strength .block2 ul li:nth-child(even) .wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: .4;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, #1E75EB 30%, #98DDE0, #9BE9F7);
}
#strength .block2 ul li .wrap dl {display: flex;gap: var(--size60);margin-bottom: var(--size30);}
#strength .block2 ul li .wrap dl dt {color: var(--blue);font-size: clamp(75px, calc(75px + 58 * ((100vw - 375px) / 1545)), 133px);line-height: 1;}
#strength .block2 ul li .wrap dl dd {flex: 1;font-weight: 500;font-size: var(--font20);}
#strength .block2 ul li .wrap dl dd span {display: block;margin-top: .2em;font-weight: 700;font-size: var(--font32);letter-spacing: .15em;}
#strength .block2 ul li .wrap .content p {margin-bottom: var(--size40);font-size: var(--font18);line-height: 2;letter-spacing: .025em;}
#strength .block2 ul li .wrap .content p:last-child {margin-bottom: 0;}
#strength .block2 ul li .wrap .content p span {display: block;color: var(--blue);line-height: 2;}
@media only screen and ( max-width : 767px ) {
  #strength .block1 .intro {flex-direction: column;}
  #strength .block1 .container {padding: 25px 0 40px;background-image: url(../img/page/strength/block1/ava_bg-sp.webp);background-size: 100%;}
  #strength .block1 .container h2 {position: initial;transform: none;margin-bottom: 30px;}
  #strength .block1 .container h2 ruby rt {margin-bottom: 2px;}
  #strength .block2 ul li {flex-direction: column;align-items: stretch;position: relative;z-index: 1;}
  #strength .block2 ul li::before,
  #strength .block2 ul li::after {content: '';position: absolute;top: -2px;z-index: 1;width: 23vw;height: calc(tan(60deg) * 100vh / 2);background: #fff;}
  #strength .block2 ul li::before {right: 88%;clip-path: polygon(0 0, 100% 0%, 0 100%);}
  #strength .block2 ul li::after {left: 80%;clip-path: polygon(100% 0, 100% 100%, 0 100%);}
  #strength .block2 ul li figure {position: relative;z-index: 2;width: 100%;margin-top: -55px;}
  #strength .block2 ul li .wrap {width: 100vw;margin: 0 calc(50% - 50vw);padding: 30px 0 75px;clip-path: initial;background-position: 15% 50%;}
  #strength .block2 ul li:nth-child(even) .wrap::before {width: 100vw;}
  #strength .block2 ul li .wrap dl {gap: 10px;position: relative;z-index: 2;padding: 0 10px;}
  #strength .block2 ul li .wrap dl dd {font-size: 12px;}
  #strength .block2 ul li .wrap .content {position: relative;z-index: 2;padding: 0 20px;}
  #strength .block2 ul li .wrap .content p {margin-bottom: 0;}
}
/*--------------------------------------------------

	Philosophy │ 企業理念・ミッション

--------------------------------------------------*/
#philosophy .block1 .inner {width: 100%;}
#philosophy .block1 .title_wrap {margin-bottom: 12%;}
#philosophy .block1 .title_wrap h2 {margin-bottom: var(--size40);font-size: var(--font12);letter-spacing: .018em;text-align: center;}
#philosophy .block1 .title_wrap h2 span {display: block;margin-top: .3em;font-weight: 700;font-size: 2em;line-height: 1.4;text-align: center;}
#philosophy .block1 .title_wrap img {display: block;max-width: clamp(85px, calc(85px + 100 * ((100vw - 375px) / 1545)), 185px);margin: 0 auto var(--size40);}
#philosophy .block1 .title_wrap .content p {font-size: var(--font18);letter-spacing: .025em;text-align: center;}
#philosophy .block1 .card .line {position: absolute;top: 0;left: 50%;z-index: 3;transform: translate(-50%, -50%);width: 100%;max-width: clamp(240px, calc(240px + 282 * ((100vw - 375px) / 1545)), 522px);}
#philosophy .block1 .card .card_inner {padding: 40px var(--size30);background: #fff url(../img/page/philosophy/block1/bg.webp) no-repeat top center / cover;}
#philosophy .block1 .card .card_inner .logo_wrap {margin-bottom: var(--size20-50);}
#philosophy .block1 .card .card_inner .logo_wrap .logo {max-width: clamp(188px, calc(188px + 221 * ((100vw - 375px) / 1545)), 409px);margin: 0 auto var(--size20-50);}
#philosophy .block1 .card .card_inner .logo_wrap h3 {font-size: var(--font12);text-align: center;}
#philosophy .block1 .card .card_inner .logo_wrap h3 span {display: block;margin-top: .5em;font-weight: 700;font-size: var(--font20);line-height: 1.7;letter-spacing: .1em;text-align: center;}
#philosophy .block1 .card .card_inner .arrow {width: var(--size40);margin: 0 auto var(--size50);}
#philosophy .block1 .card .card_inner ul.list {margin-bottom: var(--size100);}
#philosophy .block1 .card .card_inner ul.list li.item {width: 46%;padding: var(--size40) var(--size20-40);border-radius: 0;background: #F2F2F2;}
#philosophy .block1 .card .card_inner ul.list li.item dl {margin-bottom: var(--size20-50);}
#philosophy .block1 .card .card_inner ul.list li.item dl dt {width: 45%;}
#philosophy .block1 .card .card_inner ul.list li.item dl dd {
  width: 45%;
  padding-bottom: var(--size20);
  background-image: repeating-linear-gradient(90deg, var(--blue), var(--blue) 4px, transparent 4px, transparent 8px);
  background-position: bottom;
  background-repeat: repeat-x, repeat-y;
  background-size: 100% 2px;
  color: var(--navy);
  font-weight: 600;
  font-size: var(--font24);
  letter-spacing: .057em;
  text-align: center;
}
#philosophy .block1 .card .card_inner ul.list li.item ul {justify-content: center;gap: 20px 80px;}
#philosophy .block1 .card .card_inner ul.list li.item ul li {color: var(--navy);font-size: var(--font24);letter-spacing: .025em;text-align: center;white-space: nowrap;}
#philosophy .block1 .card .card_inner .text_wrap {margin-bottom: var(--size90);}
#philosophy .block1 .card .card_inner .text_wrap h3 {
  margin-bottom: var(--size20-60);
  font-weight: 600;
  font-size: clamp(18px, calc(18px + 24 * ((100vw - 375px) / 1545)), 42px);
  letter-spacing: .06em;
  text-align: center;
}
#philosophy .block1 .card .card_inner .text_wrap p {letter-spacing: .042em;text-align: center;}
#philosophy .block1 .card .card_inner figure {width: 95%;max-width: 778px;margin: 0 auto;}
/* CASE STUDY */
#philosophy .block2 ol li {align-items: flex-end;position: relative;margin-bottom: var(--size130);}
#philosophy .block2 ol li:last-child {margin-bottom: 0;}
#philosophy .block2 ol li .container {width: 50%;}
#philosophy .block2 ol li .container .brown_title p {text-align: center;}
#philosophy .block2 ol li .container .brown_title p span {text-align: center;}
#philosophy .block2 ol li .container .content {margin-bottom: var(--size20-90);}
#philosophy .block2 ol li .container .content p {color: var(--navy);letter-spacing: .025em;}
#philosophy .block2 ol li .container a {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-left: calc(50% - 28vw);
  padding: var(--size20) var(--size40);
  background: linear-gradient(90deg, #FEFEFE, #EDEDED, #DFE8F1);
  color: var(--blue);
}
#philosophy .block2 ol li .container a span {margin-right: var(--size20-50);padding-right: var(--size20-50);border-right: 1px solid #B2B9C1;font-weight: 500;line-height: 1.4;letter-spacing: .06em;}
#philosophy .block2 ol li .container a img {width: 9px;}
#philosophy .block2 ol li .container figure {position: absolute;top: 0;right: 0;width: 45%;}
/* 最適な答えを提供し続けるために */
#philosophy .block3 .inner {width: 100%;}
#philosophy .block3 .container {padding: var(--size100) 0;background: #F2F2F2 url(../img/page/philosophy/block2/bg.webp) no-repeat center / cover;}
#philosophy .block3 .container .title_wrap {max-width: 835px;margin: 0 auto var(--size80);padding-bottom: var(--size20);border-bottom: 1px dashed var(--blue);}
#philosophy .block3 .container .title_wrap h3 {margin-bottom: var(--size40);color: var(--blue);font-weight: 600;font-size: var(--font29);text-align: center;}
#philosophy .block3 .container .title_wrap p {letter-spacing: .042em;text-align: center;}
#philosophy .block3 .container ul {width: 90%;max-width: 773px;margin: 0 auto var(--size90);}
#philosophy .block3 .container ul li {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: var(--size30);
  padding: 10px var(--size30);
  background: #00046A;
  color: #fff;
  font-weight: 700;
  font-size: var(--font32);
  letter-spacing: .053em;
}
#philosophy .block3 .container ul li:last-child {margin-bottom: 0;}
#philosophy .block3 .container ul li::before {content: '';display: inline-block;width: .7em;height: .7em;margin-right: .8em;background: #fff;vertical-align: middle;}
#philosophy .block3 .content p {text-align: center;}
#philosophy .block4 .inner {width: 100%;}
@media only screen and ( min-width : 1025px ) {
  #philosophy .block4 figure {width: 70%;margin: 0 auto;}
}
@media only screen and ( max-width : 1024px ) {
  #philosophy .block1 .card .card_inner ul.list li.item {width: 49%;}
  #philosophy .block1 .card .card_inner ul.list li.item dl dt {width: 80%;margin: 0 auto 15px;}
  #philosophy .block1 .card .card_inner ul.list li.item:nth-child(2) dl dt {margin-bottom: 23px;}
  #philosophy .block1 .card .card_inner ul.list li.item dl dd {width: 100%;}
}
@media only screen and ( max-width : 767px ) {
  #philosophy .watermark {display: block;}
  #philosophy .block1 .card .card_inner {padding: 40px 10px;}
  #philosophy .block1 .card .card_inner .text_wrap p {margin-bottom: var(--size20-40);letter-spacing: .013em;}
  #philosophy .block1 .card .card_inner .text_wrap p:last-child {margin-bottom: 0;}
  #philosophy .block1 .card .card_inner ul.list li.item {padding: 30px 10px;}
  #philosophy .block2 ol li .container {width: 100%;margin-bottom: var(--size30);}
  #philosophy .block2 ol li .container .brown_title {flex-direction: inherit;align-items: center;gap: 60px;margin-bottom: 30px;}
  #philosophy .block2 ol li .container figure {position: initial;width: 100%;margin-bottom: 20px;}
  #philosophy .block2 ol li .container a {max-width: 340px;margin: 0 auto;padding: 14px 25px 14px 10px;background: linear-gradient(90deg, #F7F8F9, #EDEDED, #DFE8F1);font-size: 12px;}
  #philosophy .block3 .container {background-image: url(../img/page/philosophy/block2/bg-sp.webp);}
  #philosophy .block3 .container ul {max-width: 500px;}
  #philosophy .block3 .container ul li {margin-bottom: 10px;font-size: var(--font20);}
}
@media only screen and ( max-width : 500px ) {
  #philosophy .block1 .card .card_inner ul.list li.item dl dd {font-size: 14px;}
  #philosophy .block1 .card .card_inner ul.list li.item ul li {font-size: 12px;}
  #philosophy .block1 .card .card_inner ul.list li.item ul li span {font-size: 8px;}

}
/*--------------------------------------------------

	About │ アヴェントハウスとは

--------------------------------------------------*/
/* MEMBER OF TOWN GROUP */
#about .block1 .container {position: relative;margin-bottom: var(--size150);}
#about .block1 .container::after {
  content: '';
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: -2;
  width: 100%;
  height: 74.5%;
  clip-path: polygon(0% 0%, 100% 0%, 70% 100%, 0% 100%);
  background: #434343 url(../img/page/about/block1/bg_cube.webp) no-repeat bottom left / 40%;
}
#about .block1 .container .watermark {margin-bottom: 0;}
#about .block1 .container .panel .wrap {width: 50%;color: #fff;}
#about .block1 .container .panel .wrap h3 {margin-bottom: var(--size20-70);font-weight: 600;font-size: var(--font29);letter-spacing: .06em;}
#about .block1 .container .panel .wrap .content p {margin-bottom: var(--size20);letter-spacing: .025em;}
#about .block1 .container .panel .wrap .content p:last-child {margin-bottom: 0;}
#about .block1 .container .panel .company {width: 45%;padding: var(--size20-60) var(--size20-60) var(--size20-50);backdrop-filter: blur(30px);background: rgba(255, 255, 255, .6);}
#about .block1 .container .panel .company img:nth-child(1) {display: block;width: 70%;max-width: 418px;margin: 0 auto var(--size20-90);}
/* ONE STOP */
#about .block2 .container {
  position: relative;
  z-index: 1;
  padding: 0 var(--size20-50) var(--size20-150);
  overflow: hidden;
  background: url(../img/page/about/block2/bg.webp) no-repeat top left / cover;
}
#about .block2 .container .watermark {margin-bottom: -13%;color: #8C8C8C;line-height: .9em;}
#about .block2 .container h3 {margin-bottom: var(--size20-90);color: #fff;font-weight: 700;font-size: var(--font24);line-height: 1.9;text-align: center;}
#about .block2 .container figure {max-width: 1121px;margin: 0 auto;}
/* MISSION */
#about .block3 {padding-top: var(--size100);}
#about .block3 .title_common {margin-bottom: var(--size80);}
#about .block3 .content_bg2 {top: 0;}
#about .block3 .wrap {position: relative;}
#about .block3 .wrap h3 {margin-bottom: var(--size30);text-align: center;}
#about .block3 .wrap h3 span {
  display: inline-block;
  padding: var(--size20) var(--size20) var(--size20) var(--size40);
  background: linear-gradient(100deg, var(--blue), #25D5D5);
  color: #fff;
  font-weight: 700;
  font-size: clamp(18px, calc(18px + 26 * ((100vw - 375px) / 1545)), 44px);
  letter-spacing: .025em;
}
#about .block3 .wrap .content {padding: var(--size20-70) 0 var(--size150);background: url(../img/page/about/block3/img_tree.svg) no-repeat bottom center / contain;}
#about .block3 .wrap .content p {margin-bottom: var(--size20-50);color: #08183A;font-size: var(--font18);letter-spacing: .025em;text-align: center;}
#about .block3 .wrap .content p:last-child {margin-bottom: 0;}
/* GROUP SYNERGY */
#about .block4 {padding-top: var(--size100);}
#about .block4 .content_bg2 {top: 0;}
#about .block4 .wrap {padding-bottom: var(--size80);background: url(../img/page/about/block4/bg.webp) no-repeat bottom center / 100%;}
#about .block4 .wrap figure {width: 80%;max-width: 1121px;margin: 0 auto var(--size130);}
#about .block4 .wrap .content {margin-bottom: var(--size70);}
#about .block4 .wrap .content p {margin-bottom: var(--size20-40);letter-spacing: .06em;text-align: center;}
#about .block4 .wrap .content p:last-child {margin-bottom: 0;}
#about .block4 .wrap h4 {color: var(--blue);font-weight: 700;font-size: var(--font24);line-height: 1.8;letter-spacing: .06em;text-align: center;}
@media only screen and ( max-width : 1024px ) {
  #about .block1 .container::after {bottom: 0;height: 84.5%;}
}
@media only screen and ( max-width : 767px ) {
  #about .watermark_sub {color: #fff;}
  #about .watermark_sub::before {background: #fff;}
  #about .block1 .container {padding: 30px 0 20px;}
  #about .block1 .container::after {height: 100%;clip-path: initial;}
  #about .block1 .container .panel {flex-direction: column;gap: var(--size50);}
  #about .block1 .container .panel .wrap {width: 100%;}
  #about .block1 .container .panel .wrap h3 {font-size: 22px;}
  #about .block1 .container .panel .company {width: 70%;margin: 0 auto;}
  #about .block2 .container .watermark {display: block;}
}
@media only screen and ( max-width : 500px ) {
}