.-x-richtext ul, .-x-richtext ol {
	list-style-position: inside;
}
[data-legal]{
	position:relative;
	--legal-offset-h:attr(data-legal-offset-h px);
	--legal-offset-v:attr(data-legal-offset-v px);
}
[data-legal][data-legal-safe="1"]::after{
	position: absolute;
	opacity: 0.5;
	color: black;
	content: "墨";
	font-size: 16px;
	display: block;
	height: 24px;
	padding-top: 0px;
	background-image: url(/_lib/lc.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	padding-left: 50px;
	background-position: left top;
}
[data-legal][data-legal-safe="1"]:hover::after {
    position: absolute;
    opacity: 0.5;
    color: black;
    content: attr(data-legal-check-at);
    white-space:nowrap;
    font-size: 11px;
    display: block;
    height: 24px;
    background-image: url(/_lib/lc.png);
    background-size: auto 20px;
    background-repeat: no-repeat;
    padding-top: 15px;
    padding-left: 0px;
    background-position: left top;
}

[data-legal-position="left-top"]::after{
	left:var(--legal-offset-h);
	top:var(--legal-offset-v);
}
[data-legal-position="left-bottom"]::after{
	left:var(--legal-offset-h);
	bottom:var(--legal-offset-v);
}
[data-legal-position="right-top"]::after{
	right:var(--legal-offset-h);
	top:var(--legal-offset-v);
}
[data-legal-position="right-bottom"]::after{
	right:var(--legal-offset-h);
	bottom:var(--legal-offset-v);
}
/*common_css*/
/*widget:bb9c0390-45da-4909-9110-cdc95d75b7c6*/
/*widget:ba8df8fe-3514-419c-968c-403f3b14828d*/
/*widget:e0c55e7b-5fee-4700-9fad-ca12ba6b4e55*/
/*widget:0ad7d7ca-a62d-4b8a-85ed-8477141280d1*/
/*widget:3cfcd636-35a2-4d22-a363-26f13a5c3ed3*/
/*widget:1a59b70a-4db8-446c-a071-992ab57a8faf*/
/*instance:315*/[data-instance="315"]{background-image:url(/_img/ja/cms/315/bg_img/1300_400_2_000000/?1785942367);}/*widget:96233a41-7540-41ef-acc5-c3a604d07142*/
/*widget:37d17bfd-ad5d-4e7b-a548-7470aa3f2a5c*/
/*widget:b0c13f73-74e4-47d4-a91e-4ae25d793900*/
/*widget:aa5a79c4-1cd5-493c-82dc-861814419bf9*/
@media screen and (max-width: 768px){}/*widget:ea1d1a1d-0c1c-4136-aff9-066f938ae232*/
/*widget:1f3b2aa8-2121-40c2-965d-a5c1efc8c675*/
/*layout:1*//*layout:2*/@charset "utf-8";
/* CSS Document */
/* -------------------------------------
Browser：Edge over
-------------------------------------
01: 共通
02: テンプレート
03: ヘッダー＆フッター
04: ページ
-------------------------------------*/

/** ==============================================
01.共通
============================================== **/
/* -------------------------------------
アニメーション
-------------------------------------*/
.fade {
	opacity: 0;
	transform: translateY(50px);
	transition: opacity 300ms ease, transform 800ms ease;
}
.fade {
	opacity: 0;
	transform: translateY(80px);
	transition: opacity 900ms ease, transform 700ms ease;
}
.fade.fade-in {
	opacity: 1;
	transform: translateY(0);
}
@media screen and (max-width: 520px) {
	.fade {
		transition: opacity 500ms ease, transform 500ms ease;
	}
}
/* -------------------------------------
tel
-------------------------------------*/
a[href^="tel:"]{
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: var(--webf);
	line-height: 1.0;
}
a[href^="tel:"] i{
	margin-right: 6px;
	font-size: 0.8em;
}
a[href^="tel:"] i img{
	vertical-align: middle;
}

/* -------------------------------------
time
-------------------------------------*/
time{
	font-size: 0.9rem;
}

@media screen and (max-width: 520px) {
	time{
		font-size: 0.8rem;
	}
}

/* -------------------------------------
cat
-------------------------------------*/
.cat{
	min-width: 9em;
	padding: 6px 0;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	line-height: 1;
	background: var(--gray);
}

@media screen and (max-width: 520px) {
	.cat{
		font-size: 0.8em;
	}
}

/* -------------------------------------
service-tags
-------------------------------------*/
.service-tags{
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
}
.service-tags>*{
	min-width: 9em;
	padding: 0 14px 2px;
	font-size: 0.9em;
	color: #fff;
	text-align: center;
	line-height: 30px;
	background: var(--main-color);
}

/* リンクあり */
.service-tags:has( a) {
	gap:10px;
	justify-content: center;
}
.service-tags a {
	display: block;
	padding: 4px 2.4em;
	position: relative;
	transition: var(--transition);
}.service-tags a:hover {
	background: var(--gray);
}
.service-tags a.current {
	background: var(--gray);
}
.service-tags a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: "\e5cc";
    font-family: 'Material Icons';
}

@media screen and (max-width: 520px) {
	/* service-tags */
	.service-tags>*{
		font-size: 0.7em;
		line-height: 26px;
	}

	/* リンクあり */
	.service-tags:has( a) {
		justify-content: flex-start;
	}
	.service-tags a {
		min-width: 12em;
		padding: 0 1.8em;
		line-height: 32px;
	}
	.service-tags a::after {
		right: 5px;
	}
}

/* -------------------------------------
bdr
-------------------------------------*/
/* .bdr{
	border: 6px solid var(--orange);
}

@media screen and (max-width: 520px) {
	.bdr{
		border-width: 4px;
	}
} */


/* -------------------------------------
check-list
-------------------------------------*/
.check-list li{
	display: flex;
	align-items: flex-start;
	margin-bottom: 6px;
	font-size: 1.1em;
	color: var(--purple);
	font-weight: var(--fw-b);
	border-bottom: 10px solid var(--purple_l);
}
.check-list li::before{
	content:"\e5ca";
	font-family:'Material Icons';
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1;
	color: var(--purple);
	margin-right: 0.5em;
	flex-shrink: 0;
}

@media screen and (max-width: 520px) {
	.check-list li{
		margin-bottom: 4px;
		font-size: 1.0em;
		border-bottom-width: 2px;
	}
}


/** ==============================================
02.テンプレート
============================================== **/
/* -------------------------------------
news-list
-------------------------------------*/
.news-list{
	--gap:40px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
.news-list li{
	width: calc(50% - calc(var(--gap)/2));
}
.news-list li a{
	display: flex;
	align-items: flex-start;
}
.news-list li figure{
	width: 180px;
	margin-right: 20px;
}
.news-list li .content{
	flex:1;
	display: flex;
	flex-wrap: wrap;
}
.news-list li .content time{
	margin-left: 1em;
}
.news-list li .content p{
	width: 100%;
}
.news-list li .content p strong{
	display: block;
	margin: 0.5em 0;
	font-weight: var(--fw-b);
}

@media screen and (max-width: 520px) {
	/* -------------------------------------
	news-list
	-------------------------------------*/
	.news-list{
		--gap:24px;
	}
	.news-list li{
		width: 100%;
	}
	.news-list li figure{
		width: 90px;
		margin-right: 14px;
	}
	.news-list li .content p{
		font-size: 0.9em;
	}
	.news-list li .content p strong{
		margin-bottom: 0.2em;
		line-height: 1.4;
	}
}


/**==============================================
03: ヘッダー
==============================================**/
header {
	width: 100%;
	z-index: 1000;
	position: fixed;
	transition: .3s all;
	background: #fff;
}
header .logo{
	width: 450px;
	margin-left: 2%;
	transition: var(--transition);
}
header .logo h1{
	margin: 0.4em 0;
	color: var(--gray);
	font-size: 12px;
}
header .logo a img{
	max-width: 100%;
	width: 244px;
	transition: var(--transition);
}
header nav {
	margin-top: 26px;
}
header nav .h-logo_sp{
	display: none;
}
header nav .menu1{
	width: 50vw;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
}
header nav .menu1 p {
	margin: 0 20px 0 10px;
}
header nav .menu1 .h-sns{
	display: flex;
	margin-top: 6px;
}
header nav .menu1 .h-sns a{
	--size:40px;
	width: var(--size);
	height: var(--size);
	display: grid;
	place-items: center;
	margin-right: 10px;
	color: #fff;
	font-size: 1.1rem;
	font-weight: var(--fw-b);
	background: var(--main-color);
	border-radius: 50%;
}header nav .menu1 .h-sns a:hover{
	opacity: var(--opacity);
}
header nav .menu1 p span{
	display: block;
	margin-top: 4px;
	font-size: 12px;
	line-height: 1.5;
}
header nav .menu1 .h-btn-wrapper{
	display: flex;
	flex-flow: column;
}
header nav .menu1 .h-btn-wrapper a{
	width: 14vw;
	padding: 20px 0;
	color: #fff;
	font-weight: var(--fw-b);
	text-align: center;
	line-height: 1.4;
	background: var(--main-color);
	transition: var(--transition);
}header nav .menu1 .h-btn-wrapper a:hover{
	color: #fff;
	background: var(--red);
}
header nav .menu1 .h-btn-wrapper a i{
    margin-right: 6px;
    font-size: 1.1em;
	transform: translateY(1px);
}

header nav ul.menu2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header nav ul.menu2 li {
	position: relative;
	white-space: nowrap;
}
header nav ul.menu2 li a{
	flex: 1;
	display: block;
	padding: 16px 10px;
	font-weight: var(--fw-b);
	line-height: 1.0;
	text-align: center;
	transition: var(--transition);
}
header nav ul.menu2 li a:hover{
	color: var(--red);
}
header nav ul.menu2 li.has_child p {
	padding: 10px;
	font-weight: var(--fw-b);
}
header nav ul.menu2 li.has_child p::after {
	content: '\e5cf';
	margin-left: 5px;
	padding: 10px;
	font-family: 'Material Icons';
	line-height: 1;
}
header nav ul.menu2 li.has_child ul {
	flex-flow: column;
	position: absolute;
	top: 100%;
	left: -30px;
	padding: 0 30px;
	background: #fff;
	visibility: hidden;
	opacity: 0;
	z-index: 2;
	transform:scale(1,0.7);
	transform-origin: center top;
	transition: var(--transition);
}
header nav ul.menu2 li.has_child:hover ul,
header nav ul.menu2 li.has_child:active ul {
	transform:scale(1,1);
	visibility: visible;
	opacity: 1;
}
header nav ul.menu2 li.has_child li {
	border-bottom: solid 1px var(--bg-gray);
}
header nav ul.menu2 li.has_child li:last-child {
	border-bottom: none;
}
header nav ul.menu2 li.has_child li a {
	text-align: left;
}

/* スクロール後 */
header.scroll{
}
header.scroll .logo{
	width: 14%;
	padding-top: 4px;
}
header.scroll .logo h1{
	display: none;
}
header.scroll .logo a img{
	width: 150px;
}
header.scroll nav{
	margin-top: 10px;
}
header.scroll nav .menu1{
	width: 80%;
}
header.scroll nav .menu1 .h-sns a{
	--size:30px;
	font-size: 1em;
}
header.scroll nav .menu1 p {
	display: flex;
	flex-flow: row;
	margin-top: 6px;
}
header.scroll nav .menu1 p span{
	margin: 0 0 0 1.5em;
}
header.scroll nav .menu1 .h-btn-wrapper a{
	width: 16vw;
	padding: 10px 0;
	font-size: 0.9em;
}
header.scroll nav ul.menu2 li a{
	padding-bottom: 18px;
	font-size: 0.9em;
}
.h-sp-fix{
	display: none;
}

/* @media screen and (max-width: 1024px) {
	header nav ul.menu2 li.has_child:hover ul{
		transform:scale(1,0.7);
		visibility: hidden;
		opacity: 0;
	}
} */

@media screen and (max-width: 979px){
	header .logo{
		width: min(calc(100% - 180px),50%);
		height: 60px;
		padding: 10px 20px 10px 0;
		display: grid;
		place-content: center left;
	}
	header .logo h1{
		display: none;
	}
	header .logo a {
		display: block;
		width: 100%;
		height: 100%;
	}
	header .logo a img{
		width: 100%;
		height: 100%;
		object-fit: contain;
	}

	/* hamburger */
	header .hamburger {
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1500;
		box-sizing: border-box;
		width: 60px;
		height: 60px;
		font-size: 11px;
		cursor: pointer;
		transition: all 400ms;
		color:#fff;
		background: var(--main-color);
	}
	header .hamburger:after {
		position: absolute;
		right: 0;
		left: 0;
		bottom: 8px;
		margin: 0 auto;
		content: "Menu";
		font-family: var(--webf);
		text-align: center;
		letter-spacing: 1px;
	}
	header.nav-open .hamburger:after {
		color: var(--main-color);
		content: "Close";
		letter-spacing: 0;
	}
	header .hamburger span {
		position: absolute;
		width: 30px;
		height: 2px;
		background:#fff;
		transition: all 400ms;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	header .hamburger span:nth-child(1) {
		top: 15px;
	}
	header .hamburger span:nth-child(2) {
		top: 23px;
	}
	header .hamburger span:nth-child(3) {
		top: 31px;
	}
	header.nav-open .hamburger {
		background: none;
	}
	header.nav-open .hamburger span {
		background: var(--main-color);
	}
	header.nav-open .hamburger span:nth-child(1) {
		top: 20px;
		transform: rotate(45deg);
	}
	header.nav-open .hamburger span:nth-child(2) {
		display: none;
	}
	header.nav-open .hamburger span:nth-child(3) {
		top: 20px;
		transform: rotate(-45deg);
	}
	/* nav */
	header nav{
		height: 100vh;
		overflow-y: scroll;
		position: fixed;
		top: 0px;
		right: -320px;
		width: 320px !important;
		transition: var(--transition);
		z-index: 1499;
		height: 100%;
		margin: 0;
		padding: 0 0 40px;
		background: #fff;
	}
	header.nav-open nav{
		box-shadow: 0px 0 10px -4px #333;
	}
	header nav .h-logo_sp{
		display: block;
		width: 180px;
		padding: 10px 5% 26px;
	}
    header nav .menu1{
		width: 100%;
        position: static;
		flex-flow: column-reverse;
        text-align: center;
    }

	header nav .menu1 .h-sns{
		margin-top: 30px;
	}
	header nav .menu1 .h-sns a{
		--size:40px;
		margin: 0 6px;
	}

	header nav .menu1 p {
		margin: 20px auto 0;
	}
	header nav .menu1 p a{
		margin-bottom: 6px;
		font-size: min(6vw, 26px);
	}
	header nav .menu1 p span{
		font-size: 14px;
	}
	header nav .menu1 .h-btn-wrapper {
		width: 100%;
		align-items: center;
		margin-top: 30px;
	}
	header nav .menu1 .h-btn-wrapper a{
		width: 80%;
	}
	header nav ul.menu2{
		display: flex;
		flex-wrap: wrap;
		font-size: 15px;
		gap: 2px;
	}
	header nav ul.menu2 li {
		width:100%;
	}
	header nav ul.menu2 li a,
	header nav ul.menu2 li.has_child p{
		padding: 18px 8%;
		line-height: 1.4;
		text-align-last: left;
		border-bottom: 2px solid #fff;
		background: var(--bg-gray);
	}
	header nav ul.menu2 li a {
		height: 100%;
	}
	header nav ul.menu2 li.has_child li a {
		padding-left: 11%;
		font-size: 0.9em;
	}
	header nav ul.menu2 li.has_child li a::before{
		content: "-";
		margin-right: 0.5em;
	}
	header nav ul.menu2 li.has_child p::after {
		display: none;
	}
	header nav ul.menu2 li.has_child ul {
		position: relative;
		left: auto;
		top: auto;
		padding: 0;
		border: none;
		visibility: visible;
		/*JSで制御するため一旦表示*/
		opacity: 1;
		/*JSで制御するため一旦表示*/
		transform: scale(1,1);
	}
	header nav ul.menu2 li.has_child li {
		border-bottom: none;
	}

	/* h-sp-fix */
	.h-sp-fix{
		--size:60px;
		position: fixed;
		right: 66px;
		top: 0;
		display: flex;
		justify-content: flex-end;
	}
	.h-sp-fix a{
		width: 50px;
		height: var(--size);
		display: grid;
		place-items: center;
	}
	.h-sp-fix a i{
		font-size: 1.5em;
	}
}



/**==============================================
お問い合わせ aside
・・・枚方紫峰霊園　https://hirakatashihoureien.296.works/
==============================================**/
.asd-contact{
    color: #fff;
	text-align: center;
}
.asd-contact::before{
	background: #c8c8c8;
}

@media screen and (max-width: 520px) {
	.asd-contact a[href^="tel:"]{
		margin-bottom: 6px;
		font-size: 30px;
	}
	.asd-contact .mail-btn{
		margin-top: 20px;
	}
}


/**==============================================
お問い合わせ aside2
・・・枚方紫峰霊園　https://hirakatashihoureien.296.works/tomb/
==============================================**/
.asd-contact2{
	text-align: center;
}
.asd-contact2::before{
	background: #fff;
	mix-blend-mode: screen;
	opacity: .2;
}
.asd-contact2>div{
	padding: 20px;
	background: rgba(255,255,255,.8);
}
.asd-contact2 .mail-btn a{
	border-color: var(--main-color);
}

@media screen and (max-width: 520px) {
	.asd-contact2>div{
		width: 90%;
	}
	.asd-contact2 a[href^="tel:"]{
		margin-bottom: 6px;
		font-size: 30px;
	}
	.asd-contact2 .mail-btn{
		margin-top: 20px;
	}
}



/**==============================================
03: フッター
==============================================**/
footer {
	padding: 100px 0 50px;
}
footer .sec-in{
    display: flex;
	flex-wrap: wrap;
}
footer .sec-in address{
	width: 44%;
}
footer .sec-in address .f-logo{
	display: inline-block;
	margin-bottom: 30px;
}
footer .sec-in address .f-logo img{
    width: 300px;
}
footer .sec-in address a[href^="tel:"]{
	justify-content: flex-start;
}
footer .sec-in address>p:first-of-type{
	max-width: 20em;
}
footer address .btn-toi{
	border-color: var(--gray);
}

footer .nav-wrapper {
	width: 56%;
	display: flex;
	flex-flow: column;
}
/*nav*/
footer nav ul {
	column-count: 2;
	column-gap: 120px;
}
footer nav ul li{
	break-inside: avoid;/*ブロックの途中で改行させない*/
	margin-bottom: 8px;
}
footer nav ul li:nth-child(-n+3){
	width: 320px;
}
footer nav ul li:nth-child(n+4){
	width: 200px;
}
footer nav ul li a,
footer nav ul li .sub-head {
	display: block;
	padding: 0 10px 6px;
}footer nav ul li a:hover{
    color: var(--red);
}
footer nav ul li .sub-nav a{
	margin-left: 0.5em;
}
footer nav ul li .sub-nav a::before{
	content: "-";
	margin-right: 0.2em;
}

/* インスタグラム */
.insta{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	margin-top: auto;
	font-family: var(--webf);
}
.insta h3 {
	display: flex;
	align-items: center;
	margin: 20px;
}
.insta h3 i{
	margin-right: 10px;
	padding: 10px;
	font-size: 1.1rem;
	color: #fff;
	background: var(--main-color);
	border-radius: 50%;
}
.insta img{
	max-width: 100%;
}

/** コピーライト **/
.copyright {
	text-align: center;
}
.copyright small{
    display: block;
    width:100%;
    font-size:12px;
    line-height: 1.0;
}

@media screen and (max-width: 520px){
	footer {
		padding: 50px 0 30px;
	}
	footer .sec-in{
		margin-bottom: 30px;
	}
	footer .sec-in address{
		width: 100%;
		margin-bottom: 40px;
		order: 2;
	}
	footer .sec-in address .f-logo img{
		width: 180px;
	}
	footer .sec-in address p{
		font-size: 0.85em;
		line-height: 2.0;
	}
	footer .nav-wrapper {
		display: contents;
	}

	/*nav*/
	footer nav {
		order: 3;
		width: 100vw;
		margin-left: -6vw;
		margin-right: -6vw;
		padding: 30px 6vw;
		background: var(--bg-gray);
	}
	footer nav ul {
		column-gap: 20px;
	}
	footer nav ul li{
		margin-bottom: 10px;
		font-size: 14px;
	}
	footer nav ul li:nth-child(-n+3){
		width: auto;
	}
	footer nav ul li:nth-child(n+4){
		width: auto;
	}

	/* インスタグラム */
	.insta{
		margin: 0 auto 50px;
		order: 1;
	}
	.insta h3 {
		margin: 0 20px 20px 10px;
		font-size: 26px;
	}

	/** コピーライト **/

    /*sp-fix*/
    .sp-fix{
        width: 100vw;
        display: flex;
        position: fixed;
        left: 0;
        bottom: 0;
        box-shadow: 0 -1px 5px rgba(0,0,0,.3);
        z-index: 900;
    }
    .sp-fix a{
        display: block;
        line-height: 46px;
        width: 50%;
        font-size: 15px;
        text-align: center;
        background: var(--main-color);
    }
	.sp-fix a img{
		width: 20px;
		margin-right: 6px;
		vertical-align: middle;
	}
    .sp-fix a:last-child{
        background: #000;
/*        border-left: 1px solid #fff;*/
    }
}


/**==============================================
TOPページ
==============================================**/
/* -------------------------------------
HERO
-------------------------------------*/
.hero{
	width: 100vw;
	height: max(48vw, 610px);
	font-weight: var(--fw-b);
	line-height: 1.4;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.hero .circle-list{
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.hero .circle-list li{
	--size:12vw;
	width: var(--size);
	height: var(--size);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: -6px;
	font-size: 10px;
	color: #fff;
	font-weight: var(--fw-b);
	background: rgba(76,73,72,.3);
	border: 2px solid #fff;
	border-radius: 50%;
}
/* アニメーション */
.hero .circle-list li:nth-child(2){transition-delay: 0.3s;}
.hero .circle-list li:nth-child(3){transition-delay: 0.6s;}
.hero .circle-list li:nth-child(4){transition-delay: 0.9s;}

.hero .circle-list li i{
	font-family: var(--webf);
	font-size: calc(1em + 1vw);
}
.hero-pic{
	width: 350px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-64%);
}
.hero .catch{
	position: absolute;
	left: 5%;
	bottom: 8%;
}
.hero .catch strong{
	display: block;
	margin-bottom: 10px;
}

@media screen and (max-width: 520px) {
	.hero{
		height: max(48vw, 610px);
		height: 140vw;
	}
	.hero .circle-list{
		flex-wrap: wrap;
		align-items: center;
		width: 90%;
		top: 0%;
		transform: translate(-50%, 10vw);
	}
	.hero .circle-list li{
		--size:36vw;
		font-size: 12px;
	}
	.hero .circle-list li i{
		font-size: 1.5em;
	}
	.hero-pic{
		width: 60%;
		transform: translate(-50%,-85%);
	}
	.hero .catch{
		width: 85%;
		bottom: 6%;
	}
}

/* -------------------------------------
top-バナー
-------------------------------------*/
.top-bnr{
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}
.top-bnr a{
	display: block;
}
.top-bnr a img{
	width: 100%;
}

/* -------------------------------------
top-アワード受賞
-------------------------------------*/
.award{
	display: flex;
	justify-content: center;
	align-items: center;
}
.award i{
	margin: 15px 3% 0 0;
}
ul.award-list li{
	padding: 20px 0;
	border-bottom: var(--border);
}
ul.award-list li a{
	display: flex;
}
ul.award-list li a p{
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-right: 8%;
	font-size: 1.1em;
}
ul.award-list li a figure{
	width: 198px;
}

@media screen and (max-width: 520px) {
	.award{
		flex-wrap:wrap;
	}
	.award i{
		margin:0 0 20px;
	}
	ul.award-list li a p{
		margin-right: 6%;
		font-size: 0.9em;
		font-weight: var(--fw-b);
	}
	ul.award-list li a p .more >*{
		padding-top: 5px;
	}
	ul.award-list li a figure{
		width: 130px;
		margin-top: 8px;
	}
}

/* -------------------------------------
top-選ばれる５つの理由
-------------------------------------*/
.top-reasons {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.top-reasons .top-reason-items{
	height: 480px;
	margin-bottom: 30px;
	counter-increment : num 1;
	position: relative;
}
.top-reasons .top-reason-items figure{
	width: 100%;
	height: 100%;
}
.top-reasons .top-reason-items figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top-reasons .top-reason-items div.content{
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 45%;
	height: 100%;
	padding: 4%;
	color: #fff;
	background: rgba(0,0,0,.4);
	backdrop-filter: blur(3px);
	position: absolute;
	right: 0;
	bottom: 0;
}
.top-reasons .top-reason-items div.content h3{
	display: flex;
	font-weight: var(--fw-b);
}
.top-reasons .top-reason-items div.content h3:before{
	content: "0" counter(num) ".";
	margin-right: 0.5em;
}
.top-reasons .top-reason-items div.content p{
	line-height: 2;
}

@media screen and (max-width: 520px) {
	.top-reasons .top-reason-items{
		height: 440px;
		margin-bottom: 14px;
	}
	.top-reasons .top-reason-items div.content{
		width: 100%;
		height: auto;
		padding: 6%;
	}
	.top-reasons .top-reason-items div.content h3{
		margin-bottom: 12px;
	}
	.top-reasons .top-reason-items div.content p{
		font-size: 0.9em;
		line-height: 1.6;
	}
}

/* -------------------------------------
top-事業内容
-------------------------------------*/
.top-services .top-service-items{
	display: flex;
}
.top-services .top-service-items figure{
	width: 54%;
	height: 700px;
}
.top-services .top-service-items figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top-services .top-service-items:hover .scale img{
	transform: scale(1.1);
}
.top-services .top-service-items .content{
	flex: 1;
	display: flex;
	flex-flow: column;
	padding: 50px 10% 60px 4%;
}
.top-services .top-service-items .content h3 {
	width: 11em;
	font-weight: var(--fw-b);
	line-height: 1.4;
}
.top-services .top-service-items .content h3 i{
	display: block;
	font-family: var(--webf);
	font-size: 0.4em;
	color: var(--red);
}

.service-cl{
	border-top: 1px dotted var(--main-color);
}
.service-cl>*{
	padding: 10px 8px 12px;
	font-size: 0.9em;
	font-weight: var(--fw-b);
	text-align: left;
	line-height: 1.5;
	border-bottom: 1px dotted var(--main-color);
}

/* top-service-issues */
.top-service-issues::before{
	content: "このような課題でお困りではありませんか？";
	display: block;
	margin-bottom: 1em;
	font-size: 1.3em;
	font-weight: var(--fw-b);
}
.top-service-issues li{
	display: flex;
	margin-bottom: 0.4em;
}
.top-service-issues li::before{
	content: "・";
	margin-right: 0.2em;
}
.top-services .top-service-items .content .btn {
	margin-top: auto;
}

@media screen and (max-width: 520px) {
	.top-services .top-service-items{
		flex-flow: column;
	}
	.top-services .top-service-items figure{
		width: 100%;
		height: 70vw;
	}
	.top-services .top-service-items .content{
		padding: 20px 6% 70px;
	}
	.top-services .top-service-items .content h3 {
		font-size: 7vw;
	}

	/* top-service-issues */
	.top-service-issues::before{
		font-size: 1.0em;
	}
	.top-service-issues li{
		margin-bottom: 0.6em;
		font-size: 0.9em;
		line-height: 1.5;
	}

	.top-services .top-service-items .content .btn {
		margin-top: 30px;
	}
}

/* -------------------------------------
top-お問い合わせ
-------------------------------------*/
.sec-top-contact{
	padding: 100px 0;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.sec-top-contact .content{
	width: 50%;
}
.sec-top-contact .content p {
	width: 70%;
	margin-bottom: 50px;
}
.sec-top-contact .content p strong{
	display: block;
	margin-bottom: 10px;
	font-weight: var(--fw-b);
	line-height: 1.5;
}
.sec-top-contact .content .top-cntct-links{
	display: flex;
	align-items: center;
}
.sec-top-contact .content .top-cntct-links .tel-wrapper a{
	margin-bottom: 4px;
	font-size: 1.8em;
}
.sec-top-contact .content .top-cntct-links .tel-wrapper span{
	font-size: 0.7em;
}
.sec-top-contact .content .top-cntct-links .btn-toi{
	margin-left: 30px;
}.sec-top-contact .content .top-cntct-links .btn-toi:hover{
	background: rgba(255,255,255,.2);
}

@media screen and (max-width: 520px) {
	.sec-top-contact{
		padding: 60px 0 30px;
	}
	.sec-top-contact .content{
		width: 100%;
	}
	.sec-top-contact .content p {
		width: 90%;
		margin-bottom: 40px;
		margin-bottom: 160px;
	}
	.sec-top-contact .content .top-cntct-links{
		flex-flow: column;
		align-items: flex-start;
	}
	.sec-top-contact .content .top-cntct-links .tel-wrapper a{
		font-size: 2em;
	}
	.sec-top-contact .content .top-cntct-links .tel-wrapper span{
		font-size: 0.8em;
	}
	.sec-top-contact .content .top-cntct-links .btn-toi{
		margin: 30px 0 0;
	}
}

/* -------------------------------------
top-事業実績・導入企業様の声
-------------------------------------*/
/* voice-list */
.voice-list{
	--gap:40px;
	display: flex;
	flex-wrap: wrap;
	gap: 80px var(--gap) ;/* 縦 横 */
}
.voice-list li{
	width: calc(50% - calc( var(--gap) / 2 ));
}
.voice-list li figure{
	position: relative;
}
.voice-list li figure figcaption{
	padding: 8px 22px;
	font-family: var(--webf);
	font-size: 1.3em;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
}
/* 色分け */
.voice-list li figure figcaption[data-type="Interview"]{
	color: #fff;
	background: var(--green);
}
.voice-list li figure figcaption[data-type="Message"]{
	color: var(--green);
	background: #fff;
}

.voice-list li .content{
	padding: 14px;
}
.voice-list li .content>*{
	margin-bottom: 20px;
}
.voice-list li .content h3{
	font-weight: var(--fw-b);
}
.voice-list li .content .service-tags>*{
	font-size: 0.8em;
	background: var(--gray);
}

@media screen and (max-width: 520px) {
	/* voice-list */
	.voice-list{
		gap: 20px var(--gap) ;/* 縦 横 */
	}
	.voice-list li{
		width: 100%;
	}
	.voice-list li figure figcaption{
		font-size: 1.1em;
	}

	.voice-list li .content{
		padding: 14px 2px;
	}
	.voice-list li .content>*{
		margin-bottom: 12px;
	}
	.voice-list li .content h3{
		font-weight: var(--fw-b);
	}
	.voice-list li .content .service-tags>*{
		font-size: 0.8em;
		background: var(--gray);
	}
}

/* -------------------------------------
top-運営温浴施設紹介
-------------------------------------*/
.top-groups{
	--gap:30px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
.top-groups li{
	width: calc(100%/3 - calc(var(--gap)*2/3));
	height: 200px;
	display: grid;
	place-items: center;
	background: #fff;
}
/* アニメーション */
.top-groups li:nth-child(3n-1){transition-delay: 0.2s;}
.top-groups li:nth-child(3n){transition-delay: 0.4s;}
.top-groups li figure{
	width: 100%;
	height: 100%;
}
.top-groups li a{
	width: 100%;
	height: 100%;
	padding: 40px;
	overflow: auto;
}
.top-groups li img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width: 520px) {
	.top-groups{
		--gap:10px;
	}
	.top-groups li{
		height: 20vw;
	}
	.top-groups li a{
		padding: 14px;
	}
	/* アニメーション */
	.top-groups li:nth-child(3n-1){transition-delay: 0s;}
	.top-groups li:nth-child(3n){transition-delay: 0s;}
}

/* -------------------------------------
top-お知らせ・ブログ
-------------------------------------*/

/* -------------------------------------
top-メッセージ
-------------------------------------*/
.sec-top-message .content{
	width: 60%;
	position: relative;
	z-index: 2;
	padding: 50px;
}
.sec-top-message .content::before{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(255,255,255,.3);
	backdrop-filter: blur(3px);
}
.sec-top-message .content>*{
	position: relative;
	z-index: 2;
}
.sec-top-message .content h3{
	margin-bottom: 30px;
	font-weight: var(--fw-b);
	--edge:1px;
	--blur:15px;
	--edge-color:rgba(255,255,255,.2);
	text-shadow:
    	var(--edge)   var(--edge)  var(--blur) var(--edge-color) ,
    	calc(var(--edge)  * -1)  var(--edge)  var(--blur) var(--edge-color) ,
       var(--edge)  calc(var(--edge)  * -1) var(--blur) var(--edge-color) ,
    	calc(var(--edge)  * -1) calc(var(--edge)  * -1) var(--blur) var(--edge-color) ,
    	var(--edge)   0px var(--blur) var(--edge-color) ,
    	0px  var(--edge)  var(--blur) var(--edge-color) ,
    	calc(var(--edge)  * -1)  0px var(--blur) var(--edge-color) ,
    	0px calc(var(--edge)  * -1) var(--blur) var(--edge-color) ;
}
.sec-top-message .content .btn:hover{
	background: rgba(255,255,255,.3);
}

@media screen and (max-width: 520px) {
	.sec-top-message .content{
		width: 100%;
		padding: 30px;
		background: rgba(255,255,255,.1);
		backdrop-filter: blur(3px);
	}
	.sec-top-message .content h3{
		margin-bottom: 20px;
		font-size: 4.8vw;
		--edge:1px;
		--blur:15px;
		--edge-color:rgba(255,255,255,.2);
	}
}


/**==============================================
会社概要
==============================================**/
/* -------------------------------------
アクセス
-------------------------------------*/
.sec-access p span{
	display: block;
	font-weight: var(--fw-b);
}
.access-offiece{
	--gap:30px;
	display: flex;
	gap:var(--gap)
}
.access-offiece>*{
	width: calc(50% - calc(var(--gap)/2));
	height: 450px;
}

@media screen and (max-width: 520px) {
	.access-offiece{
		--gap:20px;
		flex-flow: column;
		align-items: center;
	}
	.access-offiece>*{
		width: 90%;
		height: auto;
	}
	.access-offiece figure img{
		aspect-ratio: 4/4;
		object-position: center bottom;
	}
}

/* -------------------------------------
会社沿革
-------------------------------------*/
.history{
	--padding:0.8rem;
	display: flex;
}
.history p.hs-year{
	width: 5em;
	padding:  var(--padding) 0;
	font-weight: var(--fw-b);
	line-height: 1.6;
}
.history dl{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.history dl>*{
	padding: var(--padding) 0;
}
.history dl dt{
	width: 3.8em;
	font-weight: var(--fw-b);
	position: relative;
}
.history dl dt::before{
	content: "";
	display: block;
	width: 2px;
	height: 100%;
	position: absolute;
	top: 2em;
	right: -2px;
	background:#ddd;
	transform: translate(50%, 0 );
}
.history dl dt::after{
	content: "●";
	font-size: 0.9em;
	line-height: 1;
	position: absolute;
	top: 1em;
	right: 0;
	transform: translate(calc(50% + 2px), 10%);
}
.history dl dd{
	width: calc(100% - 6em);
	padding-left: 2.4em;
}

@media screen and (max-width: 520px) {
	.history p.hs-year{
		width: 3.5em;
		font-size: 0.9em;
	}
	.history dl dt{
		width: 3.2em;
		font-size: 0.9em;
	}
	.history dl dt::before{
		top: 2em;
		right: -2px;
	}
	.history dl dt::after{
		font-size: 1.0em;
		transform: translate(calc(50% + 2px), 10%);
	}
	.history dl dd{
		width: calc(100% - 3.4em);
		padding-left: 2em;
		font-size: 0.9em;
	}
}


/**==============================================
【製品1】スパキレーネG1
==============================================**/
/* -------------------------------------
困った
-------------------------------------*/
.spa-worry-list {
	--gap:30px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
.spa-worry-list li{
	width: calc(100%/3 - calc(var(--gap)*2/3));
	height: 200px;
	display: grid;
	place-items: center;
	padding: 40px;
	font-weight: var(--fw-b);
	text-align: center;
	background: rgba(255,255,255,.5);
	backdrop-filter: blur(5px);
	border-radius: 30px;
}
/* アニメーション */
.spa-worry-list li:nth-child(3n-1){transition-delay: 0.2s;}
.spa-worry-list li:nth-child(3n){transition-delay: 0.4s;}

.sec-kirene-worry .pic{
	width: calc(100% + 40px);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-left: -20px;
	margin-top: -130px;
	transition-delay: 1.0s;/* アニメーション */
}
.sec-kirene-worry .pic figure{
	width: 180px;
}
.sec-kirene-worry .pic figure:last-child{
	width: 170px;
}

@media screen and (max-width: 520px) {
	.spa-worry-list {
		--gap:20px;
		justify-content: center;
	}
	.spa-worry-list li{
		width: fit-content;
		height: auto;
		padding: 20px;
		font-size: 0.8em;
		border-radius: 20px;
	}
	.spa-worry-list li:last-child{
		padding-bottom: 24px;
	}

	.sec-kirene-worry .pic{
		width: 100%;
		justify-content: center;
		gap: 0 20px;
		margin-left: 0px;
		margin-top: -20px;
	}
	.sec-kirene-worry .pic figure{
		width: 100px;
	}
	.sec-kirene-worry .pic figure:last-child{
		width: 90px;
	}
}

/* -------------------------------------
特長
-------------------------------------*/
.sec-kirene-about::before{
	content: "";
    display: block;
    width: 120px;
    height: 40px;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
    background: var(--green);
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
}

/* kirene-bfaf */
.kirene-bfaf{
	display: flex;
	justify-content: center;
	gap:50px;
	position: relative;
}
.kirene-bfaf::before{
	content: "▶";
	color: var(--green);
	font-size: 2em;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.kirene-bfaf figure{
	position: relative;
}
.kirene-bfaf figure::after{
	padding: 8px 22px;
	font-family: var(--webf);
	font-size: 1.3em;
	line-height: 1;
	position: absolute;
	left: 0;
	top: 0;
}
.kirene-bfaf figure.bf::after{
	content: "Before";
	color: var(--green);
	background: #fff;
}
.kirene-bfaf figure.af::after{
	content: "After";
	color: #fff;
	background: var(--green);
}

@media screen and (max-width: 520px) {
	.sec-kirene-about::before{
		width: 80px;
		height: 30px;
		top: 20px;
	}

	/* kirene-bfaf */
	.kirene-bfaf{
		gap:30px;
	}
	.kirene-bfaf::before{
		font-size: 1em;
	}
	.kirene-bfaf figure{
		position: relative;
	}
	.kirene-bfaf figure::after{
		padding: 6px 22px;
		font-size: 0.9em;
	}
	.kirene-bfaf figure.bf::after{
		content: "Before";
		color: var(--green);
		background: #fff;
	}
	.kirene-bfaf figure.af::after{
		content: "After";
		color: #fff;
		background: var(--green);
	}
}

/* -------------------------------------
特長
-------------------------------------*/
.feature-note{
    padding: 20px;
	font-weight: var(--fw-b);
    background: #fff;
    border: 1px dotted var(--gray);
}


/* -------------------------------------
使い方のご紹介
-------------------------------------*/
.howto-list li{
	display: flex;
	flex-flow: row-reverse;
	gap:50px;
	margin-bottom: 20px;
	counter-increment : num 1;
	position: relative;
}
.howto-list li::before{
	content: "STEP" counter(num) ;
	margin-right: 0.5em;
	padding: 4px 1em;
	color: #fff;
	background: var(--color);
	border: var(--border);
	position: absolute;
	left: 0;
	top: 0;
}
.howto-list li .text{
	flex: 1;
	margin: 50px 0 0 2.5em;
	padding: 0 0 10px 26px;
	border-left: var(--border);
}
.howto-list li .richtext p strong{
	display: block;
	margin-top: 10px;
	font-size: 0.9em;
	color: var(--red);
}
.howto-list li figure{
	width: 200px;
	margin-top: 20px;
}
.howto-note{
	padding: 40px;
	font-weight: var(--fw-b);
	border: var(--border);
}
.howto-note >p{
	margin-bottom: 10px;
}
.howto-note .richtext p{
	margin-bottom: 4px;
}

@media screen and (max-width: 520px) {
	.howto-list li{
		gap:20px;
		flex-flow: column-reverse;
		padding-bottom: 30px;
		font-size: 0.9em;
	}
	.howto-list li::before{
		margin-right: 0.5em;
		padding: 4px 1em;
		z-index: 2;
	}
	.howto-list li::after{
		content: "";
		display: block;
		width: 1px;
		height: 92%;
		border-left: var(--border);
		position: absolute;
		top: 30px;
		left: 20px;
	}
	.howto-list li .text{
		margin: 0;
		padding: 50px 0 0 50px;
		border-left: none;
	}
	.howto-list li figure{
		margin: 0 0 0 50px;
	}
	.howto-note{
		padding: 26px;
	}
	.howto-note >p{
		font-size: 0.9em;
	}
	.howto-note .richtext p{
		font-size: 0.9em;
	}
}


/* -------------------------------------
サンプル
-------------------------------------*/
/* kirene-info */
.kirene-info{
	--gap:60px;
	display: flex;
	gap:var(--gap);
	padding: 30px;
	background: #fff;
}
.kirene-info .txt{
	flex:1;
	font-weight: var(--fw-b);
}
.kirene-info figure{
	width: 240px;
}

/* sample-note */
.sample-note{
	padding: 40px;
	font-weight: var(--fw-b);
	border: var(--border);
}

/* sample-btn-wrapper */
.sample-btn-wrapper{
	display: flex;
	align-items: center;
	gap: 50px;
}
.sample-btn-wrapper .text{
	flex: 1;
}
.sample-btn-wrapper .btn-toi{
	width: fit-content;
	padding: 0 40px;
	color: #fff;
	background: var(--gray);
	border-color: var(--gray);
}.sample-btn-wrapper .btn-toi:hover{
	color: var(--color);
	background: var(--bg-gray);
}
.sample-btn-wrapper figure{
	width: 230px;
}


@media screen and (max-width: 520px) {
	/* kirene-info */
	.kirene-info{
		--gap:30px;
		flex-flow: column-reverse;
		align-items: center;
	}
	.kirene-info .txt{
		flex:1;
	}
	.kirene-info figure{
		width: 70%;
	}

	/* sample-note */
	.sample-note{
		padding: 26px;
	}

		/* sample-btn-wrapper */
	.sample-btn-wrapper{
		flex-direction: column;
		gap: 10px;
	}
	.sample-btn-wrapper .text{
		display: contents;
	}
	.sample-btn-wrapper .text p.fz28{
		margin-bottom: 10px;
		font-size: min(4.5vw, 24px);
		text-align: center;
		order: 1;
	}
	.sample-btn-wrapper .btn-toi{
		margin-right: auto;
		margin-left: auto;
		padding: 0 30px;
		order: 3;
	}
	.sample-btn-wrapper figure{
		width: 70%;
		order: 2;
	}
}

/* -------------------------------------
商品情報
-------------------------------------*/
.kirene-seller dl{
	display: flex;
}
.kirene-seller dl dt{
	width: 300px;
	margin-right: 2em;
	font-weight: var(--fw-b);
}
.kirene-seller dl dd{
	line-height: 2.0;
}

@media screen and (max-width: 520px) {
	.kirene-seller {
		padding: 0 4%;
	}
	.kirene-seller dl{
		flex-flow: column;
		margin-bottom: 30px;
	}
	.kirene-seller dl dt{
		width: 100%;
	}
}


/**==============================================
【製品2】飲食事業部
==============================================**/
/* -------------------------------------
お食事処鶴亀
ＤＩＮＩＮＧ楓
-------------------------------------*/
.restaurant-head{
	display: flex;
	align-items: center;
	gap: 30px;
}
.restaurant-head figure{
	width: 180px;
	display: grid;
	place-items: center;
}
.restaurant-head .content{
	flex:1;
}

/* restaurant-grid */
.restaurant-grid-wrapper{
	--gap:10px;
	display: flex;
	flex-flow: column;
	gap: var(--gap);
}
.restaurant-grid{
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	grid-template-rows: 50% 50%;
	gap: var(--gap);
	height: 500px;
}
.restaurant-grid img{
	object-fit: cover;
	width: 100%;
	height: 100%;
}
.restaurant-grid img:first-child{
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 3;
}

/* てれこ */
.restaurant-grid:nth-child(even) {
	direction: rtl;
}

@media screen and (max-width: 520px) {
	.restaurant-grid{
		grid-template-columns: 50% 50%;
		grid-template-rows: 33.3% 33.3% 33.3%;
		height: 110vw;
	}
	.restaurant-grid img:first-child{
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 1;
		grid-row-end: 3;
	}

	/* てれこ */
	.restaurant-grid:nth-child(even) {
		direction: rtl;
	}
}




/* restaurant-gallery */
.restaurant-gallery{
	--gap:14px;
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}
.restaurant-gallery >*{
	width: calc((100% - var(--gap)*2) /3);
}
.restaurant-gallery figure span{
	display: block;
	width: 100%;
	aspect-ratio: 3/2;
	overflow: hidden;
}
.restaurant-gallery figure figcaption{
	padding: 8px 0 14px;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.3;
}
.restaurant-gallery.clm4 >*{
	width: calc((100% - var(--gap)*3) /4);
}

@media screen and (max-width: 520px) {
	.restaurant-head{
		flex-flow: column;
		gap: 20px;
	}
	.restaurant-head figure{
		width: 120px;
	}

	/* restaurant-gallery */
	.restaurant-gallery{
		--gap:10px;
	}
	.restaurant-gallery >*{
		width: calc((100% - var(--gap)*1) /2);
	}
	.restaurant-gallery figure figcaption{
		padding: 8px 0 10px;
		font-size: 0.8em;
	}
	.restaurant-gallery.clm4 >*{
		width: calc((100% - var(--gap)*2) /3);
	}
}

/* -------------------------------------
レストランと連携したイベントの開催
-------------------------------------*/
.restEvent{
	display: flex;
	flex-flow: column;
	gap: 40px;
}
.restEvent figure{
	display: flex;
	align-items: flex-end;
	gap: 50px;
}

@media screen and (max-width: 520px) {
	.restEvent{
		gap: 20px;
	}
	.restEvent figure{
		width: 100%;
	}
}


/**==============================================
事業実績一覧
==============================================**/
.st-wrapper .service-tags-wrapper{
	padding: 40px;
	background: var(--bg-gray);
}
.customer-list {
	display: flex;
	flex-flow: column;
	gap: 80px;
}
.customer-list .content{
	display: flex;
	flex-flow: column;
	gap: 10px;
}
.customer-list .titB em{
	font-size: 0.6em;
}
.customer-list .titB span{
	display: block;
}
.customer-list .richtext{
	padding-right: 4%;
}

.customer-voice{
	display: flex;
	background: var(--bg-gray);
	position: relative;
}
.customer-voice figure{
	width: 48%;
	position: relative;
}
.customer-voice figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.customer-voice .text{
	flex: 1;
	display: flex;
	flex-flow: column;
	gap: 10px;
	padding: 30px 40px 20px;
}
.customer-voice .text i{
	width: 100%;
    padding: 8px 22px;
    font-family: var(--webf);
    font-size: 1.3em;
	color: #fff;
    line-height: 1;
    background: var(--green);
	/* position: absolute;
	left: 0;
	top: 0; */
}
.customer-voice .text .more{
	margin: auto 0 0 auto;
}
.customer-voice .text p{
	font-size: 0.9em;
	line-height: 1.8;
}

@media screen and (max-width: 520px) {
	.st-wrapper .service-tags-wrapper{
		padding: 20px;
	}

	.customer-list {
		gap: 50px;
	}
	.customer-list .content{
		gap: 10px;
	}
	.customer-list .titB em{
		font-size: 0.6em;
	}
	.customer-list .richtext{
		padding-right: 0;
	}

	.customer-voice{
		flex-flow: column;
	}
	.customer-voice figure{
		width: 100%;
	}
	.customer-voice .text{
		padding: 24px 24px 10px;
	}
	.customer-voice .text i{
		width: fit-content;
		margin: -58px 0 10px -24px;
		font-size: 1.1em;
		position: relative;
	}
}


/**==============================================
事業実績詳細（企業様の声）
==============================================**/
/* -------------------------------------
企業様情報
-------------------------------------*/
.sec-customer-info .customer-info-head{
	margin-bottom: 50px;
}
.sec-customer-info .customer-info-head figure{
	width: 100%;
	height: 650px;
}
.sec-customer-info .customer-info-head figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.sec-customer-info .customer-info-head .text{
	width: 100%;
	min-height: 170px;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	gap: 16px;
	margin-top: -170px;
	padding: 20px 50px;
	color: #fff;
	background: rgba(0,0,0,.3);
	backdrop-filter: blur(3px);
}
.sec-customer-info .customer-info-head .text h2{
	text-shadow: 0 0 6px var(--main-color);
}
.sec-customer-info .customer-info-head .text .service-tags{
	justify-content: center;
}
.sec-customer-info .customer-info-head .text .service-tags li{
	color: var(--main-color);
	font-weight: var(--fw-b);
	background: #fff;
}

/* customer-info */
.sec-customer-info .customer-info{
	--dt-w:6em;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 20px 30px;
	font-size: 0.9em;
	background: var(--bg-gray);
}
.sec-customer-info .customer-info >*{
	padding: 2px 0;
}
.sec-customer-info .customer-info dt{
	display: flex;
	width: var(--dt-w);
}
.sec-customer-info .customer-info dt::after{
	content: ":";
	margin-left: auto;
}
.sec-customer-info .customer-info dd{
	width: calc(100% - var(--dt-w));
	padding-left: 1em;
}
.sec-customer-info .customer-info dd a{
	border-bottom: 1px dotted var(--color);
}

/* -------------------------------------
企業様インタビュー
-------------------------------------*/
/* voice-head */
.voice-head{
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 30px;
	margin-bottom: 50px;
}
.voice-head figure{
	width: 100%;
	height: 600px;
}

/* voice-main */
.voice-main{
	display: flex;
	flex-flow: column;
	gap: 80px;
}
.voice-main .voice-content {
	counter-increment : num 1;
}
.voice-main .voice-content .voice-img{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap:20px;
	padding: 0 20px ;
}
.voice-main .voice-content .voice-img figure{
	width: 100%;
	max-width: 700px;
	height: 420px;
	text-align: center;
}
.voice-main .voice-content .voice-img figure img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.voice-main .voice-content .que{
	display: flex;
	align-items: center;
	gap: 0.5em;
	padding-bottom: 4px;
	font-weight: var(--fw-b);
	line-height: 1.4;
	border-bottom: 1px solid var(--green);
}
.voice-main .voice-content .que::before{
	content: "Q" counter(num) ".";
	font-family: var(--webf);
	color: var(--green);
	font-size: 1.5em;
	vertical-align: baseline;
}
.voice-main .voice-content .ans{
	padding: 0 10px;
}

@media screen and (max-width: 520px) {
	.sec-customer-info .customer-info-head{
		margin-bottom: 30px;
	}
	.sec-customer-info .customer-info-head figure{
		height: 40vh;
	}
	.sec-customer-info .customer-info-head .text{
		width: 88%;
		min-height: auto;
		gap: 14px;
		margin: -60px auto 0;
		padding: 20px 5%;
		background: rgba(0,0,0,.7);
	}
	.sec-customer-info .customer-info-head .text h2 i{
		font-size: 4.5vw;
	}
	.sec-customer-info .customer-info-head .text .service-tags{
		justify-content: flex-start;
	}

	/* customer-info */
	.sec-customer-info .customer-info{
		padding: 14px 20px;
		font-size: 0.8em;
	}
	/* voice-head */
	.voice-head{
		gap: 20px;
		margin-bottom: 30px;
	}
	.voice-head figure{
		height: auto;
	}

	/* voice-main */
	.voice-main{
		gap: 50px;
	}
	.voice-main .voice-content .voice-img{
		flex-flow: column;
		gap:10px;
		padding: 0 10px ;
	}
	.voice-main .voice-content .voice-img figure{
		height: auto;
	}
	.voice-main .voice-content .que{
		padding-bottom: 10px;
	}
	.voice-main .voice-content .que::before{
		font-size: 1.8em;
	}
	.voice-main .voice-content .ans{
		padding: 0 0 0 4px;
	}
}


/**==============================================
【事業紹介①】開業・設計施工サポート
==============================================**/

/* -------------------------------------
困った
-------------------------------------*/
.support-worry-list {
	--gap:30px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: var(--gap);
}
.support-worry-list li{
	width: calc(100%/3 - calc(var(--gap)*2/3));
	height: 150px;
	display: grid;
	place-items: center;
	padding: 20px 40px;
	font-weight: var(--fw-b);
	text-align: center;
	background: rgba(255,255,255,.4);
	backdrop-filter: blur(7px);
	border-radius: 30px;
}
/* アニメーション */
.support-worry-list li:nth-child(3n-1){transition-delay: 0.2s;}
.support-worry-list li:nth-child(3n){transition-delay: 0.4s;}

.sec-support-worry .pic{
	width: calc(100% + 40px);
	display: flex;
	justify-content: supportce-between;
	align-items: flex-end;
	margin-left: -20px;
	margin-top: -130px;
	transition-delay: 1.0s;/* アニメーション */
}
.sec-support-worry .pic figure{
	width: 180px;
}
.sec-support-worry .pic figure:last-child{
	width: 170px;
}

@media screen and (max-width: 520px) {
	.support-worry-list {
		--gap:20px;
	}
	.support-worry-list li{
		width: fit-content;
		height: auto;
		padding: 20px;
		font-size: 0.8em;
		border-radius: 20px;
	}
	.support-worry-list li:last-child{
		padding-bottom: 24px;
	}

	.sec-support-worry .pic{
		width: 100%;
		justify-content: center;
		gap: 0 20px;
		margin-left: 0px;
		margin-top: -20px;
	}
	.sec-support-worry .pic figure{
		width: 100px;
	}
	.sec-support-worry .pic figure:last-child{
		width: 90px;
	}
}

/* -------------------------------------
コンサルティング例
-------------------------------------*/
.consulting-ex-wrapper{
	display: flex;
	flex-flow: column;
	gap: 100px;
}
.consulting-ex{
	display: flex;
	flex-flow: column;
	gap: 20px;
	counter-increment : num 1;
}
.consulting-ex h3{
	display: flex;
	align-items: center;
	gap: 0.7em;
	border-bottom: 1px solid var(--color);
}
.consulting-ex h3::before{
	content: "0" counter(num);
	display: grid;
	place-items: center;
	padding: 16px 1em;
	font-family: var(--webf);
	color: #fff;
	line-height: 1;
	background: var(--main-color);
}
/* cnsl-problem */
.cnsl-problem{
	display: flex;
	margin-bottom: 10px;
	padding: 20px;
	background: #fff;
	border: 1px dotted var(--gray);
	position: relative;
}
.cnsl-problem dt{
	width: 5em;
	font-weight: var(--fw-b);
}
.cnsl-problem dt::before{
	content: "■";
	padding-right: 0.2em;
}
.cnsl-problem dd{
	line-height: 1.8;
}
.cnsl-problem::after{
	content: "";
	display: block;
	width: 60px;
	height: 24px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background: var(--red);
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%,6px);
}

/* consul-list */
.consul-list{
	background: #fff;
	border: var(--border);
}
.consul-list li{
	display: flex;
	counter-increment : num2 1;
}
.consul-list li+li{
	border-top: 1px dotted var(--gray);
}
.consul-list li::before{
	flex-shrink: 0;
	content: "0" counter(num2);
	width: 3em;
	display: grid;
	place-items: center;
	font-family: var(--webf);
	color: #fff;
	font-size: 1.4em;
	background: var(--gray);
}
.consul-list li>*{
	padding: 0.9em 1.5em;
}
.consul-list li strong{
	display: block;
	font-weight: var(--fw-b);
}

@media screen and (max-width: 520px) {
	.consulting-ex-wrapper{
		gap: 60px;
	}
	.consulting-ex{
		/* gap: 20px; */
	}
	.consulting-ex h3{
		/* gap: 0.7em; */
	}
	.consulting-ex h3::before{
		padding: 24px 1em;
	}
	/* cnsl-problem */
	.cnsl-problem{
		flex-flow: column;
		padding: 12px 18px;
		margin-bottom: 16px;
		font-size: 0.9em;
	}
	.cnsl-problem dd{
		line-height: 1.7;
	}
	.cnsl-problem::after{
		width: 46px;
		height: 18px;
		transform: translate(-50%,8px);
	}
	/* consul-list */
	.consul-list li::before{
		width: 2em;
	}
	.consul-list li>*{
		padding: 0.6em 1em;
		font-size: 0.9em;
	}
}

/* -------------------------------------
４つのファクター
-------------------------------------*/
@media screen and (max-width: 520px) {
	.sec-factor .tit{
		text-align-last: left;
	}
	.sec-factor figure{
		padding: 0 6%;
	}
}

/* -------------------------------------
ご相談の流れ
-------------------------------------*/
@media screen and (max-width: 520px) {
	.sec-flow .howto-list li{
		padding-bottom: 0;
	}
	.sec-flow .howto-list li .text{
		padding-top: 46px;
	}
}


/**==============================================
【事業紹介③】運営サポート／運営受託
==============================================**/
/* -------------------------------------
一括マネジメント
-------------------------------------*/
.our-management{
	display: flex;
	align-items: center;
	gap: 60px;
}
.our-management .txt{
	flex: 1;
}
.our-management figure{
	width: 40%;
}

@media screen and (max-width: 520px) {
	.our-management{
		flex-flow: column;
		gap: 30px;
	}
	.our-management figure{
		width: 90%;
	}
}


/**==============================================
【事業紹介③】機械設備サポート
==============================================**/
/* -------------------------------------
機械設備のトータルサポート＆ソリューション
-------------------------------------*/
.mentenance-content{
	display: flex;
	flex-flow: column;
	gap: 40px;
	font-weight: var(--fw-b);
}
.mentenance-content dl{
	display: flex;
	flex-wrap: wrap;
}
.mentenance-content dl dt{
	width: 100%;
	margin-bottom: 10px;
	border-bottom: 1px dotted var(--gray);
}
.mentenance-content dl dt::before{
	content: "■";
	padding-right: 0.2em;
}
.mentenance-content dl dd{
	padding: 0 0.5em 10px;
}
.mentenance-content dl dd::before{
	content: "・";
}
.sec-eq-solution .consul-list{
	position: relative;
}
.sec-eq-solution .consul-list::after{
	content: "";
	display: block;
	width: 60px;
	height: 24px;
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background: var(--red);
	position: absolute;
	left: 50%;
	top: 100%;
	transform: translate(-50%,14px);
}

@media screen and (max-width: 520px) {
	.mentenance-content dl{
		--gap-lr:10px;
		gap: 0 var(--gap-lr);
	}
	.mentenance-content dl dd{
		width:100%;
	}
	.mentenance-content dl.others dd{
		width: calc((100% - var(--gap-lr)) / 2);
	}
	.sec-eq-solution .consul-list::after{
		width: 46px;
		height: 18px;
		transform: translate(-50%,8px);
	}
}

/* -------------------------------------
浴室の窓ガラスや鏡の清掃にはスパキレーネG1
-------------------------------------*/
.eq-spakirene-logo{
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 520px) {
	.eq-spakirene-logo{
		padding: 0 10%;
	}
}


/**==============================================
運営温浴施設紹介
==============================================**/
/* facility-content */
.facility-content-wrapper{
	display: flex;
	flex-flow: column;
	gap: 100px;
}
.facility-content{
	display: flex;
	flex-flow: row-reverse wrap;
	gap: 0 30px;
}
.facility-content h2{
	width: 100%;
}
.facility-content .facility-main{
	flex: 1;
}
.facility-content .facility-main .facility-info{
	display: flex;
	flex-flow: column;
	align-items: center;
	gap: 14px;
}
.facility-content .facility-main .facility-info .fac-logo{
	width: 220px;
	height: 140px;
	background: #fff;
}
.facility-content .facility-main .facility-info .fac-logo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.facility-content .facility-main .facility-info dl{
	flex: 1;
	--dt-w:5em;
	display: flex;
	flex-wrap: wrap;
	padding: 18px;
	font-size: 0.8em;
	background: var(--bg-gray);
}
.facility-content .facility-main .facility-info dl >*{
	padding: 0.2em 0;
}
.facility-content .facility-main .facility-info dl dt{
	width: var(--dt-w);
}
.facility-content .facility-main .facility-info dl dd{
	width: calc(100% - var(--dt-w));
}
.facility-content .facility-main .facility-info dl dd a{
	border-bottom: 1px dotted var(--gray);
}
.facility-content .facility-visual{
	width: 520px;
}

@media screen and (max-width: 520px) {
	/* facility-content */
	.facility-content-wrapper{
		gap: 50px;
	}
	.facility-content{
		flex-flow: column;
		gap: 0;
	}
	.facility-content .facility-main{
		flex: 1;
		margin-bottom: 10px;
	}
	.facility-content .facility-main .facility-info{
		flex-flow: row;
		align-items: flex-start;
		gap: 20px;
		padding: 18px 10px;
		background: var(--bg-gray);
	}
	.facility-content .facility-main .facility-info .fac-logo{
		width: 90px;
		height: 80px;
		padding: 10px;
	}
	.facility-content .facility-main .facility-info dl{
		--dt-w:4em;
		padding: 0;
	}
	.facility-content .facility-main .facility-info dl >*{
		padding: 0.2em 0;
	}
	.facility-content .facility-main .facility-info dl dd a{
		border-bottom: 1px dotted var(--gray);
		overflow-wrap:break-word;
	}
	.facility-content .facility-visual{
		width: 100%;
	}
}

/* -------------------------------------
★スライド
-------------------------------------*/
.thumbslide-wrapper{
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 50px;
}
.thumbslide{
	--width:520px;
	width: var(--width);
}

@media screen and (max-width: 520px) {
	.thumbslide-wrapper{
		flex-flow: column;
		gap: 30px;
	}
	.thumbslide{
		--width:100%;
	}
}

/** サムネ付きスライド
-------------------------------------**/
/* slide */
.slide-main {
	margin-bottom: 10px;
	overflow: hidden;
}
.slide-main .item {
	width: var(--width);
}
.slide-main .item img {
	width: 100%;
	aspect-ratio: 768/512;
	object-fit: cover;
}

/* サムネイル */
.slide-navigation .slick-track {
	margin-left: 0;
	transform: unset !important; /*サムネをスライドさせない */
}
.slide-navigation .item {
	padding: 4px;
	cursor: pointer;
	opacity: .5;
}
.slide-navigation .item.slick-current{
	opacity: 1.0;
}

/**ページネーション**/
.thumbslide .slick-prev {
	left: 10px;
	z-index: 2;
}
.thumbslide .slick-next {
	right: 14px;
}
.thumbslide .slick-prev::before,
.thumbslide .slick-next::before {
	font-size: 26px;
}

@media screen and (max-width: 520px) {
	/** サムネ付きスライド
	-------------------------------------**/
	/* slide */
	.slide-main .item {
		--width: 90vw;
	}
	.pharmacy-info{
		width: 100%;
		padding: 0;
	}
	/* サムネイル */
	.slide-navigation .item{
		padding: 2px;
	}
}


/**==============================================
採用情報
==============================================**/
/* -------------------------------------
rec-mv
-------------------------------------*/
.rec-mv{
	position: relative;
}
.rec-mv p{
	--edge:1px;
	--blur:8px;
	--edge-color:rgba(30,30,30,.1);
	width: 100%;
	font-size: calc(20px + 2.5vw);
	color: #fff;
	letter-spacing: 1px;
	text-shadow:
    	var(--edge)   var(--edge)  var(--blur) var(--edge-color) ,
    	calc(var(--edge)  * -1)  var(--edge)  var(--blur) var(--edge-color) ,
       var(--edge)  calc(var(--edge)  * -1) var(--blur) var(--edge-color) ,
    	calc(var(--edge)  * -1) calc(var(--edge)  * -1) var(--blur) var(--edge-color) ,
    	var(--edge)   0px var(--blur) var(--edge-color) ,
    	0px  var(--edge)  var(--blur) var(--edge-color) ,
    	calc(var(--edge)  * -1)  0px var(--blur) var(--edge-color) ,
    	0px calc(var(--edge)  * -1) var(--blur) var(--edge-color) ;
	position: absolute;
	left: 50%;
	top: 20px;
	transform: translateX(-50%);
}
.rec-mv-img{
	width: 100%;
	/* height: 760px; */
}
.rec-mv-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
.rec-message{
  text-align: center;
}

/* rec-wanted */
.rec-wanted{
	width: fit-content;
	display: flex;
	flex-flow: column;
	gap: 12px;
	margin-left: auto;
	margin-right: auto;
	padding: 40px 60px;
	border: 1px solid var(--gray);
}
.rec-wanted li{
	display: flex;
	gap: 0.6em;
	font-weight: var(--fw-b);
	line-height: 1.5;
}
.rec-wanted li svg{
	--size: 24px;
	flex-shrink: 0;
	width: var(--size);
	height: var(--size);
	fill: var(--gray);
}

@media screen and (max-width: 520px) {
	.rec-mv-img{
		/* height: 70vw; */
	}
	.rec-mv p{
		font-size: calc(2px + 4vw);
		top: 2px;
	}
	.rec-message{
		padding: 0 2vw;
		text-align: left;
	}
	/* rec-wanted */
	.rec-wanted{
		width: 96%;
		gap: 12px;
		padding: 22px;
	}
	.rec-wanted li{
		font-size: 0.9em;
		line-height: 1.7;
	}
	.rec-wanted li svg{
		margin-top: 6px;
	}
}


/* -------------------------------------
rec-summary
-------------------------------------*/
#recruit .owlet-form .tableA{
	border: 1px solid var(--gray);
}
#recruit .owlet-form .tableA + .tableA{
	margin-top: 30px;
}
#recruit .owlet-form .tableA th{
	border-right: 1px dotted var(--gray);
}
#recruit .owlet-form .tableA td strong{
	font-weight: var(--fw-b);
}
#recruit .owlet-form .more>*{
	font-size: 0.8rem;
}


/**==============================================
50周年記念事業
==============================================**/
/* -------------------------------------
tit-anniv
-------------------------------------*/
.tit-anniv img{
	width: 100%;
}
/* -------------------------------------
sec-anniv01
-------------------------------------*/
.anniv-logo-wrap{
	display: grid;
	grid-template-columns: 1fr;
	justify-items: center;
	gap: 50px;
	margin-bottom: 30px;
}
.anniv-logo-wrap figure{
	width: 180px;
}
.anniv-logo-wrap img{
	width: 100%;
}

.sec-anniv01 .richtext{
	font-weight: var(--fw-b);
	text-align: center;
	line-height: 2.2;
}
.sec-anniv01 figure{
	text-align: center;
}

@media (max-width: 520px) {
	.anniv-logo-wrap{
		gap: 30px;
		margin-bottom: 20px;
	}
	.anniv-logo-wrap figure{
		width: 40%;
	}

	.sec-anniv01 .richtext{
		width: 96%;
		margin: 0 auto;
		font-size: 15px;
		text-align: left;
		line-height: 1.8;
	}
}

/* -------------------------------------
sec-anniv02
-------------------------------------*/
.sec-anniv02 figure.sec2-mv{
	text-align: center;
}
.sec-anniv02 figure.sec2-mv img{
	max-width: 800px;
}
/* anniv-origin */
.anniv-origin{
	width: 88%;
	gap:150px;
}
.anniv-origin figure{
	width: 8%;
	text-align: center;
	flex-shrink: 0;
}

/* anniv-pj-start */
.anniv-pj-start li {
	display: grid;
	grid-template-columns: 48% auto;
	gap:50px;
}
.anniv-pj-start li p{
	flex: 1;
}
.anniv-pj-start li p strong{
	display: block;
	margin: 0 0 5px;
	font-size: 1.1em;
	font-weight: var(--fw-b);
}

@media (max-width: 520px) {
	.sec-anniv02 figure.sec2-mv img{
		max-width: 100%;
	}

	/* anniv-origin */
	.anniv-origin{
		width: 100%;
		margin: 0 auto;
		flex-direction: column-reverse;
		align-items: center;
		gap:30px;
	}
	.anniv-origin figure{
		width: 20%;
	}

	/* anniv-pj-start */
	.anniv-pj-start li{
		grid-template-columns: 1fr;
		gap: 30px;
	}
}

/* -------------------------------------
sec-anniv03
-------------------------------------*/
.sec-anniv03 .howto-list li figure{
	width: 300px;
}

@media (max-width: 520px) {
	.sec-anniv03 .howto-list li figure{
		width: 80%;
	}
}

/* -------------------------------------
sec-anniv04
-------------------------------------*/
.beer-mv img{
	width: 100%;
}
.anniv-beer{
	padding: 40px;
	border: var(--border);
}
.anniv-beer .tit span{
	font-size: 0.7em;
}
.anniv-beer .tit span:first-of-type::after{
	content: "/";
	padding: 0 10px 0 5px;
	font-size: 1.4em;
}
.anniv-beer .beer-release{
	width: fit-content;
	margin: 0 auto 20px;
	padding: 0 1em;
	color: #fff;
	font-weight: var(--fw-b);
	text-align: center;
	line-height: 35px;
	background: var(--red);
}
.beer-info dt{
	font-weight: var(--fw-b);
	line-height: 1.5;
}
.beer-info dt span{
	display: inline-block;
}
.beer-info dt::before{
	content: "■";
}
.beer-info dt span{
	font-size: 0.85em;
}

@media (max-width: 520px) {
	.anniv-beer{
		padding: 26px;
	}
	.anniv-beer .tit span{
		font-size: 0.7em;
	}
	.anniv-beer .tit span:first-of-type::after{
		display: none;
	}
	.anniv-beer .beer-release{
		margin: 15px auto 25px;
		font-size: 0.9em;
	}
	.beer-info{
		gap: 20px;
	}
}

/* -------------------------------------
anniv-insta
-------------------------------------*/
.anniv-insta {
	text-align: center;
}
.anniv-insta >*{
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
.anniv-insta .insta{
	display: flex;
	justify-content: center;
	gap: 10px;
	font-weight: var(--fw-b);
}

@media (max-width: 520px) {
	.anniv-insta .insta{
		margin: 0 auto;
		gap:0;
	}
	.anniv-insta .insta h3{
		margin-bottom:15px
	}
	.anniv-insta .insta+p{
		font-size: 0.9em;
	}
}/*layout:3*//*layout:7*/