@charset "utf-8";
/* ■■■■■■■■■■共通■■■■■■■■■■ */

/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■プライバシーポリシー■■■■■■■■■■ */
.p-text dl dt{
  font-family: var(--FF_BASE_E);
}
@media screen and (min-width: 768px){
  .p-text dl dt {
    margin-top: 30px;
    letter-spacing: .1em;
    font-size: 18px;
    font-weight: bold;
  }
  .p-text dl dd{
    margin-top: 10px;
    letter-spacing: .1em;
  }
  .p-contact a{
    color: #f0847f;
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px){
  .p-text dl dt {
    margin-top: 20px;
    font-size: 16px;
    font-weight: bold;
  }
  .p-text dl dd{
    margin-top: 10px;
    letter-spacing: .1em;
    text-align: justify;
  }
  .p-contact a{
    color: #f0847f;
    text-decoration: underline;
  }
}
/* ■■■■■■■■■■募集要項　■■■■■■■■■■ */

/* ------------------ 共通オブジェクト -------------------- */
.s-object {
  position: absolute;
  z-index: -1;
}
.s-object--yellowS {
  aspect-ratio: 488 / 477;
  background: url(/asset2025/images/top/yellowBall_S.png) no-repeat center center / 100%;
  animation: bubble01 6s ease-in infinite alternate;
}
@media screen and (min-width: 768px) {
  .s-object--yellowS {
      width: clamp(80px, 10vw, 120px);
      left: 0px;
      top: -80px;
  }
}
@media screen and (max-width: 767px){
  .s-object--yellowS{
    width: 95px;
    left: -70px;
    top: -70px;
  }
}
@keyframes bubble01 {
	0% {
		transform: translate(50px, 30px);
	}
	50% {
		transform: translate(50px, 60px);
	}
	100% {
		transform: translate(50px, 30px);
	}
}

/* ------------------ 募集要項 -------------------- */
.s-jobDetailsTop{
  padding-top: var(--GAP_50);
  display: grid;
  align-items: center;
}
.s-jobDetailsTop__hradTitle{
  font-family: var(--FF_BASE_E);
  font-size: var(--FZ_25);
  text-align: left;
  margin-bottom: var(--GAP_30);
  position: relative;
}
.s-jobDetailsTop__catchJa{
  font-family: var(--FF_BASE_E);
  font-weight: bold;
  letter-spacing: .1em;
  line-height: 1.5;
}
.s-jobDetailsTop__catchEn{
  font-family: var(--FF_EN);
  font-weight: bold;
  line-height: 1.2;
}
.s-jobDetailsWrap{
  display: grid;
  margin-bottom: var(--GAP_100);
}
.s-jobDetailsMain__title::before{
  content: "";
  position: absolute;
  background-color: var(--ORANGE02);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 48%;
  left: 0;
  transform: translateY(-50%);
}
/* サイドバー */
.s-jobDetailsSide__title{
  font-family: var(--FF_BASE_E);
  font-size: var(--FZ_15);
  padding-left: 20px;
  position: relative;
  margin-bottom: 5px;
}
.s-jobDetailsSide__title::before{
  content: "";
  position: absolute;
  background: url(/asset2025/images/subpage/check-icon.svg) no-repeat center / contain;
  top: 60%;
  left: 0;
  width: 15px;
  height: 15px;
  transform: translateY(-65%);
}
.s-jobDetailsSide__placeList{
  display: flex;
  gap: var(--GAP_10);
  margin-bottom: var(--GAP_30);
}
.s-jobDetailsSide__placeList li{
  max-width: 80px;
  width: 100%;
  text-align: center;
}
.s-jobDetailsSide__placeList li a{
  font-family: var(--FF_BASE_E);
  display: block;
  padding:  5px 0;
  background-color: var(--BEIGE01);
  border-radius: 10px;
}
.s-jobDetailsSide__placeList .s-jobDetailsChoice a{
  background-color: var(--ORANGE02);
  border-radius: 10px;
  color: var(--WHITE);
}
.s-jobDetailsSide__jobList li{
  width: 100%;
  text-align: left;
  list-style: none;
}
.s-jobDetailsSide__jobList li a{
  font-family: var(--FF_BASE_E);
  display: block;
  background-color: var(--BEIGE01);
  font-size: var(--FZ_15);
}
.s-jobDetailsSide__jobList li + li a{
  border-top: none;
}
.s-jobDetailsSide__jobList .s-jobDetailsChoice{
  background-color: var(--ORANGE02);
  color: var(--WHITE);
}
/* メイン */
.s-jobDetailsMain__job{
  font-weight: bold;
  font-size: var(--FZ_20);
}
.s-jobDetailsMain__title{
  font-family: var(--FF_BASE_E);
  font-size: var(--FZ_15);
  text-align: left;
  position: relative;
  margin-bottom: var(--GAP_20);
  padding-left: 15px;
}
.s-jobDetailsMain__title::after{
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--GRAY02);
}
.s-jobDetailsMain__list{
  margin-bottom: var(--GAP_50);
}
.s-jobDetailsMain__list li + li{
  margin-top: var(--GAP_50);
}
.s-jobDetailsMain__table{
  margin: 0 auto;
  border-spacing:0;
  width: 100%;
  border-collapse: collapse;
}
/* .s-jobDetailsMain__table caption.s-jobDetailsMain__title{
  font-family: var(--FF_BASE_E);
  font-size: var(--FZ_15);
} */
.s-jobDetailsMain__table .s-jobDetailsMain__title{
  margin-bottom: var(--GAP_10);
}
.s-jobDetailsMain__table .s-jobDetailsMain__title::after{
  display: none;
}
.s-jobDetailsMain__table th,
.s-jobDetailsMain__table td {
  border: 1px solid var(--GRAY02);
}
.s-jobDetailsMain__table th{
  width: 15%;
  padding: var(--GAP_10) var(--GAP_20);
  text-align: left;
  font-weight: normal;
  background-color: var(--GRAY01);
  vertical-align: top;
}
.s-jobDetailsMain__table td{
  width: 85%;
  padding: var(--GAP_10) var(--GAP_20);
}
.s-jobDetailsMap {
  color: rgb(0 51 158) !important;
  font-size: var(--FZ_14);
  position: relative;
  display: inline-block;
  text-decoration: none;
  padding-right: 20px;
}
.s-jobDetailsMap::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: rgb(0 51 158);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-out;
}
.s-jobDetailsMap::after{
  content: "";
  position: absolute;
  background: url(/asset2025/images/subpage/map-pin.svg) no-repeat center / contain;
  top: 60%;
  right: 0;
  width: 18px;
  height: 18px;
  transform: translateY(-65%);
}
.s-jobDetailsMain__btnArea{
  text-align: center;
  max-width: 300px;
  margin: var(--GAP_80) auto 0;
}
.s-jobDetailsMain__btn{
  font-family: var(--FF_BASE_E);
  display: block;
  background-color: var(--ORANGE02);
  color: var(--WHITE) !important;
  padding: 20px 0;
  font-weight: bold;
  letter-spacing: .2em;
}
@media screen and (min-width: 768px){
  .s-jobDetailsTop{
    grid-template-columns: 1fr 3fr;
    gap: var(--GAP_60);
    margin-bottom: var(--GAP_120);
  }
  .s-jobDetailsTop__catchJa{
    font-size: var(--FZ_40);
  }
  .s-jobDetailsTop__catchEn{
    font-size: var(--FZ_20);
    padding-top: var(--GAP_10);
  }
  .s-jobDetailsSide{
    height: fit-content;
    position: sticky;
    top: 150px;
    left: 0;
  }
  .s-jobDetailsWrap{
    grid-template-columns: 1fr 3fr;
    gap: var(--GAP_60);
  }
  .s-jobDetailsSide__jobList li a{
    padding:  15px 0 15px 15px;
  }
  .s-jobDetailsMain__job{
    margin-bottom: var(--GAP_40);
  }
  .s-jobDetailsMain__table th,
  .s-jobDetailsMain__table td{
    font-size: 15px;
  }
  .s-jobDetailsMain__table caption .s-jobDetailsMain__title{
    font-family: var(--FF_BASE_E);
    font-size: var(--FZ_15);
  }
}
@media screen and (max-width: 767px){
  .s-jobDetailsTop{
    grid-template-columns: 1fr;
    gap: var(--GAP_30);
    margin-bottom: var(--GAP_80);
  }
  .s-jobDetailsTop__catchJa{
    font-size: var(--FZ_45);
  }
  .s-jobDetailsTop__catchEn{
    font-size: var(--FZ_20);
    padding-top: var(--GAP_20);
  }
  .s-jobDetailsWrap{
    grid-template-columns: 1fr;
    gap: var(--GAP_60);
  }
  .s-jobDetailsSide__jobList li a{
    padding:  10px 0 10px 20px;
  }
  .s-jobDetailsMain__table th{
    width: 28%;
    padding: 10px;
  }
  .s-jobDetailsMain__table td{
    width: 72%;
    padding: 10px;
  }
  .s-jobDetailsMain__job{
    margin-bottom: var(--GAP_30);
  }
  .s-jobDetailsMain__table th,
  .s-jobDetailsMain__table td{
    font-size: 14px;
  }
  .s-jobDetailsMain__table caption .s-jobDetailsMain__title{
    font-family: var(--FF_BASE_E);
    font-size: var(--FZ_15);
  }
}
@media (hover: hover){
  .s-jobDetailsSide__placeList li a:hover,
  .s-jobDetailsSide__jobList li a:hover{
    background-color: var(--ORANGE02);
    color: var(--WHITE);
    opacity: 1;
  }
  .s-jobDetailsMap:hover::before {
    transform: scaleX(1);
  }
  .s-jobDetailsMap:not(:hover)::before {
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease-in;
  }
}

/* ■■■■■■■■■■会社概要　■■■■■■■■■■ */
/* -------------------オブジェクト-------------------- */
@keyframes bubble01 {
	0% {
		transform: translate(50px, 30px);
	}
	50% {
		transform: translate(50px, 60px);
	}
	100% {
		transform: translate(50px, 30px);
	}
}
@keyframes bubble02 {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(30px, -20px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
@keyframes bubble03 {
	0% {
		transform: translate(20px, 80px);
	}
	50% {
		transform: translate(15px, 50px);
	}
	100% {
		transform: translate(10px, 20px);
	}
}
@keyframes bubble04 {
	0% {
		transform: translate(20px, 0px);
	}
	50% {
		transform: translate(50px, -30px);
	}
	100% {
		transform: translate(70px, -60px);
	}
}
@keyframes bubble05 {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(-30px, 20px);
	}
	100% {
		transform: translate(-60px, 40px);
	}
}
.s-object--c{
  position: absolute;
  z-index: 1;
}
.s-object--yellowS-c1,
.s-object--yellowS-c2{
  aspect-ratio: 488/477;
  background: url(/asset2025/images/top/yellowBall_S.png) no-repeat center center / 100%;
  animation: bubble01 6s ease-in infinite alternate;
}
.s-object--yellowS-c2{
  z-index: -1;
}
.s-object--orange{
  aspect-ratio: 861/619;
  background: url(/asset2025/images/top/orangeBall.png) no-repeat center center / 100%;
  animation: bubble02 6s ease-in infinite alternate;
}
.s-object--green{
  aspect-ratio: 1072/426;
  background: url(/asset2025/images/top/green.png) no-repeat center center / 100%;
  animation: bubble04 6s ease-in infinite alternate;
  z-index: 2;
}
@media screen and (min-width: 768px){
  .s-object--yellowS-c1{
    width: clamp( 80px, 10vw, 120px);
    left: 0px;
    top: 30%;
  }
  .s-object--yellowS-c2{
    width: clamp( 80px, 10vw, 120px);
    left: 0px;
    top: 30%;
  }
  .s-object--orange{
    width: clamp( 150px, 18vw, 210px);
    top: -5%;
    right: 0;
  }
  .s-object--green{
    width: 18%;
    min-width: 200px;
    max-width: 260px;
    bottom: 15%;
    right: 0;
  }
}
@media screen and (max-width: 767px){
  .s-object--yellowS-c1{
    width: 95px;
    left: -60px;
    bottom: 0;
  }
  .s-object--yellowS-c2{
    width: 95px;
    left: -100px;
    top: -20%;
  }
  .s-object--orange{
    width: 160px;
    top: -4%;
    right: -30px;
  }
  .s-object--green{
    width: 30%;
    min-width: 140px;
    bottom: 3%;
    right: 0;
  }
}
/*  ページ共通  */
@media screen and (max-width: 767px){
  main{
    overflow: hidden;
  }
}
.s-company{
  position: relative;
}
.s-company::after{
  content: "";
  position: absolute;
  background: url(/asset2025/images/subpage/line-object_2.svg) no-repeat right / contain;
  aspect-ratio: 534/541;
  right: 0;
}
.s-company__cnt{
  flex: 1;
}
.s-company__navWrap{
  position: relative;
}
.s-companyOverview__nav li + li{
  margin-top: var(--GAP_20);
}
/* サイドナビ */
.s-companyOverview__nav a {
  font-family: var(--FF_EN);
  line-height: 2;
  letter-spacing: 0em;
  text-decoration: none;
  opacity: 0.5;
  transition: opacity 0.3s ease, border-bottom 0.3s ease;
}
.s-companyOverview__nav a span {
  position: relative;
  display: inline-block;
}
.s-companyOverview__nav a.active {
  opacity: 1;
  font-weight: bold;
}
.s-companyOverview__nav a span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: var(--BLACK);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}
.s-companyOverview__nav a.active span::after {
  transform: scaleX(1);
}

@media screen and (min-width: 768px){
  .s-company::after{
    bottom: 20%;
    width: 20%;
    min-width: 140px;
    height: auto;
  }
  .s-company__navWrap{
    display: flex;
    align-items: first baseline;
    max-width: 1250px;
    margin: 0 auto;
    position: relative;
  }
  .s-companyOverview__nav{
    position: sticky;
    z-index: 3;
    top: 100px;
    left: 0;
    padding-inline-start: var(--GAP_20);
    padding-block-end: var(--GAP_100);
    width: 120px;
  }
}
@media screen and (max-width: 767px){
  .s-company::after{
    display: none;
  }
  .s-company__navWrap{
    display: block;

  }
  .s-companyOverview__nav{
    display: none;
  }
}
/* 経営理念 */
.s-companyTop{
  height: 60vh;
  width: 100%;
  position: relative;
}
.s-companyTop::before{
  content: "";
  position: absolute;
  background: url(/asset2025/images/subpage/line-object_1.svg) no-repeat left / contain;
  aspect-ratio: 534/541;
  top: 0;
}
/* .s-companyTop::after{
  content: "";
  position: absolute;
  background: url(/asset2025/images/top/green.png) no-repeat right / contain;
  bottom: 0;
} */
.s-companyTop__titleWrap{
  position: absolute;
  left: 50%;
  transform: translate(-50% ,-50%);
  width: 100%;
}
.s-companyTop__title{
  font-family: var(--FF_BASE_D);
  display: block;
  text-align: center;
  font-size: var(--FZ_20);
  margin-bottom: var(--GAP_20);
}
.s-companyTop__catch{
  font-family: var(--FF_BASE_E);
  display: block;
  text-align: center;
  font-weight: bold;
  letter-spacing: .1em;
}
.s-companyTop__catch span{
  position: relative;
}
.s-companyTop__catch span::after{
  content: "あなた";
  position: absolute;
  width: 100%;
  top: 105%;
  left: 50%;
  transform: translateX(-50%);
  font-family: var(--FF_BASE_M);
}
@media screen and (min-width: 768px){
  .s-companyTop__catch{
    font-size: var(--FZ_40);
  }
  .s-companyTop::before{
    left: 0;
    width: 18%;
    min-width: 170px;
    height: auto;
  }
  /* .s-companyTop::after{
    right: -55px;
    width: 18%;
    min-width: 200px;
    height: 280px;
  } */
  .s-companyTop__titleWrap{
    top: 40%;
  }
  .s-companyTop__catch span::after{
    font-size: 12px;
  }
}
@media screen and (max-width: 767px){
	.s-companyTop{
  height: 38vh;
  }
  .s-companyTop__catch{
    font-size: var(--FZ_25);
  }
  .s-companyTop::before{
    left: 0;
    width: 35%;
    min-width: 100px;
    max-width: 200px;
    height: auto;
  }
  /* .s-companyTop::after{
    right: -30px;
    width: 18%;
    min-width: 140px;
    height: 30%;
    max-height: 200px;
  } */
  .s-companyTop__titleWrap{
    top: 52%;
  }
  .s-companyTop__catch span::after{
    font-size: 9px;
  }
}

/* 代表者メッセージ */
.s-ceoMessage{
	margin-bottom: var(--GENERALSEC);
}
.s-ceoMessage__title{
  margin-bottom: var(--GAP_50);
}
.s-ceoMessage__ja{
  font-family: var(--FF_BASE_H);
  font-size: var(--FZ_14);
  display: block;
  letter-spacing: .1em;
}
.s-ceoMessage__en{
  font-family: var(--FF_EN);
  font-weight: bold;
  display: block;
  letter-spacing: .15em;
}
.s-ceoMessage__contents{
	display: flex;
	gap:30px;
}
.ceoMessage__message{
	font-family: var(--FF_BASE_B);
	font-size: var(--FZ_16);
}
.s-ceoMessage__contents__txt{
	flex:1;
}
.ceoMessage__img{
	width:29%;
}
.ceoMessage__name{
	font-family: var(--FF_BASE_B);
	font-size: var(--FZ_17);
	text-align: right;
	margin-top: 40px;
}
@media screen and (min-width: 768px){
  .s-ceoMessage__en{
    font-size: var(--FZ_35);
  }
  .s-ceoMessage__ja{
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px){
  .s-ceoMessage__en{
    font-size: var(--FZ_25);
  }
  .s-ceoMessage__ja{
    line-height: 1.8;
  }
  .s-ceoMessage__contents{
	flex-direction: column-reverse;
  }
  .ceoMessage__img{
	  width:80%;
	  margin:0 auto;
  }
  .ceoMessage__img img{
	  border-radius: 5px;
  }
}




/* 会社概要 */
.s-companyOverview__title{
  margin-bottom: var(--GAP_50);
}
.s-companyOverview__ja{
  font-family: var(--FF_BASE_H);
  font-size: var(--FZ_14);
  display: block;
  letter-spacing: .1em;
}
.s-companyOverview__en{
  font-family: var(--FF_EN);
  font-weight: bold;
  display: block;
  letter-spacing: .15em;
}
.s-companyOverview__table{
  margin: 0 auto var(--GAP_100);
  border-spacing:0;
  width: 100%;
}
.s-companyOverview__table th{
  font-family: var(--FF_BASE_E);
  text-align: left;
  font-size: var(--FZ_15);
  font-weight: bold;
  vertical-align: top;
}
.s-companyOverview__table td{
  font-family: var(--FF_BASE_M);
  border-bottom: 1px solid var(--GRAY05);
  font-size: var(--FZ_15);
}
.s-companyOverview__table tbody tr:first-child th{
  border-top: 1px solid var(--GRAY05);
}
.s-companyOverview__officeList{
  display: grid;
  line-height: 2;
}
.s-companyOverview__officeList dt{
  font-family: var(--FF_EN);
  display: grid;
  align-items: center;
}
.s-companyOverview__officeList a{
  position: relative;
  padding-right: 20px;
}
.s-companyOverview__officeList a::after{
  content: "";
  position: absolute;
  background: url(/asset2025/images/subpage/map-pin.svg) no-repeat center / contain;
  bottom: 0;
  right: 0;
  width: 18px;
  height: 18px;
}
@media screen and (min-width: 768px){
  .s-companyOverview__table th{
    width: 30%;
    padding-block: var(--GAP_30);
  }
  .s-companyOverview__table td{
    width: 70%;
    padding-block: var(--GAP_30);
  }
  .s-companyOverview__table th{
    width: 20%;
    border-bottom: 1px solid var(--GRAY05);
  }
  .s-companyOverview__table td{
    width: 80%;
  }
  .s-companyOverview__table tbody tr:first-child td{
    border-top: 1px solid var(--GRAY05);
  }
  .s-companyOverview__officeList{
    grid-template-columns: 200px 1fr;
  }
  .s-companyOverview__officeList dt::after{
    content: "";
    --DOTSIZE: 6px;
    background-color: transparent;
    background-image: radial-gradient(#000000 30%, transparent 30%);
    background-size: var(--DOTSIZE) var(--DOTSIZE);
    background-repeat: repeat-x;
    height: var(--DOTSIZE);
  }
  .s-companyOverview__officeList dt{
    grid-template-columns: auto 1fr;
  }
  .s-companyOverview__en{
    font-size: var(--FZ_35);
  }
  .s-companyOverview__ja{
    line-height: 1.2;
  }
}
@media screen and (max-width: 767px){
  .s-companyOverview__table tr{
    display: flex;
    flex-direction: column;
  }
  .s-companyOverview__table th{
    width: 100%;
    border-bottom: none;
    padding-block: var(--GAP_20) 0;
  }
  .s-companyOverview__table td{
    width: 100%;
    padding-block: var(--GAP_20);
  }
  .s-companyOverview__table tbody tr:first-child td{
    border-top: none;
  }
  .s-companyOverview__officeList{
    grid-template-columns: 1fr;
  }
  .s-companyOverview__officeList dt::after{
    display: none;
  }
  .s-companyOverview__officeList dt{
    grid-template-columns: 1fr;
  }
  .s-companyOverview__officeList dd + dt{
    margin-top: var(--GAP_20);
  }
  .s-companyOverview__en{
    font-size: var(--FZ_25);
  }
  .s-companyOverview__ja{
    line-height: 1.8;
  }
}
/* オフィス */
.s-companyOffice{
  position: relative;
}
.s-companyOffice__list{
  margin-block: var(--GAP_120);
}
.s-companyOffice__list{
  display: grid;
}
@media screen and (min-width: 768px){
  .s-companyOffice__list{
    grid-template-columns: repeat(3,1fr);
    gap: var(--GAP_20);
  }
}
@media screen and (max-width: 767px){
  .s-companyOffice__list{
    grid-template-columns: repeat(2,1fr);
    gap: var(--GAP_10);
  }
}
/* 大切にしていること */
.s-companyPhilosophy{
  background-color: var(--BEIGE01);
  border-image: linear-gradient(var(--BEIGE01), var(--BEIGE01)) fill 0 / / 0 100vw 0 100vw;
  padding-block: var(--GAP_100);
  position: relative;
}
/* .s-companyPhilosophy::after{
  content: "";
  position: absolute;
  background: url(/asset2025/images/subpage/line-object_2.svg) no-repeat right / contain;
  aspect-ratio: 534/541;
  right: 0;
} */
.s-companyPhilosophy__list>li{
  display: grid;
  align-items: center;
}
.s-companyPhilosophy__circleTitle{
  font-family: var(--FF_EN);
  font-weight: bold;
  font-size: var(--FZ_16);
  background-color: #fff;
  margin-inline: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  position: relative;
  z-index: 1;
}
.s-companyPhilosophy__text{
  letter-spacing: .1em;
  font-family: var(--FF_BASE_E);
}
.s-companyPhilosophy__text--list li,
.s-companyPhilosophy__text--list2clm li{
  padding-left: clamp( 12px, 1.5vw, 20px);
  position: relative;
}
.s-companyPhilosophy__text--list li span{
	display: block;
	font-family:var(--FF_BASE_B);
}
.s-companyPhilosophy__text--list li::before,
.s-companyPhilosophy__text--list2clm li::before{
  content: "";
  position: absolute;
  background-color: var(--BLACK);
  border-radius: 50%;
  top: 16px;
  left: 0;
  transform: translateY(-50%);
  width: clamp( 5px, 0.5vw, 7px);
  aspect-ratio: 1/1;
}
.s-companyPhilosophy__text--list2clm {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--GAP_10) var(--GAP_20);
}
.s-companyPhilosophy__text--list2clm li:nth-child(1) {
  grid-column: span 2;
}
@media screen and (min-width: 768px){
  .s-companyPhilosophy__list>li{
    grid-template-columns: 1fr 4fr;
    gap: var(--GAP_30);
  }
  .s-companyPhilosophy__circleTitle{
    width: 90%;
  }
  .s-companyPhilosophy__text{
    font-size: var(--FZ_18);
  }
  .s-companyPhilosophy__text--list li +li{
    margin-top: var(--GAP_15);
  }
  .s-companyPhilosophy__list>li + li{
    margin-top: var(--GAP_30);
  }
  .s-companyPhilosophy::after{
    bottom: 0;
    width: 18%;
    min-width: 180px;
    height: auto;
  }
}
@media screen and (max-width: 767px){
  .s-companyPhilosophy__list>li{
    grid-template-columns: 1fr;
    gap: var(--GAP_30);
  }
  .s-companyPhilosophy__circleTitle{
    width: 40%;
    max-width: 150px;
  }
  .s-companyPhilosophy__text{
    font-size: var(--FZ_16);
    max-width: 300px;
    margin: 0 auto;
  }
  .s-companyPhilosophy__text--list li +li{
    margin-top: var(--GAP_10);
  }
  .s-companyPhilosophy__list>li + li{
    margin-top: var(--GAP_40);
  }
  .s-companyPhilosophy::after{
    bottom: -5%;
    width: 35%;
    min-width: 100px;
    max-width: 200px;
    height: auto;
  }
}

/* ------------------ スライド -------------------- */
.s-companySlide{
  background-color: var(--BEIGE01);
  border-image: linear-gradient(var(--BEIGE01), var(--BEIGE01)) fill 0 / 0 100vw 0 100vw;
}
.s-companySlide__wrap iframe{
  display: block;
  aspect-ratio: 960 / 569;
  width: 100%;
  max-width: 900px;
  height: auto;
  margin-inline: auto;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px){
  .s-companySlide{
    padding-block: var(--GAP_20) var(--GAP_100);
  }
}
@media screen and (max-width: 767px){
  .s-companySlide{
    padding-block: 0 var(--GAP_100);
  }
}

/* ■■■■■■■■■■ 下層ページ共通  ■■■■■■■■■■ */
.s-sbpageBold{
  font-family: var(--FF_BASE_E);
}
.s-marker{
  background: linear-gradient(transparent 60%, var(--YELLOW02) 40%);
}
@media screen and (min-width: 768px){
  .g-subpageWrap{
    font-size: var(--FZ_16);
  }
  .g-subpageWrap{
    margin-block: var(--GAP_40) var(--GENERALSEC);
  }
}
@media screen and (max-width: 767px){
  .g-subpageWrap{
    font-size: 15px;
  }
  .g-subpageWrap{
    padding-block: 30px var(--GENERALSEC);
  }
}

/***************  about **********************/

/* キャッチコピー */
.s-atCatchCopy{
  font-family: var(--FF_BASE_E);
}
.s-atCatchLead > span{
  display: block;
}
@media screen and (min-width: 768px){
  .s-atCatchCopy{
    font-size: var(--FZ_40);
    margin-bottom: 40px;
  }
  .s-atCatchLead{
    margin-bottom: 70px;
  }
}
@media screen and (max-width: 767px){
  .s-atCatchCopy{
    font-size: 28px;
    margin-bottom: 30px;
  }
  .s-atCatchLead{
    margin-bottom: 40px;
  }
  .s-atCatchLead__top{
    display: block;
    margin-bottom: 15px;
  }
}

/* fv-動きつつける画像 */
.s-atFvMove{
  position: relative;
}
.s-atFvMove::before{
  content: "";
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNy45MzUgNTYuNTQzIj4KICA8ZGVmcz4KICAgIDxzdHlsZT4KICAgICAgLmNscy0xIHsKICAgICAgICBmaWxsOiAjZmZmOwogICAgICB9CgogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6ICNmMDZlM2M7CiAgICAgIH0KICAgIDwvc3R5bGU+CiAgPC9kZWZzPgogIDxnIGlkPSJf44Kk44Oh44O844K4IiBkYXRhLW5hbWU9IuOCpOODoeODvOOCuCI+CiAgICA8Zz4KICAgICAgPGc+CiAgICAgICAgPHBhdGggZD0iTTEyLjY2NCw1MC44NzZjLjUxMi0uMDEzLjcwNC0uMDE0Ljk0OS0uMDQsMS4xNDctLjExOSwyLjU3LS40NzQsMi44ODYtMS4xMDdzLjUyMS0xLjI5OS0uMTk4LTEuODU4Yy0uNzEyLS41NTQtMi4zMzYtMS4wNzYtMy44MzUtMS4xODYtMS42MjEtLjExOS0zLjA0MS0uMTEyLTMuNzk1LDAtMS4wNjcuMTU4LTEuMTg2Ljc1MS0uMzU2LDEuNTAyLjI1Mi4yMjguNjcyLjQ3NC45NDkuNzEyLjI3LjIzMi4xOTguNzEyLS41OTMuNjMzcy0yLjMwOS0uNjk2LTIuNTMtLjc5MWMtLjI3Ny0uMTE5LTEuMTktLjMzLTEuNTAyLS4zOTUtLjc1MS0uMTU4LTEuOTM3LjA3OS0xLjM0NC45NDkuNTg4Ljg2MiwyLjI4NywxLjMzNSwyLjg0NywxLjQyMy40NzMuMDc1LDEuMTQyLjEyNywyLjA1Ni4xNTgiLz4KICAgICAgICA8cGF0aCBkPSJNOC4xOTcsNTEuMTI2cy0uMDA2LDAtLjAwOSwwYy0uOTE3LS4wMzEtMS41OTktLjA4NC0yLjA4Ni0uMTYxLS41NzMtLjA5MS0yLjM1Ny0uNTY2LTMuMDE0LTEuNTI5LS4yOTktLjQzOS0uMjE2LS43NS0uMDk0LS45MzMuMzI0LS40ODQsMS4yMTMtLjUwMywxLjY5Ni0uNDAyLjI0Ni4wNTIsMS4yMjkuMjczLDEuNTUuNDEuMzM4LjE0NSwxLjc0OC43MDEsMi40NTcuNzcyLjMzNC4wMzMuNDQ0LS4wNTIuNDU3LS4wODQuMDEtLjAyNC0uMDA2LS4wNzEtLjA1Mi0uMTEtLjEyNy0uMTA5LS4yODYtLjIyLS40NDMtLjMzLS4xODctLjEzMS0uMzczLS4yNjItLjUxLS4zODYtLjYzNi0uNTc1LS42NzYtMS4wMDMtLjU5OC0xLjI2Mi4wNzUtLjI0NS4zMjMtLjU2MSwxLjA4NC0uNjc0LjgwNC0uMTE5LDIuMjQzLS4xMiwzLjg1LS4wMDIsMS41MjEuMTExLDMuMTkxLjYzMiwzLjk3LDEuMjM4Ljk3NC43NTcuNDc5LDEuNzQ1LjI2OCwyLjE2Ny0uNDUzLjkwNS0yLjQ3NSwxLjE4MS0zLjA4NCwxLjI0NC0uMjA5LjAyMi0uMzgxLjAyNi0uNzM3LjAzNWwtLjIzMS4wMDZjLS4xMTUuMDA1LS4yNTMtLjEwNi0uMjU2LS4yNDMtLjAwMy0uMTM4LjEwNS0uMjUzLjI0NC0uMjU2bC4yMzItLjAwNmMuMzM2LS4wMDguNDk5LS4wMTIuNjk3LS4wMzIsMS4zNjgtLjE0MSwyLjQ3NC0uNTQsMi42ODgtLjk3LjMzMS0uNjYxLjQxNi0xLjEyNi0uMTI3LTEuNTQ5LS42OTktLjU0My0yLjI4OS0xLjAzMS0zLjctMS4xMzQtMS41NS0uMTEzLTIuOTg0LS4xMTQtMy43NDEtLjAwMi0uMzgxLjA1Ni0uNjM1LjE3OC0uNjc5LjMyNC0uMDUuMTY0LjEyLjQ0My40NTUuNzQ2LjEyNS4xMTMuMjkyLjIyOS40NjEuMzQ3LjE3MS4xMi4zNDQuMjQxLjQ4Mi4zNi4yMS4xOC4yODUuNDU2LjE4Ny42ODYtLjA2LjEzOS0uMjcyLjQ1NC0uOTY3LjM4NS0uODkxLS4wODktMi41ODctLjgwMy0yLjYwNC0uODEtLjIzNy0uMTAyLTEuMDc5LS4zMDEtMS40NTUtLjM4MS0uNDc1LS4xLTEuMDQ1LS4wMDctMS4xNzguMTktLjA2Ny4xLjAxMy4yNTguMDkxLjM3My41MTEuNzUsMi4wNTQsMS4yMTksMi42NzksMS4zMTcuNDY3LjA3NCwxLjEyOS4xMjQsMi4wMjUuMTU1LjEzOC4wMDUuMjQ2LjEyLjI0MS4yNTgtLjAwNS4xMzUtLjExNi4yNDEtLjI1LjI0MVoiLz4KICAgICAgPC9nPgogICAgICA8cGF0aCBkPSJNNy42MjQsMS4zMzZ2LS4xMzdjMC0uMDc3LjA2Mi0uMTM5LjEzOS0uMTM5aC44NjhjLjA3NywwLC4xMzkuMDYyLjEzOS4xMzl2LjA5YzAsLjA3Ny4wNjIuMTM5LjEzOS4xMzloLjM5NGMuMDc3LDAsLjEzOS4wNjIuMTM5LjEzOXYuMjZjMCwuMDc3LjA2Mi4xMzkuMTM5LjEzOWgzLjMxYy4wMjQsMCwuMDQ3LS4wMDYuMDY4LS4wMThsLjU2OC0uMzE5Yy4wOTMtLjA1Mi4yMDcuMDE1LjIwNy4xMjF2Mi44OGMwLC4xMTYtLjEzMy4xODEtLjIyNC4xMWwtLjcwOS0uNTQ5Yy0uMDI0LS4wMTktLjA1NC0uMDI5LS4wODUtLjAyOWgtMy4wMzVjLS4wMjcsMC0uMDUzLjAwOC0uMDc2LjAyMmwtMS4wOTQuNzA3Yy0uMDIzLjAxNS0uMDQ5LjAyMi0uMDc2LjAyMmgtMS4xMTZjLS4wNzcsMC0uMTM5LS4wNjItLjEzOS0uMTM5VjEuNjE1YzAtLjA3Ny4wNjItLjEzOS4xMzktLjEzOWguMTY0Yy4wNzcsMCwuMTM5LS4wNjIuMTM5LS4xMzlaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTguMDk4LDQ5LjI3NWMwLC4yNzcuMjM3LDQuMjMuMjc3LDQuMzg5LjAxMS4wNDUtLjMxNi0uMTk4LS4zNTYuMTU4LS4wMjIuMi0uMTE5LDEuNTU2LS4xMTksMi4wNTYsMCwuMTE5LS4wNzkuMzU2LjMxNi4zMTYuNTE0LDAsMS40NTkuMDQsMi4yNTQuMDQuNjMzLDAsNy4xODcuMDk4LDcuMTk2LjA0LjAwOS0uMDY0LjE1MS0uODYxLS4wNC0xLjAyOC0uMzE2LS4yNzctLjk0OS0uNTE0LTEuNDYzLS41OTMtMS41MTItLjIzMy0yLjg0Ny0xLjIyNi0zLjI4Mi0yLjAxNi0uMDYtLjExLS4yNzctLjMxNi0uMjc3LS4zMTYsMCwwLC4wNC0uNDc0LjA0LS45MDlzLjI3Ny00LjUwNy4yNzctNC41ODYuMTU4LS41MzEtLjI3Ny0uNTQyLTUuMDIxLS4xNjktNS4wMjEuMTA3LjQ3NCwyLjg4Ni40NzQsMi44ODZaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTMuMTU2LDQ4LjYwM2MuMTk4LS4wNzkuNzUxLS41OTMsMi4wMTYtLjExOS4xODguMDcsMS4yMjYuMzU2LDIuMzcyLjc5MS42NjkuMjU0LDEuNDY1LjQzMywxLjgxOS4wNzkuMjYzLS4yNjMtLjI3Ny0uNTkzLTEuMDY3LTEuMTg2LS4yNDctLjE4NS0uNzEyLS44Ny0uNDM1LTEuMTQ3LjM5NS0uMzk1LDEuNTgxLS40NzQsMi4zNzItLjQzNS4yMzcuMDEyLDIuNDkxLS4wNCwzLjYzNy4zMTYuNzUyLjIzMywxLjgxOS40NzQsMi4yMTQuODMuMjc3LjI1LjY3Mi41OTMuNjcyLjU5MywwLDAtLjE1NS0zLjYyOS0uNjMzLTcuNzg5LS4yMzItMi4wMTktLjQxNS00LjM5MS0uNjcyLTYuMzY1LS40OS0zLjc2NS0xLjAyLTYuNjQ4LTEuMDY3LTYuODQtLjExOS0uNDc0LTEuMTctNS42MDMtMS4zODQtNi4yODYtLjE5OC0uNjMzLTEuMTQ3LTMuNDc5LTEuMTQ3LTMuNDc5aC01LjI5OHMtMS4wMjgsNi4yNDctMS4xODYsNi45OThjLS4xMDcuNTEtLjU1NCwzLjg3NS0uODMsNi4zNjUtLjEyOCwxLjE1LS4yODIsMi41NzQtLjMxNiwyLjg0Ny0uMTA2Ljg1MS0xLjA2NywxNC44MjYtMS4wNjcsMTQuODI2WiIvPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBkPSJNNi42OTQsNS4yNTFjLjA3OS4xMTkuNDc0LjUxNC4yMzcuOTA5LS4xMTkuMTk4LDEuMDkyLS40NzgsMS4yMjYuNTkzLjExOS45NDktLjk4OC43OTEtMS4xODYuNzEycy0xLjI2NS0uNDc0LTEuMzQ0LS41NTQtLjUzNi0xLjU4MS0uNTI1LTEuNjYxLjc2Mi0uMTE5LDEuMDM5LS4xNTguNTU0LjE1OC41NTQuMTU4WiIvPgogICAgICAgIDxwYXRoIGQ9Ik03LjM5MSw3Ljc3NmMtLjIyNywwLS40MjUtLjA0My0uNTEzLS4wNzhsLS4yMTgtLjA4NGMtMS4wMDUtLjM4NC0xLjE0LS40NTUtMS4yMS0uNTI1LS4xMzktLjEzOS0uNjE3LTEuNzI1LS41OTYtMS44NzIuMDM2LS4yNTEuMjc5LS4yNzQuOTMtLjMzNi4xMjYtLjAxMi4yNDMtLjAyMy4zMjEtLjAzNC4zNjYtLjA1Mi42OTcuMTc2LjczNC4yMDIuMDI0LjAxOC4wNDYuMDM5LjA2Mi4wNjVsLjAzNy4wNDhjLjA5OS4xMjcuMzE3LjQwNi4zMTguNzM2LjIzNy0uMDMyLjU0My0uMDM1Ljc5MS4xNDQuMTk5LjE0NC4zMTkuMzczLjM1Ny42ODIuMDU4LjQ2NS0uMTMuNzE3LS4yOTguODQ2LS4yMDUuMTU4LS40NzcuMjA3LS43MTYuMjA3Wk01LjgxNSw2LjczNGMuMTc3LjA4OC43ODQuMzIsMS4wMjQuNDEybC4yMjUuMDg3Yy4wODkuMDM2LjUyOS4xMDIuNzM4LS4wNi4wMzUtLjAyNy4xNDItLjExLjEwNy0uMzg5LS4wMjEtLjE2Ni0uMDczLS4yOC0uMTU0LS4zMzktLjE1NS0uMTEyLS40MzgtLjA1Ni0uNjA4LS4wMjMtLjE0OC4wMjktLjMxOS4wNjMtLjQyNS0uMDg4LS4wNTctLjA4MS0uMDU1LS4yMTgtLjAwNC0uMzAyLjA5Ny0uMTYxLDAtLjM0Mi0uMTcyLS41NjMtLjAwOS0uMDEyLS4wMTctLjAyMi0uMDI1LS4wMzMtLjA3NC0uMDQ0LS4yMTgtLjExMy0uMzQ0LS4wOTUtLjA4My4wMTItLjIwOC4wMjQtLjM0NC4wMzctLjEyLjAxMS0uMzA3LjAyOS0uNDQ0LjA0OC4wOTYuMzI2LjMzNywxLjA5OS40MjYsMS4zMDhaIi8+CiAgICAgIDwvZz4KICAgICAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNS4wMzQsMS4wNmMtLjExMi0uMjk4LjgxOC45MzkuOTQ5LDEuMTA3LjI3Ny4zNTYuNjUyLjI5Ny44MS40NTUuMTAxLjEwMS0uMTU4LjI3Ny0uMTU4LjY3MiwwLC4xNjMuMTM4LDEuMDIzLjEzOCwxLjMyNCwwLC4zMTYuMDQuNjcyLS40NzQuNzEycy0uOTA5LS4xMjgtLjkwOS0uMDRjMCwuMTE5LjE5OC43OTEuMjM3Ljk4OC4wMTYuMDc4LjE1OC41OTMuMTU4LjU5MywwLDAtMS4yMjYtLjMxNi0xLjU0Mi0uMzU2cy0uMzU2LDAtLjQzNSwwLC4xMTktMS44OTIsMC0yLjA1My0xLjEwNy0xLjIyOS0xLjA2Ny0xLjUwNS4yNzctMS4xODYuNTU0LS45ODguOTI2LjU1Mi44OTguNjcxLjQwMS4yODYuMzQ1LjIyMi0uMjU0LS43MzYtLjEzNi0uNzM2Ljc1MS0uNzUxLjYzMy0xLjA2N1oiLz4KICAgICAgPHBhdGggZD0iTTUuNTQ0LDYuOTM5cy0uMTQ2LS41MzEtLjE2My0uNjFjLS4wMTUtLjA3NC0uMDUzLS4yMTctLjA5NC0uMzcxLS4xMDMtLjM5LS4xNDgtLjU3Mi0uMTQ4LS42NjcsMC0uMDczLjAzOS0uMTU5LjA5NS0uMjA3LjExMi0uMDk0LjI0MS0uMDc0LjQxOS0uMDQ1LjE2LjAyNi4zNzcuMDYxLjYyNy4wNDIuMjMxLS4wMTguMjQ2LS4wNjYuMjQ0LS4zOTd2LS4wNjZjMC0uMTE3LS4wNDMtLjM4LS4wODEtLjYxMi0uMDc4LS40ODEtLjEwNC0uNjc0LS4wNjgtLjgwMS4wMzEtLjEwOC4wODEtLjIxLjEyOC0uMzA2LjAxOC0uMDM2LjA0Mi0uMDgzLjA1Ny0uMTItLjAxLS4wMDMtLjAyLS4wMDYtLjAzMS0uMDA5LS4xODktLjA1NS0uNTA2LS4xNDYtLjc0NC0uNDUxbC0uMDctLjA5MmMtLjE1Ni0uMjA0LS42MzEtLjgyNi0uODI3LS45NjUtLjExMi0uMDgtLjEzOC0uMjM2LS4wNTgtLjM0OS4wODEtLjExMi4yMzYtLjEzOC4zNDktLjA1OC4yMjYuMTYxLjU4Mi42MDkuOTMzLDEuMDY5bC4wNjcuMDg4Yy4xMzguMTc3LjMzMi4yMzMuNDg4LjI3OC4xMTEuMDMyLjIwOC4wNi4yODIuMTM0LjIzMy4yMzMuMDg3LjUyNCwwLC42OTktLjAzNC4wNjktLjA3Mi4xNDItLjA5NS4yMTktLjAwNC4wNi4wNDcuMzc1LjA4MS41ODQuMDQ1LjI3NS4wODcuNTM0LjA4Ny42OTIuMDAyLjMzNi4wMDcuOTA2LS43MDUuOTYxLS4yNDMuMDE5LS40NTUtLjAwMy0uNjE5LS4wMjcuMDI0LjA5NS4wNTEuMTk4LjA3Mi4yNzcuMDQ0LjE2Ni4wODQuMzIxLjEwMS40MDEuMDE1LjA3NS4xNTQuNTc1LjE1NC41NzVsLS40ODEuMTMzWiIvPgogICAgICA8cGF0aCBkPSJNMy45MjcsNi43MjdjLS4wMjYsMC0uMDUzLS4wMDQtLjA3OS0uMDEzLS4xMjctLjA0Mi0uMTk3LS4xNzYtLjE2Mi0uMzAzLjA1NS0uMjc5LjEwNC0xLjgzLS4wMjMtMi4wNjMtLjE1MS0uMTE5LS44OTktLjg1NC0xLjA0Ni0xLjQ5MS0uMTI3LS41NTEuMDY1LS45MDMuNTctMS4wNDguMzY1LS4xMDQuNzk4LjA3MiwxLjAyOC40MTguMDAyLjAwMy4yNy40NDQuMTkzLjc1My0uMDM0LjEzNC0uMTcuMjE2LS4zMDMuMTgyLS4xMzQtLjAzNC0uMjE1LS4xNjktLjE4Mi0uMzAzLjAwNy0uMDY2LS4wODEtLjI4OS0uMTI0LS4zNTQtLjEwOC0uMTYzLS4zMjMtLjI1OS0uNDc0LS4yMTUtLjE4OS4wNTQtLjMwMS4xMDUtLjIyMS40NTUuMTAxLjQzNi42OCwxLjA2MS45MDUsMS4yNDguMzkzLjMyOC4xODQsMi40NzkuMTU2LDIuNTY0LS4wMzUuMTA1LS4xMzMuMTcxLS4yMzcuMTcxWiIvPgogICAgICA8Zz4KICAgICAgICA8cGF0aCBkPSJNNC45NTUuNTA3Yy4xMjUuMTI1LjM1Ni40NzQuMzU2LjcxMiwwLC4xNjMtLjE1OC40NzQtLjM1Ni42MzMtLjA4Ny4wNy0uNTE0LjM5NS0uNTE0LjU1NHMuMTk4LjQ3NC4yNzcuNTE0YzAsMC0uNDM1LS4xMTktLjQ3NC0uMTk4LDAsMC0uMjYxLS40MTgtLjM0OC0uNDg2cy0uNDA0LS4zMjQtLjc3OS0uMTM2LS4zNjcuNjYyLS4xMzQsMS4wMTguMzY3LjUzMi41MTcuNzIxLjQzMi4yODQuNDMuNjEyLjA4OC41NTEuMDYyLjc5NS4wNTgsMS4zNTgtLjA2MiwxLjQ1NC0uOTkxLjY0OS0xLjI2Ny42ODljLTEuNDg5LjIxMiwyLjAwNiwxMS42NzksMS4yNTksMTEuODE5LTEuMDk5LjIwNi0xLjg1NC4wNjktMy4xNTkuMDY5LS42NTIsMC0uNTQ2LTcuMzMxLS40MTItOS4yNzIuMTM3LTEuOTkyLDEuNTEzLTQuMTc4LDEuMjM2LTQuOTQ1LS44OTMtMi40NzMtLjM0My0zLjUwMy4wNjktMy45ODMuMzUtLjQwOC44NS0uNjg1LDEuNDgyLS41NjcuMjc1LjA1Mi4yNjcuMTA5LjQ3NCwwLC44My0uNDM1LDEuMTA3LS4yMzcsMS4zNDQsMFoiLz4KICAgICAgICA8cGF0aCBkPSJNMi42MjMsMTkuNTY4Yy0uMjYyLDAtLjUyMy0uMDEtLjc5OS0uMDItLjMyLS4wMTItLjY2Ni0uMDI1LTEuMDYzLS4wMjUtLjA2OSwwLS4xNzEtLjAyMS0uMjY2LS4xMjJDLS4yNDYsMTguNjA3LjA1MSwxMC42OTMuMDk5LDkuOTg1Yy4wNzItMS4wNDYuNDYtMi4xMDYuODAzLTMuMDQxLjI3Mi0uNzQyLjU1My0xLjUxLjQ0Ny0xLjgwMi0uNy0xLjk0LS42NjMtMy4zMjQuMTE0LTQuMjMxLjQ2My0uNTQsMS4wNzMtLjc3MSwxLjcxOC0uNjUuMDgxLjAxNS4xNC4wMzEuMTg3LjA0My4wNTEuMDE0LjA3MS4wMS4xMjUtLjAxOS44NjctLjQ1NCwxLjI4MS0uMzExLDEuNjM3LjA0NWgwYy4xMzQuMTM0LjQyOS41NDQuNDI5Ljg4OCwwLC4yNTQtLjIwNi42MzMtLjQ0OS44MjgtLjM1Ni4yODEtLjQxNy4zNzktLjQyOC40MDIuMDEzLjAyMi4xMjMuMjE2LjE3NS4yNjUuMTE1LjA1Ny4xNTMuMTgzLjEwNy4zMDMtLjA0NS4xMi0uMTg5LjE3Ny0uMzE0LjE0My0uNTQzLS4xNDgtLjU5OS0uMjYtLjYzMi0uMzI3LS4wOTYtLjE1MS0uMjQtLjM2My0uMjg1LS40MDYtLjExOC0uMDkyLS4zMDItLjIwNy0uNTA3LS4xMDQtLjA3Ny4wMzgtLjEyNS4wOTYtLjE0Ni4xNzYtLjAzNy4xMzcuMDA1LjMyMS4xMDkuNDgxLjIyOC4zNDYuMzU3LjUxNy41MDQuNzAxLjAzNi4wNDQuMDgyLjA4MS4xMjYuMTE5LjE0NC4xMjEuMzYuMzA0LjM1OC42NTEsMCwuMTQyLjAxOC4yNjIuMDM1LjM3Mi4wMjEuMTQxLjA0My4yODcuMDI2LjQ0Ny0uMDA4LjA3Ni0uMDAzLjI0MSwwLC40MzEuMDE3Ljg0MSwwLDEuMDY5LS4xNTcsMS4xOTMtLjA5Mi4wNzMtMS4wMTkuNjg4LTEuMzg3Ljc0LS40ODIuNjcxLjMyOCw0LjUzNi44NjMsNy4wOTMuNjM4LDMuMDQ0Ljg1Nyw0LjIyNy42MjIsNC41NzktLjA1Mi4wNzgtLjEyOC4xMjktLjIxNi4xNDYtLjQ4OS4wOTItLjkxNy4xMTgtMS4zNDMuMTE4Wk0uODM2LDE5LjAyNGMuMzczLjAwMS43MDEuMDE0LDEuMDA2LjAyNS42OTEuMDI2LDEuMjQ1LjA0NiwxLjkzMi0uMDcyLjA2Ny0uNDcyLS4zNTgtMi41MDEtLjcwNC00LjE0OS0uODE0LTMuODg0LTEuMzQ5LTYuNjkyLS44MTYtNy40NTMuMDk0LS4xMzQuMjIzLS4yMTYuMzcyLS4yMzcuMTc1LS4wMjUuODgtLjQ0OCwxLjEwMi0uNjAzLjAyNy0uMTU0LjAxOC0uNTg0LjAxMy0uODI0LS4wMDQtLjIxNy0uMDA3LS40MDYuMDAyLS40OTMuMDEtLjA5Ni0uMDA1LS4xOTUtLjAyNC0uMzIxLS4wMi0uMTM0LS4wNDItLjI3OS0uMDQtLjQ1MSwwLS4xMDMtLjA0Ni0uMTUyLS4xOC0uMjY1LS4wNzEtLjA2LS4xMzktLjEyLS4xOTUtLjE4OS0uMTY0LS4yMDUtLjMwMy0uMzkyLS41MzEtLjczOS0uMTgzLS4yOC0uMjQ5LS42MTEtLjE3NC0uODg1LjA2LS4yMi4yLS4zOS40MDUtLjQ5My4yMzUtLjExNy42MDQtLjE4MywxLjA0Mi4xNjEuMDQ4LjAzOC4xMTMuMTE2LjE4MS4yMS4wNjgtLjE1Mi4yMzctLjMyNS41NTEtLjU3My4xNjktLjEzNS4yODMtLjM3OC4yODMtLjQ1NCwwLS4xMzctLjE3My0uNDI2LS4yODItLjUzNS0uMTY0LS4xNjQtLjMzNC0uMzMxLTEuMDUxLjA0NS0uMjE2LjExMy0uMzE5LjEwNC0uNDg2LjA1OS0uMDM4LS4wMS0uMDg1LS4wMjMtLjE1LS4wMzUtLjU5NS0uMTExLTEuMDA1LjIwMi0xLjI0Ny40ODQtLjY0MS43NDctLjY0OSwyLjAwNC0uMDIzLDMuNzM2LjE2Ny40NjMtLjEwNCwxLjIwNS0uNDQ5LDIuMTQ0LS4zMzEuOTA0LS43MDYsMS45MjgtLjc3MywyLjkwMy0uMTcxLDIuNDY5LS4xNjIsOC4yOTUuMjM4LDkuMDA1WiIvPgogICAgICA8L2c+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcuNzIyLDcuNzQyYy0uNzEyLS4zNTYtMi4yMS0xLjIyNi00LjAzMy0xLjIyNi0uMzU2LDAtLjc5LjE2Ny0uOTk3LjM1Ni0uMzQ3LjMxNi0uMzg2LDEuODk4LS4xMSwzLjA4NC4yNjUsMS4xMzguOTQ5LDIuMjkzLDEuMzQ0LDIuOTY1LjI0NS40MTYsMi4wMTYsMi42NDksMi4zNzIsMy42NzcuMTQ1LjQxOC4yNzcuODMuMjc3Ljk0OWg1LjI1NnMuMDgxLS45NDkuMDQxLTEuMjI2LS4wOTktLjUzNC0uMTM4LS43NzFjLS4wMDQtLjAyNC43MTIuMzU2Ljk0OS4zOTUuMTQ2LjAyNC0uMjE2LS43MDUtLjMxNi0uOTg4LS42MzMtMS43NzktMS44MzUtNS4yNzgtMi4yMTQtNi4wMS0uNzkxLS4zOTUtMi4zNTgtMS4xNjktMi40MzEtMS4yMDZaIi8+CiAgICAgIDxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTkuNTYxLDcuNDQ1Yy4wMTYuMTk4LDAsMS4wMjgsMCwxLjIyNi4yMzcuMDc5LjM1Ni4xOTguNTkzLjI3Ny4xMTkuMDc5LDIuMjE0LDYuMTY4LDIuNDEyLDYuNDA1LDEuMTQ3LS4yMzcsMS4zMjgtMS4zMDMsMS4zNDQtMS43LjA0LS45ODgtLjc1MS0yLjI5My0xLjAyOC0yLjc2OHMtMS4zNzgtMi40MjQtMS41MDItMy4wNDRjLS4xMTktLjU5My0uNzkxLTIuNzY4LS4zOTUtMi44NDcuNzkxLS4xNTgsMS43NC0uNTU0LDEuNzQtLjgzaC0zLjE2M2MtLjA0LS4xOTgtLjExOS0xLjMtLjExOS0xLjUwMnMtLjAwOC0uMjg0LS4xNTgtLjA3OS0uNDQ5LDEuMTc2LS40NzQsMS4zODQtLjExOS41MTQtLjE5OC43OTFjLjE1OC4yNzcuOTQ5LDIuNjg4Ljk0OSwyLjY4OFoiLz4KICAgICAgPHBhdGggZD0iTTEyLjU0NSwxNS41ODNjLS4xMTgsMC0uMjIzLS4wODQtLjI0NS0uMjA0LS4wMjUtLjEzNi4wNjQtLjI2Ni4yLS4yOTIuNTYyLS4xMDUuNzc5LS4zMzYuOTA1LS41MjYuMjA3LS4zMDkuMjcyLS43ODQuMTk3LTEuNDEzLS4wOS0uNzUyLS43NjMtMS45MDQtMS4xNjUtMi41OTMtLjA5Ni0uMTY0LS4xNzYtLjMwMi0uMjMtLjQwMy0uMjY4LS40OTctMS45My0zLjY2Mi0yLjAyLTMuODQybC0uMDc5LS4xNTZjLS44MTctMS42MDgtLjgxNy0xLjY1LS44MTctMS43MzUsMC0uMDY1LS4wMjctLjU3NC0uMDU1LTEuMDQtLjE0OC40OTItLjM0MSwxLjE4OC0uMzU1LDEuMjk2LjAxNS4wMzUuMTcuNDI5LjI3My42OS4xMTkuMzAxLjIzNS41OTkuMjcxLjcyNi4wNjEuMjE0LjY0NSwxLjg5NS45NDQsMi43NTQuMDQ2LjEzLS4wMjMuMjczLS4xNTMuMzE4LS4xMy4wNDYtLjI3My0uMDIzLS4zMTgtLjE1NC0uMDM2LS4xMDItLjg3NC0yLjUwMS0uOTU0LTIuNzgyLS4wMzQtLjExOS0uMTQ1LS4zOTctLjI1Ni0uNjc5LS4yNjEtLjY2Mi0uMzA3LS43OTUtLjMwNy0uODkxLDAtLjE1OS40NzktMS44NjIuNTk2LTIuMDM2LjAxNC0uMDIyLjAzLS4wNTMuMDQ3LS4wODQuMDc3LS4xNDQuMTc5LS4zNDIuMzk2LS4zMDcuMDc3LjAxMy4yMS4wNjcuMjQ4LjI5MS4wNDQuMjY2LjEyMiwxLjgzLjEyMiwxLjg5OS4wMjMuMDM2LjI4My41NjMuNzYzLDEuNTA4bC4wODEuMTU5Yy4wODkuMTc5LDEuNzQ2LDMuMzMyLDIuMDEzLDMuODI4LjA1Mi4wOTcuMTMuMjMuMjIyLjM4OC40MjEuNzIyLDEuMTI3LDEuOTMsMS4yMjksMi43ODUuMDkuNzUtLjAwMywxLjMzOS0uMjc3LDEuNzUtLjI2MS4zOTEtLjY2My42MzMtMS4yMjkuNzM5LS4wMTYuMDAzLS4wMzEuMDA0LS4wNDYuMDA0WiIvPgogICAgICA8cGF0aCBkPSJNMTEuNDc4LDguNDY2Yy0uMTA0LDAtLjIwMi0uMDY2LS4yMzctLjE3MS0uMTM3LS40MS0uMzA0LTEuMjQxLS4zNzYtMS41OTZsLS4wMjYtLjEyOWMtLjA0MS0uMTgzLS4yNDMtMS4xMDUtLjI0My0xLjMyLDAtLjM5Mi4yMzgtLjUyMS40MzgtLjU2MS41OTQtLjExOSwxLjA2LS4yMzQsMS4yMTUtLjMwMS4xODYtLjA4LjI3NS0uMTk2LjI4Ny0uMjI5LS4wMDEtLjEzOC4xMDctLjIzOC4yNDUtLjIzOS4xNTktLjAwNi4yNS4xMjIuMjUyLjI2LjAwMy4yNC0uMjQ0LjUyMS0uNTg2LjY2OC0uMjYxLjExMi0uOTM1LjI1Ni0xLjMxNC4zMzEtLjAzMS4wMDItLjAzNy4wMTgtLjAzNy4wNzEsMCwuMDk2LjEwNC42MzkuMjMxLDEuMjExbC4wMjguMTM5Yy4wNjQuMzE2LjIzMywxLjE1Ni4zNiwxLjUzNy4wNDMuMTMxLS4wMjcuMjczLS4xNTguMzE2LS4wMjYuMDA5LS4wNTMuMDEzLS4wNzkuMDEzWiIvPgogICAgICA8cGF0aCBkPSJNOS41OCw4LjkwMWMtLjA0OCwwLS4wOTYtLjAxNC0uMTM5LS4wNDItLjA5NS0uMDYzLS4xMzItLjE3OS0uMS0uMjgzLjAxNS0uMTM0LDAtLjc0Ny0uMDA2LS45ODJsLS4wMDUtLjI0OGMwLS4xMzguMTEyLS4yNS4yNS0uMjVzLjI1LjExMi4yNS4yNWwuMDA1LjIzNWMuMDI3LDEuMDk3LjAxLDEuMTIzLS4wNDcsMS4yMDgtLjA0OC4wNzItLjEyNy4xMTEtLjIwOC4xMTFaIi8+CiAgICAgIDxwYXRoIGQ9Ik0xMS44MzIsMTcuNzk3aC01LjI1N2MtLjEzOCwwLS4yNS0uMTEyLS4yNS0uMjUtLjAwMS0uMDE5LS4wMi0uMTY2LS4yNjMtLjg2Ny0uMjQ1LS43MDktMS4yNDgtMi4wODktMS44NDctMi45MTQtLjI1LS4zNDQtLjQzMS0uNTkzLS41MDQtLjcxOC0uNDItLjcxNC0xLjEwMS0xLjg3My0xLjM3My0zLjAzNS0uMjUzLTEuMDg3LS4zMDUtMi44NzguMTg1LTMuMzI1LjI2My0uMjQuNzY1LS40MjEsMS4xNjYtLjQyMSwxLjg2NSwwLDQuMzY4LDEuMzU0LDQuNDc0LDEuNDExLjExLjA2OS43NC4zNzksMS44ODQuOTMxbC4xOTguMDk2Yy4wNjYuMDMzLjIwMy4xMDEuODc2LDIuMTIxLjAxNS4wNDUuMTQ4LjM5NC4zMTguODM5LjU0NCwxLjQyNi44MDgsMi4xMjMuODMzLDIuMjI0LjAxNy4wNjUuMTI3LjM3My4yNTIuNzI0cS40NzMsMS4zMy4zODMsMS40NTdjLS4wNDcuMDY2LS4xMjQuMTA2LS4yMDUuMTA2LS4wNzEsMC0uMzgxLS4xMDEtLjY0NS0uMTkzLjAyNy4xMDEuMDQ3LjIwMi4wNjIuMzAzLjA0Mi4yOTYtLjAzMSwxLjE4Mi0uMDQsMS4yODItLjAxMS4xMjktLjExOS4yMjktLjI0OS4yMjlaTTYuNzgzLDE3LjI5N2g0LjgxOGMuMDI1LS4zNTIuMDQ2LS43OTQuMDI1LS45NC0uMDM2LS4yNS0uMTE1LS40NjQtLjE4NC0uNjE0LS41NDUtLjI1My0xLjg3MS0uODkyLTIuMTUyLTEuMDY4LS4yOTgtLjE4Ni0zLjM5OS0yLjQwNy00LjAyNC0yLjk0OS0uMTA0LS4wOS0uMTE2LS4yNDgtLjAyNS0uMzUzLjA5LS4xMDUuMjQ5LS4xMTUuMzUzLS4wMjUuNTkuNTExLDMuNjc2LDIuNzI0LDMuOTYyLDIuOTAzLjI5Mi4xODIsMi4wNzQsMS4wMzksMi4yOTMsMS4xMjYuMDk0LjAzOC4yOTEuMTA2LjQ3Ny4xNjktLjA4My0uMjM5LS4xODgtLjUzNS0uMjctLjc2Ni0uMTM0LS4zNzYtLjI1LS43MDYtLjI2Ni0uNzctLjAzNC0uMTItLjUyMy0xLjQwMS0uODE1LTIuMTY3LS4xNzUtLjQ1OS0uMzEyLS44MTgtLjMyNi0uODU5LS4wODgtLjI2NS0uNTUxLTEuNTc0LS42ODgtMS44NjJsLS4xMjktLjA2MmMtLjg2Ni0uNDE3LTEuNzcxLS44NTYtMS45Mi0uOTUtLjAxMS0uMDA1LTIuNDg0LTEuMzQyLTQuMjIxLTEuMzQyLS4zMDUsMC0uNjc1LjE1LS44MjkuMjkxLS4yMTcuMTk4LS4zMjIsMS42MDgtLjAzNSwyLjg0Mi4yNTQsMS4wODguOTExLDIuMjA2LDEuMzAzLDIuODczLjA3OS4xMzMuMjU5LjM4LjQ5MS43LjY1NS45MDIsMS42NDYsMi4yNjUsMS45MTYsMy4wNDQuMTM1LjM5LjIwOC42MjguMjQ4Ljc4MVoiLz4KICAgICAgPHBhdGggZD0iTTMuMTM2LDQ5LjAzMWMtLjEzOCwwLS4yNS0uMTEyLS4yNS0uMjUsMC0uMTkyLjA0MS0uNzQ0LjA5Mi0xLjQ0Mi4wNTctLjc3Mi4xMjQtMS42NzMuMTQ1LTIuMjQ0LjAyOS0uNzczLjMwMy00LjYxMy40ODQtNy4xNTMuMDctLjk4Ni4xMjYtMS43NzMuMTQ4LTIuMTA1LjA3NS0xLjEyNy44OTgtNy45NTEsMS4xNDgtMTAuMDE2LjE1Ny0xLjI5NiwxLjM0Ni04LjAwMSwxLjQyOC04LjMzMy4wMzMtLjEzNC4xNjYtLjIxNi4zMDMtLjE4Mi4xMzQuMDMzLjIxNS4xNjkuMTgyLjMwMy0uMDgyLjMyOS0xLjI2Miw2Ljk4NC0xLjQxNyw4LjI3Mi0uMjUsMi4wNjItMS4wNzEsOC44NzUtMS4xNDYsOS45ODktLjAyMi4zMzItLjA3OSwxLjEyMS0uMTQ5LDIuMTA4LS4xODEsMi41MzctLjQ1NSw2LjM3Mi0uNDgzLDcuMTM2LS4wMjEuNTc4LS4wODgsMS40NzMtLjE0NiwyLjI2My0uMDQ3LjYzMy0uMDkxLDEuMjMxLS4wOTEsMS40MDUsMCwuMTM4LS4xMTIuMjUtLjI1LjI1WiIvPgogICAgICA8cGF0aCBkPSJNNy43NjIsNDcuNDg5Yy0uMDIzLDAtLjA0Ni0uMDAzLS4wNjktLjAxLS4xMzMtLjAzOC0uMjA5LS4xNzctLjE3MS0uMzA5LjEzMi0uNDU5LjM5LTEuMjA3LjcxNy0yLjE1NCwxLjE0Mi0zLjMxLDMuMDUzLTguODQ5LDIuNzctMTEuMjYzLS4wMTYtLjEzNy4wODMtLjI2MS4yMTktLjI3Ny4xNDMtLjAxNi4yNjEuMDgyLjI3OC4yMTkuMjk2LDIuNTI4LTEuNjM4LDguMTM1LTIuNzk0LDExLjQ4NS0uMzI1Ljk0LS41ODEsMS42ODMtLjcwOSwyLjEyOS0uMDMyLjExLS4xMzEuMTgxLS4yNC4xODFaIi8+CiAgICAgIDxwYXRoIGQ9Ik0xNi43NzYsNDguNzk0Yy0uMTM4LDAtLjI1LS4xMTItLjI1LS4yNSwwLTEuMzgxLS41NzEtNy4wNjUtLjk0OS0xMC44MjYtLjEyNS0xLjIzOC0uMjI2LTIuMjQ3LS4yNzUtMi43OTItLjE4LTEuOTgzLTEuMjU1LTcuOTkyLTEuNjE4LTkuOTQtLjMyNi0xLjc1My0xLjUxOS02LjA2OS0yLjA3OC03LjMzOC0uMDU2LS4xMjYuMDAxLS4yNzQuMTI3LS4zMy4xMjYtLjA1Ni4yNzQuMDAxLjMzLjEyOC42MjMsMS40MTMsMS44MDYsNS44LDIuMTEyLDcuNDQ4LjAxNC4wNzUsMS40MDcsNy42LDEuNjI1LDkuOTg2LjA0OS41NDMuMTUxLDEuNTUyLjI3NSwyLjc4Ny4zNzksMy43NzEuOTUyLDkuNDcuOTUyLDEwLjg3NiwwLC4xMzgtLjExMi4yNS0uMjUuMjVaIi8+CiAgICAgIDxwYXRoIGQ9Ik04LjE5Nyw1MS4xMjZzLS4wMDYsMC0uMDA5LDBjLS45MTctLjAzMS0xLjU5OS0uMDg0LTIuMDg2LS4xNjEtLjU3My0uMDkxLTIuMzU3LS41NjYtMy4wMTQtMS41MjktLjI5OS0uNDM5LS4yMTYtLjc1LS4wOTQtLjkzMy4zMjQtLjQ4NCwxLjIxMy0uNTAzLDEuNjk2LS40MDIuMjQ2LjA1MiwxLjIyOS4yNzMsMS41NS40MS4zMzguMTQ1LDEuNzQ4LjcwMSwyLjQ1Ny43NzIuMzM0LjAzMy40NDQtLjA1Mi40NTctLjA4NC4wMS0uMDI0LS4wMDYtLjA3MS0uMDUyLS4xMS0uMTI3LS4xMDktLjI4Ni0uMjItLjQ0My0uMzMtLjE4Ny0uMTMxLS4zNzMtLjI2Mi0uNTEtLjM4Ni0uNjM2LS41NzUtLjY3Ni0xLjAwMy0uNTk4LTEuMjYyLjA3NS0uMjQ1LjMyMy0uNTYxLDEuMDg0LS42NzQuODA0LS4xMTksMi4yNDMtLjEyLDMuODUtLjAwMiwxLjUyMS4xMTEsMy4xOTEuNjMyLDMuOTcsMS4yMzguOTc0Ljc1Ny40NzksMS43NDUuMjY4LDIuMTY3LS40NTMuOTA1LTIuNDc1LDEuMTgxLTMuMDg0LDEuMjQ0LS4yMDkuMDIyLS4zODEuMDI2LS43MzcuMDM1bC0uMjMxLjAwNmMtLjExNS4wMDUtLjI1My0uMTA2LS4yNTYtLjI0My0uMDAzLS4xMzguMTA1LS4yNTMuMjQ0LS4yNTZsLjIzMi0uMDA2Yy4zMzYtLjAwOC40OTktLjAxMi42OTctLjAzMiwxLjM2OC0uMTQxLDIuNDc0LS41NCwyLjY4OC0uOTcuMzMxLS42NjEuNDE2LTEuMTI2LS4xMjctMS41NDktLjY5OS0uNTQzLTIuMjg5LTEuMDMxLTMuNy0xLjEzNC0xLjU1LS4xMTMtMi45ODQtLjExNC0zLjc0MS0uMDAyLS4zODEuMDU2LS42MzUuMTc4LS42NzkuMzI0LS4wNS4xNjQuMTIuNDQzLjQ1NS43NDYuMTI1LjExMy4yOTIuMjI5LjQ2MS4zNDcuMTcxLjEyLjM0NC4yNDEuNDgyLjM2LjIxLjE4LjI4NS40NTYuMTg3LjY4Ni0uMDYuMTM5LS4yNzIuNDU0LS45NjcuMzg1LS44OTEtLjA4OS0yLjU4Ny0uODAzLTIuNjA0LS44MS0uMjM3LS4xMDItMS4wNzktLjMwMS0xLjQ1NS0uMzgxLS40NzUtLjEtMS4wNDUtLjAwNy0xLjE3OC4xOS0uMDY3LjEuMDEzLjI1OC4wOTEuMzczLjUxMS43NSwyLjA1NCwxLjIxOSwyLjY3OSwxLjMxNy40NjcuMDc0LDEuMTI5LjEyNCwyLjAyNS4xNTUuMTM4LjAwNS4yNDYuMTIuMjQxLjI1OC0uMDA1LjEzNS0uMTE2LjI0MS0uMjUuMjQxWiIvPgogICAgICA8cGF0aCBkPSJNOC4zOTQsNTMuODU0Yy0uMTMsMC0uMjQtLjEwMS0uMjQ5LS4yMzNsLS4yNzctNC4wMzNjLS4wMDktLjEzOC4wOTUtLjI1Ny4yMzItLjI2Ny4xMjctLjAwOS4yNTcuMDk0LjI2Ny4yMzJsLjI3Nyw0LjAzM2MuMDA5LjEzOC0uMDk1LjI1Ny0uMjMyLjI2Ny0uMDA2LDAtLjAxMiwwLS4wMTgsMFoiLz4KICAgICAgPHBhdGggZD0iTTExLjAwNCw1Mi41ODlzLS4wMDgsMC0uMDEzLDBjLS4xMzgtLjAwNy0uMjQ0LS4xMjQtLjIzNy0uMjYybC4yODMtNS42NTVjLjAwNy0uMTM4LjExNC0uMjQ1LjI2Mi0uMjM3LjEzOC4wMDcuMjQ0LjEyNC4yMzcuMjYybC0uMjgzLDUuNjU1Yy0uMDA2LjEzNC0uMTE3LjIzOC0uMjUuMjM4WiIvPgogICAgICA8cGF0aCBkPSJNMTIuNTg1LDUyLjUxcy0uMDEsMC0uMDE1LDBjLS4xMzgtLjAwOC0uMjQzLS4xMjYtLjIzNS0uMjY0bC4zMTYtNS40MTZjLjAwOC0uMTM4LjEyNS0uMjQzLjI2NC0uMjM1LjEzOC4wMDguMjQzLjEyNi4yMzUuMjY0bC0uMzE2LDUuNDE2Yy0uMDA4LjEzMy0uMTE4LjIzNS0uMjUuMjM1WiIvPgogICAgICA8cGF0aCBkPSJNMTYuMDY0LDU2LjI4NnMtLjAwOCwwLS4wMTIsMGwtOC4xNDUtLjM3NmMtLjEzNS0uMDA2LS4yNDEtLjExOS0uMjM4LS4yNTUuMDQyLTIuMTYyLjE5Ny0yLjIxOS4zNjItMi4yNzkuMTM0LS4wNDkuMzItLjAyMi43MjcuMDQzLjI4OC4wNDYsMS4wNTQuMTY4LDEuMTg3LjA1Mi4wMTgtLjA2NS0uMTAzLS4yODMtLjE3NS0uNDE0LS4xMjUtLjIyNy0uMjU1LS40NjMtLjEzNi0uNjc3LjA3MS0uMTI5LjIwOC0uMjAxLjQwNy0uMjEyLjcyNi0uMDQsMS4xMTkuMDA4LDEuMTM1LjAxLjA3My4wMDkuMTM4LjA1LjE3OC4xMTIuMjUzLjM4OS43NTgsMS4wNjMsMS4wMzQsMS4yMTNsLjA2Ny4wMzdjLjM3Ni4yMDYsMS4zNzUuNzUyLDIuMDE2LjkzLjExLjAzMS4yNDYuMDYuMzkyLjA5Mi42OC4xNDksMS40NTIuMzE3LDEuNDUyLjg2MXYuNjEzYzAsLjA2OC0uMDI4LjEzNC0uMDc3LjE4MS0uMDQ3LjA0NC0uMTA5LjA2OS0uMTczLjA2OVpNOC4xNzYsNTUuNDIybDcuNjM5LjM1M3YtLjM1MWMtLjA1MS0uMTUyLS43ODMtLjMxMi0xLjA1OS0uMzcyLS4xNTYtLjAzNC0uMzAxLS4wNjYtLjQxOC0uMDk5LS42OTYtLjE5My0xLjczMi0uNzYtMi4xMjItLjk3NGwtLjA2Ni0uMDM2Yy0uNDA3LS4yMjItLjk1LS45ODctMS4xNDYtMS4yNzctLjE0OC0uMDEtLjQ0Ni0uMDIyLS44NzUsMCwuMDI0LjA1LjA1Ni4xMDcuMDgxLjE1MS4xMzIuMjQxLjI5OC41NDEuMjAyLjgyOC0uMTcyLjUxOC0xLjAwMS4zODYtMS43MzEuMjY5LS4xMjYtLjAyLS4yODYtLjA0Ni0uMzkzLS4wNTctLjA1MS4yNy0uMDkzLjkzNy0uMTExLDEuNTY1WiIvPgogICAgICA8cGF0aCBkPSJNMTYuMDY0LDU2LjU0M2gtLjAwMmwtOC4xNDUtLjA3OWMtLjEzNy0uMDAxLS4yNDgtLjExMy0uMjQ4LS4yNXYtLjU1M2MwLS4xMzguMTEyLS4yNS4yNS0uMjVzLjI1LjExMi4yNS4yNXYuMzA2bDcuNjQ1LjA3NHYtLjAyNGMwLS4xMzguMTEyLS4yNS4yNS0uMjVzLjI1LjExMi4yNS4yNXYuMjc3YzAsLjA2Ny0uMDI3LjEzMS0uMDc0LjE3OC0uMDQ3LjA0Ni0uMTEuMDcyLS4xNzYuMDcyWiIvPgogICAgICA8cGF0aCBkPSJNMTcuNjg1LDU2LjM0NXMtLjAwNCwwLS4wMDYsMGwtMS42MjEtLjA0Yy0uMTM4LS4wMDMtLjI0OC0uMTE4LS4yNDQtLjI1Ni4wMDQtLjEzOC4xMjktLjI0NS4yNTYtLjI0NGwxLjM2NS4wMzN2LS40MTRzMCwwLDAsMGMtLjAwOSwwLS4xMjMtLjE1OS0uNzg0LS40LS4wOS0uMDMzLS4xODYtLjA1LS4zMDQtLjA3Mi0uMjUtLjA0OC0uNTkzLS4xMTMtMS4xMjYtLjMyNi0uNzQ1LS4yOTgtMS4wMS0uNDE0LTEuNjM0LS44NTktLjI4Ni0uMjA0LS43NzQtLjc4OC0xLjAyMy0xLjE3OWgtLjQ1MmMtLjI5NywwLS4zNjMuMDQxLS4zNy4wNDUuMDA0LDAsLjAxNS4wNjcuMDE5LjEyLjAwNC4wNTYuMDA4LjExNS4wMDguMTc4LDAsLjEzOC0uMTEyLjI1LS4yNS4yNXMtLjI1LS4xMTItLjI1LS4yNWMwLS4wNS0uMDA0LS4wOTctLjAwNy0uMTQxLS4wMTItLjE1NC0uMDI2LS4zNDcuMTE4LS41MDIuMTMyLS4xNDMuMzQ0LS4yMDEuNzMxLS4yMDFoLjU5M2MuMDkxLDAsLjE3NC4wNDkuMjE5LjEyOS4xODcuMzM2LjcyMi45NzguOTU1LDEuMTQ0LjU4LjQxNS43OTYuNTA4LDEuNTI5LjgwMi40ODkuMTk1Ljc5MS4yNTMsMS4wMzQuMjk5LjE0OC4wMjguMjY5LjA1Mi4zODIuMDkzLjc3LjI4LDEuMTEzLjU0NywxLjExMy44Njh2LjY3MmMwLC4wNjctLjAyNy4xMzItLjA3NS4xNzktLjA0Ny4wNDYtLjExLjA3MS0uMTc1LjA3MVoiLz4KICAgICAgPHBhdGggZD0iTTE3LjY4NSw1Ni41NDNoLTEuNjIxYy0uMTM4LDAtLjI1LS4xMTItLjI1LS4yNXMuMTEyLS4yNS4yNS0uMjVoMS4zNzZjLjAyNC0uMTEzLjEyNS0uMTk4LjI0NS0uMTk4LjEzOCwwLC4yNS4xMTIuMjUuMjV2LjE5OGMwLC4xMzgtLjExMi4yNS0uMjUuMjVaIi8+CiAgICAgIDxjaXJjbGUgY3g9IjUuNjI3IiBjeT0iMi40OTIiIHI9Ii4xNzgiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==) no-repeat center / 100%;
  aspect-ratio: 8/25;
  position: absolute;
  z-index: 2;
}
.s-atFvMove::after{
  content: "";
  display: inline-block;
  position: absolute;
  z-index: 2;
}

.s-atFvMove .swiper-wrapper {
  transition-timing-function: linear;
}
@media screen and (min-width: 1311px){
  .s-atFvMove::after{
    right: 0;
    bottom: 95%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1310px){
  .s-atFvMove::after{
    right: 0;
    bottom: 60%;
  }
}
@media screen and (min-width: 768px){
  .s-atFvMove{
    margin-bottom: var(--GENERALSEC);
  }

   

  .s-atFvMove::before{
    width: 70px;
    left: 10%;
    bottom: -50px;
  }
  .s-atFvMove::after{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzOC45OTggNzEuNjUiPgogIDxnIGlkPSJf44Kk44Oh44O844K4IiBkYXRhLW5hbWU9IuOCpOODoeODvOOCuCI+CiAgICA8cGF0aCBkPSJNLjMsNzEuNjVjLS4wNjEsMC0uMTIxLS4wMTgtLjE3NC0uMDU2LS4xMzUtLjA5Ni0uMTY3LS4yODMtLjA3LS40MTgsNC4xOTEtNS44OTQsMTMuMDktMTcuODg3LDIwLjk0LTI4LjQ2OSw2LjMxNi04LjUxMywxMS43NzEtMTUuODY1LDEyLjY5NS0xNy4yNDgsMS40MDUtMi4xMDYuOTU4LTQuMDkyLS4xNzYtNC44OTEtLjg4OC0uNjI1LTIuNDQ5LS42NDktMy45MjgsMS4zNDQtMi4wNjQsMi43NzktNS4xMzYsNy4wNjQtNy44NDYsMTAuODQ1LTIuMzM4LDMuMjYxLTQuMzU2LDYuMDc3LTUuMzUyLDcuNDA1LTEuOTEsMi41NDgtMy43NTUsMi42OS00Ljg0MSwxLjk3OC0xLjM1OC0uODg5LTEuNjgxLTIuOTkyLS43MTgtNC42ODcuODUxLTEuNDk4LDYuMDk5LTguNDUyLDEyLjE3NS0xNi41MDRDMjguNzc0LDEzLjMwOCwzNS4zMSw0LjY0OCwzOC40NTIuMTI5Yy4wOTUtLjEzNy4yODQtLjE2OS40MTctLjA3NS4xMzcuMDk1LjE3LjI4Mi4wNzUuNDE4LTMuMTQ5LDQuNTI4LTkuNjg4LDEzLjE5NC0xNS40NTgsMjAuODM5LTUuODEyLDcuNzAxLTExLjMwMiwxNC45NzUtMTIuMTMzLDE2LjQzOS0uOTA2LDEuNTk3LS40MzQsMy4yNjIuNTI0LDMuODg5LDEuMTE4LjczMSwyLjYyNC4wNDQsNC4wMzItMS44MzYuOTkyLTEuMzIzLDMuMDA5LTQuMTM3LDUuMzQ1LTcuMzk1LDIuNzExLTMuNzgzLDUuNzg0LTguMDcsNy44NTEtMTAuODUzLDEuNjI2LTIuMTg5LDMuNTU5LTIuMzE5LDQuNzU2LTEuNDc3LDEuMzY2Ljk2MiwxLjk0NSwzLjI5Mi4zMjksNS43MTUtLjkzMiwxLjM5NS02LjM5Miw4Ljc1My0xMi43MTMsMTcuMjczLTcuODQ5LDEwLjU3OS0xNi43NDUsMjIuNTY5LTIwLjkzNCwyOC40NTktLjA1OS4wODItLjE1LjEyNi0uMjQ0LjEyNloiLz4KICA8L2c+Cjwvc3ZnPg==) no-repeat center/100%;
    aspect-ratio: 41/75;
    width: clamp( 100px, 13vw, 200px);
  }
}
@media screen and (max-width: 767px){
  .s-atFvMove{
    margin-bottom: 30px;
  }
  .s-atFvMove::before{
    width: 30px;
    left: 10%;
    bottom: 0px;
  }
  .s-atFvMove::after{
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4xNTMgMzYuNzQ5Ij4KICA8ZyBpZD0iX+OCpOODoeODvOOCuCIgZGF0YS1uYW1lPSLjgqTjg6Hjg7zjgrgiPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik0uNzIxLDM1Ljg2MmMtLjA0NSwwLS4wOTEtLjAxLS4xMzQtLjAzMi0uMTQ4LS4wNzQtLjIwOS0uMjU0LS4xMzUtLjQwMiwxLjM1My0yLjcxMSw0LjI1OC04LjI1LDYuODIxLTEzLjEzNiwyLjA2Mi0zLjkzMSwzLjg0My03LjMyNiw0LjEzMy03Ljk1NC4zOTktLjg2Mi4xMzktMS41NjItLjMwOS0xLjc4My0uNDQxLS4yMTgtLjk1OC4wNjktMS4zMDcuNzM1LS42NywxLjI3Ni0xLjY1MiwzLjIyNi0yLjUyNyw0Ljk2My0uNzUxLDEuNDkyLTEuNDI0LDIuODI2LTEuNzUyLDMuNDQ0LS42ODEsMS4yODQtMS41MzUsMS40NjYtMi4xLDEuMjA5LS43MDItLjMxNy0xLjAxMy0xLjI2NS0uNjkyLTIuMTEzLjI1Ny0uNjgsMi4zODQtNC42NCw0Ljg0Ny05LjIyNEM5LjkxMSw3LjIwNCwxMi41NjksMi4yNTcsMTMuNTg0LjE2OWMuMDcyLS4xNDkuMjUyLS4yMTEuNC0uMTM5LjE0OS4wNzIuMjExLjI1Mi4xMzkuNDAxLTEuMDIsMi4wOTktMy41NjUsNi44MzgtNi4wMjgsMTEuNDIxLTIuMzUxLDQuMzc2LTQuNTcxLDguNTA5LTQuODE0LDkuMTUyLS4yMjguNjA1LjAxMiwxLjE4OS4zNzksMS4zNTUuNDA5LjE4Ni45MTctLjE3NywxLjMyMy0uOTQ0LjMyNy0uNjE2Ljk5Ny0xLjk0NiwxLjc0Ni0zLjQzMy44NzYtMS43NCwxLjg2LTMuNjk0LDIuNTMxLTQuOTcyLjU4NS0xLjExNSwxLjQ3Ny0xLjMwMywyLjEwNC0uOTk0LjcwMS4zNDYsMS4xNDYsMS4zNjUuNTg4LDIuNTczLS4yOTcuNjQyLTIuMDgxLDQuMDQzLTQuMTQ2LDcuOTgxLTIuNTYyLDQuODg0LTUuNDY2LDEwLjQxOS02LjgxNSwxMy4xMjUtLjA1My4xMDUtLjE1OC4xNjYtLjI2OS4xNjZaIi8+CiAgICAgIDxjaXJjbGUgY3g9Ii4yNTEiIGN5PSIzNi40OTgiIHI9Ii4yNTEiLz4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPg==) no-repeat center/100%;
    aspect-ratio: 29/75;
    width: 55px;
    right: 0;
    top: -60px;
  }
}

/* fv-ロゴスライダー */
.fv-slider-top .swiper-wrapper,.fv-slider-btm .swiper-wrapper{
  transition-timing-function: linear;
}
.fv-slider-btm li {
	transform: translateX(50px);
}
@media screen and (min-width: 768px){
  .fv-slider-btm{
    margin-bottom: var(--GENERALSEC);
  }
}
@media screen and (max-width: 767px){
  .fv-slider-btm{
    margin-bottom: 30px;
  }
}

/* ■■■■■■■■■■ pcサイドバー  ■■■■■■■■■■ */
@media screen and (min-width: 768px){
  .s-companyOverview__nav--about__ttl{
    font-size: 11px;
    line-height: 2;
    letter-spacing: 0em;
    font-family: var(--FF_BASE_E);
  }
  .s-companyOverview__nav--about li a{
    font-size: 11px;
    font-family: var(--FF_BASE_D);
  }
}

/* ■■■■■■■■■■ ソレプロの強みと他社との違い ■■■■■■■■■■ */
.s-abDifference{
  position: relative;
}
.s-abDifference__text > span{
  display: block;
}
.s-abDifference__text__top__box{
  display: block;
}
@media screen and (min-width: 768px){
  .s-abDifference__inner{
    background: var(--BEIGE01);
    display: flex;
    align-items: end;
    position: relative;
  }
  .s-abDifference__body{
    flex: 1137;
  }
  .s-abDifference__pic{
    flex: 925;
  }
  .s-abDifference__text{
    margin-top: 40px;
  }
  .s-abDifference__pic img{
    width: 80%;
    margin-inline: auto;
  }
  .s-abDifference__inner::before{
    content: "";
    display: inline-block;
    background: var(--BEIGE01);
    position: absolute;
    height: 100%;
    width: 200%;
    right: 100%;
    top: 0;
  }

  .s-abDifference__text__top .s-abDifference__text__top__box:nth-of-type(1){
    margin-bottom: var(--GAP_25);
  }
}
@media screen and (max-width: 767px){
  .s-abDifference__wrap{
    background: var(--BEIGE01);
  }
  .s-abDifference__body{
    margin-bottom: 30px;
  }
  .s-abDifference__text{
    margin-top: 20px;
  }
  .s-abDifference__text__top{
    margin-bottom: 20px;
  }
}

/* ■■■■■■■■■■ ソレプロの４つの特長  ■■■■■■■■■■ */
/* ナビ */
.s-atFeature{
  position: relative;
}
.s-atFeature__h2hd{
  font-family: var(--FF_BASE_H);
  text-align: center;
}

.s-atFeatureNav{
  display: grid;
}
.s-atFeatureNav li a{
  position: relative;
  display: block;
  border: 3px solid;
  border-radius: 10px;
}
.s-atFeatureNav__hd{
  text-align: center;
  font-family: var(--FF_BASE_H);
}
.s-atFeatureNav__hd > span{
  display: block;
}
.s-atFeatureNav__hd__btm{
  width: fit-content;
  position: relative;
  margin-inline: auto;
}
.s-atFeatureNav__hd__btm::before{
  content: "";
  display: inline-block;
  background: url(../images/about/s-atFeatureNav-decoL.svg) no-repeat center / 100%;
  position: absolute;
  aspect-ratio: 13/50;
  top: 50%;
  transform: translateY(-50%);
}
.s-atFeatureNav__hd__btm::after{
  content: "";
  display: inline-block;
  background: url(../images/about/s-atFeatureNav-decoR.svg) no-repeat center / 100%;
  position: absolute;
  aspect-ratio: 13/50;
  top: 50%;
  transform: translateY(-50%);
}
.s-atFeatureNav__pic{
  aspect-ratio: 1/1;
  background: no-repeat center/100%;
}
.s-atFeatureNav li a::after{
  content: "";
  display: inline-block;
  background: url(../images/about/s-atFeatureNav-arrow.png) no-repeat center / 100%;
  aspect-ratio: 1/1;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 1100px){
  .s-atFeatureNav {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1099px){
  .s-atFeatureNav {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
}
}
@media screen and (min-width: 768px){
  .s-atFeature__h2hd{
    font-size: var(--FZ_30);
    margin-bottom: 30px;
  }

  .s-atFeatureNav li a{
    padding-block: 50px;
  }
  .s-atFeatureNav__hd__top{
    font-size: var(--FZ_16);
    margin-bottom: 10px;
  }
  .s-atFeatureNav__hd__btm{
    font-size: var(--FZ_22);
    margin-bottom: 15px;
  }
  .s-atFeatureNav__hd__btm::before{
    width: 10px;
    left: -15px;
  }
  .s-atFeatureNav__hd__btm::after{
    width: 10px;
    right: -15px;
  }
  .s-atFeatureNav__pic{
    width: 125px;
    margin-inline: auto;
  }
  .s-atFeatureNav li a::after{
    width: 40px;
    top: 94%;
    transition: 0.3s;
  }
}
@media (hover: hover){
  .s-atFeatureNav li a:hover::after{
    transform: translateX(-50%) translateY(10px);
  }
  .s-atFeatureNav li a:hover{
    opacity: 1;
  }
}
@media screen and (max-width: 767px){
  .s-atFeature__h2hd{
    font-size: 26px;
    margin-bottom: 30px;
  }

  .s-atFeatureNav{
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 10px;
  }
  .s-atFeatureNav li a{
    padding-block: 15px 20px;
  }
  .s-atFeatureNav__hd__top{
    font-size: 10px;
    margin-bottom: 8px;
  }
  .s-atFeatureNav__hd__btm{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .s-atFeatureNav__hd__btm::before{
    width: 6px;
    left: -10px;
  }
  .s-atFeatureNav__hd__btm::after{
    width: 6px;
    right: -10px;
  }
  .s-atFeatureNav__pic{
    width: 100px;
    margin-inline: auto;
  }
  .s-atFeatureNav li a::after{
    width: 26px;
    top: 94%;
  }
}

/* ■■■■■■■■■■ 戦略的リサーチ  ■■■■■■■■■■ */
.s-atResearch{
  border-top: 2px solid var(--DARK01);
  padding-top: 20px;
}
/* 見出しとリード */
.s-atOurServiceHd > span{
  display: block;
}
.s-atOurServiceHd__en{
  font-family: var(--FF_EN);
  font-weight: bold;
}
.s-atOurServiceHd__en::before{
  content: "";
  display: inline-block;
  background: url(../images/about/s-atOurServiceHd__en--deco.jpg) no-repeat center / 100%;
  aspect-ratio: 1/1;
  margin-right: 5px;
}
.s-atOurServiceHd__jp{
  font-family: var(--FF_BASE_H);
}

.s-atResearch__lead > span{
  display: block;
}
.s-atResearch__lead b{
  font-family: var(--FF_BASE_E);
}
@media screen and (min-width: 768px){
  .s-atOurServiceHd{
    margin-bottom: 15px;
  }
  .s-atOurServiceHd__en{
    font-size: var(--FZ_20);
  }
  .s-atOurServiceHd__en::before{
    width: 15px;
  }
  .s-atOurServiceHd__jp{
    font-size: var(--FZ_43);
  }

  .s-atResearch__lead{
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 767px){
  .s-atOurServiceHd{
    margin-bottom: 15px;
  }
  .s-atOurServiceHd__en{
    font-size: 14px;
  }
  .s-atOurServiceHd__en::before{
    width: 10px;
  }
  .s-atOurServiceHd__jp{
    font-size: 27px;
  }

  .s-atResearch__lead{
    margin-bottom: 40px;
  }
  .s-atResearch__lead__top{
    margin-bottom: 20px;
  }
}

/* マーケティング視点って何？ */
.s-atResearchWhat__hd{
  font-family: var(--FF_BASE_D);
}
.s-atResearchWhat__con{
  border: 5px solid var(--PINK02);
  border-radius: 9px;
  position: relative;
  z-index: -1;
}
.s-atResearchWhat__con__view{
  font-family: var(--FF_BASE_H);
  background: url(../images/about/s-atResearchWhat__con__view-bg.jpg) no-repeat center / 100%;
  position: relative;
}
.s-atResearchWhat__con__view::before,.s-atResearchWhat__con__view::after{
  content: "";
  display: inline-block;
  background: var(--DARK01);
  position: absolute;
}
.s-atResearchWhat__con__text{
  font-family: var(--FF_BASE_E);
}
.s-atResearchWhat__con__text p::before{
  content: "";
  display: inline-block;
  background: url(../images/about/s-atResearchWhat__con__text-deco.svg) no-repeat center / 100%;
  aspect-ratio: 27/50;
  margin-right: 5px;
}
@media screen and (min-width: 901px){
  .s-atResearchWhat{
    width: 85%;
    margin-inline: auto;
  }
}
@media screen and (min-width: 768px){
  .s-atResearchWhat{
    margin-bottom: 70px;
  }
  .s-atResearchWhat__hd{
    font-size: var(--FZ_30);
    width: fit-content;
    background: url(../images/about/s-atResearchWhat__hd-bg.svg) no-repeat center / 100%;
    padding: 0 20px 50px;
  }
  .s-atResearchWhat__con{
    padding: 50px 15px;
    margin-top: -30px;
  }
  .s-atResearchWhat__inner{
    width: fit-content;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 60px;
  }
  .s-atResearchWhat__con__view{
    font-size: var(--FZ_25);
    padding: 50px 40px;
    min-width: 260px;
  }
  .s-atResearchWhat__con__view::before,.s-atResearchWhat__con__view::after{
    width: 50px;
    height: 3.5px;
    border-radius: 10px;
    left: 95%;
  }
  .s-atResearchWhat__con__view::before{
    top: 45%;
    transform: translateY(-50%);
  }
  .s-atResearchWhat__con__view::after{
    top: 55%;
    transform: translateY(-50%);
  }
  .s-atResearchWhat__con__text{
    display: grid;
    gap: 20px;
    font-size: var(--FZ_22);
    flex: 1;
  }
  .s-atResearchWhat__con__text p{
    display: flex;
    align-items: center;
    gap: 5px;
  }
  .s-atResearchWhat__con__text p::before{
    width: 17px;
  }
  .s-atResearchWhat__con__text p > span{
    flex: 1;
  }
}
@media screen and (max-width: 767px){
  .s-atResearchWhat{
    width: 90%;
    margin-inline: auto;
    margin-bottom: 40px;
  }
  .s-atResearchWhat__hd{
    font-size: 19px;
    width: fit-content;
    background: url(../images/about/s-atResearchWhat__hd-bg.svg) no-repeat center / 100%;
    padding: 0 20px 50px;
  }
  .s-atResearchWhat__con{
    padding: 25px 15px;
    margin-top: -27px;
  }
  .s-atResearchWhat__inner{
    margin-inline: auto;
  }
  .s-atResearchWhat__con__view{
    font-size: 20px;
    padding: 40px 20px;
    text-align: center;
    width: fit-content;
    margin-inline: auto;
    margin-bottom: 35px;
  }
  .s-atResearchWhat__con__view::before,.s-atResearchWhat__con__view::after{
    width: 25px;
    height: 3px;
    border-radius: 10px;
    top: 120%;
  }
  .s-atResearchWhat__con__view::before{
    left: 38%;
    transform: rotate(90deg) translateX(-50%);
  }
  .s-atResearchWhat__con__view::after{
    left: 48%;
    transform: rotate(90deg) translateX(-50%);
  }
  .s-atResearchWhat__con__text{
    display: grid;
    gap: 20px;
    font-size: 17px;
  }
  .s-atResearchWhat__con__text p{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
  }
  .s-atResearchWhat__con__text p::before{
    min-width: 17px;
  }
}

/* 徹底した消費者理解 */
.s-atResearchUnder__hd{
  font-family: var(--FF_BASE_H);
}
.s-atResearchUnder__text > span{
  display: block;
}
@media screen and (min-width: 768px){
  .s-atResearchUnder{
    display: flex;
    gap: var(--GAP_50);
  }
  .s-atResearchUnder__body{
    flex: 996;
  }
  .s-atResearchUnder__pic{
    flex: 1152;
  }
  .s-atResearchUnder__hd{
    font-size: var(--FZ_30);
    margin-bottom: 20px;
  }
  .s-atResearchUnder__text > span:nth-of-type(1){
    margin-bottom: var(--GAP_25);
  }
}
@media screen and (max-width: 767px){
  .s-atResearchUnder__hd{
    font-size: 26px;
    margin-bottom: 15px;
  }
  .s-atResearchUnder__body{
    margin-bottom: 30px;
  }
  .s-atResearchUnder__text > span:nth-of-type(1){
    margin-bottom: 20px;
  }
}

/* ■■■■■■■■■■ 運営伴走サポート ■■■■■■■■■■ */
.s-atsupport{
  position: relative;
}
.s-atOurServiceHd--bdtop{
  padding-top: 20px;
  border-top: 2px solid var(--DARK01);
}
/* メインコンテンツ */
.s-atsupportCon{
  position: relative;
}
.s-atsupportCon__topic li{
  aspect-ratio: 1295/1892;
  background: no-repeat center/100%;
}
.s-atsupportCon__topic__hd{
  text-align: center;
  font-family: var(--FF_BASE_H);
}

.s-atsupportCon__item{
  position: absolute;
  width: 100%;
}
.s-atsupportCon__item li{
  aspect-ratio: 1/1;
  background: var(--WHITE);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.s-atsupportCon__item__pic{
  background: no-repeat center/100%;
  aspect-ratio: 1/1;
}
.s-atsupportCon__item p{
  text-align: center;
  font-family: var(--FF_BASE_E);
}

.s-atsupportShow{
  background: var(--WHITE);
}
.s-atsupportShow__text{
  text-align: center;
  font-family: var(--FF_BASE_H);
}
@media screen and (min-width: 768px){
  .s-atsupport__inner{
    position: relative;
    background: var(--BEIGE01);
    padding-inline: 2.5%;
  }
  .s-atsupport__inner::before{
    content: "";
    display: inline-block;
    background: var(--BEIGE01);
    width: 200%;
    height: 100%;
    position: absolute;
    left: 100%;
    top: 0;
  }
  .s-atsupportLead{
    margin-bottom: 20px;
  }
  /* メインコンテンツ */
  .s-atsupportCon{
    width: 85%;
    margin-inline: auto;
    margin-bottom: 30px;
  }
  .s-atsupportCon__topic{
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
  .s-atsupportCon__topic__hd{
    margin-top: 38%;
    font-size: var(--FZ_28);
  }

  .s-atsupportCon__item{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px;
    left: 0;
    bottom: 7%;
  }
  .s-atsupportCon__item__pic{
    width: 60%;
    margin-inline: auto;
  }
  .s-atsupportCon__item p{
    margin-top: 10px;
    font-size: var(--FZ_20);
  }

  .s-atsupportText{
    margin-bottom: 50px;
  }

  .s-atsupportShow{
    padding-block: 30px;
  }
  .s-atsupportShow__text{
    font-size: var(--FZ_25);
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 767px){
  .s-atsupport{
    background: var(--BEIGE01);
  }
  .s-atsupportLead{
    margin-bottom: 20px;
  }
  /* メインコンテンツ */
  .s-atsupportCon{
    margin-bottom: 30px;
  }
  .s-atsupportCon__topic{
    display: grid;
    grid-template-columns: repeat(3,1fr);
  }
  .s-atsupportCon__topic__hd{
    margin-top: 30px;
    background: var(--WHITE);
    border-radius: 50px;
    font-size: 12px;
  }
  .s-atsupportCon__topic li:nth-of-type(1) .s-atsupportCon__topic__hd{
    border: 2.5px solid var(--BLUE01);
  }
  .s-atsupportCon__topic li:nth-of-type(2) .s-atsupportCon__topic__hd{
    border: 2.5px solid var(--YELLOW03);
  }
  .s-atsupportCon__topic li:nth-of-type(3) .s-atsupportCon__topic__hd{
    border: 2.5px solid var(--PINK03);
  }

  .s-atsupportCon__item{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 5px;
    left: 0;
    bottom: 7%;
  }
  .s-atsupportCon__item__pic{
    width: 60%;
    margin-inline: auto;
  }
  .s-atsupportCon__item p{
    font-size: 10px;
  }

  .s-atsupportText{
    margin-bottom: 30px;
  }
  .s-atsupportShow{
    padding-block: 30px;
  }
  .s-atsupportShow__text{
    font-size: 18px;
    margin-bottom: 10px;
  }
}

/* アニメーション */
.fadeup01{
	animation: fadeUp forwards 1s ease normal;
}
.fadeup02{
	animation: fadeUp forwards 1s ease 0.3s normal;
}
.fadeup03{
	animation: fadeUp forwards 1s ease 0.6s normal;
}
.fadeup04{
	animation: fadeUp forwards 1s ease 0.9s normal;
}
@keyframes fadeUp{
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ■■■■■■■■■■ システム構築 ■■■■■■■■■■ */
/* ------------------ オリジナル開発ツール------------------- */
.s-atBuildToolHdWrap{
  position: relative;
}
.s-atBuildToolHdWrap::before{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 3px dotted var(--DARK01);
  z-index: -1;
}
.s-atBuildToolHdWrap__hd{
  width: fit-content;
  border: 2px solid;
  border-radius: 80px;
  font-family: var(--FF_BASE_H);
  margin-inline: auto;
  background: var(--WHITE);
}
@media screen and (min-width: 768px){
  .s-atBluildTool{
    margin-bottom: 80px;
  }
  .s-atBuildToolHdWrap{
    margin-bottom: 40px;
  }
  .s-atBuildToolHdWrap::before{
    top: 30px;
    left: 0;
  }
  .s-atBuildToolHdWrap__hd{
    padding: 10px 20px;
    font-size: var(--FZ_22);
  }
}
@media screen and (max-width: 767px){
  .s-atBuildToolHdWrap{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-bottom: 20px;
  }
  .s-atBuildToolHdWrap::before{
    top: 20px;
    left: 0;
  }
  .s-atBuildToolHdWrap__hd{
    padding: 8px 10px;
    font-size: var(--FZ_22);
  }
}

/* メインコンテンツ */
.s-atBuildToolCon__hd{
  background: var(--BEIGE02);
  color: var(--WHITE);
  border-radius: 5px;
  font-family: var(--FF_BASE_H);
  width: fit-content;
}
.s-atBuildToolCon__resolution{
  width: fit-content;
  border-bottom: 2px solid;
  font-family: var(--FF_BASE_E);
}
.s-atBuildToolCon__pic,.s-atBuildToolCon__spPic{
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}

/* 詳しくみる */
.g-subpageLink{
  width: fit-content;
  margin-left: auto;
}
.g-subpageLink a{
  display: block;
  font-family: var(--FF_BASE_H);
  position: relative;
}
.g-subpageLink a::after{
  content: "";
  display: inline-block;
  --MASK: var(--data_uri-yajirushi) no-repeat center center / 100%;
  mask: var(--MASK);
  -webkit-mask: var(--MASK);
  aspect-ratio: 3 / 1;
  background: var(--DARK01);
}
.g-subpageLink a::before{
  content: "";
  display: inline-block;
  background: url(/asset2025/images/common/g-subpageLink__line.svg) no-repeat center center / 100%;
  aspect-ratio: 30/1;
  width: 100%;
  position: absolute;
}
@media screen and (min-width: 1000px){
  .s-atBuildToolCon{
    display: grid;
    gap: 70px;
  }
  .s-atBuildToolCon li{
    display: grid;
    grid-template-columns: 1048fr 1115fr;
    gap: var(--GAP_30);
    align-items: center;
  }
  .s-atBuildToolCon__hd{
    padding: 5px 15px;
    font-size: var(--FZ_16);
  }
  .s-atBuildToolCon__tool{
    max-width: 340px;
    margin-bottom: 20px;
    margin-top: 25px;
  }
  .s-atBuildToolCon__spPic{
    display: none;
  }
  .s-atBuildToolCon__resolution{
    margin-top: 20px;
    margin-bottom: 5px;
  }

  .s-atBuildToolCon__wrap{
    display: flex;
    gap: 10px;
    align-items: flex-end;
  }
  .s-atBuildToolCon__future{
    width: 150px;
  }

  /* 詳しくみる */
  .g-subpageLink{
    margin-top: 15px;
  }
  .g-subpageLink a{
    font-size: var(--FZ_15);
    transition: 0.3s;
  }
  .g-subpageLink a::after{
    width: 30px;
    margin-left: 5px;
    transition: 0.3s;
  }
  .g-subpageLink a::before{
    bottom: 0;
    left: 0;
  }
}
@media (hover: hover){
  .g-subpageLink a:hover{
    opacity: 1;
    color: var(--GRAY03);
  }
  .g-subpageLink a:hover::after{
    transform: translateX(10px);
  }
}
@media screen and (max-width: 999px){
  .s-atBuildToolCon{
    display: grid;
    gap: 50px;
  }
  .s-atBuildToolCon__pic{
    display: none;
  }
  .s-atBuildToolCon__hd{
    padding: 5px 15px;
    font-size: 14px;
  }
  .s-atBuildToolCon__future{
    width: 140px;
  }
  .s-atBuildToolCon__tool{
    max-width: 340px;
    margin-block: 25px;
    margin-inline: auto;
  }
  .s-atBuildToolCon__spPic{
    max-width: 500px;
    margin-inline: auto;
    margin-bottom: 20px;
  }
  .s-atBuildToolCon__resolution{
    margin-top: 20px;
    margin-bottom: 5px;
    font-size: 16px;
  }
  .s-atBuildToolCon__future{
    margin-top: 8px;
  }

  .g-subpageLink{
    margin-top: 15px;
  }
  .g-subpageLink a{
    font-size: 13px;
  }
  .g-subpageLink a::after{
    width: 25px;
    margin-left: 5px;
  }
  .g-subpageLink a::before{
    bottom: 0;
    left: 0;
  }
}

/* ------------------ ECサイトカスタマイズ------------------- */
.s-atBluildCustom{
  position: relative;
}
/* スライダー */
.s-atBluildCustomSlide__hd{
  text-align: center;
}
@media screen and (min-width: 768px){
  .s-atBluildCustomSlide{
    margin-bottom: 60px;
  }
  .s-atBluildCustomSlide .swiper-wrapper{
    gap: 10px;
  }
  .s-atBluildCustomSlide .swiper-slide{
    flex: 1;
  }
  .s-atBluildCustomSlide__hd{
    font-size: var(--FZ_20);
    margin-top: 10px;
  }
}
@media screen and (max-width: 767px){
  .s-atBluildCustomSlide{
    position: relative;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    margin-bottom: 30px;
  }
  .g-works__list__button--prev--custom,.g-works__list__button--next--custom{
    width: 30px;
    top: 30%;
  }
  .g-works__list__button--prev--custom::before,.g-works__list__button--next--custom::before{
    width: 60px;
    right: 5px;
  }
  .g-works__list__button--prev--custom::after,.g-works__list__button--next--custom::after{
    top: 0px;
  }

  .g-works__list__scrollbar{
    position: relative;
    width: 100%;
    max-width: 700px;
    height: 30px;
    margin: var(--GAP_20) auto 0;
  }
  .g-works__list__scrollbar::before{
    content: "";
    display: inline-block;
    background: var(--GRAY07);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .g-works__list__scrollbar .swiper-scrollbar-drag{
    width: 50px;
    top: 0;
    height: 30px;
    position: absolute;
    background: unset;
  }
  .g-works__list__scrollbar .swiper-scrollbar-drag::after{
    content: "";
    display: inline-block;
    background: var(--BLACK);
    width: 100%;
    height: 5px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  .g-works__list__tag a{
    font-size: 12px;
    padding: 2px 7px;
  }
	[class*="g-works__list__mockup__"]{
		--BDRS_PC: 10px;
		--BDRS_SP: 10px;
	}
}

/* テキスト */
.s-atBluildCustomText{
  font-family: var(--FF_BASE_E);
  line-height: 2;
}
.s-atBluildCustomText > span{
  display: block;
}
@media screen and (min-width: 768px){
  .s-atBluildCustomText{
    font-size: var(--FZ_22);
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px){
  .s-atBluildCustomText{
    font-size: 16px;
    margin-bottom: 30px;
  }
  .s-atBluildCustomText > span:nth-of-type(1){
    margin-bottom: 15px;
  }
}

/* ■■■■■■■■■■ デザイン ■■■■■■■■■■ */
@media screen and (min-width: 768px){
  .s-atDesignLead{
    margin-bottom: 40px;
  }
  .s-atDesignPic{
    width: 90%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px){
  .s-atDesignLead{
    margin-bottom: 20px;
  }
  .s-atDesignPic{
    width: 95%;
    margin-right: auto;
  }
}

/* ■■■■■■■■■■ 数字で見るSOLEPRO ■■■■■■■■■■ */
.s-atAchieve{
  border: 5px solid var(--BEIGE01);
}
.s-atAchieveHd{
  text-align: center;
  font-family: var(--FF_BASE_E);
}

.s-atAchieveCon__hd{
  font-family: var(--FF_BASE_E);
  text-align: center;
}
.s-atAchieveCon__under{
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.s-atAchieveCon__num{
  font-family: var(--FF_EN);
  font-weight: bold;
  letter-spacing: 0em;
}
.s-atAchieveCon__text{
  font-family: var(--FF_BASE_E);
}

.s-atAchieveNote{
  text-align: right;
}
@media screen and (min-width: 768px){
  .s-atAchieve{
    padding-block: 20px;
  }
  .s-atAchieveHd{
    font-size: var(--FZ_30);
    margin-bottom: 30px;
  }

  .s-atAchieveCon{
    width: 95%;
    max-width: 900px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--GAP_40);
  }
  .s-atAchieveCon li{
    padding-block: 80px;
    background: url(../images/about/s-atAchieveCon--bg.jpg) no-repeat center center / 100%;
  }
  .s-atAchieveCon__hd{
    font-size: var(--FZ_20);
  }
  .s-atAchieveCon li:not(:last-child) .s-atAchieveCon__hd{
    margin-bottom: 10px;
  }
  .s-atAchieveCon li:last-child .s-atAchieveCon__hd{
    line-height: 1.3;
  }
  .s-atAchieveCon__num{
    font-size: var(--FZ_70);
  }
  .s-atAchieveCon__text{
    font-size: var(--FZ_20);
  }
  .s-atAchieveCon li:not(:first-child) .s-atAchieveCon__text{
    transform: translateY(10px);
  }
  .s-atAchieveNote{
    margin-right: 20px;
  }
}
@media screen and (max-width: 767px){
  .s-atAchieve{
    padding: 20px 15px;
    line-height: 1.4;
  }
  .s-atAchieveHd{
    font-size: 25px;
    margin-bottom: 20px;
  }

  .s-atAchieveCon{
    display: grid;
    gap: 10px;
    margin-bottom: 10px;
  }
  .s-atAchieveCon li{
    background: var(--BEIGE01);
    border-radius: 10px;
    padding-block: 20px;
  }
  .s-atAchieveCon__hd{
    font-size: 20px;
    margin-bottom: 5px;
  }
  .s-atAchieveCon__num{
    font-size: 70px;
  }
  .s-atAchieveCon__text{
    font-size: 20px;
  }
  .s-atAchieveCon li:not(:first-child) .s-atAchieveCon__text{
    transform: translateY(13px);
  }
}

/* ■■■■■■■■■■ EC運営者が本気になる ■■■■■■■■■■ */
.s-atEnviron{
  background: var(--BEIGE01);
  position: relative;
}
.s-atEnvironInner{
  position: relative;
}
/* 背景 */
@media screen and (min-width: 768px){
  .s-atEnviron::before{
    content: "";
    display: inline-block;
    background: var(--BEIGE01);
    position: absolute;
    height: 100%;
    width: 200%;
    left: 100%;
    top: 0;
  }
}

/* 見出し */
.s-atEnvironHd{
  font-family: var(--FF_BASE_E);
  position: relative;
  width: fit-content;
}
.s-atEnvironHd__deco{
  display: inline-block;
  position: relative;
}
.s-atEnvironHd__deco::before{
  content: "";
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ1LjIgNDkuOSI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE1MSkgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjMDQwMDAwOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMyw0Ni45Yy0uOSwwLTEuOC0uNC0yLjQtMS4xLTEtMS4zLS44LTMuMi41LTQuMkMxMC4yLDM0LjUsMTIuMywxMiw5LjYsNGMtLjUtMS42LjMtMy4zLDEuOS0zLjgsMS42LS41LDMuMy4zLDMuOCwxLjksMy4zLDkuNywxLjIsMzUuMS0xMC40LDQ0LjMtLjYuNC0xLjIuNi0xLjkuNloiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNCw0OS45Yy0xLjMsMC0yLjUtLjktMi45LTIuMi0uNC0xLjYuNS0zLjIsMi4xLTMuNywxMS4xLTMsMjItMjIuNywyMi43LTMxLjIuMS0xLjcsMS42LTIuOSwzLjItMi44LDEuNy4xLDIuOSwxLjYsMi44LDMuMi0uOCwxMC4yLTEyLjgsMzIuNy0yNy4xLDM2LjUtLjMsMC0uNS4xLS44LjFaIi8+Cjwvc3ZnPg==) no-repeat center/100%;
  aspect-ratio: 68/75;
  position: absolute;
}
@media screen and (min-width: 768px){
  .s-atEnvironHd{
    font-size: var(--FZ_43);
  }
  .s-atEnvironHd__deco::before{
    width: 20px;
    top: -8px;
    right: -8px;
  }
}
@media screen and (max-width: 767px){
  .s-atEnvironHd{
    font-size: 28px;
  }
  .s-atEnvironHd__deco::before{
    width: 15px;
    top: -8px;
    right: -8px;
  }
}


/* ------------------ 勉強会やEC担当者同士の交流会開催 -------------------- */
.s-atEnvironParty__hd{
  font-family: var(--FF_BASE_E);
}

/* スライダー */
.s-atEnvironPartySlider{
  overflow: hidden;
}
.s-atEnvironPartySlider .swiper-wrapper{
  transition-timing-function: linear;
}

@media screen and (min-width: 768px){
  .s-atEnvironParty{
    display: grid;
    grid-template-columns: 718fr 1444fr;
    align-items: center;
    gap: var(--GAP_30);
  }
  .s-atEnvironParty__hd{
    font-size: var(--FZ_30);
    margin-bottom: 10px;
  }
  .s-atEnvironParty__text{
    margin-bottom: 20px;
  }

  /* スライダー */
  .s-atEnvironPartySlider{
    margin-right: calc(50% - 50vw);
  }
  .s-atEnvironPartySlider .slick-slide{
    --WIDTH: 250px;
    margin-inline: 10px;
  }
}
@media screen and (max-width: 767px){
  .s-atEnvironParty__hd{
    font-size: 25px;
    margin-bottom: 10px;
  }

  .s-atEnvironPartySlider{
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 30px;
  }
}

/* ------------------ ECお役立ちコンテンツの発信 -------------------- */
.s-atEnvironCon__hd{
  font-family: var(--FF_BASE_E);
}
@media screen and (min-width: 768px){
  .s-atEnvironCon__hd{
    font-size: var(--FZ_30);
    margin-bottom: 10px;
  }
  .s-atEnvironCon__lead{
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px){
  .s-atEnvironCon__hd{
    font-size: 25px;
    margin-bottom: 10px;
  }
  .s-atEnvironCon__lead{
    margin-bottom: 40px;
  }
}

/* よみもの */
.g-btn--magazineCon{
  margin-top: 25px;
}
@media screen and (min-width: 768px){
  .s-atEnvironCon__blog{
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 767px){
  .s-atEnvironCon__blog{
    margin-bottom: 40px;
  }
}
/* -------------------t-blog-------------------- */
.t-blog{
  overflow-x: clip;
}
.t-blog__list{
  display: grid;
}
.t-blog__list__thumb{
  overflow: hidden;
}
.t-blog__list__date{
  display: block;
  color: var(--GRAY06);
  letter-spacing: 0.05em;
}
.t-blog__list__ttl{
  font-family: var(--FF_BASE_M);
  letter-spacing: 0;
}
@media (hover: hover){
  .t-blog__list article a:hover{
    opacity: 1;
  }
  .t-blog__list__thumb img{
    transition: .3s;
  }
  .t-blog__list article a:hover .t-blog__list__thumb img{
    transform: scale(1.1);
  }
}
@media screen and (min-width: 1001px){
  .t-blog__list{
    grid-template-columns: repeat(4,1fr);
  }
}
@media screen and (min-width: 768px) and (max-width: 1000px){
  .t-blog__list{
    grid-template-columns: repeat(2,1fr);
  }
}
@media screen and (min-width: 768px){
  .t-blog{
    padding-block: var(--GAP_200) var(--GAP_80);
  }
  .t-blog__list{
    gap: 50px 30px;
  }
  .t-blog__list__date{
    font-size: var(--FZ_15);
    margin-block: var(--GAP_10) var(--GAP_10);
  }
  .t-blog__list__ttl{
    font-size: var(--FZ_18);
    margin-top: var(--GAP_10);
  }
}
@media screen and (max-width: 767px){
  .t-blog{
    background-color: unset;
    padding-block: var(--GENERALSEC) 50px;
  }
  .t-blog__spContainer{
    background: linear-gradient(to bottom, var(--WHITE) 25px, var(--BEIGE01) 25px);
    padding-bottom: var(--GENERALSEC);
  }
  .t-blog .g-heading{
    text-align: center;
  }
  .t-blog__list{
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
  }
  .t-blog__list__date{
    font-size: 15px;
    margin-block: 7px 5px;
  }
  .t-blog__list__ttl{
    font-size: 16px;
    margin-top: 10px;
  }
}

/* メルマガ */
.s-atEnvironConMail__wrap{
  background: var(--WHITE);
}
.s-atEnvironConMail__text > span{
  display: block;
}
@media screen and (min-width: 768px){
  .s-atEnvironConMail__wrap{
    padding: var(--GAP_40) var(--GAP_50);
    margin-top: 20px;
  }
  .s-atEnvironConMail__text{
    margin-bottom: 25px;
  }
  .s-atEnvironConMail__text__btm{
    font-size: 19px;
  }
  .s-atEnvironConMail__text__top{
    font-size: 17px;
  }
}
@media screen and (max-width: 767px){
  .s-atEnvironConMail__wrap{
    padding: 25px;
    text-align: center;
  }
  .s-atEnvironConMail__text{
    margin-bottom: 25px;
  }
  .s-atEnvironConMail__text__top{
    margin-bottom: 20px;
    font-size: 18px;
  }
  .s-atEnvironConMail__text__btm{
    font-size: 20px;
  }
}
/* メルマガ-フォーム */
.s-atEnvironConMail__form{
  display: flex;
  align-items: center;
  gap: 5px;
  position: relative;
}
.s-atEnvironConMail__form input[type="text"]{
  display: block;
  border: 2px solid var(--DARK01);
  padding-inline: 10px;
}
.s-atEnvironConMail__form button{
  display: block;
  background: var(--DARK01);
  color: var(--WHITE);
  text-align: center;
  font-family: var(--FF_BASE_D);
  line-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.s-atEnvironConMail__form button span{
  transition: 0.3s;
}
.s-atEnvironConMail__form::before{
  content: "";
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8xIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDQ1LjIgNDkuOSI+CiAgPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI5LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDIuMS4wIEJ1aWxkIDE1MSkgIC0tPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuc3QwIHsKICAgICAgICBmaWxsOiAjMDQwMDAwOwogICAgICB9CiAgICA8L3N0eWxlPgogIDwvZGVmcz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMyw0Ni45Yy0uOSwwLTEuOC0uNC0yLjQtMS4xLTEtMS4zLS44LTMuMi41LTQuMkMxMC4yLDM0LjUsMTIuMywxMiw5LjYsNGMtLjUtMS42LjMtMy4zLDEuOS0zLjgsMS42LS41LDMuMy4zLDMuOCwxLjksMy4zLDkuNywxLjIsMzUuMS0xMC40LDQ0LjMtLjYuNC0xLjIuNi0xLjkuNloiLz4KICA8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTcuNCw0OS45Yy0xLjMsMC0yLjUtLjktMi45LTIuMi0uNC0xLjYuNS0zLjIsMi4xLTMuNywxMS4xLTMsMjItMjIuNywyMi43LTMxLjIuMS0xLjcsMS42LTIuOSwzLjItMi44LDEuNy4xLDIuOSwxLjYsMi44LDMuMi0uOCwxMC4yLTEyLjgsMzIuNy0yNy4xLDM2LjUtLjMsMC0uNS4xLS44LjFaIi8+Cjwvc3ZnPg==) no-repeat center / 100%;
  aspect-ratio: 68 / 75;
  position: absolute;
}
@media screen and (min-width: 768px){
  .s-atEnvironConMail__form{
    max-width: 600px;
    margin-inline: auto;
  }
  .s-atEnvironConMail__form input[type="text"]{
    width: 85%;
    height: 45px;
  }
  .s-atEnvironConMail__form button{
    width: 15%;
    height: 45px;
    font-size: var(--FZ_20);
  }
  .s-atEnvironConMail__form::before{
    width: 20px;
    top: -25px;
    right: -15px;
  }
}
@media (hover: hover){
  .s-atEnvironConMail__form button:hover span{
    transform: scale(1.2);
  }
}
@media screen and (max-width: 767px){
  .s-atEnvironConMail__form input[type="text"]{
    width: 80%;
    height: 35px;
  }
  .s-atEnvironConMail__form button{
    width: 20%;
    height: 35px;
    font-size: 12px;
  }
  .s-atEnvironConMail__form::before{
    width: 12px;
    top: -15px;
    right: -15px;
  }
}

/* ■■■■■■■■■■ SOLEPROってどういう意味？ ■■■■■■■■■■ */
.s-atMean{
  position: relative;
}
.s-atMeanHd{
  font-family: var(--FF_BASE_E);
  position: relative;
}
.s-atMeanHd::before{
  content: "";
  display: inline-block;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+ODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3OS44MzQgMTYuMDk0Ij4KICA8ZyBpZD0iX+ODhuOCreOCueODiCIgZGF0YS1uYW1lPSLjg4bjgq3jgrnjg4giPgogICAgPGc+CiAgICAgIDxwYXRoIGQ9Ik0yMC41NTcsMTUuODE1Yy05LjYyNywwLTE2LjE5My0uNDM5LTIwLjMyMS0xLjM0Mi0uMTYyLS4wMzUtLjI2NS0uMTk1LS4yMjktLjM1Ny4wMzUtLjE2Mi4xOTgtLjI2NS4zNTctLjIyOSw3LjEwMywxLjU1MywyMC43NjcsMS40MjUsMzAuNDI5LDEuMTkzbDEuMzg2LS4wMzNjOS4zODQtLjIyLDIwLjAyLS40NjksMzEuNDU5LTIuODYxLDguNzI2LTEuODI0LDE0LjUwMi00Ljc0NSwxNS40NTItNy44MTQuMzkzLTEuMjY4LS4wMzktMi41NjktMS4yODEtMy44NjUtLjExNS0uMTE5LS4xMTEtLjMwOS4wMDktLjQyNC4xMi0uMTE0LjMxMS0uMTExLjQyNC4wMDksMS40MDUsMS40NjUsMS44ODQsMi45NjUsMS40MjIsNC40NTctMS4wMywzLjMyOS02LjgyNiw2LjMyNi0xNS45MDIsOC4yMjQtMTEuNDk0LDIuNDAzLTIyLjE1OSwyLjY1My0zMS41NjgsMi44NzRsLTEuMzg2LjAzM2MtMy43NDYuMDktNy4xNTcuMTM1LTEwLjI1LjEzNVoiLz4KICAgICAgPHBhdGggZD0iTTY1LjM2MywxNi4wOTRjLS4yNTQsMC0uNTU0LS4wNjItLjg5MS0uMTg2LTEuNzQxLS42MzktNC4zNjgtMi44OTMtNC43NzUtNS40NjItLjAyNi0uMTY0LjA4Ni0uMzE3LjI1LS4zNDMuMTU2LS4wMjcuMzE3LjA4Ni4zNDMuMjUuMzY2LDIuMzExLDIuODI3LDQuNDE5LDQuMzg5LDQuOTkyLjU0LjE5OC44NDUuMTcuOTQ0LjA4Ni4xMjQtLjEwOC4zMTQtLjA5NC40MjMuMDMyLjEwOC4xMjYuMDk0LjMxNS0uMDMyLjQyMy0uMTYxLjEzOS0uMzgxLjIwOC0uNjUuMjA4WiIvPgogICAgPC9nPgogIDwvZz4KPC9zdmc+) no-repeat center/100%;
  aspect-ratio: 5/1;
  position: absolute;
}

.s-atMeanDetail{
  width: fit-content;
  margin-inline: auto;
  font-family: var(--FF_BASE_H);
}

.s-atMeanLead{
  font-family: var(--FF_BASE_D);
  text-align: center;
}
@media screen and (min-width: 768px){
  .s-atMeanHd{
    font-size: var(--FZ_43);
    margin-bottom: 100px;
  }
  .s-atMeanHd::before{
    width: clamp(300px, 25vw, 400px);
    bottom: -35px;
    left: 0;
  }

  .s-atMeanDetail{
    font-size: var(--FZ_43);
    margin-bottom: 40px;
  }
  .s-atMeanDetail__equal{
    margin-inline: 8px;
  }

  .s-atMeanLead{
    font-size: var(--FZ_20);
  }
}
@media screen and (max-width: 767px){
	.s-atMean{
		padding-bottom: 70px;
	}
  .s-atMeanHd{
    font-size: 21px;
    margin-bottom: 45px;
  }
  .s-atMeanHd::before{
    width: 200px;
    bottom: -15px;
    left: 0;
  }

  .s-atMeanDetail{
    font-size: 21px;
    margin-bottom: 40px;
  }
  .s-atMeanDetail__equal{
    margin-inline: 8px;
  }

  .s-atMeanLead > span{
    width: fit-content;
    display: block;
    margin-inline: auto;
    font-size: 19px;
  }
  .s-atMeanLead__bg{
    background: var(--DARK01);
    color: var(--WHITE);
    padding: 5px;
  }
  .s-atMeanLead span:first-of-type{
    margin-bottom: 5px;
  }
  .s-atMeanLead > span:nth-of-type(3){
    margin-top: 20px;
  }
}

/* ■■■■■■■■■■　オブジェクト　■■■■■■■■■■ */
/* グリーンオブジェクト */
.s-greenBlock{
  display: inline-block;
  background: url(../images/about/s-greenBlock@2x.png) no-repeat center center / 100%;
  aspect-ratio: 78/31;
  position: absolute;
  z-index: 2;
  animation: about03 10s ease-in infinite alternate;
}
@media screen and (min-width: 768px){
  .s-greenBlock{
    width: 250px;
  }
}
@media screen and (max-width: 767px){
  .s-greenBlock{
    width: 160px;
  }
}

/* ソレプロの強みと他社との違い */
@media screen and (min-width: 768px){
  .s-geenBlockDiffer{
    top: -20px;
    right: -140px;
  }
}
@media screen and (max-width: 767px){
  .s-geenBlockDiffer{
    top: 0px;
    right: -20px;
  }
}

/* EC運営者が本気になる */
@media screen and (min-width: 768px){
  .s-greenBlockEnviron{
    bottom: -80px;
    right: -150px;
  }
}
@media screen and (max-width: 767px){
  .s-greenBlockEnviron{
    bottom: -80px;
    right: -50px;
  }
}

/* ソレプロの4つの特長 */
.s-atFeatureBlock{
  display: inline-block;
  background: url(../images/about/s-atFeatureBlock.png) no-repeat center center / 100%;
  aspect-ratio: 453/527;
  position: absolute;
  z-index: 2;
  animation: about01 10s ease-in infinite alternate;
}
@media screen and (min-width: 768px){
  .s-atFeatureBlock{
    width: clamp( 150px, 15vw, 230px);
    top: 95%;
    right: 110%;
  }
}

/* 運営伴走サポート */
.s-atsupportBlock{
  display: inline-block;
  background: url(../images/about/s-atsupportBlock.png) no-repeat center center / 100%;
  aspect-ratio: 568/561;
  position: absolute;
  animation: about01 10s ease-in infinite alternate;
  z-index: 2;
}
@media screen and (min-width: 768px){
  .s-atsupportBlock{
    width: clamp(80px, 10vw, 140px);
    right: 5%;
    bottom: 0%;
  }
}
@media screen and (max-width: 767px){
  .s-atsupportBlock{
    width: 90px;
    left: -50px;
    bottom: 0px;
  }
}

/* EC運営者が本気になる-オレンジ */
.environOrangeBlo{
  display: inline-block;
  background: url(../images/about/environOrangeBlo.png) no-repeat center center / 100%;
  aspect-ratio: 128/173;
  position: absolute;
  z-index: 2;
  animation: about02 10s ease-in infinite alternate;
}
@media screen and (min-width: 768px){
  .environOrangeBlo{
    width: 120px;
    left: 0;
    top: -5%;
  }
}
@media screen and (max-width: 767px){
  .environOrangeBlo{
    width: 90px;
    left: -10px;
    top: -50px;
  }
}

/* SOLEPROってどういう意味？ */
.s-atMeanBlock{
  display: inline-block;
  background: url(../images/about/s-atMeanBlock.png) no-repeat center center / 100%;
  aspect-ratio: 334/375;
  position: absolute;
  z-index: 2;
  animation: about02 10s ease-in infinite alternate;
}
@media screen and (min-width: 768px){
  .s-atMeanBlock{
    width: clamp(100px, 15vw, 170px);
    left: 0;
    bottom: -19%;
  }
}
@media screen and (max-width: 767px){
  .s-atMeanBlock{
    width: 100px;
    left: -30px;
    bottom: -70px;
  }
}

@keyframes about01 {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, 40px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
@keyframes about02 {
	0% {
		transform: translate(0px, 0px);
	}
	50% {
		transform: translate(0px, -40px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}
@keyframes about03 {
	0% {
		transform: translate(0, 0);
	}
	50% {
		transform: translate(-40px, -40px);
	}
	100% {
		transform: translate(0px, 0px);
	}
}

/* ■■■■■■■■■■ 矢印のアニメーション ■■■■■■■■■■ */
.s-svgAnime{
  display: block;
  height: auto;
  position: absolute;
  overflow: visible;
  width: 100%;
}
.s-svgAnime--dami{
  display: block;
  height: auto;
  position: absolute;
  overflow: visible;
  width: 100%;
}
.animate {
  stroke-dashoffset: 0 !important;
}
.s-svgAnime__path {
  fill: none;
  stroke: #000;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: stroke-dashoffset 2s ease;
}

/* EC運営者が本気になる */
@media screen and (min-width: 1170px){
  .s-svgAnime--enviArrow{
    width: 40%;
    right: 0;
    top: 7%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1169px){
  .s-svgAnime--enviArrow{
    width: 30%;
    right: 0;
    top: 7%;
  }
}
@media screen and (max-width: 767px){
  .s-svgAnime--enviArrow{
    width: 120px;
    right: -20px;
    top: 60px;
  }
}

/* ECサイトカスタマイズ */
@media screen and (min-width: 1250px){
  .s-svgAnime--custom{
    width: 32%;
    right: 0;
    bottom: 2%;
  }
}
@media screen and (min-width: 1100px) and (max-width: 1249px){
  .s-svgAnime--custom{
    width: 25%;
    right: 0;
    bottom: 3%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1099px){
  .s-svgAnime--custom{
    width: 20%;
    right: 0;
    bottom: 10%;
  }
}
@media screen and (max-width: 767px){
  .s-svgAnime--custom{
    width: 60px;
    right: -20px;
    bottom: 130px;
  }
}

/* ■■■■■■■■■■ 線のアニメーション　■■■■■■■■■■ */
.s-svglineWrap{
  position: relative;
  display: inline-block;
}
/* カスタム */
@media screen and (min-width: 768px){
  .s-atBluildCustom__line{
    width: 100%;
    left: 0;
    top: 70%;
  }
  .s-svglineWrap--imple{
    transform: translateX(-8px);
  }
}
@media screen and (max-width: 767px){
  .s-atBluildCustom__line{
    width: 100%;
    left: 0;
    top: 70%;
  }
  .s-atBluildCustom__line--under{
    width: 160%;
  }
  .s-svglineWrap--imple{
    overflow: hidden;
  }
}

/* EC運営者が本気になる */
@media screen and (min-width: 768px){
  .s-svgAnime--enviLine{
    width: 100%;
    left: 0;
    top: 70%;
  }
}
@media screen and (max-width: 767px){
  .s-svgAnime--enviLine {
    width: 100%;
    left: 0;
    top: 65%;
  }
}

/* SOLEPROってどういう意味？ */
@media screen and (min-width: 768px){
  .s-svgAnime--mean{
    width: 100%;
    left: 0;
    top: 90%;
  }
}
@media screen and (max-width: 767px){
  .s-svgAnime--mean{
    width: 100%;
    left: 0;
    top: 90%;
  }
}



/* ------------------  -------------------- */
/* -------------------------  -------------------- */
/* ------------  -------------------- */
/* -----------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */