#fixNav .fixBan:nth-child(2) {
    background: #FF0033;
    margin: 0 0 0 .6rem;
    padding: 0 3rem .3rem 5rem;
    border-radius: 0;
    color: #fff;
}

.btn-web3 a {
	background: #FF0033;
	border: 3px solid #FF0033;
	box-shadow: .6rem .6rem 0 0 #800000;
	color: #fff;
}

.btn-web3 a::after {
	background-image: url("./img/icon_cart_wt.svg");
}

.btn-web3 a:hover::after {
	background-image: url("./img/icon_cart.svg");
}

.btns>div {
    width: 31%;
    margin: 2rem 1rem 1rem;
}

.btn-web3 a:hover {
	box-shadow: .6rem .3rem 0 0 #800000;
}


.person-intro-wrap .botBox img {
    max-width: 160px;
          /* 正方形にする */
    border-radius: 50%; /* 正円 */
    object-fit: cover;  /* 中央トリミング */
    display: block;
}


/* =========================
   リサール酵産 紹介ページ / 飯川社長ページ
   共通追加CSS
   ========================= */

.resahl-page {
	position: relative;
	padding: 4.5rem 0 0;
}

.resahl-page .resahl-hero {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 4rem;
	margin: 0 0 6rem;
	padding: 0 0 4.5rem;
	border-bottom: 1px solid #d9d1c4;
}

.resahl-page .resahl-hero__body {
	flex: 1;
	min-width: 0;
}

.resahl-page .resahl-hero__eyebrow {
	display: inline-block;
	margin: 0 0 1.6rem;
	padding: .7rem 1.6rem .9rem;
	background: #4f3b20;
	border-radius: 9999px;
	line-height: 1;
	font-size: 1.3rem;
	font-weight: 900;
	color: #fff;
	letter-spacing: .08em;
}

.resahl-page .resahl-hero h1 {
	margin: 0 0 2rem;
	font-size: 4.8rem;
	line-height: 1.25;
	color: #4f3b20;
}

.resahl-page .resahl-hero__lead {
	margin: 0;
	font-size: 1.8rem;
}

.resahl-page .resahl-hero__media {
	position: relative;
	width: 39rem;
	flex-shrink: 0;
}

.resahl-page .resahl-hero__media::before {
	content: "";
	position: absolute;
	top: -1.8rem;
	left: -1.8rem;
	width: 100%;
	height: 100%;
	background: #f7edde;
	border-radius: 2.4rem 8rem 2.4rem 2.4rem;
}

.resahl-page .resahl-hero__media .flame {
	position: relative;
}

.resahl-page .resahl-hero__media img {
	width: 100%;
	border-radius: 2.4rem 8rem 2.4rem 2.4rem;
}

.resahl-page .resahl-card {
	margin: 3.2rem 0 0;
	padding: 3.6rem 4rem 3rem;
	background: #fff;
	border: 2px solid #ebd3a9;
	border-radius: 3rem;
	box-shadow: 0 1.2rem 3rem rgba(79, 59, 32, .06);
}

.resahl-page .resahl-card > :first-child {
	margin-top: 0;
}

.resahl-page .resahl-card > :last-child {
	margin-bottom: 0;
}

.resahl-page .resahl-card h2 {
	margin: 0 0 2.4rem;
}

.resahl-page .resahl-card h3 {
	margin: 2.4rem 0 1.4rem;
}

.resahl-page .resahl-card p {
	word-break: normal;
}

.resahl-page .resahl-media {
	margin: 3rem 0 3.5rem;
}

.resahl-page .resahl-media .flame {
	overflow: hidden;
	border-radius: 2rem;
}

.resahl-page .resahl-media img {
	width: 100%;
}

.resahl-page .resahl-product-grid,
.resahl-page .resahl-youtube-grid {
	display: flex;
	align-items: flex-start;
	gap: 3.5rem;
	margin: 3rem 0 2rem;
}

.resahl-page .resahl-product-grid .resahl-media,
.resahl-page .resahl-youtube-grid .resahl-media {
	width: 34rem;
	flex-shrink: 0;
	margin: 0;
}

.resahl-page .resahl-product-grid__body,
.resahl-page .resahl-youtube-grid__body {
	flex: 1;
	min-width: 0;
}

.resahl-page .resahl-subbox {
	margin: 3rem 0 0;
	padding: 2.8rem 3rem 2.4rem;
	background: #f7edde;
	border-radius: 2.4rem;
}

.resahl-page .resahl-subbox .catch {
	margin-bottom: 1.6rem;
}

/* ---------------
   会社紹介ページ：製品ラインナップ
--------------- */
.resahl-page .resahl-product-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.2rem 1.6rem;
	margin: 1.5rem 0 0;
	padding: 0;
}

.resahl-page .resahl-product-list li {
	position: relative;
	margin: 0;
	padding: 1.5rem 1.6rem 1.5rem 4rem;
	background: #fff;
	border: 1px solid #e2d9cc;
	border-radius: 1.4rem;
	line-height: 1.7;
	list-style: none;
}

.resahl-page .resahl-product-list li::before {
	content: "";
	position: absolute;
	top: 1.9rem;
	left: 1.6rem;
	width: 1rem;
	height: 1rem;
	background: #169a5a;
	border-radius: 50%;
}

.resahl-page .resahl-product-name {
	display: inline;
	font-weight: 900;
	color: #4f3b20;
}

.resahl-page .resahl-product-sep {
	display: inline;
	margin: 0 .45em;
	font-weight: 900;
	color: #ef5c22;
}

.resahl-page .resahl-product-desc {
	display: inline;
	color: #1b140b;
}

/* ---------------
   会社紹介ページ：SNS・音声配信
--------------- */
.resahl-page .resahl-sns-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2.2rem;
	margin: 3rem 0 0;
	align-items: stretch;
}

.resahl-page .resahl-sns-card {
	height: 100%;
	padding: 2.8rem 2.6rem 2.2rem;
	background: #fff;
	border: 1px solid #e2d9cc;
	border-radius: 2rem;
	overflow: hidden;
}

.resahl-page .resahl-sns-card:nth-child(3) {
	grid-column: 1 / -1;
}

.resahl-page .resahl-sns-card h3 {
	margin: 0 0 1.8rem;
	padding: 0 0 1.6rem;
	border-bottom: 1px solid #b7b5b4;
	font-size: 2rem;
	line-height: 1.45;
	word-break: auto-phrase;
	overflow-wrap: anywhere;
}

.resahl-page .resahl-sns-card p {
	margin: 0 0 1.6rem;
}

.resahl-page .resahl-sns-card .btn-link {
	margin: 1.8rem 0 0;
	text-align: left;
}

.resahl-page .resahl-sns-card .btn-link a {
	display: block;
	max-width: 100%;
	padding: 0 4.8rem 0 0;
	text-align: left;
	line-height: 1.7;
	word-break: break-all;
	overflow-wrap: anywhere;
}

.resahl-page .resahl-sns-card .btn-link a::before {
	right: 1.8rem;
	width: 1.4rem;
	background-size: 1.4rem auto;
}

.resahl-page .resahl-sns-card .btn-link a::after {
	top: calc(50% - 2.8rem);
	width: 5.6rem;
	height: 5.6rem;
	background: #f0e6d6;
}

.resahl-page .resahl-note-link {
	margin: 3rem 0 0;
	padding: 2.2rem 2.4rem;
	background: #f7edde;
	border-radius: 1.6rem;
	font-weight: 900;
}

.resahl-page .resahl-source-list {
	margin: 2rem 0 0;
	padding: 0;
}

.resahl-page .resahl-source-list li {
	position: relative;
	margin: .8rem 0 0;
	padding: 0 0 0 1.8rem;
	font-size: 1.1rem;
	line-height: 1.6;
	color: #7d7469;
	list-style: none;
}

.resahl-page .resahl-source-list li::before {
	content: "";
	position: absolute;
	top: .55rem;
	left: 0;
	width: .8rem;
	height: .8rem;
	background: #ef5c22;
	border-radius: 50%;
}

.resahl-page .resahl-source-list a {
	display: inline;
	color: inherit;
	text-decoration: underline;
}

.resahl-page .resahl-company-meta {
	margin: 2rem 0 1.8rem;
	border-top: 1px solid #d9d1c4;
}

.resahl-page .resahl-company-meta__row {
	display: flex;
	border-bottom: 1px solid #d9d1c4;
}

.resahl-page .resahl-company-meta dt,
.resahl-page .resahl-company-meta dd {
	margin: 0;
	padding: 1.2rem 1.4rem;
}

.resahl-page .resahl-company-meta dt {
	width: 19rem;
	flex-shrink: 0;
	background: #f7f5f3;
	font-weight: 900;
}

.resahl-page .resahl-company-meta dd {
	flex: 1;
	background: #fff;
}

/* ---------------
   飯川社長ページ
--------------- */
.resahl-page .iikawa-profile {
	display: flex;
	align-items: center;
	gap: 3.5rem;
}

.resahl-page .iikawa-profile__media {
	position: relative;
	width: 31rem;
	flex-shrink: 0;
}

.resahl-page .iikawa-profile__media::before {
	content: "";
	position: absolute;
	top: 2rem;
	left: -2rem;
	width: 18rem;
	height: 18rem;
	background: #f7edde;
	border-radius: 50%;
}

.resahl-page .iikawa-profile__media .flame {
	position: relative;
	overflow: hidden;
	border-radius: 2.2rem;
}

.resahl-page .iikawa-profile__media img {
	width: 100%;
}

.resahl-page .iikawa-profile__body {
	flex: 1;
	min-width: 0;
}

.resahl-page .iikawa-tagline {
	display: inline-block;
	margin: 0 0 1.6rem;
	padding: .9rem 1.6rem 1rem;
	background: #f7edde;
	border-radius: 9999px;
	font-weight: 900;
	color: #169a5a;
}

.resahl-page .iikawa-profile__title {
	margin: 0 0 1.8rem;
	font-size: 3rem;
	line-height: 1.4;
	color: #4f3b20;
}

.resahl-page .iikawa-profile__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 1rem 1.2rem;
	margin: 2rem 0 0;
	padding: 0;
}

.resahl-page .iikawa-profile__meta li {
	padding: 1rem 1.4rem;
	background: #f7f5f3;
	border-radius: 9999px;
	line-height: 1.5;
	list-style: none;
}

.resahl-page .iikawa-story-grid {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
	margin: 2.4rem 0 0;
}

.resahl-page .iikawa-story-card {
	padding: 2.4rem 2.2rem 2rem;
	background: #f7f5f3;
	border-radius: 2rem;
	margin-bottom: 4rem;
}

.resahl-page .iikawa-story-card h3 {
	margin-top: 0;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid #d9d1c4;
	color: #169a5a;
	font-size: 2rem;
}

.resahl-page .iikawa-youtube {
	display: flex;
	gap: 3.5rem;
	align-items: flex-start;
}

.resahl-page .iikawa-youtube .resahl-media {
	width: 34rem;
	flex-shrink: 0;
	margin: 0;
}

.resahl-page .iikawa-youtube__body {
	flex: 1;
	min-width: 0;
}

.resahl-page .iikawa-sns-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 2rem;
	margin: 2.4rem 0 0;
}

.resahl-page .iikawa-sns-card {
	padding: 2.4rem 2.2rem 2rem;
	background: #fff;
	border: 1px solid #e2d9cc;
	border-radius: 2rem;
}

.resahl-page .iikawa-sns-card:nth-child(3) {
	grid-column: 1 / -1;
}

.resahl-page .iikawa-sns-card h3 {
	margin-top: 0;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid #d9d1c4;
}

.resahl-page .iikawa-sns-card .btn-link {
	margin-top: 1.8rem;
	text-align: left;
}

.resahl-page .iikawa-sns-card .btn-link a {
	display: block;
	max-width: 100%;
	padding: 0 4.8rem 0 0;
	text-align: left;
	line-height: 1.7;
	word-break: break-all;
	overflow-wrap: anywhere;
}

.resahl-page .iikawa-sns-card .btn-link a::before {
	right: 1.8rem;
	width: 1.4rem;
	background-size: 1.4rem auto;
}

.resahl-page .iikawa-sns-card .btn-link a::after {
	top: calc(50% - 2.8rem);
	width: 5.6rem;
	height: 5.6rem;
	background: #f0e6d6;
}

.resahl-page .iikawa-career-table {
	width: 100%;
	margin: 2.4rem 0 0;
	border-collapse: collapse;
}

.resahl-page .iikawa-career-table th,
.resahl-page .iikawa-career-table td {
	padding: 1.4rem 1.6rem;
	border-bottom: 1px solid #d9d1c4;
	vertical-align: top;
	text-align: left;
	line-height: 1.7;
}

.resahl-page .iikawa-career-table th {
	width: 18rem;
	white-space: nowrap;
	background: #f7f5f3;
	font-weight: 900;
	color: #4f3b20;
}

.resahl-page .iikawa-achievement-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
	margin: 2.4rem 0 0;
}

.resahl-page .iikawa-achievement-card {
	padding: 2.4rem 2.2rem 2rem;
	background: #fff;
	border: 1px solid #e2d9cc;
	border-radius: 2rem;
}

.resahl-page .iikawa-achievement-card h3 {
	margin-top: 0;
	padding-bottom: 1.2rem;
	border-bottom: 1px solid #d9d1c4;
}

.resahl-page .iikawa-achievement-card ul {
	margin: 1.4rem 0 0;
	padding: 0;
}

.resahl-page .iikawa-achievement-card li {
	position: relative;
	margin: .9rem 0 0;
	padding-left: 1.8rem;
	list-style: none;
}

.resahl-page .iikawa-achievement-card li::before {
	content: "";
	position: absolute;
	top: .9rem;
	left: 0;
	width: .8rem;
	height: .8rem;
	background: #169a5a;
	border-radius: 50%;
}

/* ---------------
   Cooperationブロック共通
--------------- */
.resahl-page .resahl-botCommon {
	padding-top: 7rem;
}

.resahl-page .resahl-botCommon .areaInner {
	width: auto;
	max-width: 112rem;
}

.resahl-page .resahl-botCommon .areaInner2 {
	padding: 4.5rem 3.6rem 3.2rem;
}

.resahl-page .resahl-botCommon .mainArea {
	display: flex;
	align-items: center;
	gap: 3.5rem;
	padding: 0 2rem 0 2rem;
}

.resahl-page .resahl-botCommon .imgArea {
	width: 28rem;
	padding: 0 1rem 0 0;
	margin: 0;
	text-align: center;
}

.resahl-page .resahl-botCommon .imgArea::before {
	top: 1rem;
	left: 1.5rem;
	width: 16rem;
	height: 16rem;
}

.resahl-page .resahl-botCommon .imgArea .flame {
	width: 18rem;
	margin: 0 auto 2rem;
}

.resahl-page .resahl-botCommon .txtArea {
	width: auto;
	flex: 1;
	padding: 0;
}

.resahl-page .resahl-botCommon .headArea {
	margin: 0 0 2rem;
	padding: 0 0 1.6rem;
}

.resahl-page .resahl-botCommon .headArea .sps {
	margin: 0 0 1rem;
	font-size: 1.4rem;
	color: #7d7469;
	text-align: left;
}

.resahl-page .resahl-botCommon .headArea .sttl {
	font-size: 2.8rem;
	line-height: 1.45;
}

.resahl-page .resahl-botCommon .btn-link {
	margin-top: 0;
	text-align: left;
}

.resahl-page .resahl-botCommon .btn-link a {
	text-align: left;
	padding-top: 1.4rem;
	padding-bottom: 1.4rem;
}


/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

/*/////////////PC用のCSSをここに作成してください。/////////////*/

.btns {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	padding: 1rem 1% 2rem;
}






@media screen and (min-width: 481px) {

.person-intro-wrap .botBox {
    display: flex;
}



.person-intro-wrap .txt-area {
    margin-left: 2rem;
}
	
	
}	


/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 480px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
#gNav .navBox .fixBan:nth-child(2) {
    background: #FF0033;
    margin: 0 0 0 .6rem;
    padding: 0 0.6rem .3rem 3.8rem;
    border-radius: 0;
    color: #fff;
}

#gNav .navBox {
        display: flex;
        align-items: center;
        margin: 4rem 1% 0;
        padding: 1.2rem 1.2rem 1.2rem;
        background: #fff;
        box-shadow: none;
        border-radius: 9999px;
    }

	.resahl-page {
		padding-top: 2rem;
	}

	.resahl-page .resahl-hero {
		display: block;
		margin: 0 5% 3rem;
		padding: 0 0 3rem;
	}

	.resahl-page .resahl-hero h1 {
		font-size: 3.2rem;
	}

	.resahl-page .resahl-hero__lead {
		font-size: 1.6rem;
	}

	.resahl-page .resahl-hero__media {
		width: auto;
		margin: 2.5rem 0 0;
	}

	.resahl-page .resahl-hero__media::before {
		top: -1rem;
		left: -1rem;
		border-radius: 1.8rem 4.8rem 1.8rem 1.8rem;
	}

	.resahl-page .resahl-hero__media img {
		border-radius: 1.8rem 4.8rem 1.8rem 1.8rem;
	}

	.resahl-page .resahl-card {
		margin: 2.5rem 5% 0;
		padding: 2.5rem 5% 2rem;
		border-radius: 1.8rem;
	}

	.resahl-page .resahl-card h2 {
		margin-bottom: 2rem;
	}

	.resahl-page .resahl-card h3 {
		margin: 2.5rem 0 1.5rem;
	}

	.resahl-page .resahl-product-grid,
	.resahl-page .resahl-youtube-grid,
	.resahl-page .iikawa-profile,
	.resahl-page .iikawa-youtube,
	.resahl-page .resahl-botCommon .mainArea {
		display: block;
	}

	.resahl-page .resahl-product-grid .resahl-media,
	.resahl-page .resahl-youtube-grid .resahl-media,
	.resahl-page .iikawa-youtube .resahl-media,
	.resahl-page .iikawa-profile__media,
	.resahl-page .resahl-botCommon .imgArea {
		width: auto;
		margin: 0 0 2rem;
	}

	.resahl-page .resahl-subbox {
		padding: 2rem 5% 1.8rem;
		border-radius: 1.6rem;
	}

	.resahl-page .resahl-product-list {
		grid-template-columns: 1fr;
	}

	.resahl-page .resahl-product-list li {
		padding: 1.4rem 1.4rem 1.4rem 3.5rem;
	}

	.resahl-page .resahl-product-list li::before {
		top: 1.8rem;
		left: 1.4rem;
	}

	.resahl-page .resahl-product-name,
	.resahl-page .resahl-product-sep,
	.resahl-page .resahl-product-desc {
		display: inline;
	}

	.resahl-page .resahl-sns-grid,
	.resahl-page .iikawa-sns-grid,
	.resahl-page .iikawa-story-grid,
	.resahl-page .iikawa-achievement-grid {
		grid-template-columns: 1fr;
		gap: 1.5rem;
	}

	.resahl-page .resahl-sns-card:nth-child(3),
	.resahl-page .iikawa-sns-card:nth-child(3) {
		grid-column: auto;
	}

	.resahl-page .resahl-sns-card,
	.resahl-page .iikawa-sns-card {
		padding: 2rem 5% 1.8rem;
		border-radius: 1.4rem;
	}

	.resahl-page .resahl-sns-card h3 {
		font-size: 1.8rem;
	}

	.resahl-page .resahl-sns-card .btn-link a,
	.resahl-page .iikawa-sns-card .btn-link a {
		padding-right: 4.2rem;
	}

	.resahl-page .resahl-sns-card .btn-link a::after,
	.resahl-page .iikawa-sns-card .btn-link a::after {
		top: calc(50% - 2.4rem);
		width: 4.8rem;
		height: 4.8rem;
	}

	.resahl-page .resahl-note-link {
		padding: 1.8rem 5%;
	}

	.resahl-page .resahl-company-meta {
		margin: 2rem 0 1.5rem;
	}

	.resahl-page .resahl-company-meta__row {
		display: block;
	}

	.resahl-page .resahl-company-meta dt,
	.resahl-page .resahl-company-meta dd {
		width: auto;
		padding: 1.2rem 1.4rem;
	}

	.resahl-page .iikawa-profile__media::before {
		width: 14rem;
		height: 14rem;
		top: 1.5rem;
		left: -1rem;
	}

	.resahl-page .iikawa-profile__title {
		font-size: 2.4rem;
	}

	.resahl-page .iikawa-career-table,
	.resahl-page .iikawa-career-table tbody,
	.resahl-page .iikawa-career-table tr,
	.resahl-page .iikawa-career-table th,
	.resahl-page .iikawa-career-table td {
		display: block;
		width: 100%;
	}

	.resahl-page .iikawa-career-table {
		margin-top: 2rem;
	}

	.resahl-page .iikawa-career-table th {
		border-bottom: none;
	}

	.resahl-page .resahl-botCommon {
		padding-top: 5rem;
	}

	.resahl-page .resahl-botCommon .areaInner2 {
		padding: 3rem 5% 2rem;
	}

	.resahl-page .resahl-botCommon .imgArea {
		padding: 1rem 0 0;
	}

	.resahl-page .resahl-botCommon .imgArea::before {
		left: 2rem;
		width: 14rem;
		height: 14rem;
	}

	.resahl-page .resahl-botCommon .imgArea .flame {
		width: 13rem;
		margin: 0 auto 1.5rem;
	}

	.resahl-page .resahl-botCommon .txtArea {
		width: auto;
		padding: 0;
	}

	.resahl-page .resahl-botCommon .headArea .sttl {
		font-size: 2rem;
	}	
	
	
}