@charset "utf-8";

/*///////////////////// font-face ///////////////////////////*/
/*Noto Sans JP 400*/
@font-face {
	font-family: 'Noto Sans JP';
	src: url(/fonts/NotoSansJP-Regular.woff2);
	font-weight: 400;
	font-display: swap;
}

/*Noto Sans JP 700*/
@font-face {
	font-family: 'Noto Sans JP';
	src: url(/fonts/NotoSansJP-Bold.woff2);
	font-weight: 700;
	font-display: swap;
}

/*///////////////////// font-face ///////////////////////////*/

:root {
	--type-color: #00C8B3;
	--type-thin-color: rgba(0, 200, 179, .6);
	--black-color: #000;

	/* 芝崎 */
	--shibasaki-color: #CE1113;
	--shibasaki-thin-color: #e68998;

	/* 久保 */
	--kubo-color: #BA96E0;
	--kubo-thin-color: #dccaef;

	/* 村瀬 */
	--murase-color: #00CCBD;
	--murase-thin-color: #7fe5de;

	/* 畔川 */
	--azekawa-color: #FFF933;
	--azekawa-thin-color: #fefc99;

	/* 黒岩 */
	--kuroiwa-color: #F792B1;
	--kuroiwa-thin-color: #fbc8d8;

	/* 森 */
	--mori-color: #1DA880;
	--mori-thin-color: #8ed3bf;

	/* 武田 */
	--takeda-color: #00A0E9;
	--takeda-thin-color: #80cff4;

	/* 大久保 */
	--okubo-color: #7EE86B;
	--okubo-thin-color: #bef4b5;

	/* 谷 */
	--tani-color: #F8DE15;
	--tani-thin-color: #fbee8a;

	/* 本城 */
	--honjo-color: #FF8429;
	--honjo-thin-color: #ffc094;

	/* 向上 */
	--kojo-color: #B543D1;
	--kojo-thin-color: #daa1e8;

	/* 中村 */
	--nakamura-color: #FF592c;
	--nakamura-thin-color: #ffac94;

	/* 長谷川 */
	--hasegawa-color: #004BE2;
	--hasegawa-thin-color: #7ea4f0;

	/* 塚口 */
	--tsukaguchi-color: #19D3FF;
	--tsukaguchi-thin-color: #8ce9ff;

	/* 佃 */
	--tsukuda-color: #BFBF17;
	--tsukuda-thin-color: #dfdf8b;

	/* 佐伯 */
	--saeki-color: #FF83B3;
	--saeki-thin-color: #ffc0d9;

	/* 石田 */
	--ishida-color: #FFBC00;
	--ishida-thin-color: #ffdd7f;

	/* 曽我部 */
	--sogabe-color: #7822FF;
	--sogabe-thin-color: #bb90ff;

	/* 安藤 */
	--ando-color: #ef7de3;
	--ando-thin-color: #f7bef1;

	/* 松本 or 松竜 */
	--matsumoto-color: #009B34;
	--matsumoto-thin-color: #7fcd99;
}


body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}

#container {
	overflow: hidden;
}

#contents {
	width: 100%;
	background-color: #fff;
}

#path,
.h1_section {
	display: none;
}

#article * {
	font-family: "Noto Sans JP", sans-serif;
}

#article {
	width: 100%;
	padding-bottom: 100px;
	color: var(--black-color);
}

#article #customer {
	width: 1080px;
	margin: 0 auto 100px;
	padding: 150px 0 0;
	border: none;
	box-shadow: none;
}

#article #customer-detail {
	border: none;
	box-shadow: none;
	padding: 0;
}

a:hover {
	text-decoration: none;
}

/* 共通 */
.ui__inner {
	width: 1080px;
	margin: 0 auto;
}

/* メイン画像 */
.customer__top--img {
	width: 1080px;
	margin: 0 auto 50px;
}

.customer__top--img img {
	width: 100%;
	vertical-align: baseline;
}

/* お客様の声一覧 */
.customer__list {
	display: flex;
	gap: 5px;
	margin-bottom: 40px;
}

[class*="customer_item--"] {
	width: fit-content;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	font-size: 24px;
	font-weight: 500;
	padding: 1px 20px;
	color: #fff;
	background-color: var(--type-color);
}

#customer .customer__voice--ttl {
	width: 100%;
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 50px;
	border: none;
	color: var(--black-color);
}

.customer_item--type {
	background-color: var(--type-color);
}

.customer__name {
	font-size: 24px;
	margin-bottom: 40px;
	color: var(--black-color);
}

/* The  Story */
.story__content {
	padding-bottom: 40px;
}

.story__ttl {
	position: relative;
	font-size: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
	color: var(--black-color);
}

.story__ttl:after {
	content: "";
	position: absolute;
	width: 1400px;
	height: 1px;
	display: block;
	background-color: var(--black-color);
	left: 153px;
}

.story__text {
	font-size: 26px;
	padding-left: 153px;
	line-height: 160%;
	color: var(--black-color);
}

/* Q&A */
.faq__content {
	margin-bottom: 100px;
}

.faq__detail {
	padding-left: 90px;
	margin-bottom: 40px;
}

.faq__ttl--question {
	margin-bottom: 25px;
}

[class*="faq__text--"] {
	display: flex;
	align-items: flex-start;
	gap: 20px;
	font-weight: 700;
}

[class*="faq__text--"] span {
	width: 100%;
	color: var(--black-color);
}

.faq__text--question {
	font-size: 30px;
}

.faq__text--answer {
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: 400;
}
.faq__bold--text {
	font-weight: 700;
}
.faq__thin--text {
	display: block;
	font-weight: 400;
	margin-top: 10px;
}
[class*="icon__question--"] {
	width: 43px;
	height: 50px;
}

[class*="icon__answer--"] {
	width: 43px;
	height: 50px;
	flex-shrink: 0;
}

.faq__bottom--text {
	font-size: 26px;
	padding-left: 58px;
	line-height: 160%;
}

/* 担当より */
.staff__content {
	width: 998px;
	margin: 0 auto;
}

[class*="staff__name--"] {
	width: fit-content;
	padding: 10px 40px;
	font-size: 26px;
	background-color: var(--type-color);
	color: #fff;
	text-align: center;
	clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);
}

[class*="staff__detail--"] {
	position: relative;
	padding: 51px;
	margin-bottom: 5px;
	background-color: var(--type-thin-color);
}

[class*="staff__detail--"]:before {
	content: "";
	position: absolute;
	display: block;
	bottom: -34px;
	right: 0;
}

.staff__comment {
	padding: 30px;
	font-size: 24px;
	line-height: 160%;
	background-color: #fff;
	border-radius: 16px;
	color: var(--black-color);
}

.staff__more--btn a {
	font-size: 24px;
	font-weight: 700;
	color: var(--black-color);
	display: flex;
	align-items: center;
	justify-content: end;
	padding-right: 86px;
}

.staff__more--btn a:hover {
	opacity: .8;
}

/* 一覧に戻るボタン */
.customer-prev--content {
	width: 1080px;
	margin: 0 auto;
}

#article .customer-prev--content .customer-prev {
	width: 548px;
	margin: 0 auto;
}

#article .customer-prev .btn.back__btn {
	border: none;
	border-radius: 50px;
	margin: 0 100px;
}

#article .customer-prev li a {
	width: 54px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    background: #0F1734;
    border-radius: 50%;
    color: #fff;
    box-sizing: border-box;
}

#article .customer-prev li a:hover {
	background: #fff;
	color: #0F1734;
	border: 1px solid #0F1734;
}

#article .customer-prev li:hover {
	opacity: 1 !important;
}

#article .customer-prev .btn.back__btn a {
	width: 240px;
	height: 50px;
	border: none;
	border-radius: 50px;
	font-size: 22px;
	color: #fff;
	background-color: #0F1734;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

#article .customer-prev .btn.back__btn a:hover {
	background: #fff;
	color: #0F1734;
	border: 1px solid #0F1734;
	font-weight: 500;
	opacity: 1;
}


/*////// スタッフ //////*/

/* 芝崎 */
.customer_item--shibasaki {
	background-color: var(--shibasaki-color);
}

.staff__detail--shibasaki {
	background-color: var(--shibasaki-thin-color);
}

.icon__question--shibasaki {
	color: var(--shibasaki-thin-color);
}

.icon__answer--shibasaki {
	color: var(--shibasaki-color);
}

.staff__name--shibasaki {
	background: var(--shibasaki-color);
}

.staff__detail--shibasaki:before {
	background: url(../images/customer/detail/img_shibasaki.webp) no-repeat center / contain;
	width: 76px;
	height: 215px;
}

/* 久保 */
.customer_item--kubo {
	background-color: var(--kubo-color);
}

.staff__detail--kubo {
	background-color: var(--kubo-thin-color);
}

.icon__question--kubo {
	color: var(--kubo-thin-color);
}

.icon__answer--kubo {
	color: var(--kubo-color);
}

.staff__name--kubo {
	background: var(--kubo-color);
}

.staff__detail--kubo:before {
	background: url(../images/customer/detail/img_kubo.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 村瀬 */
.customer_item--murase {
	background-color: var(--murase-color);
}

.staff__detail--murase {
	background-color: var(--murase-thin-color);
}

.icon__question--murase {
	color: var(--murase-thin-color);
}

.icon__answer--murase {
	color: var(--murase-color);
}

.staff__name--murase {
	background: var(--murase-color);
}

.staff__detail--murase:before {
	background: url(../images/customer/detail/img_murase.webp) no-repeat center / contain;
	width: 73px;
	height: 212px;
}

/* 畔川 */
.customer_item--azekawa {
	background-color: var(--azekawa-color);
	color: var(--black-color);
}

.staff__detail--azekawa {
	background-color: var(--azekawa-thin-color);
	color: var(--black-color);
}

.icon__question--azekawa {
	color: var(--azekawa-thin-color);
}

.icon__answer--azekawa {
	color: var(--azekawa-color);
}

.staff__name--azekawa {
	background: var(--azekawa-color);
	color: var(--black-color);
}

.staff__detail--azekawa:before {
	background: url(../images/customer/detail/img_azekawa.webp) no-repeat center / contain;
	width: 75px;
	height: 214px;
}

/* 黒岩 */
.customer_item--kuroiwa {
	background-color: var(--kuroiwa-color);
}

.staff__detail--kuroiwa {
	background-color: var(--kuroiwa-thin-color);
}

.icon__question--kuroiwa {
	color: var(--kuroiwa-thin-color);
}

.icon__answer--kuroiwa {
	color: var(--kuroiwa-color);
}

.staff__name--kuroiwa {
	background: var(--kuroiwa-color);
}

.staff__detail--kuroiwa:before {
	background: url(../images/customer/detail/img_kuroiwa.webp) no-repeat center / contain;
	width: 75px;
	height: 214px;
}

/* 森 */
.customer_item--mori {
	background-color: var(--mori-color);
}

.staff__detail--mori {
	background-color: var(--mori-thin-color);
}

.icon__question--mori {
	color: var(--mori-thin-color);
}

.icon__answer--mori {
	color: var(--mori-color);
}

.staff__name--mori {
	background: var(--mori-color);
}

.staff__detail--mori:before {
	background: url(../images/customer/detail/img_mori.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 武田 */
.customer_item--takeda {
	background-color: var(--takeda-color);
}

.staff__detail--takeda {
	background-color: var(--takeda-thin-color);
}

.icon__question--takeda {
	color: var(--takeda-thin-color);
}

.icon__answer--takeda {
	color: var(--takeda-color);
}

.staff__name--takeda {
	background: var(--takeda-color);
}

.staff__detail--takeda:before {
	background: url(../images/customer/detail/img_takeda.webp) no-repeat center / contain;
	width: 73px;
	height: 215px;
}

/* 大久保 */
.customer_item--okubo {
	background-color: var(--okubo-color);
}

.staff__detail--okubo {
	background-color: var(--okubo-thin-color);
}

.icon__question--okubo {
	color: var(--okubo-thin-color);
}

.icon__answer--okubo {
	color: var(--okubo-color);
}

.staff__name--okubo {
	background: var(--okubo-color);
}

.staff__detail--okubo:before {
	background: url(../images/customer/detail/img_okubo.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 谷 */
.customer_item--tani {
	background-color: var(--tani-color);
	color: var(--black-color);
}

.staff__detail--tani {
	background-color: var(--tani-thin-color);
	color: var(--black-color);
}

.icon__question--tani {
	color: var(--tani-thin-color);
}

.icon__answer--tani {
	color: var(--tani-color);
}

.staff__name--tani {
	background: var(--tani-color);
	color: var(--black-color);
}

.staff__detail--tani:before {
	background: url(../images/customer/detail/img_tani.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 本城 */
.customer_item--honjo {
	background-color: var(--honjo-color);
}

.staff__detail--honjo {
	background-color: var(--honjo-thin-color);
}

.icon__question--honjo {
	color: var(--honjo-thin-color);
}

.icon__answer--honjo {
	color: var(--honjo-color);
}

.staff__name--honjo {
	background: var(--honjo-color);
}

.staff__detail--honjo:before {
	background: url(../images/customer/detail/img_honjo.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 足立 */
.customer_item--adachi {
	background-color: var(--adachi-color);
}

.staff__detail--adachi {
	background-color: var(--adachi-thin-color);
}

.icon__question--adachi {
	color: var(--adachi-thin-color);
}

.icon__answer--adachi {
	color: var(--adachi-color);
}

.staff__name--adachi {
	background: var(--adachi-color);
}

.staff__detail--adachi:before {
	background: url(../images/customer/detail/img_adachi.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 向上 */
.customer_item--kojo {
	background-color: var(--kojo-color);
}

.staff__detail--kojo {
	background-color: var(--kojo-thin-color);
}

.icon__question--kojo {
	color: var(--kojo-thin-color);
}

.icon__answer--kojo {
	color: var(--kojo-color);
}

.staff__name--kojo {
	background: var(--kojo-color);
}

.staff__detail--kojo:before {
	background: url(../images/customer/detail/img_kojo.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 中村 */
.customer_item--nakamura {
	background-color: var(--nakamura-color);
}

.staff__detail--nakamura {
	background-color: var(--nakamura-thin-color);
}

.icon__question--nakamura {
	color: var(--nakamura-thin-color);
}

.icon__answer--nakamura {
	color: var(--nakamura-color);
}

.staff__name--nakamura {
	background: var(--nakamura-color);
}

.staff__detail--nakamura:before {
	background: url(../images/customer/detail/img_nakamura.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 長谷川 */
.customer_item--hasegawa {
	background-color: var(--hasegawa-color);
}

.staff__detail--hasegawa {
	background-color: var(--hasegawa-thin-color);
}

.icon__question--hasegawa {
	color: var(--hasegawa-thin-color);
}

.icon__answer--hasegawa {
	color: var(--hasegawa-color);
}

.staff__name--hasegawa {
	background: var(--hasegawa-color);
}

.staff__detail--hasegawa:before {
	background: url(../images/customer/detail/img_hasegawa.webp) no-repeat center / contain;
	width: 74px;
	height: 213px;
}

/* 塚口 */
.customer_item--tsukaguchi {
	background-color: var(--tsukaguchi-color);
}

.staff__detail--tsukaguchi {
	background-color: var(--tsukaguchi-thin-color);
}

.icon__question--tsukaguchi {
	color: var(--tsukaguchi-thin-color);
}

.icon__answer--tsukaguchi {
	color: var(--tsukaguchi-color);
}

.staff__name--tsukaguchi {
	background: var(--tsukaguchi-color);
}

.staff__detail--tsukaguchi:before {
	background: url(../images/customer/detail/img_tsukaguchi.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 佃 */
.customer_item--tsukuda {
	background-color: var(--tsukuda-color);
}

.staff__detail--tsukuda {
	background-color: var(--tsukuda-thin-color);
}

.icon__question--tsukuda {
	color: var(--tsukuda-thin-color);
}

.icon__answer--tsukuda {
	color: var(--tsukuda-color);
}

.staff__name--tsukuda {
	background: var(--tsukuda-color);
}

.staff__detail--tsukuda:before {
	background: url(../images/customer/detail/img_tsukuda.webp) no-repeat center / contain;
	width: 72px;
	height: 216px;
}

/* 佐伯 */
.customer_item--saeki {
	background-color: var(--saeki-color);
}

.staff__detail--saeki {
	background-color: var(--saeki-thin-color);
}

.icon__question--saeki {
	color: var(--saeki-thin-color);
}

.icon__answer--saeki {
	color: var(--saeki-color);
}

.staff__name--saeki {
	background: var(--saeki-color);
}

.staff__detail--saeki:before {
	background: url(../images/customer/detail/img_saeki.webp) no-repeat center / contain;
	width: 75px;
	height: 208px;
}

/* 石田 */
.customer_item--ishida {
	background-color: var(--ishida-color);
}

.staff__detail--ishida {
	background-color: var(--ishida-thin-color);
}

.icon__question--ishida {
	color: var(--ishida-thin-color);
}

.icon__answer--ishida {
	color: var(--ishida-color);
}

.staff__name--ishida {
	background: var(--ishida-color);
}

.staff__detail--ishida:before {
	background: url(../images/customer/detail/img_ishida.webp) no-repeat center / contain;
	width: 74px;
	height: 219px;
}

/* 曽我部 */
.customer_item--sogabe {
	background-color: var(--sogabe-color);
}

.staff__detail--sogabe {
	background-color: var(--sogabe-thin-color);
}

.icon__question--sogabe {
	color: var(--sogabe-thin-color);
}

.icon__answer--sogabe {
	color: var(--sogabe-color);
}

.staff__name--sogabe {
	background: var(--sogabe-color);
}

.staff__detail--sogabe:before {
	background: url(../images/customer/detail/img_sogabe.webp) no-repeat center / contain;
	width: 77px;
	height: 216px;
}

/* 安藤 */
.customer_item--ando {
	background-color: var(--ando-color);
}

.staff__detail--ando {
	background-color: var(--ando-thin-color);
}

.icon__question--ando {
	color: var(--ando-thin-color);
}

.icon__answer--ando {
	color: var(--ando-color);
}

.staff__name--ando {
	background: var(--ando-color);
}

.staff__detail--ando:before {
	background: url(../images/customer/detail/img_ando.webp) no-repeat center / contain;
	width: 76px;
	height: 220px;
}

/* 松本 */
.customer_item--matsumoto {
	background-color: var(--matsumoto-color);
}

.staff__detail--matsumoto {
	background-color: var(--matsumoto-thin-color);
}

.icon__question--matsumoto {
	color: var(--matsumoto-thin-color);
}

.icon__answer--matsumoto {
	color: var(--matsumoto-color);
}

.staff__name--matsumoto {
	background: var(--matsumoto-color);
}

.staff__detail--matsumoto:before {
	background: url(../images/customer/detail/img_matsumoto.webp) no-repeat center / contain;
	width: 76px;
	height: 220px;
}