@charset "UTF-8";
/*============================================*/
/* BASE STYLE */
/*============================================*/
* {
  margin: 0;
  padding: 0;
}
html {
  font-size: 62.5%;
}
body {
	background: #fff;
	color: #504F4F;
	font-family: "YuGothic", "游ゴシック", "Yu Gothic", "游ゴシック体", "Yu Gothic UI", "Noto Sans JP", sans-serif;
  position: relative;
}
figure,
figcaption {
  display: block;
}
img {
  max-width: 100%;
  height: auto;
}
a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (min-width: 980px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}
:root {
  scroll-padding: 100px;
  --width: 78.666666%;
}
main {
	font-family: "Zen Kaku Gothic New", sans-serif;
	line-height: 1.5;
}
/*============================================*/
/* HEADER */
/*============================================*/
.l-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100vw;
	height: 7.75vh;
	padding: 26px 18px 20px;
	background: #fff;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	line-height: initial;
}
@media (min-width: 768px) {
	.l-header {
		height: 10vh;
    padding: 26px 32px 20px 15px;
	}
}
@media (min-width: 980px) {
	.l-header {
		justify-content: flex-end;
		background: none;
	}
}
/* SP LOGO */
.l-header__ttl {
	max-width: 141px;
  width: 100%;
}
@media (min-width: 980px) {
	.l-header__ttl {
		display: none;
	}
}
/* PC LOGO */
.l-header__logo {
	display: none;
}
@media (min-width: 980px) {
	.l-header__logo {
		display: block;
		width: 148px;
		position: fixed;
		top: 33px;
		left: clamp(18px, 1.875vw, 24px);
		z-index: 2;
	}
}
/* # =================================================================
 * # Burger Menu
 * # ================================================================= */
/*burger*/
.c-burgerBtn {
  position: relative;
  cursor: pointer;
  width: 41px;
  height: 20px;
  z-index: 99999;
}
.c-burgerBtn span {
  display: inline-block;
  transition: all 0.4s; /*アニメーションの設定*/
  position: absolute;
  background: #74B88D;
  width: 100%;
  height: 1px;
}
.c-burgerBtn span:nth-of-type(1) {
  top: 0px;
}
.c-burgerBtn span:nth-of-type(2) {
  top: 9.8px;
}
.c-burgerBtn span:nth-of-type(3) {
  top: 19.6px;
}
.c-burgerBtn.active span:nth-of-type(1) {
  top: 4px;
  transform: translateY(6px) rotate(-45deg);
  width: 100%;
}
.c-burgerBtn.active span:nth-of-type(2) {
  opacity: 0;
}
.c-burgerBtn.active span:nth-of-type(3) {
  top: 15px;
  transform: translateY(-6px) rotate(45deg);
  width: 100%;
}
@media screen and (min-width: 980px) {
  .c-burgerBtn {
    background: #74B88D;
    width: 47px;
    height: 47px;
    border-radius: 50%;
  }
  .c-burgerBtn span {
    left: 10.4px;
    height: 1px;
    border-radius: 2px;
    background: #fff;
    width: 56%;
  }
  .c-burgerBtn span:nth-of-type(1) {
    top: 16.2px;
  }
  .c-burgerBtn span:nth-of-type(2) {
    top: 23.5px;
  }
  .c-burgerBtn span:nth-of-type(3) {
    top: 30.8px;
  }
  .c-burgerBtn.active span:nth-of-type(1) {
    top: 17px;
    left: 11px;
    transform: translateY(6px) rotate(-45deg);
    width: 50%;
  }
  .c-burgerBtn.active span:nth-of-type(2) {
    opacity: 0;
  }
  .c-burgerBtn.active span:nth-of-type(3) {
    top: 29px;
    left: 11px;
    transform: translateY(-6px) rotate(45deg);
    width: 50%;
  }
}

.gNav-wrap {
  position: fixed;
  top: 7.75vh;
  left: 0;
  z-index: 999;
  width: 100vw;
  height: 100vh;
  padding: 5.128vw;
  background-color: #fff;
}
.gNav-wrap.p-top {
  z-index: 50;
}
@media screen and (min-width: 980px) {
  .gNav-wrap.p-top {
    top: 0;
  }
}

.gNav_list-item {
  margin-bottom: 20px;
  font-family: "YuGothic", "游ゴシック", "Yu Gothic", "游ゴシック体", "Yu Gothic UI", "Noto Sans JP", sans-serif;
}
.gNav_list-item li {
  width: 90%;
  margin: 0 auto 10px;
}
.gNav_list-item li a {
  display: block;
}
.gNav_list-item dl {
  display: flex;
  justify-content: start;
  gap: 10px;
}
.gNav_list-item dt {
  width: 40%;
  color: #74b88d;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.8rem;
  line-height: 2;
}
.gNav_list-item dd {
  color: rgba(57, 82, 62, 0.49);
  font-size: 1.6rem;
  line-height: 2;
}
.gNav_list-btn a {
  display: block;
  padding: 15px;
  font-size: 1.6rem;
  text-align: center;
  line-height: 1.15;
}
.gNav_list-btn .--trial {
  position: relative;
  margin-bottom: 20px;
  background-color: #74b88d;
  color: #fff;
}
.gNav_list-btn .--trial a {
  padding-left: 50px;
}
.gNav_list-btn .--trial::before {
  content: "";
  background-image: url(../img/common/icon_calendar.svg);
  background-size: contain;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  position: absolute;
  top: 48%;
  transform: translateY(-50%);
  left: 23.077vw;
}
.gNav_list-btn .--member {
  border: #707070 1px solid;
  color: #74b88d;
  margin-bottom: 20px;
}
.gNav_list-btn .--member a {
  padding: 8px 15px 6px;
}
.gNav_list-btn .--fandq {
  position: relative;
  margin-bottom: 20px;
  background-color: #74b88d;
  color: #fff;
}
.gNav_list-btn .--fandq a {
  padding-left: 50px;
}
.gNav_list-btn .--fandq::before {
  content: "";
  background-image: url(../img/common/icon_faq.png);
  background-size: contain;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 17.077vw;
}
@media screen and (min-width: 980px) {
  .gNav_list-btn .--fandq::before {
    left: 23.077vw;
  }
}

@media screen and (min-width: 980px) {
  .gNav-wrap {
    top: 0;
  }
  .gNav_list-item li {
    width: 40%;
    margin-bottom: 30px;
  }
  .gNav_list-btn {
    width: 40%;
    margin: 0 auto;
  }
  .gNav_list-btn .--trial::before {
    left: 5.077vw;
  }
  .gNav_list-btn .--fandq::before {
    left: 5.077vw;
  }
}
/* # =================================================================
 * # Footer
 * # ================================================================= */
.l-footer {
  padding: 65px 5px 70px;
  text-align: center;
}
.l-footer .--flex {
  display: flex;
  flex-direction: column;
}
.l-footer .--left {
  order: 2;
}
.l-footer .--left figure {
  width: 100%;
  max-width: 123px;
  margin: 0 auto;
}
.l-footer .--right {
  order: 1;
}
.l-footer__list {
  margin-bottom: 25px;
}
.l-footer__item {
  margin-bottom: 25px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}
.l-footer .--txtBox {
  margin-top: 47px;
}
.l-footer .--txtBox .sns__list {
  display: flex;
  justify-content: space-between;
  max-width: 140px;
  width: 100%;
  margin: 0 auto 21px;
}
.l-footer .--txtBox p {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2;
}
.l-footer .--left .sns__item {
	font-size: 1.6rem;
	line-height: 2;
}
@media screen and (min-width: 980px) {
  .l-footer {
    padding: 50px 37px 24px;
  }
  .l-footer .--flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row;
  }
  .l-footer .--left {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: 41.4%;
    order: 1;
  }
  .l-footer .--left figure {
    max-width: 90px;
    margin: 0;
  }
  .l-footer .--left .sns__list {
    display: flex;
    margin-bottom: 10px;
  }
  .l-footer .--left .sns__item {
    padding-right: 21px;
  }
  .l-footer .--left .sns__item:last-of-type {
    padding-right: 0;
  }
  .l-footer .--left .--txtBox {
    padding-bottom: 7px;
    margin-left: 25px;
  }
  .l-footer .--left .--txtBox p {
    font-size: 1.4rem;
    font-weight: 500;
  }
  .l-footer .--right {
    width: 50%;
    order: 2;
    flex-wrap: wrap;
  }
  .l-footer__list {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
  }
  .l-footer__item {
    width: 50%;
    font-size: 1.4rem;
    font-weight: 500;
    margin-bottom: 15px;
  }
  .l-footer__item:nth-of-type(3), .l-footer__item:nth-of-type(4) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 980px) {
  .l-footer {
    max-width: 1200px;
    margin: 0 auto;
  }
  .l-footer .--left {
    width: 34.3%;
  }
  .l-footer .--left figure {
    max-width: 123px;
  }
  .l-footer .--left .sns__list {
    justify-content: flex-start;
  }
  .l-footer .--right {
    width: 60%;
  }
  .l-footer__list {
    justify-content: flex-end;
  }
  .l-footer__item {
    width: auto;
    margin-left: 35px;
  }
  .l-footer__item:nth-of-type(1) {
    margin-left: 39px;
  }
}
/*============================================*/
/* HERO */
/*============================================*/
.p-brand__hero {
	width: 100%;
	height: 592px;
	position: sticky;
	left: 0;
	top: 7.75vh;
	z-index: -1;
}
@media (min-width: 768px) {
	.p-brand__hero {
		height: 740px;
	}
}
@media (min-width: 980px) {
	.p-brand__hero {
		top: 0;
	}
}
.slick-hero .slick-track {
	height: 592px;
}
@media (min-width: 768px) {
	.slick-hero .slick-track {
		height: 740px;
	}
}
.p-brand-hero__slide {
	height: 100%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
.p-brand-hero__slide01 {
	background-image: url(../img/brand/main_vs01_pc.jpg);
}
@media (min-width: 768px) {
	.p-brand-hero__slide01 {
		background-image: url(../img/brand/main_vs01_pc.jpg);
	}
}
.p-brand-hero__slide02 {
	background-image: url(../img/brand/main_vs02_sp.jpg);
}
@media (min-width: 768px) {
	.p-brand-hero__slide02 {
		background-image: url(../img/brand/main_vs02_pc.jpg);
	}
}
.p-brand-hero__slide03 {
	background-image: url(../img/brand/main_vs03_sp.jpg);
}
@media (min-width: 768px) {
	.p-brand-hero__slide03 {
		background-image: url(../img/brand/main_vs03_pc.jpg);
		background-position: 30% 50%;
	}
}
@media (min-width: 1280px) {
	.p-brand-hero__slide03 {
		background-position: 50%;
	}
}
.slick-hero .slick-slide > div {
	height: 100%;
}
.p-brand-hero__txt {
	width: 100%;
	height: 592px;
	position: absolute;
	top: 7.75vh;
	left: 0;
}
@media (min-width: 768px) {
	.p-brand-hero__txt {
		height: 740px;
	}
}
@media (min-width: 980px) {
	.p-brand-hero__txt {
		top: 0;
	}
}
.p-brand-hero__txt img {
	width: min(81.866666%, 687px);
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
/*============================================*/
/* Contents Area */
/*============================================*/
.p-brand__container {
	width: 100%;
	height: 100%;
	background: #fff;
	position: relative;
}
/*============================================*/
/* common */
/*============================================*/
/* Title */
.c-ttl {
	padding-top: clamp(45px, 5.54vw, 71px);
	font-size: clamp(20px, 2.03vw, 2.6rem);
	line-height: 1.6;
	position: relative;
}
.c-ttl::before {
	content: "";
	width: clamp(122px, 14.84vw, 190px);
	aspect-ratio: 1 / 1;
	border: 1px solid #707070;
	border-radius: 50%;
	position: absolute;
	left: 32px;
	top: 0;
}
.c-ttl__inner {
	display: inline-block;
	padding: 20px 0 26px;
	background: #fff;
	position: relative;
}
/* Text */
.c-txt {
	font-size: 13px;
	line-height: 2;
}
@media (min-width: 980px) {
	.c-txt p {
		font-size: 1.4rem;
		line-height: 2.285;
	}
}
.c-txt p + p {
	margin-top: 2em;
}
@media (min-width: 980px) {
	.c-txt p + p {
		margin-top: 2.285em;
	}
}
/*============================================*/
/* INTRODUCTION */
/*============================================*/
.p-brand__intro {
	margin-top: 7.75vh;
	padding: 65px 0 40px;
	background: rgba(255, 255, 255, 0.6);
	position: relative;
}
@media (min-width: 768px) {
	.p-brand__intro {
		margin-top: 0;
		padding: 110px 0 82px;
		z-index: 1;
	}
}
@media (min-width: 1025px) {
	.p-brand__intro {
		background: none;
	}
}
.p-brand-intro__content {
	width: min(var(--width), 900px);
	margin-inline: auto;
}
.p-brand-intro__ttl {
	width: clamp(113px, 12.34vw, 158px);
}
.p-brand-intro__txt {
	margin-top: clamp(20px, 7.81vw, 100px);
	font-size: clamp(14px, 1.35vw, 1.6rem);
	line-height: 2.285;
}
@media (min-width: 768px) {
	.p-brand-intro__txt {
		line-height: 2.5;
	}
}
.p-brand-intro__txt p + p {
	margin-top: 2.285em;
}
@media (min-width: 768px) {
	.p-brand-intro__txt p + p {
		margin-top: 2.5em;
	}
}
/*============================================*/
/* SEC01 */
/*============================================*/
.p-brand__sec01 {
	padding-top: max(12.26vw, 46px);
	position: relative;
}
@media (min-width: 980px) {
	.p-brand__sec01 {
		padding-top: min(30.46vw, 392px);
	}
}
.p-brand__sec01::after {
	content: "";
	display: block;
	width: 100%;
	aspect-ratio: 375 / 280;
	margin-top: 36px;
	background-image: url(../img/brand/sec01_bg_sp.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
@media (min-width: 980px) {
	.p-brand__sec01::after {
		margin-top: 0;
		aspect-ratio: 1280 / 520;
		background-image: url(../img/brand/sec01_bg_pc.jpg);
	}
}
.p-brand__sec01::before {
	content: "";
	width: min(87.733333%, 1196px);
	height: 100%;
	border-right: 1px solid #707070;
	position: absolute;
	left: 50%;
	top: 0;
	translate: -50%;
}
@media (min-width: 980px) {
	.p-brand__sec01::before {
		z-index: 1;
	}
}
@media (min-width: 1281px) {
	.p-brand__sec01::before {
		max-height: 912px;
	}
}
.p-brand-sec01__content {
	display: grid;
	gap: 55px;
	width: min(var(--width), 900px);
	margin-inline: auto;
	position: relative;
	z-index: 1;
}
@media (min-width: 980px) {
	.p-brand-sec01__content {
		display: flex;
		justify-content: space-between;
		position: absolute;
		top: min(5vw, 64px);
		left: 50%;
		translate: -50%;
	}
}
.p-brand-sec01__ttl {
	width: clamp(160px, 17.96vw, 230px);
}
.p-brand-sec01__txt {
	width: 96.610169%;
	margin-top: clamp(15px, 1.56vw, 20px);
}
@media (min-width: 980px) {
	.p-brand-sec01__txt {
		width: auto;
	}
}
.p-brand-sec01__block02 {
	writing-mode: vertical-rl;
}
@media (min-width: 980px) {
	.p-brand-sec01__block02 {
		padding-top: min(9.375vw, 120px);
	}
}
.p-brand-sec01__subttl {
	font-size: 16px;
	letter-spacing: 3px;
	line-height: 2.25;
}
@media (min-width: 980px) {
	.p-brand-sec01__subttl {
		font-size: 1.8rem;
		line-height: 2.4;
	}
}
.p-brand-sec01__markerTxt {
	margin-right: clamp(25px, 5.46vw, 70px);
}
.p-brand-sec01__markerTxt p span {
	background: #F8F5F2;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  padding: 6px 3px;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 2.6;
}
@media (min-width: 980px) {
	.p-brand-sec01__markerTxt p span {
		padding: 6px 1px;
		font-size: 1.6rem;
		line-height: 2.375;
	}
}
.p-brand-sec01__markerTxt p + p {
	margin-right: 34px;
}
@media (min-width: 980px) {
	.p-brand-sec01__markerTxt p + p {
		margin-right: 40px;
	}
}
/*============================================*/
/* SEC02 */
/*============================================*/
.p-brand__sec02 {
	display: grid;
	gap: 53px;
	background: #F8F5F2;
	overflow: hidden;
}
@media (min-width: 980px) {
	.p-brand__sec02 {
		grid-template-columns: repeat(2, 1fr);
		gap: 0;
	}
}
.p-brand-sec02__block01 {
	display: grid;
	padding-top: 56px;
}
@media (min-width: 980px) {
	.p-brand-sec02__block01 {
		align-self: center;
		display: flex;
		justify-content: flex-end;
		gap: min(3.67vw, 47px);
		padding-top: 0;
	}
}
.p-brand-sec02__ttl {
	width: clamp(153px, 17.03vw, 218px);
}
.p-brand-sec02__txt {
	width: var(--width);
	margin-inline: auto;
	margin-top: clamp(37px, 3.9vw, 50px);
}
@media (min-width: 980px) {
	.p-brand-sec02__txt {
		width: fit-content;
		margin-inline: initial;
		padding-right: 20px;
	}
}
.p-brand-sec02__block02 img {
	width: 100%;
}
/*============================================*/
/* SEC03 */
/*============================================*/
.p-brand__sec03 {
	padding: clamp(52px, 9.06vw, 154px) 0 clamp(49px, 4.53vw, 80px);
	background: #F2EEEA;
	overflow: hidden;
}
.p-brand-sec03__list {
	--item: clamp(128px, 14.2968vw, 246px);
	display: grid;
	grid-template-columns: repeat(2, var(--item));
	justify-content: center;
	gap: clamp(13px, 1.56vw, 20px) clamp(14px, 1.56vw, 20px);
}
@media (min-width: 768px) {
	.p-brand-sec03__list {
		grid-template-columns: repeat(4, var(--item));
	}
}
.p-brand-sec03__list li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	aspect-ratio: 1 / 1;
	border: 1px solid #504F4F;
	border-radius: 50%;
	color: #504F4F;
	font-size: clamp(14px, 1.48vw, 2.5rem);
	line-height: 1.4;
	text-align: center;
}
.p-brand__voice {
	margin-top: clamp(38px, 4.14vw, 85px);
}
.p-brand-voice__ttl {
	font-size: clamp(16px, 1.71vw, 2.2rem);
	font-weight: 500;
	text-align: center;
}
.voice__list {
	margin-top: clamp(24px, 3vw, 60px);
}
.voice-list__fig {
	text-align: center;
}
.voice-list__fig img {
	display: inline-block;
	width: clamp(80px, 8.35vw, 131px);
}
.voice-list__fig figcaption {
	margin-top: 7px;
	font-size: clamp(13px, 1.25vw, 1.9rem);
}
.voice-list__ttl {
	margin-top: 6px;
	font-size: clamp(13px, 1.17vw, 1.8rem);
	font-weight: 500;
	text-align: center;
}
.voice-list__txt {
	margin-top: 15px;
	font-size: clamp(12px, 1.01vw, 1.3rem);
	line-height: 1.69;
}
/* Slider */
.slick-carousel .slick-track {
	display: flex;
}
.slick-carousel .slick-slide {
	margin: 0 10px;
	height: initial;
	padding: clamp(22px, 2.34vw, 30px) clamp(17px, 1.64vw, 25px) clamp(12px, 2.65vw, 34px);
	border: 1px solid #707070;
	border-radius: 16px;
}
.slick-carousel .slick-slide > div {
	height: 100%;
}
.slick-carousel .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: clamp(6px, 0.7vw, 9px);
	margin-top: clamp(41px, 3.23vw, 52px);
}
.slick-carousel .slick-dots li button {
  text-indent: -9999px;
  width: clamp(10px, 0.93vw, 12px);
  height: clamp(10px, 0.93vw, 12px);
  border: 1px solid #707070;
  border-radius: 50%;
}
.slick-carousel .slick-dots .slick-active button {
	background: #504F4F;
}
/*============================================*/
/* SEC04 */
/*============================================*/
.p-brand__sec04 {
	padding-top: clamp(88px, 6.25vw, 122px);
}
@media (min-width: 980px) {
	.p-brand-sec04__block01 {
		display: flex;
		justify-content: space-between;
	}
}
@media (min-width: 980px) {
	.p-brand-sec04__box {
		display: flex;
		justify-content: space-between;
		width: min(62.265625%, 1118px);
	}
}
.p-brand-sec04__leftImg {
	width: clamp(272px, 26.32vw, 512px);
}
@media (min-width: 980px) {
	.p-brand-sec04__leftImg {
		margin-top: 65px;
		margin-left: min(4.53vw, 58px);
	}
}
@media (min-width: 1281px) {
	.p-brand-sec04__leftImg {
		width: min(26.94vw, 512px);
		padding-bottom: 108px;
		margin-left: 0;
	}
}
.p-brand-sec04__content {
	width: var(--width);
	margin-inline: auto;
	margin-top: 44px;
}
@media (min-width: 980px) {
	.p-brand-sec04__content {
		max-width: 473px;
		margin-inline: initial;
		margin-top: 0;
	}
}
.p-brand-sec04__ttl {
	width: max(86.4%, 324px);
	width: 324px;
	margin-left: -25px;
}
@media (min-width: 980px) {
	.p-brand-sec04__ttl {
		width: min(36.95vw, 473px);
		margin-left: 0;
	}
}
.p-brand-sec04__txt {
	margin-top: clamp(22px, 1.95vw, 25px);
}
.p-brand-sec04__list {
	display: grid;
	gap: clamp(15px, 1.95vw, 25px) clamp(15px, 1.875vw, 24px);
	width: fit-content;
	margin-inline: auto;
	margin-top: clamp(43px, 3.9vw, 50px);
}
@media (min-width: 768px) {
	.p-brand-sec04__list {
		grid-template-columns: repeat(2, 180px);
		margin-inline: initial;
	}
}
.p-brand-sec04__list li {
	width: 180px;
	padding: 6px;
	border: 1px solid #707070;
	border-radius: 18px;
	font-size: 1.4rem;
	text-align: center;
	position: relative;
}
.p-brand-sec04__list .-arrow::after {
	content: "";
	width: 52px;
	height: 7px;
	background: url(../img/brand/arrow.svg) center / contain no-repeat;
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translate(-12px, -50%);
}
.p-brand-sec04__rightImg {
	width: clamp(210px, 19.6vw, 251px);
	margin-top: 60px;
	margin-left: auto;
}
@media (min-width: 980px) {
	.p-brand-sec04__rightImg {
		align-self: flex-end;
	}
}
@media (min-width: 1281px) {
	.p-brand-sec04__rightImg {
		width: min(26.1vw, 496px);
	}
}
.p-brand-sec04__block02 {
	padding: clamp(97px, 10.39vw, 142px) 0 clamp(90px, 9.84vw, 156px);
	background-color: #F2EEEA;
}
.p-brand-sec04__block02 ul {
	display: flex;
	flex-direction: column;
	gap: clamp(21px, 1.64vw, 25px);
	width: min(90.9375%, 1384px);
	margin-inline: auto;
	text-align: center;
}
@media (min-width: 768px) {
	.p-brand-sec04__block02 ul {
		flex-direction: row;
		justify-content: center;
	}
}
.p-brand-sec04__block02 img {
	width: clamp(242px, 29.218vw, 445px);
	margin-inline: auto;
}
/*============================================*/
/* Conversion */
/*============================================*/
.p-brand__cv {
	position: relative;
}
.p-brand-cv__block {
	position: absolute;
	left: 50%;
	bottom: 50px;
	transform: translate(-50%);
}
@media (min-width: 768px) {
	.p-brand-cv__block {
		top: 50%;
		bottom: initial;
	}
}
.p-brand-cv__btn {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	width: clamp(310px, 36.95vw, 473px);
	padding: clamp(14px, 1.4vw, 18px);
	background: #74B88D;
	border: 1px solid #74B88D;
	border-radius: 38px;
	color: #fff;
	font-size: clamp(17px, 1.875vw, 2.4rem);
	font-weight: 500;
	text-align: center;
	position: relative;
}
@media (min-width: 768px) {
	.p-brand-cv__btn {
		font-weight: 400;
	}
}
.p-brand-cv__btn::after {
	content: "";
	width: clamp(35px, 3.51vw, 45px);
	aspect-ratio: 45 / 7;
	background: url(../img/brand/arrow_wh.svg) center / contain no-repeat;
	/*position: absolute;
	right: clamp(11px, 2.89vw, 37px);
	top: 50%;
	transform: translateY(-50%);*/
}
.p-brand-cv__btn + .p-brand-cv__btn {
	margin-top: 20px;
}
/* # =================================================================
 * # Utility
 * # ================================================================= */
.pcMBlock {
  display: none;
}
@media screen and (min-width: 1280px) {
  .pcMBlock {
    display: block;
  }
}

.pcLBlock {
  display: none;
}
@media screen and (min-width: 599px) {
  .pcLBlock {
    display: block;
  }
}
@media screen and (min-width: 1520px) {
  .pcLBlock {
    display: none;
  }
}

.spSNone {
  display: none;
}

@media screen and (min-width: 599px) {
  .spSNone {
    display: block;
  }
}
.spSBlock {
  display: block;
}

@media screen and (min-width: 599px) {
  .spSBlock {
    display: none;
  }
}
.spNone {
  display: none;
}
@media screen and (min-width: 768px) {
  .spNone {
    display: block;
  }
}

.spBlock {
  display: block;
}
@media screen and (min-width: 768px) {
  .spBlock {
    display: none;
  }
}

.pcNone {
  display: none;
}
@media screen and (min-width: 360px) {
  .pcNone {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .pcNone {
    display: none;
  }
}

.pcBlock {
  display: none;
}
@media screen and (min-width: 980px) {
  .pcBlock {
    display: block;
  }
}

.tabNone {
  display: none;
}
@media screen and (min-width: 1024px) {
  .tabNone {
    display: block;
  }
}
.tabNone.-ib {
  display: none;
}
@media screen and (min-width: 599px) {
  .tabNone.-ib {
    display: inline-block;
  }
}

.tabBlock {
  display: none;
}
@media screen and (min-width: 768px) {
  .tabBlock {
    display: block;
  }
}

.tablBlock {
  display: block;
}
@media screen and (min-width: 1024px) {
  .tablBlock {
    display: none;
  }
}