@charset "utf-8";

@media(max-width:768px){
	.visible {
	}
}




/* ////////////////////////////////////////////////////////////

main target: (PC)1920px × 1080px / (SP)390px × 844px

main breakpoint: max-width:1080px・max-width:767px
secondary breakpoint: max-width:375px


基本wrapper: 1160px

/////////////////////////////////////////////////////////////*/


* {
	/* outline: 2px solid magenta; */
}




/* ////////////////////////////////////////////////////////////

■■カスタムプロパティ（CSS変数）コーナー■■
必要に応じて指定・活用

/////////////////////////////////////////////////////////////*/

:root {

	/* 基本フォント設定 */
	--font-black: #231815; /* ■ 黒色基本 ■ */

	--font-min: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; /* ■ 明朝フォント ■ */

	--font-jp: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif; /* ■ ゴシックフォント ■ */

	--font-en: 'Cinzel', serif; /* ■ 英語フォント ■ */

	--h-and-f-background: #231815; /* ■ フッターなど背景色 ■ */
	/* --h-and-f-background: #333333; */ /* ■ フッターなど背景色 ■ */
	
	--h-and-f-font-col: #fff; /* ■ フッターなどフォントカラー ■ */


}
/* ▲▲ カスタムプロパティ ここまで ▲▲ */



/* ////////////////////////////////////////////////////////////

ローディングアニメーション

/////////////////////////////////////////////////////////////*/


	/* ローディング画面の背景 */
	.loading {
		position: fixed;
		width: 100vw;
		height: 100vh;
		top: 0px;
		left: 0px;
		background: #fff;
		z-index: 9999;
	}



	.loading-box {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		-webkit-animation: loadinganimation 1500ms ease-out forwards infinite;
		animation: loadinganimation 1500ms ease-out forwards infinite;
	}

	@media(max-width:767px){
		.loading-box {
			top: 45%;
		}
	}

	@keyframes loadinganimation {
		from,to {
	opacity: 0;
		}
		50% {
	opacity: .5;
		}
	}






/* ////////////////////////////////////////////////////////////

p設定

/////////////////////////////////////////////////////////////*/

	#container p,
	#header p,
	#footer p {
		font-size: .9rem;
		font-weight: 500;
		color: #231815;
		letter-spacing: .05em;
		line-height: 1.6;
		text-align: justify;
		margin: 1.5em 0 1em;
		font-feature-settings: "palt";
	}

	@media(max-width:767px){
		#container p,
		#header p,
		#footer p {
			font-size: .9rem;
			text-align: left;
		}
	}

	@media(max-width:375px){
		#container p,
		#header p,
		#footer p {
			font-size: .8rem;
			text-align: left;
		}
	}


	/* css_browser_selector */
	.mac #container p,
	.mac #header p,
	.mac #footer p {
	}




/* ////////////////////////////////////////////////////////////

h1

/////////////////////////////////////////////////////////////*/


	h1 {
		display: block;
		position: relative;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: .1em;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		h1 {
		}
	}

	@media(max-width:767px){
		h1 {
		}
	}



/* ////////////////////////////////////////////////////////////

h2

/////////////////////////////////////////////////////////////*/


	h2 {
		display: block;
		position: relative;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: .05em;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		h2 {
		}
	}

	@media(max-width:767px){
		h2 {
		}
	}



/* ////////////////////////////////////////////////////////////

h3

/////////////////////////////////////////////////////////////*/

	h3 {
		display: block;
		position: relative;
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: .05em;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		h3 {
		}
	}

	@media(max-width:767px){
		h3 {
		}
	}



/* ////////////////////////////////////////////////////////////

h4

/////////////////////////////////////////////////////////////*/

	h4 {
		display: block;
		position: relative;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.5;
		font-feature-settings: "palt";

	}

	@media(max-width:1080px){
		h4 {
		}
	}

	@media(max-width:767px){
		h4 {
		}
	}



/* ////////////////////////////////////////////////////////////

h5

/////////////////////////////////////////////////////////////*/

	h5 {
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		h5 {
		}
	}

	@media(max-width:767px){
		h5 {
		}
	}


/* ////////////////////////////////////////////////////////////

svg

/////////////////////////////////////////////////////////////*/

	svg line,
	svg polyline {
		fill: none;
	}
	.gold_dotted-line {
		stroke: #C9A063;
		stroke-width: 4;
		stroke-linecap: round;
		stroke-dasharray: 1, 10;
		stroke-dashoffset: 15;
	}





/* ////////////////////////////////////////////////////////////

共有wrapper

/////////////////////////////////////////////////////////////*/


	#container .wrapper,
	#footer .wrapper {
		max-width: 1160px;
		margin: 0 auto;
	}

	@media(max-width:1160px) {
		#container .wrapper,
		#footer .wrapper {
			padding: 0 20px;
		}
	}

	@media(max-width:767px) {
		#container .wrapper,
		#footer .wrapper {
			padding: 0 20px;
		}
	}



	.full-wrapper {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}

	@media(max-width:1160px) {
		.full-wrapper {
		}
	}

	@media(max-width:767px) {
		.full-wrapper {
		}
	}



	.cont-wrapper {
		max-width: 1160px;
		padding: 0px 0px;
		margin: 0 auto;
	}

	@media(max-width:1200px) {
		.cont-wrapper {
			padding: 0px 20px;
		}
	}

	@media(max-width:767px) {
		.cont-wrapper {
			padding: 0px 20px;
		}
	}
	




/* ////////////////////////////////////////////////////////////

汎用 ボタン 

/////////////////////////////////////////////////////////////*/


	.std-btn {
		display: inline-block;
		text-align: center;
		font-size: .9rem;
		line-height: 2;
		font-weight: 500;
		color: #fff;
		background: #333;
		/* background: #E85716; */
		border-radius: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: .3s;
		transition: .3s;
		padding: 4px 50px;
	}

	@media(max-width:1080px){
		.std-btn {
			display: inline-block;
			/* width: 80%; */
			font-size: 1rem;
			padding: 5px 50px;
			margin: 0 auto;
		}
	}

	@media(max-width:767px){
		.std-btn {
			font-size: .9rem;
			padding: 4px 50px;
		}
	}

	@media(max-width:375px){
		.std-btn {
			font-size: .8rem;
			padding: 4px 30px;
		}
	}







/* ////////////////////////////////////////////////////////////

共通 メールリンクボタン クリックでボタン形状変化

/////////////////////////////////////////////////////////////*/


	a.std-btn-mail {
		position: relative;
		display: inline-block;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		vertical-align: middle;
		text-decoration: none;
		/* color: #2a2a2a; */
		color: #fff;
		font-size: 1rem;
		font-weight: 600;
		text-align: center;
		line-height: 1.5;
		letter-spacing: 0.1em;
		overflow: hidden;
		border-radius: 0;
		border: 1px solid #EE7743;
		/* background: #fff; */
		background: #EE7743;
		padding: 0.8rem 4rem;
	}

	@media(max-width:767px) {
		a.std-btn-mail {
			display: block;
			color: #fff;
			background: #EE7743;
			border: none;
		}
	}


	a.std-btn-mail span {
		position: relative;
	}


	a.std-btn-mail:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		-webkit-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
		/* background: #0049A0; */
		background: #fff;
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%);
		/* ▽左側少し表示させる場合▽ */
		/* -webkit-transform: translateX(-96%); */
		/* transform: translateX(-96%); */
	}

	@media(max-width:767px) {
		a.std-btn-mail:before {
			-webkit-transition: none;
			transition: none;
			background: #EE7743;
		}
	}


	a.std-btn-mail:hover:before {
		-webkit-transform: translateX(0%);
		transform: translateX(0%);
	}


	a.std-btn-mail:hover {
		/* color: #fff; */
		color: #EE7743;
		border: 1px solid #EE7743;
		-webkit-transition: all .7s ease-in-out;
		transition: all .7s ease-in-out;
	}

	@media(max-width:767px) {
		a.std-btn-mail:hover {
			display: block;
			color: #fff;
			background: #EE7743;
			border: none;
			-webkit-transition: none;
			transition: none;
			border: none;
		}
	}


	a.std-btn-mail span:hover {
		/* color: #fff; */
		color: #EE7743;
		-webkit-transition: all .7s ease-in-out;
		transition: all .7s ease-in-out;
	}

	@media(max-width:767px) {
		a.std-btn-mail span:hover {
			color: #fff;
			-webkit-transition: none;
			transition: none;
		}
	}


	a.std-btn-mail:after {
		position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
		margin: auto;
		width: 25px;
		height: 25px;
		background: url(https://94c4a6.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/mail-icons-wh.png) no-repeat center/contain;
		content: "";
	}

	@media(max-width:767px) {
		a.std-btn-mail:after {
			position: absolute;
			top: 0;
			right: 15px;
			bottom: 0;
			margin: auto;
			width: 25px;
			height: 25px;
			background: url(https://94c4a6.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/mail-icons-wh.png) no-repeat center/contain;
			content: "";
		}
	}


	a.std-btn-mail:hover:after {
		background: url(https://290074.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/mail-icons-ora.png) no-repeat center/contain;
		-webkit-transition: all .7s ease-in-out;
		transition: all .7s ease-in-out;
	}

	@media(max-width:767px) {
		a.std-btn-mail:hover:after {
			background: url(https://94c4a6.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/mail-icons-wh.png) no-repeat center/contain;
			-webkit-transition: none;
			transition: none; 
		}
	}





/* ////////////////////////////////////////////////////////////

header

/////////////////////////////////////////////////////////////*/


/* ////////////////////////////////////////////////////////////

header トップ Gナビバー

/////////////////////////////////////////////////////////////*/

/* トップページ */

	#header .navibar-box {
		/* ■ トップバーの縦サイズ ■ */
		height: 70px;
		/* height: 5%; */
		position: absolute;
		/* position: fixed; */
		bottom: 0;
		z-index: 3;
		width: 100%;
		transition: all .5s;
		/* background: rgba(255,255,255,.8); */
		background: rgba(255,255,255,1);
		/* ▽縦中央▽ */
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
	}

	@media(max-width:1180px){
		#header .navibar-box {
			top: 0;
			padding: 0 20px;
		}
	}

	@media(max-width:767px){
		#header .navibar-box {
			top: 0;
			padding: 0 0;
		}
	}



/* 下層ページ */

	#header .navibar-box {
		height: 80px; /* ■ トップバーの縦サイズ ■ */
		position: fixed;
		top: 0;
		left: 0;
		bottom: auto;
		z-index: 3;
		width: 100%;
		transition: all .5s;
		background: rgba(255,255,255,1);
		border-bottom: solid 2px #ddd;
		transition: .3s ease-in-out;
		/* ▽縦中央▽ */
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
	}

	@media(max-width:1080px){
		#header .navibar-box {

		}
	}

	@media(max-width:767px){
		#header .navibar-box {
			height: 70px;
			border-bottom: solid 2px #ddd;
		}
	}


	/* 左（ロゴ）下層ページでは常時表示！ */
	#header .navibar-box .F_item-topbar-left {
		display: block;
		transition: all .5s;
		/* padding: 0 50px; */
	}

	@media(max-width:1080px) {
		#header .navibar-box .F_item-topbar-left {
			padding: 0 0;
		}
	}

	@media(max-width:767px) {
		#header .navibar-box .F_item-topbar-left {
			padding: 0 0;
		}
	}



	#header .navibar-box .topbar-right-btn {
		height: 80px;
		transition: .3s ease-in-out;
	}



	.FLEX-topbar {
		width: 1160px;
		max-width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: space-between;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: nowrap;
		transition: all .5s;
		padding: 0;
		margin: 0 auto;
		gap: 0 0;
	}

	@media(max-width:1180px) {
		.FLEX-topbar {
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			padding: 0 20px;
		}
	}

	@media(max-width:1080px) {
		.FLEX-topbar {
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			padding: 0 20px;
		}
	}

	@media(max-width:1079px) {
		.FLEX-topbar {
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			padding: 0 10px;
		}
	}


/* 左（ロゴ） */
	.F_item-topbar-left {
		display: none;
		transition: all .5s;
		/* padding: 0 50px; */
	}

	@media(max-width:1180px) {
		.F_item-topbar-left {
			padding: 0 0;
		}
	}

	@media(max-width:767px) {
		.F_item-topbar-left {
			padding: 0 0;
		}
	}


	.topbar-logo {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		transition: all .5s;
	}

	@media(max-width:1180px) {
		.topbar-logo {
		}
	}

	@media(max-width:767px) {
		.topbar-logo {
		}
	}

	@media(max-width:330px) {
		.topbar-logo {
		}
	}


	.topbar-logo img {
		max-height: 30px;
	}

	@media(max-width:1180px) {
		.topbar-logo img {
		}
	}

	@media(max-width:767px) {
		.topbar-logo img {
		}
	}

	@media(max-width:330px) {
		.topbar-logo img {
		}
	}



/* 中（gナビなど） */
	.F_item-topbar-cent {
		transition: all .5s;
		/* background: #fff; */
		/* padding: 0 50px; */
		/* margin: 0 0 0 auto; */
		margin: 0 auto 0;
	}

	@media(max-width:1180px) {
		.F_item-topbar-cent {
		}
	}

	@media(max-width:767px) {
		.F_item-topbar-cent {
		}
	}



/* 右（サブgナビなど） */
	.F_item-topbar-right {
		transition: all .5s;
		border-left: solid 1px #ccc;
		padding-left: 58px;
		/* background: #fff; */
		/* padding: 0 50px; */
		/* margin: 0 auto; */
	}

	@media(max-width:1180px) {
		.F_item-topbar-right {
			display: none;
		}
	}

	@media(max-width:767px) {
		.F_item-topbar-right {
		}
	}



	.topbar-right-btn {
		height: 70px;
		background: #EE7743;
		color: #fff;
		font-weight: 500;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		padding: 10% 40px;
	}

	@media(max-width:1536px) {
		.topbar-right-btn {
		}
	}

	@media(max-width:1080px) {
		.topbar-right-btn {
		}
	}

	@media(max-width:767px) {
		.topbar-right-btn {
		}
	}


	.topbar-right-btn:hover {
		filter: brightness(120%);
		transition: all .5s;
	}


	.topbar-right-btn a {
		color: #fff;
	}


	.topbar-right-btn i {
		padding: .2em 0 0;
	}




/* ////////////////////////////////////////////////////////////

#header G-NAVI内部 メインGナビ

/////////////////////////////////////////////////////////////*/

	nav.gnav {
		padding: 0 0 0 0;
		margin: 0 auto;
	}

	@media(max-width:1180px){
		nav.gnav {
			display: none; /* 1180px以下で非表示(ハンバーガーへ切り替え) */
		}
	}


	nav.gnav ul {
		list-style: none;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		flex-wrap: nowrap;
		color: #000;
		gap: 0 30px;
	}


	nav.gnav li {
	}

	@media(max-width:1280px){
		nav.gnav li {
		}
	}

	nav.gnav li:last-child {
	}



	nav.gnav a,
	nav.gnav a.red {
		position: relative;
		display: inline-block;
		font-family: var(--font-min);
		font-weight: 600;
		font-size: .9rem;
		letter-spacing: .05em;
		padding: 8px 0 12px;
		transition: .3s;
	}

	@media(max-width:1536px) {
		nav.gnav a,
		nav.gnav a.red {
		}
	}



	nav.gnav a.red {
		position: relative;
		display: inline-block;
		/* color: #E50213; */
		/* color: #EE7743; */
		color: #EE7743;
	}

	@media(max-width:1536px) {
		nav.gnav a.red {
		}
	}

	@media(max-width:1080px) {
		nav.gnav a.red {
		}
	}

	@media(max-width:767px){
		nav.gnav a.red {
		}
	}



	nav.gnav a::after,
	nav.gnav a.red::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: '';
		width: 0;
		height: 3px;
		background-color: #E85716; /* 線の色 */
		border-radius: 30px;
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	nav.gnav a:hover::after,
	nav.gnav a.red:hover::after {
		width: 100%;
	}

	nav.gnav a:hover,
	nav.gnav a.red:hover {
		color: #E85716;
		opacity: 1;
	}


	@media(max-width:1080px) {
		body.index .gnav {
			/*display:none;*/
			margin-top: .1em;
		}
	}



/* ////////////////////////////////////////////////////////////

#header G-NAVI内部 サブGナビ

/////////////////////////////////////////////////////////////*/


	nav.sub-gnav {
		padding: 0 0 0 0;
		margin: 0 auto;
	}

	@media(max-width:1080px){
		nav.sub-gnav {
			display: none; /* 1080px以下で非表示(ハンバーガーへ切り替え) */
		}
	}


	nav.sub-gnav ul {
		list-style: none;
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		flex-wrap: nowrap;
		color: #000;
		gap: 0 30px;
	}


	nav.sub-gnav li {
    font-family: var(--font-jp);
    font-weight: 400;
    font-size: .8rem;
	}

	@media(max-width:1280px){
		nav.sub-gnav li {
		}
	}

	nav.sub-gnav li:last-child {
	}



	nav.sub-gnav li span {
		font-family: var(--font-jp);
    font-weight: 500;
    font-size: .8rem;
		margin: 0 8px 0 0;
		/* color: #808080; */
	}




	nav.sub-gnav a {
		position: relative;
		display: inline-block;
		font-family: var(--font-jp);
		font-weight: 500;
		font-size: .8rem;
		padding: 8px 0 8px;
	}

	@media(max-width:1536px) {
		nav.sub-gnav a {
		}
	}



	nav.sub-gnav a::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: '';
		width: 0;
		height: 1px;
		background-color: #004CA2; /* 線の色 */
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	nav.sub-gnav a:hover::after {
		width: 100%;
	}

	nav.sub-gnav a:hover {
		color: #004CA2;
		opacity: 1;
	}


	@media(max-width:1080px) {
		body.index .sub-gnav {
			/*display:none;*/
			margin-top: .1em;
		}
	}



	nav.sub-gnav a.nav-saiyou {
		position: relative;
		display: inline-block;
		font-family: var(--font-jp);
		font-weight: 400;
		font-size: .7rem;
		padding: 8px 5px 8px 0;
	}

	@media(max-width:1536px) {
		nav.sub-gnav a.nav-saiyou {
		}
	}



	nav.sub-gnav a.nav-saiyou::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: '';
		width: 0;
		height: 1px;
		background-color: #004CA2; /* 線の色 */
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	nav.sub-gnav a.nav-saiyou:hover::after {
		width: 100%;
	}

	nav.sub-gnav a.nav-saiyou:hover {
		color: #004CA2;
		opacity: 1;
	}



	@media(max-width:1080px) {
		body.index .sub-gnav {
			/*display:none;*/
			margin-top: .1em;
		}
	}






/* ////////////////////////////////////////////////////////////

#header スマホ・タブレットのみ表示 ハンバーガーメニュー ※JS使わずCSSで動作ver

/////////////////////////////////////////////////////////////*/

	/* PCでは非表示に */
	#header .topber_mb-dis_inl {
		display:none!important;
	}

	/* スマホ・タブレット(メインブレイクポイント以下)では表示 */
	@media screen and (max-width: 1180px) {
		#header .topber_mb-dis_inl {
			display: inline-block!important;
			padding: 0;
			/* 要素丸ごと右寄せ */
			/* margin: 0 0 0 auto; */
		}
	}


	.hm_menu_check {
		display: none; /* チェックボックスを隠す */
	}


	/* 開閉ボタン 位置 */
	.hm_wrap {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		/* position :fixed; */
		width: 40px;
		padding: 10px;
		/* background :#fff; */
	}


	/* 開くボタン デザイン */
	.hm_btn {
		position: relative;
		width: 30px;
		height: 30px;
		cursor: pointer;
		display: block;
		float: left;
		z-index: 2;
	}

	.hm_btn::before {
		-webkit-box-shadow: rgb(217, 217, 217) 0 12px 0; /* ハンバーガメニューアイコン 3本線中真ん中のラインの色 */
		box-shadow: rgb(217, 217, 217) 0 12px 0; /* ハンバーガメニューアイコン 3本線中真ん中のラインの色 */
	}

	.hm_btn::after {
		bottom: 0;
	}

	.hm_btn::before,
	.hm_btn::after {
		width: 30px;
		height: 6px;
		background: rgb(217, 217, 217); /* ハンバーガメニューアイコン 3本線中上下ラインの色 */
		display: block;
		content: '';
		position: absolute;
		-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.2s 0.2s;
		transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
	}


	/* ハンバーガーメニューオープン時の見出し ※使用する場合 */
	.hm_title {
		position: relative;
		color: #999;
		display: inline-block;
		float: left;
		font-size: 2em;
		line-height: 30px;
		margin: 0 0 0 15px;
		opacity: 0;
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0);
		-webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
		transition: transform 0.6s, opacity 0.5s;
		z-index: 2;
	}


	/* ハンバーガーメニューの領域 */
	.hm_nav_wrap {
		width: 100%; /* ■ 全画面表示であれば100% ■ */
		position: absolute;
		left: -100%; /* ■ 閉じた際の動き -100%で完全に画面外に消す ■ */
		/* top: 0; */
		-webkit-transition: left 0.4s;
		transition: left 0.4s;
	}


	/* 開閉時のアニメーション */
	.hm_menu_check:checked ~ .hm_title {
		opacity: 1;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.hm_menu_check:checked ~ .hm_btn::before {
		-webkit-box-shadow: transparent 0 0 0;
		box-shadow: transparent 0 0 0;
		-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
		transform: rotate(45deg) translate3d(6px, 11px, 0);
	}


	.hm_menu_check:checked ~ .hm_btn::after {
		-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
		transform: rotate(-45deg) translate3d(6px, -11px, 0);
	}


	.hm_menu_check:checked ~ .hm_nav_wrap {
		left: 0;
	}


	/* 閉じるボタン デザイン */
	.hm_menu_close {
		position: absolute;
		left: 0%;
		top: 0;
		width: 0;
		height: 0;
		/* background: #000; */
		opacity: 0;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}


	.hm_menu_close label {
		display: block;
		width: 100%;
		height: 100%;
		cursor: pointer;
	}


	.hm_menu_check:checked ~ .hm_menu_close {
		width: 100%;
		height: 10000px;
		opacity: 0.8;
	}


	/* ハンバーガーメニュー内 */
	ul.hm_list {
		list-style-type: none;
		/* ▽ ハンバーガーメニューリストの背景色 ▽ */
		background: #fff5e4;
		/* background: #E60012; */
		/* background: #0049A0; */
		/* ▽ ハンバーガーメニューリストの縦方向サイズ padding top・bottomで指定 ▽ */
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		justify-content: center;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		gap: 15px 15px;
		border-bottom: solid 4px #ddd;
		padding: 660px 0 70px; 
	}

	@media(max-width:375px) {
		ul.hm_list  {
			padding: 590px 0 70px;
		}
	}



	.hm_list li {
		width: 40%;
		background: #E85716;
		border-radius: 1rem;
		padding: 10px 5px;
		margin: 0 0;
	}

	@media(max-width:767px) {
		.hm_list li {
			width: 38%;
		}
	}

	@media(max-width:330px) {
		.hm_list li {
			width: 35%;
		}
	}



	.hm_list li:first-child {
	}


	.hm_list li a {
		display: block;
		position: relative;
		overflow: hidden;
		color: #fff; /* ■ ハンバーガーメニューリストの文字色 ■ */
		padding: .9em 1px; /* ■ ハンバーガーメニューリストの文字間バランス ■ */
		font-size: .8rem; /* ■ ハンバーガーメニューリストの文字サイズ ■ */
		font-weight: 600;
		text-align: center;
		text-decoration: none;
		z-index: 1;
	}

	@media(max-width:375px) {
		.hm_list li a {
			font-size: .7rem;
			padding: 0.9em 1px;
		}
	}



	/* aタグマウスオーバー時の背景 */
	.hm_list li a::before {
		/* background: #eee; */
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 100%;
		left: 0;
		-webkit-transition: bottom 0.4s;
		transition: bottom 0.4s;
		z-index: -1;
	}

	.hm_list li a:hover::before {
		bottom: 0;
	}

	.hm_list li a:hover::after {
		opacity: 0.5;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}


/* ハンバーガーのみ、Gナビにアイコンを表示 */
	figure.hm-link-icon {
		display: none;
	}

	@media(max-width:1180px) {
		figure.hm-link-icon {
			display: block;
			text-align: center;
		}
	}

	@media(max-width:767px) {
		figure.hm-link-icon {
		}
	}


	figure.hm-link-icon img {
		
	}

	@media(max-width:1180px) {
		figure.hm-link-icon img {
			max-width: 90px;
			text-align: center;
			margin: 0 auto 20px;
		}
	}

	@media(max-width:767px) {
		figure.hm-link-icon img {
			max-width: 70px;
			margin: 0 auto 10px;
		}
	}

	@media(max-width:375px) {
		figure.hm-link-icon img {
			max-width: 60px;
			margin: 0 auto 10px;
		}
	}





/* ////////////////////////////////////////////////////////////

#footer

/////////////////////////////////////////////////////////////*/


	#footer .footer-cont {
		position: relative;
		/* max-width: 1600px; */
		/* height: 300px; */ /* ■ フッターバーエリアの縦サイズ ■ */
		margin: 0 auto;
		z-index: 10;
		border-top: 2px solid #EBEBEB;
		background: var(--h-and-f-background);
	}

	@media(max-width:1080px) {
		#footer .footer-cont {
			/* padding: 0 0 0; */
			padding: 0 0 64px; /* 追従バナー高さ分 */
		}
	}

	@media(max-width:767px) {
		#footer .footer-cont {
			/* padding: 0; */
		}
	}



	#footer section.footer-bottom-area {
		/* height: 100%; */
		position: relative;
		z-index: -1;
		padding: 70px 0 70px;
	}

	@media(max-width:1080px) {
		#footer section.footer-bottom-area {
			padding: 50px 0 0;
		}
	}




	/* ////////////////////////////////////////////////////////////

	#footer 内容 lib/footerconts.php内

	/////////////////////////////////////////////////////////////*/




/* ////////////////////////////////////////////////////////////

#footer リンクナビズ

/////////////////////////////////////////////////////////////*/


	section.sec-linknavs {
		position: relative;
		width: 100%;
		/* padding: 60px 0; */
	}

	@media(max-width:1080px){
		section.sec-linknavs {
		}
	}

	@media(max-width:767px){
		section.sec-linknavs {
			padding: 0 0 0;
		}
	}



	.sec-linknavs .FLEX-about-list {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: start;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 auto 0;
		/* gap: 10px 10px; */
	}

	@media(max-width:1080px) {
		.sec-linknavs .sec-05 .FLEX-about-list {
			/* flex-direction: column; */

		}
	}

	@media(max-width:767px) {
		.sec-linknavs .sec-05 .FLEX-about-list {

		}
	}



	.sec-linknavs .F-item-about-list {
		position: relative;
		width: 33.3333%;
		height: 150px;
		text-align: center;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		/* background: #f2f2f2; */
		background: #E85716;
		border: 1px solid #fff;
		padding: 20px 20px;
	}

	@media(max-width:1080px) {
		.sec-linknavs .F-item-about-list {
			width: 50%;
			height: 140px;
		}
	}

	@media(max-width:767px) {
		.sec-linknavs .F-item-about-list {
			height: 110px;
			padding: 20px 5px;
		}
	}



	.sec-linknavs .about-list-outer {
		width: 100%;

	}

	@media(max-width:1080px) {
		.sec-linknavs .about-list-outer {
		
		}
	}

	@media(max-width:767px) {
		.sec-linknavs .about-list-outer {
			
		}
	}



	.sec-linknavs .about-list-icon {
		width: 86px;
		margin: 0 auto 15px;

	}

	@media(max-width:1080px) {
		.sec-linknavs .about-list-icon {
		
		}
	}

	@media(max-width:767px) {
		.sec-linknavs .about-list-icon {
			width: 45%;
			max-width: 45%;
		}
	}



		.sec-linknavs .about-list-icon-lowmg {
		width: 86px;
		margin: 0 auto 8px;

	}

	@media(max-width:1080px) {
		.sec-linknavs .about-list-icon-lowmg {
		
		}
	}

	@media(max-width:767px) {
		.sec-linknavs .about-list-icon-lowmg {
			width: 45%;
			max-width: 45%;
		}
	}



	.sec-linknavs .F-item-about-list h4 {
		color: #fff;
		font-size: .9rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1;
		text-align: center;
	}

	@media(max-width:1080px) {
		.sec-linknavs .F-item-about-list h4 {
			
		}
	}

	@media(max-width:767px) {
		.sec-linknavs .F-item-about-list h4 {
			font-size: .8rem;
			font-weight: 600;
		}
	}

	@media(max-width:375px) {
		.sec-linknavs .F-item-about-list h4 {
			font-size: .75rem;
		}
	}



	.sec-linknavs .F-item-about-list .font-s {
		color: #fff;
		font-size: .7rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1;
		text-align: center;
	}

	@media(max-width:1080px) {
		.sec-linknavs .F-item-about-list .font-s {
			
		}
	}

	@media(max-width:767px) {
		.sec-linknavs .F-item-about-list .font-s {
			font-size: .6rem;
			font-weight: 600;
		}
	}

	@media(max-width:375px) {
		.sec-linknavs .F-item-about-list .font-s {
			font-size: .4rem;
		}
	}



	.sec-linknavs .F-item-about-list .font-ss {
		color: #fff;
		font-size: .7rem;
		font-weight: 500;
		letter-spacing: .05em;
		line-height: 1;
		text-align: center;
		margin: 5px auto 0;
	}

	@media(max-width:1080px) {
		.sec-linknavs .F-item-about-list .font-ss {
			
		}
	}

	@media(max-width:767px) {
		.sec-linknavs .F-item-about-list .font-ss {
			font-size: .5rem;
			font-weight: 500;
			margin: 3px auto 0;
		}
	}

		@media(max-width:375px) {
		.sec-linknavs .F-item-about-list .font-ss {
			font-size: .4rem;
			font-weight: 500;
			margin: 3px auto 0;
		}
	}







/* ////////////////////////////////////////////////////////////
#footer bottom部分 lib/footerconts.php内
/////////////////////////////////////////////////////////////*/


	.footer-bottom-cont-wrapper {
		max-width: 1160px;
		margin: 0 auto;
	}

	@media(max-width:1180px) {
		.footer-bottom-cont-wrapper {
			padding: 0 20px;
		}
	}

	@media(max-width:1080px) {
		.footer-bottom-cont-wrapper {
			padding: 0;
		}
	}

	@media(max-width:767px) {
		.footer-bottom-cont-wrapper {
			padding: 0;
		}
	}


	#footer .FLEX-footercont {
		max-width: 1160px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: nowrap;
		margin: 0 auto;
		/* padding: 70px 0; */
		gap: 0;
	}

	@media(max-width:1160px) {
		#footer .FLEX-footercont {
			padding: 0 20px;
		}
	}

	@media(max-width:1080px) {
		#footer .FLEX-footercont {
			width: 100%;
			flex-direction: column;
			padding: 0;
			margin: 0 auto;
			gap: 40px 0;
		}
	}



	/* 左ブロック（ロゴ等） */
	#footer .FLEX-footercont .F-item-footercont-l {
		width: 40%;
		text-align: center;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	@media(max-width:1080px) {
		#footer .FLEX-footercont .F-item-footercont-l {
			width: 100%;
			margin: 0 auto;
		}
	}


	/* 右ブロック（ボタン等） */
	#footer .FLEX-footercont .F-item-footercont-r {
		width: 60%;
		text-align: center;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-left: solid 1px #ccc;
		padding: 20px 0 20px 0;
	}


	@media(max-width:1080px) {
		#footer .FLEX-footercont .F-item-footercont-r {
			width: 100%;
			margin: 0 auto;
			gap: 20px 0;
			border-left: none;
			padding: 0;
		}
	}



	#footer .FLEX-footercont .footer-logobox {
		max-width: 250px;
		text-align: center;
		margin: 0 auto;
	}

	@media(max-width:1080px) {
		#footer .FLEX-footercont .footer-logobox {
		}
	}

	@media(max-width:767px) {
		#footer .FLEX-footercont .footer-logobox {
			max-width: 60%;
		}
	}



	#footer .footer-co_name-box {
		text-align: center;
		margin: 0 auto;
		padding: 10px 0;
	}

	@media(max-width:1080px) {
		#footer .footer-co_name-box {
		}
	}

	@media(max-width:767px) {
		#footer .footer-co_name-box {
			padding: 20px 0 10px;
		}
	}



	#footer .footer-co_name-box p {
		color: var(--h-and-f-font-col);
		text-align: center;
		font-size: .8rem;
		font-weight: 500;
		margin: 0 auto;
	}

	@media(max-width:1080px) {
		#footer .footer-co_name-box p {
		}
	}

	@media(max-width:767px) {
		#footer .footer-co_name-box p {
			font-size: 1rem;
		}
	}

	@media(max-width:375px) {
		#footer .footer-co_name-box p {
			font-size: .9rem;
		}
	}



	#footer .footer-add-box {
		font-size: .8rem;
		font-weight: 500;
		letter-spacing: .1em;
		text-align: center;
		margin: 0 auto 0;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px) {
		#footer .footer-add-box {
		}
	}

	@media(max-width:767px) {
		#footer .footer-add-box {
		}
	}



	#footer .footer-add-box p {
		color: var(--h-and-f-font-col);
		text-align: center;
		font-size: .7rem;
		font-weight: 500;
		line-height: 1.5;
		margin: 0 auto;
	}

	@media(max-width:1080px) {
		#footer .footer-add-box p {
		}
	}

	@media(max-width:767px) {
		#footer .footer-add-box p {
			font-size: .8rem;
		}
	}

	@media(max-width:375px) {
		#footer .footer-add-box p {
			font-size: .7rem;
		}
	}




/* ////////////////////////////////////////////////////////////

#footer SITE MAP

/////////////////////////////////////////////////////////////*/


	#footer .footer-sns-area {
		max-width: 100%;
		margin: 0 auto 20px;
	}

	@media(max-width:1080px) {
		#footer .footer-sns-area {

		}
	}

	@media(max-width:767px) {
		#footer .footer-sns-area {
			margin: 0 auto 0px;
		}
	}



	#footer .footer-sns-area ul {
		list-style: none;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 0 20px;
	}

	@media(max-width:767px){
		#footer .footer-sns-area ul {
			/* display: block; */
		}
	}



	#footer .footer-sns-area li {
		margin: 0 auto;
	}

	@media(max-width:1080px){
		#footer .footer-sns-area li {
		}
	}

	@media(max-width:767px){
		#footer .footer-sns-area li {

		}
	}



	#footer .footer-sns-area li img {
		max-width: 40px;
		margin: 0 auto;
	}

	@media(max-width:1080px){
		#footer .footer-sns-area li img {
		}
	}

	@media(max-width:767px){
		#footer .footer-sns-area li img {

		}
	}






	#footer .footer-sitemap-area {
		max-width: 100%;
	}

	@media(max-width:1080px) {
		#footer .footer-sitemap-area {

		}
	}

	@media(max-width:767px) {
		#footer .footer-sitemap-area {
			display: inline-block;
			padding: 0 20px 0;
		}
	}


	#footer .sitemap-box {
		margin: 0 auto 0;
	}

	@media(max-width:767px){
		#footer .sitemap-box {
			width: 100%;
			text-align: center;
		}
	}

	#footer nav.sitemap-nav {
		margin: 0 auto;
	}

	@media(max-width:1080px){
		#footer nav.sitemap-nav {
		}
	}


	#footer nav.sitemap-nav ul {
		list-style: none;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 0 30px;
	}

	@media(max-width:767px){
		#footer nav.sitemap-nav ul {
			/* display: block; */
		}
	}


	#footer nav.sitemap-nav li {
		text-align: left;
		margin: 0 auto;
	}

	@media(max-width:1080px){
		#footer nav.sitemap-nav li {
		}
	}

	@media(max-width:767px){
		#footer nav.sitemap-nav li {
			margin: 0 0 10px;
		}
	}

	@media(max-width:375px){
		#footer nav.sitemap-nav li {
			margin: 0 0 8px;
		}
	}


	

	#footer nav.sitemap-nav li:last-child {
		margin: 0 auto 0;
	}

	@media(max-width:767px){
		#footer nav.sitemap-nav li:last-child {
			margin: 0 0 15px;
		}
	}


	#footer nav.sitemap-nav li .link {
	}




	#footer nav.sitemap-nav a {
		position: relative;
		display: inline-block;
		color: var(--h-and-f-font-col);
		font-size: .8rem;
		font-weight: 400;
		transition: .3s;
		padding: 0 0 6px;
	}

	@media(max-width:1280px){
		#footer nav.sitemap-nav a {
			font-size: .75rem;
		}
	}

	@media(max-width:1080px){
		#footer nav.sitemap-nav a {
			font-size: .85rem;
		}
	}

	@media(max-width:767px){
		#footer nav.sitemap-nav a {
			font-size: .85rem;
		}
	}

	@media(max-width:375px){
		#footer nav.sitemap-nav a {
			font-size: .8rem;
		}
	}



	#footer nav.sitemap-nav a::after {
		position: absolute;
		bottom: 0;
		left: 50%;
		content: '';
		width: 0;
		height: 1px;
		background-color: #fff; /* 線の色 */
		transition: .3s;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	#footer nav.sitemap-nav a:hover::after {
		width: 100%;
	}

	#footer nav.sitemap-nav a:hover {
		color: #fff;
		opacity: 1;
	}




/* ////////////////////////////////////////////////////////////

#copyright

/////////////////////////////////////////////////////////////*/


	.copyright {
		color: var(--h-and-f-font-col);
		font-size: .6rem;
		letter-spacing: .05em;
		font-feature-settings: "palt";
		margin: 20px auto 0;
		padding: 0;
	}


	@media(max-width:1080px){
		.copyright {
			font-size: .7rem;
			letter-spacing: 0;
			text-align: center;
			margin-top: 0;
			padding: 10px;
			color: #666464;
			background: #efefef;
			width: 100%;
		}
	}





/* ////////////////////////////////////////////////////////////

トップに戻るボタン

/////////////////////////////////////////////////////////////*/

	.pagetop {
		color: #fff;
		background-color: rgba(0,0,0,0.3);
		text-decoration: none;
		display: none;
		position: fixed;
		bottom: 1.5rem;
		right: .5rem;
		font-size: 1rem;
		width: 2.3rem;
		height: 2.3rem;
		line-height: 2.3rem;
		/* border-radius: 3.3rem; */
		text-align: center;
		cursor: pointer;
		border-radius: 50%; /* 円に */
		z-index: 50;
	}

	@media(max-width:1080px) {
		.pagetop {
			bottom: 90px;
			font-size: 1.5rem;
			width: 3rem;
			height: 3rem;
			line-height: 3rem;
		}
	}

	.pagetop:hover {
		color: #fff!important;
		/* ▽トップへ戻るボタン hover色▽ */
		/* background-color: #EAC300; */
		background-color: #E85716;
		text-decoration: none;
	}



/* ////////////////////////////////////////////////////////////

パンくずリスト

/////////////////////////////////////////////////////////////*/


	.bread-crumb-list {
		font-size: .65em;
		font-weight: normal;
		overflow: hidden;
		width: 100%;
		letter-spacing: -.5px;
		padding: 1em 0 1em;
		background: #C14C20;
		/* background: #E85716; */
	}

	@media(max-width:767px){
		.bread-crumb-list {
			/*width:100%;*/
			margin: 0 auto .5em;
			font-size: .8em;
			letter-spacing: -.5px;
			display: none !important;
		}
	}



	.bread-crumb-list ol {
		list-style-type: none;
	}



	.bread-wrapper {
		position: relative;
		margin: 0 auto;
		padding: 0 20px;
		z-index: 1;
	}

	@media(max-width:1080px){
		.bread-wrapper {
			width: 100%;
			padding: 0 0;
		}
	}

	/* 回り込み解除 */
	.bread-wrapper::after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}



	.bread-crumb-list li {
		float: left;
		margin: 0;
		font-size: .65rem;
		/* イージング */
		-webkit-transition: .2s ease-in-out;
		transition: .2s ease-in-out;
	}

	@media(max-width:767px){
		.bread-crumb-list li {
			display: block;
		}
	}


	.bread-crumb-list li a {
		display: block;
		position: relative;
		float: left;
		font-weight: normal;
		padding: 0.3em 0.7em;
		color: #fff!important; /* ■ ぱんくずの文字色 ■ */
	}

	@media(max-width:767px){
		.bread-crumb-list li:first-child {
		}
		.bread-crumb-list li a {
		}
	}


	.bread-crumb-list li:not(:last-child) a {
		margin-right: 1em;
	}


	.bread-crumb-list li a:hover {
		background: inherit;
		text-decoration: none;
	}


	.bread-crumb-list li a:not(.disable):hover {
		color: #006cb4!important; /* ■ ぱんくずのhover色 ■ */
	}


	.bread-crumb-list li:last-of-type a {
		/* cursor: default; */
		background: inherit;
		border: none;
	}

	.bread-crumb-list li:last-child {
	}

	.bread-crumb-list li:last-child a {
		padding-left: .5em;
	}


	.bread-crumb-list li:not(:last-child) a::after {
		content:'';
		width: 0;
		height: 0;
		border: .4em solid transparent;
		border-left: .5em solid #fff!important; /* ■ ぱんくずの ▶の色 ■ */
		position: absolute;
		top: 30%;
		right: -.9em;
		/* transition */
		-webkit-transition: all .2s ease-in-out 0s;
		transition: all .2s ease-in-out 0s;
	}

	.bread-crumb-list li:not(:last-child) a:hover::after {
		/* border-color: transparent;  */
	}

	.bread-crumb-list::after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}





	@media(max-width:767px){
		.bread-crumb-list .wrapper {
			padding: 0 5px;
			margin: 1em 0 0;
		}
	}







/* ////////////////////////////////////////////////////////////

TOP #header メインビジュアル

/////////////////////////////////////////////////////////////*/

	#header .mv-area {
		width: 100%;
		/* height: 100vh; */
		position: relative;
		/* background: #f9f8f4; */
		background-color: #f5f0e7;
		padding: 0;
		margin: 80px auto 0;
	}

	@media(max-width:1079px) {
		#header .mv-area {
			width: 100%;
			max-width: 1079px;
			height: 100%;
		}
	}

	@media(max-width:912px) {
		#header .mv-area {
			width: 100%;
			max-width: 912px;
			height: 100%;
		}
	}

	@media(max-width:767px) {
		#header .mv-area {
			width: 100%;
			max-width: 767px;
			height: 100%;
			padding: 0 0;
		}
	}







/* ////////////////////////////////////////////////////////////

■■ 追従バナー ■■

/////////////////////////////////////////////////////////////*/


	.right-fixed-banner {
		position: fixed;
		top: 50%;
		right: 0;
		transform: translateY(-50%);
		width: 55px;
		text-align: center;
		z-index: 999;
	}

	@media(max-width:1080px) {
		.right-fixed-banner {
			display: none;
		}
	}

	@media(max-width:767px) {
		.right-fixed-banner {
			display: none;
		}
	}



	.sidebanner-box {
		position: relative;
		height: 300px;
		border: 1px solid #fff;
		text-align: center;
	}

	@media(max-width:1080px) {
		.sidebanner-box {
			display: none;
		}
	}

	@media(max-width:767px) {
		.sidebanner-box {
			display: none;
		}
	}


	#sidebanner-1 {
		/* background: #7C0107; */
		/* background: #E50012; */
		background: #E85716;
		border-radius: 8px 0 0 0;
		-webkit-border-radius: 8px 0 0 0;
	}

	#sidebanner-1 p {
		color: #fff!important;
	}

	#sidebanner-2 {
		/* background: skyblue; */
		/* background: #0E6EB8; */
		background: #40210F;
		border-radius: 0 0 0 8px;
		-webkit-border-radius: 0 0 0 8px;
	}

	.sidebanner-box p {
		height: 100%!important;
		writing-mode: vertical-rl!important;
		-webkit-writing-mode: vertical-rl!important;
		-ms-writing-mode: vertical-rl!important;
		display: inline-block!important;
		text-align: center!important;
		margin: 0 auto!important;
		position: absolute!important;
		left: 50%!important;
		top: 50%!important;
		transform: translate(-50%, -50%)!important;
		font-size: .85rem!important;
		font-weight: 500!important;
		letter-spacing: .2em!important;
		color: #fff!important;
	}





/* ////////////////////////////////////////////////////////////

■■ スマホ用 追従バナー ■■

/////////////////////////////////////////////////////////////*/

	#header .sp-floting-box {
		display: none;
	}


	@media(max-width:1080px) {
		#header .sp-floting-box {
			/* display: none; */
			display: block;
			position: fixed;
			bottom: 0;
			left: 0;
			z-index: 100;
			width: 100%;
			height: 64px;
			/* background: rgba(122,0,116,0.6); */
			background: #fff;
			border-top: solid 2px #ddd;
		}
	}



	#header ul.FLEX-sp-floting {

	}

	@media(max-width:1080px) {
		#header ul.FLEX-sp-floting {
			list-style: none;
			height: auto;
			width: 100%;
			display: flex;
			display: -webkit-flex;
			flex-direction: row;
			justify-content: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			flex-wrap: wrap;
			margin: 0 auto 0;
		}
	}

	@media(max-width:767px) {
		#header ul.FLEX-sp-floting {
		}
	}



	#header .FLEX-sp-floting li {
	}

	@media(max-width:1080px) {
		#header .FLEX-sp-floting li {
			position: relative;
			width: 50%;
			text-align: center;
		}
	}

	@media(max-width:767px) {
		#header .FLEX-sp-floting li {
		}
	}



	/* 左側メニュー */
	#header .FLEX-sp-floting li:first-child{
		/* background: #fff; */
		background: #E85716;
		/* border-right: solid 1px #767676; */
	}

	/* 右側メニュー */
	#header .FLEX-sp-floting li:last-child{
		/* background: #fff; */
		background: #E85716;
	}



	#header .FLEX-sp-floting li a {
		width: 100%;
		height: 64px;
		display: block;
		/* color: #767676; */
		color: #fff;
		font-size: .7rem;
		text-align: center;
		padding: 12px 0;
}

@media(max-width:375px) {
	#header .FLEX-sp-floting li a {
		font-size: .7rem;
	}
}



#header .FLEX-sp-floting li figure {
		width: 42px;
		max-width: 42px;
		text-align: center;
		margin: 0 auto 6px;
}











/* ////////////////////////////////////////////////////////////

■■ TOPページ ■■

/////////////////////////////////////////////////////////////*/

	#container .index-page {
	}

	@media(max-width:1080px) {
		#container .index-page {
		}
	}

	@media(max-width:767px) {
		#container .index-page {
		}
	}




/* ////////////////////////////////////////////////////////////

TOPページ sec01 お知らせセクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-news {
		position: relative;
		width: 100%;
		height: 100%;
		/* background: #f9f8f4; */
		background-image: url(https://b81e98.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/top-sec-news-bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		/* background-position: center; */
		background-position: center top 100px;
		background-attachment: fixed;
		/* padding: 174px 0 84px; */
		padding: 90px 0 90px;
		transition: all .3s ease;
	}

	@media(max-width:1080px){
		#container .index-page section.sec-news {
		}
	}

	@media(max-width:1200px){
		#container .index-page section.sec-news {
			/* height: 50vh; */
			background-attachment: scroll;
			background-position: center;
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-news {
			/* padding: 80px 0 30px; */
			padding: 40px 0 40px;
		}
	}



	#container .index-page .news-logo {
		display: none;
		position: absolute;
		top: -40px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}


	@media(max-width:1080px){
		#container .index-page .news-logo {
		}
	}

	@media(max-width:767px){
		#container .index-page .news-logo {
			
		}
	}



	#container .index-page .news-logo img {
		max-width: 200px;
	}


	@media(max-width:1080px){
		#container .index-page .news-logo img {
		}
	}

	@media(max-width:767px){
		#container .index-page .news-logo img {
			width: 150px!important;
		}
	}



	#container .index-page h2 {
		position: relative;
		display: block;
		font-family: var(--font-min);
		font-size: 1.6rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .1em;
		font-feature-settings: "palt";
		margin: 0px auto 5px;
	}

	@media(max-width:1080px){
		#container .index-page h2 {
			margin: -5px 0 0;
		}
	}

	@media(max-width:767px){
		#container .index-page h2 {
			font-size: 1.4rem;
		}
	}



	#container .index-page .h2-en {
		display: block;
		text-align: center;
		font-size: 1rem;
		font-weight: 600;
		font-family: var(--font-en);
		letter-spacing: .05em;
		line-height: 1;
		/* color: #bfbfbf; */
		color: #C1AE6E;
		margin: 0 auto 40px;
	}

	@media(max-width:1080px){
		#container .index-page .h2-en {
		}
	}

	@media(max-width:767px){
		#container .index-page .h2-en {
			margin: 0 auto 20px;
		}
	}



	#container .index-page .news-area-outer {
		position: relative;
		width: 100%;
		/* background: #f9f8f4; */
		/* padding: 40px 10px 80px; */
		margin: 0 auto;
	}

	@media(max-width:1080px) {
		#container .index-page .news-area-outer {
		}
	}

	@media(max-width:767px) {
		#container .index-page .news-area-outer {
			padding: 30px 0 30px;
		}
	}

	@media(max-width:375px) {
		#container .index-page .news-area-outer {
			padding: 30px 0px 30px;
		}
	}



	#container .index-page .news-area {
		position: relative;
		width: 100%;
		/* max-width: 960px; */
		margin: 0 auto;
		background: rgba(255,255,255,0.9);
		border-radius: 10px;
		padding: 50px 100px 70px;
	}

	@media(max-width:1080px) {
		#container .index-page .news-area {
			padding: 50px 4vw 70px;
		}
	}

	@media(max-width:767px) {
		#container .index-page .news-area {
			padding: 30px 4vw 35px;
		}
	}

	@media(max-width:375px) {
		#container .index-page .news-area {
			padding: 30px 4vw 35px;
		}
	}







/* ////////////////////////////////////////////////////////////
ニュース TOPページ 埋め込み部分
/////////////////////////////////////////////////////////////*/

	#container .index-page .top-umekomi-area ul.news-list {

	}

	@media(max-width:1080px){
		#container .index-page .top-umekomi-area ul.news-list {
		}
	}

	@media(max-width:767px){
		#container .index-page .top-umekomi-area ul.news-list {

		}
	}


	#container .index-page .top-umekomi-area ul.news-list li {
		border-top: dotted 1px #333;
		padding: 12px 10px;
	}

	@media(max-width:1080px){
		#container .index-page .top-umekomi-area ul.news-list li {
		}
	}

	@media(max-width:767px){
		#container .index-page .top-umekomi-area ul.news-list li {
			padding: 10px 5px;
		}
	}


	#container .index-page .top-umekomi-area ul.news-list li:last-child {
		border-top: dotted 1px #333;
		border-bottom: dotted 1px #333;
	}

	@media(max-width:1080px){
		#container .index-page .top-umekomi-area ul.news-list li:last-child {
		}
	}

	@media(max-width:767px){
		#container .index-page .top-umekomi-area ul.news-list li:last-child {

		}
	}


	#container .index-page .top-umekomi-area ul.news-list li .up_ymd {
		display: inline-block;
		width: 20%;
		font-family: roboto, sans-serif;
		font-size: .8rem;
		font-weight: 700;
		letter-spacing: .08em;
		margin: 0 10px 0 0;
		/* color: #81848f; */
		color: #C1AE6E;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .index-page .top-umekomi-area ul.news-list li .up_ymd {
			width: 30%;
			margin: 0 0 0 0;
		}
	}

	@media(max-width:767px){
		#container .index-page .top-umekomi-area ul.news-list li .up_ymd {
			display: block;
			width: 100%;
			margin: 0 0 5px;
		}
	}


	#container .index-page .top-umekomi-area ul.news-list li .title {
		display: inline-block;
	}

	@media(max-width:1080px){
		#container .index-page .top-umekomi-area ul.news-list li .title {
		}
	}

	@media(max-width:767px){
		#container .index-page .top-umekomi-area ul.news-list li .title {
			display: block;
			width: 100%;
		}
	}


	#container .index-page .top-umekomi-area ul.news-list li .title a {
		font-size: .9rem;
		font-weight: 500;
		line-height: 1.3;
		letter-spacing: .08em;
		/* color: #006cb4; */
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .index-page .top-umekomi-area ul.news-list li .title a {
		}
	}

	@media(max-width:767px){
		#container .index-page .top-umekomi-area ul.news-list li .title a {
			font-size: .85rem;
			font-weight: 600;
		}
	}


	#container .index-page .news-view_all {
		text-align: center;
		/* padding: 0 0 0 10px; */
	}

	@media(max-width:1080px){
		#container .index-page .news-view_all {
			padding: 0 0 0 10px;
		}
	}


	#container .index-page .news-view_all p {
		display: inline-block;
		font-size: .8rem;
		text-align: center;
		line-height: 2;
		font-weight: 600;
		color: #fff;
		/* color: #921d22; */
		background: #333;
		border-radius: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 4px 50px;
		margin: 2em 0 0;
	}

	@media(max-width:1080px){
		#container .index-page .news-view_all p {
			font-size: .8rem;
		}
	}

	@media(max-width:767px){
		#container .index-page .news-view_all p {
			font-size: .8rem;
			padding: 4px 50px;
		}
	}

	@media(max-width:375px){
		#container .index-page .news-view_all p {
			font-size: .8rem;
		}
	}


	#container .index-page .news-view_all i {
	}





/* ////////////////////////////////////////////////////////////

TOPページ sec02 店舗セクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-02 {
		position: relative;
		width: 100%;
		/* background-color: #f5f0e7; */
		background-color: #f9f8f4;
		padding: 90px 0 110px;
	}

	@media(max-width:1080px){
		#container .index-page section.sec-02 {
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-02 {
			padding: 50px 0 60px;
		}
	}



	#container .index-page .sec-02 .FLEX-intro-btn-list {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 0 auto 0;
		gap: 10px 50px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-02 .FLEX-intro-btn-list {
			/* flex-direction: column; */

		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-02 .FLEX-intro-btn-list {
			gap: 30px 0px;
		}
	}



	#container .index-page .sec-02 a.F-item-intro-btn-list {
		position: relative;
		width: calc(50% - 50px);
		/* height: 160px; */
		text-align: center;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-02 a.F-item-intro-btn-list {
			width: calc(50% - 50px);
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-02 a.F-item-intro-btn-list {
			width: 90%;
		}
	}


	a.F-item-intro-btn-list:hover {
		transition: opacity .3s ease;
		text-decoration: none;
		cursor: pointer;
	}


	#container .index-page .sec-02 .intro-btn-pr {
		position: relative;
		text-align: center;
		margin: 0 auto 15px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-02 .intro-btn-pr {
			
		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-02 .intro-btn-pr {
			margin: 0 auto 10px;
		}
	}



	#container .index-page .sec-02 .intro-btn-pr span {
		position: relative;
		display: inline-block;
		/* font-family: var(--font-min); */
		font-size: 1rem;
		font-weight: 600;
		letter-spacing: .08em;
		text-align: center;
		/* color: #231815; */
		color: #7C0107;
		padding: 0 15px 0 25px;
	}

	@media(max-width:1080px){
		#container .index-page .sec-02 .intro-btn-pr span {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-02 .intro-btn-pr span {
			font-size: .9rem;
			padding: 0 8px 0 13px;
		}
	}

	@media(max-width:370px){
		#container .index-page .sec-02 .intro-btn-pr span {
			font-size: .8rem;
			padding: 0 8px 0 13px;
		}
	}



	#container .index-page .sec-02 .intro-btn-pr span:after {
		content: "";
		width: 2px;
		height: 80%;
		/* background-color: #231815; */
		background-color: #7C0107;
		position: absolute;
		bottom: 0;
		transform: rotate(30deg);
		right: 0;
		left: auto;
	}

	#container .index-page .sec-02 .intro-btn-pr span:before {
		content: "";
		width: 2px;
		height: 80%;
		/* background-color: #231815; */
		background-color: #7C0107;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: rotate(-30deg);
	}



	#container .index-page .sec-02 .FLEX-intro-btn {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: nowrap;
		text-align: center;
		/* background: #fff; */
		/* background: #fff5e4; */
		background: #FFFFEF;
		border: 1px solid #ccc;
		border-radius: 8px;
		-webkit-border-radius: 8px;
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		margin: 0 auto 0;
		gap: 0px 0px;
	}

	@media(max-width:1280px) {
		#container .index-page .sec-02 .FLEX-intro-btn {

		}
	}

	@media(max-width:1080px) {
		#container .index-page .sec-02 .FLEX-intro-btn {

		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-02 .FLEX-intro-btn {

		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-02 .FLEX-intro-btn {

		}
	}



	#container .index-page .sec-02 .intro-btn-icon {
		/* width: calc(40% - 5px); */
		/* width: 140px; */
		background: #E85716;
		text-align: center;
		box-sizing: border-box;
		border-radius: 8px 0 0 8px;
		-webkit-border-radius: 8px 0 0 8px;
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		padding: 20px 0px;
		/* margin: 0 auto; */
	}

	@media(max-width:1280px) {
		#container .index-page .sec-02 .intro-btn-icon {
			width: 100px;
			height: auto;
		}
	}

	@media(max-width:1080px) {
		#container .index-page .sec-02 .intro-btn-icon {
			width: 90px;
			height: auto;
		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-02 .intro-btn-icon {
			height: 70px;
			width: auto;
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-02 .intro-btn-icon {
			height: 70px;
			width: auto;
		}
	}



	#container .index-page .sec-02 .intro-btn-icon img {
		width: 120px;
		height: 60px;
		box-sizing: border-box;
		/* margin: 15px auto 0; */
	}

	@media(max-width:1280px) {
		#container .index-page .sec-02 .intro-btn-icon img {
			width: 100px;
			height: auto;
		}
	}

	@media(max-width:1080px) {
		#container .index-page .sec-02 .intro-btn-icon img {
			width: 90px;
			height: auto;
		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-02 .intro-btn-icon img {
			width: 70px;
			height: auto;
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-02 .intro-btn-icon img {
			width: 70px;
			height: auto;
		}
	}

	

	#container .index-page .sec-02 .intro-btn-ttl {
		/* width: calc(60% - 5px); */
		text-align: center;
		box-sizing: border-box;
		margin: 0 auto;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-02 .intro-btn-ttl {

		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-02 .intro-btn-ttl {
			
		}
	}



	#container .index-page .sec-02 .intro-btn-ttl p {
		color: #3f3f3f;
		font-weight: 600;
		font-size: 1.1rem;
		letter-spacing: .1em;
		text-align: center;
		margin: 0 auto;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-02 .intro-btn-ttl p {

		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-02 .intro-btn-ttl p {
			
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-02 .intro-btn-ttl p {
			font-size: .9rem;
		}
	}



	

/* ////////////////////////////////////////////////////////////

TOPページ sec03 メニューセクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-03 {
		position: relative;
		width: 100%;
		/* background: #F4F1E9; */
		/* background: #fff5e4; */
		/* background: #F9E08E; */
		/* background: #F5F2EF; */
		background-color: #f5f0e7;
		background-image: url("https://2c6bab.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/back-ptn-wa-01.png");
		background-repeat: repeat;
		background-position: center;
		padding: 60px 0 100px;
	}

	@media(max-width:1200px){
		#container .index-page section.sec-03 {
			padding: 60px 0 90px;
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-03 {
			padding: 40px 0 20px;
		}
	}



	#container .index-page h3 {
		position: relative;
		display: block;
		/* color: #fff; */
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .1em;
		font-feature-settings: "palt";
		margin: 0 auto 5px;
	}

	@media(max-width:1080px){
		#container .index-page h3 {
			margin: -5px 0 0;
		}
	}

	@media(max-width:767px){
		#container .index-page h3 {
			font-size: 1.6rem;
		}
	}

	@media(max-width:375px){
		#container .index-page h3 {
			font-size: 1.5rem;
		}
	}



	#container .index-page .h3-en {
		display: block;
		text-align: center;
		/* color: #fff; */
		/* color: #D92E1B; */
		color: #9B1414;
		font-size: 1rem;
		font-weight: 600;
		font-family: var(--font-en);
		letter-spacing: .05em;
		line-height: 1;
	}

	@media(max-width:1080px){
		#container .index-page .h3-en {
		}
	}

	@media(max-width:767px){
		#container .index-page .h3-en {
			
		}
	}



	#container .index-page .sec-03 .FLEX-service-list {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		/* justify-content: start; */
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		margin: 0 auto 0;
		padding: 60px 0 0;
		gap: 10px 10px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-03 .FLEX-service-list {
			/* flex-direction: column; */

		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-03 .FLEX-service-list {
			gap: 20px 10px;
			padding: 40px 0;
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-03 .FLEX-service-list {
			padding: 20px 0;
		}
	}


	
	#container .index-page .sec-03 .F-item-service-list {
		position: relative;
		/* flex-basis: 24.24%; */
		width: calc(25% - 10px);
		/* height: 160px; */
		text-align: center;
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background: #fff;
		box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
		padding: 20px 20px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-03 .F-item-service-list {
			/* flex-basis: 48.48%; */
			width: calc(50% - 5px);
		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-03 .F-item-service-list {
			padding: 15px 15px;
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-03 .F-item-service-list {
			padding: 15px 10px;
		}
	}

	

	#container .index-page .service-list-icon {
		position: relative;
		box-sizing: border-box;
		margin: 0 auto 10px;
	}

	@media(max-width:1080px){
		#container .index-page .service-list-icon {
		}
	}

	@media(max-width:767px){
		#container .index-page .service-list-icon {
			margin: 0 auto 3px;
		}
	}



	#container .index-page .service-list-icon img {
		height: 90px;
		text-align: center;
		margin: 0 auto;
	}

	@media(max-width:1080px){
		#container .index-page .service-list-icon img {
		}
	}

	@media(max-width:767px){
		#container .index-page .service-list-icon img {
			height: auto;
			width: 100%;
		}
	}



	#container .index-page .service-list-ttlbox {
		position: relative;
		display: inline-block;
		width: 100%;
		text-align: center;
		/* background: #D61419; */
		background: #E85716;
		color: #fff;
		padding: 12px 10px;
		margin: 7px auto 0;
	}

	@media(max-width:1080px){
		#container .index-page .service-list-ttlbox {
		}
	}

	@media(max-width:767px){
		#container .index-page .service-list-ttlbox {
			
		}
	}


	#container .index-page .service-list-ttlbox::after {
		position: absolute;
		content: "\f0da";
		font-family: 'Font Awesome 5 Free';
		font-weight: 700;
		right: 1em;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	@media(max-width:767px){
		#container .index-page .service-list-ttlbox::after {
			display: none;
		}
	}



	#container .index-page .service-list-ttlbox h4 {
		color: #fff;
		font-size: .9rem;
		font-weight: 600;
		letter-spacing: .05em;
		line-height: 1;
	}

	@media(max-width:1080px){
		#container .index-page .service-list-ttlbox h4 {
		}
	}

	@media(max-width:767px){
		#container .index-page .service-list-ttlbox h4 {
			font-size: .8rem;
		}
	}

	@media(max-width:375px){
		#container .index-page .service-list-ttlbox h4 {
			font-size: .7rem;
			letter-spacing: .1em;
		}
	}







/* ////////////////////////////////////////////////////////////

TOPページ sec-pr01 こだわりセクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-pr01 {
		position: relative;
		width: 100%;
		height: 45vh;
		/* background: #f9f8f4; */
		background-image: url(https://fab607.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-head-bg.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		/* background-position: center; */
		/* background-position: center top 100px; */
		background-position: center top 0px;
		background-attachment: fixed;
		transition: all .3s ease;
	}


	@media(max-width:1200px){
		#container .index-page section.sec-pr01 {
			background-attachment: scroll;
			background-position: left 50% top 0px;
			height: 50vh;
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-pr01 {
			background-attachment: scroll;
			background-position: left 50% top 0px;
			height: 50vh;
		}
	}



	#container .index-page .sec-pr01 .pr-h5-box {
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	@media(max-width:1080px){
		#container .index-page .sec-pr01 .pr-h5-box {
			left: 5%;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-pr01 .pr-h5-box {
			/* position: relative; */
			/* padding: 10vh 0 0; */
		}
	}



	#container .index-page .sec-pr01 .pr-icon {
		max-width: 70px;
		margin: 0 0 7px 0;
		/* margin: 0 0 10px 3%; */
	}

	@media(max-width:1080px){
		#container .index-page .sec-pr01 .pr-icon {

		}
	}

	@media(max-width:767px){
		#container .index-page .sec-pr01 .pr-icon {
			display: none;
		}
	}




	#container .index-page .sec-pr01 .pr-h5-box h5 {
		display: inline-block;
		color: var(--h-and-f-font-col);
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.5;
		text-align: left;
		text-shadow: 1px 2px 3px #333;
		margin: 0 0 15px;
	}

	@media(max-width:1080px){
		#container .index-page .sec-pr01 .pr-h5-box h5 {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-pr01 .pr-h5-box h5 {
			font-size: 1.8rem;
			margin: 0 0 0;
		}
	}

	@media(max-width:375px){
		#container .index-page .sec-pr01 .pr-h5-box h5 {
			font-size: 1.6rem;
		}
	}



	#container .index-page .sec-pr01 .pr-txt {
	}

	@media(max-width:1080px){
		#container .index-page .sec-pr01 .pr-txt {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-pr01 .pr-txt {
		}
	}



	#container .index-page .sec-pr01 .pr-txt p {
		font-size: .85rem;
		font-weight: 600;
		letter-spacing: .15em;
		line-height: 1.8;
		color: #fff;
		text-align: left;
		margin: 20px auto 30px;
	}

	@media(max-width:1080px){
		#container .index-page .sec-pr01 .pr-txt p {
			font-size: .9rem;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-pr01 .pr-txt p {
			font-size: .9rem;
		}
	}



	#container .gold-font {
		color: #d3b572;
	}


	#container .mid-gold-font {
		color: #be9124;
	}




	#container .index-page .sec-pr01 .link-btn-box {
		margin: 20px 0 0;
	}

	@media(max-width:1080px){
		#container .index-page .sec-pr01 .link-btn-box {
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-pr01 .link-btn-box {
		}
	}



	#container .index-page .sec-pr01 .link-btn {
		display: inline-block;
		text-align: center;
		font-size: .8rem;
		line-height: 2;
		font-weight: 600;
		color: #fff;
		/* background: #333; */
		background: #BC9D66;
		border-radius: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: .3s;
		transition: .3s;
		padding: 4px 50px;
	}

	@media(max-width:1080px){
		#container .index-page .sec-pr01 .link-btn {
			display: inline-block;
			/* width: 80%; */
			font-size: 1rem;
			padding: 5px 50px;
			margin: 0 auto;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-pr01 .link-btn {
			font-size: .9rem;
			padding: 4px 50px;
		}
	}

	@media(max-width:375px){
		#container .index-page .sec-pr01 .link-btn {
			font-size: .8rem;
			padding: 4px 30px;
		}
	}




/* ////////////////////////////////////////////////////////////

TOPページ sec-pr01～sec-pr02間 ホワイトスペース

/////////////////////////////////////////////////////////////*/


	#container .index-page .jointspace {
		width: 100%;
		height: 60px;
		background: #f9f8f4;
	}


	@media(max-width:1200px){
		#container .index-page .jointspace {
			height: 40px;
		}
	}

	@media(max-width:767px){
		#container .index-page .jointspace {
			height: 40px;
		}
	}





/* ////////////////////////////////////////////////////////////

TOPページ sec-pr02 こだわりセクション

/////////////////////////////////////////////////////////////*/


#container .index-page section.sec-pr02 {
	position: relative;
	width: 100%;
	height: 45vh;
	/* background: #f9f8f4; */
	background-image: url(https://b527eb.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/komeko-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top 0px;
	background-attachment: fixed;
	transition: all .3s ease;
	margin: 0 0 0;
}

@media(max-width:1200px){
	#container .index-page section.sec-pr02 {
		height: 50vh;
		background-attachment: scroll;
		background-position: left 0% top 50px;
	}
}

@media(max-width:767px){
	#container .index-page section.sec-pr02 {
		background-attachment: scroll;
		background-position: left 0% top 50px;
	}
}


/* オーバーレイ */
@media(max-width:1200px){
	#container .index-page section.sec-pr02::before {
		content: '';
		/* ↓暗い半透明オーバーレイ */
		background-color: rgba(255, 255, 255, 0.2);
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
	}
}



#container .index-page .sec-pr02 .pr-h5-box {
	width: 100%;
	position: absolute;
	top: 50%;
	left:105%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
}

@media(max-width:1080px){
	#container .index-page .sec-pr02 .pr-h5-box {
		
	}
}

@media(max-width:767px){
	#container .index-page .sec-pr02 .pr-h5-box {
		left: 5%;
		top: 45%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}
}



#container .index-page .sec-pr02 .pr-h5-box h5 {
	display: inline-block;
	font-family: var(--font-min);
	font-size: 1.8rem;
	font-weight: 600;
	letter-spacing: .1em;
	line-height: 1.5;
	text-align: left;
	/* text-shadow: 1px 2px 3px #fff; */
	text-shadow: 2px 2px 2px #fff;
	margin: 0 0 15px;
}

@media(max-width:1080px){
	#container .index-page .sec-pr02 .pr-h5-box h5 {
	}
}

@media(max-width:767px){
	#container .index-page .sec-pr02 .pr-h5-box h5 {
		font-size: 1.8rem;
		margin: 0 0 0;
	}
}

@media(max-width:375px){
	#container .index-page .sec-pr02 .pr-h5-box h5 {
		font-size: 1.6rem;
	}
}



#container .index-page .sec-pr02 .pr-txt {
}

@media(max-width:1080px){
	#container .index-page .sec-pr02 .pr-txt {
	}
}

@media(max-width:767px){
	#container .index-page .sec-pr02 .pr-txt {
	}
}



#container .index-page .sec-pr02 .pr-txt p {
	font-size: .85rem;
	font-weight: 600;
	letter-spacing: .15em;
	line-height: 1.8;
	text-align: left;
	text-shadow: 1px 1px 1px #fff;
	margin: 20px auto 30px;
}

@media(max-width:1080px){
	#container .index-page .sec-pr02 .pr-txt p {
		font-size: .9rem;
	}
}

@media(max-width:767px){
	#container .index-page .sec-pr02 .pr-txt p {
		font-size: .9rem;
	}
}



#container .index-page .sec-pr02 .link-btn-box {
	margin: 20px 0 0;
}

@media(max-width:1080px){
	#container .index-page .sec-pr02 .link-btn-box {
	}
}

@media(max-width:767px){
	#container .index-page .sec-pr02 .link-btn-box {
	}
}



#container .index-page .sec-pr02 .link-btn {
	display: inline-block;
	text-align: center;
	font-size: .8rem;
	line-height: 2;
	font-weight: 600;
	color: #fff;
	/* background: #333; */
	background: #BC9D66;
	border-radius: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: .3s;
	transition: .3s;
	padding: 4px 50px;
}

@media(max-width:1080px){
	#container .index-page .sec-pr02 .link-btn {
		display: inline-block;
		/* width: 80%; */
		font-size: 1rem;
		padding: 5px 50px;
		margin: 0 auto;
	}
}

@media(max-width:767px){
	#container .index-page .sec-pr02 .link-btn {
		font-size: .9rem;
		padding: 4px 50px;
	}
}

@media(max-width:375px){
	#container .index-page .sec-pr02 .link-btn {
		font-size: .8rem;
		padding: 4px 30px;
	}
}





/* ////////////////////////////////////////////////////////////

TOPページ sec04 アプリバナーセクション

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-04 {
		position: relative;
		width: 100%;
		height: 380px;
		background: #E8AE02;
		/* background: #C14C20; */
		margin: 60px auto 60px;
	}

	@media(max-width:1080px){
		#container .index-page section.sec-04 {
		}
	}

	@media(max-width:900px){
		#container .index-page section.sec-04 {
			height: auto;
			padding: 60px 0;
			margin: 40px auto 0px;
		}
	}



	#container .index-page .sec-04 .FLEX-apps-bnr-box {
		width: 100%;
		height: 380px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
		box-sizing: border-box;
		margin: 0 auto 0;
		gap: 10px 30px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .FLEX-apps-bnr-box {
			/* flex-direction: column; */

		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .FLEX-apps-bnr-box {
			height: auto;
			width: 100%;
			flex-direction: column;
			gap: 30px 0px;
		}
	}



	#container .index-page .sec-04 .F-item-apps-bnr-mocup {
		position: relative;
		width: calc(25% - 30px);
		/* height: 160px; */
		text-align: center;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-mocup {
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-mocup {
			width: 90%;
		}
	}


	#container .index-page .sec-04 .F-item-apps-bnr-mocup img {
		width: 300px;
		min-width: 300px;
		position: absolute;
		top: -219px;
		right: 1rem;
		/* -webkit-transform: translateY(-50%); */
		/* -ms-transform: translateY(-50%); */
		/* transform: translateY(-50%); */
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-mocup img {
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-mocup img {
			position: relative;
			top: 0;
			bottom: 0;
			left: 1px;
			text-align: center;
			margin: 0 auto;
			width: 300px;
			height: 235px;
			object-fit: cover;
			/* object-position: 100% 100%; */
			object-position: top;
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-04 .F-item-apps-bnr-mocup img {
			min-width: 240px;
		}
	}




	#container .index-page .sec-04 .F-item-apps-bnr-txtbox {
		position: relative;
		width: calc(50% - 30px);
		/* height: 160px; */
		text-align: center;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox {
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox {
			width: 90%;
		}
	}



	#container .index-page .sec-04 .F-item-apps-bnr-txtbox .apps-bnr-pr {
		position: relative;
		display: block;
		color: #fff;
		font-size: 1rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .05em;
		font-feature-settings: "palt";
		margin: 0 auto 5px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox .apps-bnr-pr {
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox .apps-bnr-pr {
		}
	}



	#container .index-page .sec-04 .F-item-apps-bnr-txtbox h5 {
		position: relative;
		display: block;
		color: #fff;
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .05em;
		font-feature-settings: "palt";
		margin: 0 auto 5px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox h5 {
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox h5 {
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox h5 {
			font-size: 1.7rem;
		}
	}




	#container .index-page .sec-04 .F-item-apps-bnr-txtbox p {
		font-size: .8rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.8;
		color: #fff;
		text-align: center;
		margin: 20px auto 30px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox p {
			font-size: .9rem;
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox p {
			margin: 10px auto 30px;
			font-size: .85rem;
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox p {
			font-size: .8rem;
		}
	}



	#container .index-page .sec-04 .F-item-apps-bnr-txtbox .link-btn {
		display: inline-block;
		text-align: center;
		font-size: .8rem;
		line-height: 2;
		font-weight: 600;
		color: #fff;
		background: #333;
		border-radius: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: .3s;
		transition: .3s;
		padding: 4px 50px;
	}

	@media(max-width:1080px){
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox .link-btn {
			display: block;
			width: 80%;
			font-size: 1rem;
			padding: 10px 10px;
			margin: 0 auto;
		}
	}

	@media(max-width:767px){
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox .link-btn {
			font-size: .9rem;
			padding: 6px 50px;
		}
	}

	@media(max-width:375px){
		#container .index-page .sec-04 .F-item-apps-bnr-txtbox .link-btn {
			font-size: .8rem;
			padding: 5px 50px;
		}
	}



	#container .index-page .sec-04 .F-item-apps-bnr-storebtn {
		position: relative;
		width: calc(25% - 30px);
		/* height: 160px; */
		text-align: center;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-storebtn {
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-storebtn {
			width: 100%;
			display: flex;
			display: -webkit-flex;
			flex-direction: row;
			justify-content: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			flex-wrap: wrap;
			margin: 0 auto 0;
			gap: 0 30px;
		}
	}



	#container .index-page .sec-04 .F-item-apps-bnr-storebtn img {
		max-width: 170px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-storebtn img {
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-storebtn img {
			max-width: 220px;
			width: 100%;
		}
	}

	@media(max-width:767px) {
		#container .index-page .sec-04 .F-item-apps-bnr-storebtn img {
			max-width: 180px;
			width: 100%;
		}
	}

	@media(max-width:375px) {
		#container .index-page .sec-04 .F-item-apps-bnr-storebtn img {
			max-width: 150px;
			width: 100%;
		}
	}



	#container .index-page .sec-04 .F-item-apps-bnr-storebtn div {
		margin: 10px auto 10px;
	}

	@media(max-width:1080px) {
		#container .index-page .sec-04 .F-item-apps-bnr-storebtn div {
		}
	}

	@media(max-width:900px) {
		#container .index-page .sec-04 .F-item-apps-bnr-storebtn div {
			
		}
	}




/* ////////////////////////////////////////////////////////////

#header 下層ページ共通 ヘッダー

/////////////////////////////////////////////////////////////*/


	#header .cld-head {
		position: relative;
		width: 100%;
		height: 260px;
		margin: 80px auto 0;
		background: var(--h-and-f-background);
	}

	@media(max-width:1080px) {
		#header .cld-head {
		}
	}

	@media(max-width:767px) {
		#header .cld-head {
			height: 200px;
			margin: 70px auto 0;
		}
	}



	#header .cld-head .cld-head-bg {
	}

	@media(max-width:1080px) {
		#header .cld-head .cld-head-bg {
		}
	}

	@media(max-width:767px) {
		#header .cld-head .cld-head-bg {
		}
	}



	#header .cld-head .h1-area {
		width: 1160px;
		/* height: 100%; */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		/* background: #f9f8f4; */
		text-align: center;
		margin: 0 auto;
		z-index: 1;
	}

	@media(max-width:1080px) {
		#header .cld-head .h1-area {
			width: 100%;
		}
	}

	@media(max-width:767px) {
		#header .cld-head .h1-area {
			width: 100%;
		}
	}



	#header .cld-head .h1-box {
		display: block;
		/* position: absolute; */
		/* top: 50%; */
		/* left: 50%; */
		/* transform: translateY(-50%) translateX(-50%); */
		/* -webkit-transform: translateY(-50%) translateX(-50%); */
		/* margin: 0 auto; */
	}

	@media(max-width:1080px) {
		#header .cld-head .h1-box {
		}
	}

	@media(max-width:767px) {
		#header .cld-head .h1-box {
		}
	}



	#header .cld-head .h1-box h1 {
		display: inline-block;
		color: var(--h-and-f-font-col);
		font-family: var(--font-min);
		font-size: 2rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.3;
		text-align: center;
		margin: 0 auto 15px;
	}

	@media(max-width:1080px) {
		#header .cld-head .h1-box h1 {
		}
	}

	@media(max-width:1079px){
		#header .cld-head .h1-box h1 {
			font-size: 1.8rem;
		}
	}

	@media(max-width:767px){
		#header .cld-head .h1-box h1 {
			font-size: 1.7rem;
		}
	}

	@media(max-width:375px){
		#header .cld-head .h1-box h1 {
			font-size: 1.5rem;
		}
	}



	/* スマホのみbr有効 */
	#header .cld-head .h1-box br {
		display: none;
	}

	@media(max-width:1080px) {
		#header .cld-head .h1-box br {
		}
	}

	@media(max-width:1079px){
		#header .cld-head .h1-box br {
			display: inline-block;
		}
	}



	#header .cld-head .h1-box .en-tittle {
		font-size: 1rem;
		/* color: #fff; */
		color: #9D7B1B;
		font-family: var(--font-en);
		font-weight: 700;
		/* color: #fff; */
		letter-spacing: .02em;
		line-height: .9;
		font-feature-settings: "palt";
		margin: 0 0 10px;
	}

	@media(max-width:1080px) {
		#header .cld-head .h1-box .en-tittle {
		}
	}

	@media(max-width:767px){
		#header .cld-head .h1-box .en-tittle {
		}
	}



	#header .cld-head .h1-box .icon-box {
		/* text-align: center; */
		/* margin: 0 auto; */
		max-width: 70px;
		border: 1px solid #eee;
		border-radius: 10px;
		padding: 7px;
	}

	@media(max-width:1080px) {
		#header .cld-head .h1-box .icon-box {
		}
	}

	@media(max-width:1079px){
		#header .cld-head .h1-box .icon-box {
		}
	}


	#header .cld-head .h1-area .icon-box img {
		text-align: center;
		margin: 0 auto;
		
	}

	@media(max-width:1080px) {
		#header .cld-head .h1-area .icon-box img {
		}
	}

	@media(max-width:1079px){
		#header .cld-head .h1-area .icon-box img {
		}
	}




/* ////////////////////////////////////////////////////////////

ニュース関連(TOP) 工房

/////////////////////////////////////////////////////////////*/


	span.newMark {
		margin: 0 0 0 5px;
		font-size: .7rem;
		color: #E50213;
		letter-spacing: .1em;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		span.newMark {
		}
	}

	@media(max-width:767px){
		span.newMark {
			font-size: .6rem;
			margin: 0 0 0 0;
		}
	}



/* ////////////////////////////////////////////////////////////

下層ページ 共通設定

/////////////////////////////////////////////////////////////*/


	#container .child-page {
		position: relative;
		width: 100%;
		padding: 80px 0 0;
	}

	@media(max-width:1080px){
		#container .child-page {
		}
	}

	@media(max-width:767px){
		#container .child-page {
			padding: 60px 0 0;
		}
	}



	#container .lp-page {
		position: relative;
		width: 100%;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .lp-page {
		}
	}

	@media(max-width:767px){
		#container .lp-page {

		}
	}



/* ////////////////////////////////////////////////////////////

下層 一般ページ 共通

/////////////////////////////////////////////////////////////*/

	#container .child-page .h3-en {
		display: block;
		text-align: center;
		/* color: #fff; */
		/* color: #D92E1B; */
		color: #9B1414;
		font-size: 1rem;
		font-weight: 600;
		font-family: var(--font-en);
		letter-spacing: .05em;
		line-height: 1;
	}

	@media(max-width:1080px){
		#container .child-page .h3-en {
		}
	}

	@media(max-width:767px){
		#container .child-page .h3-en {
			
		}
	}



	#container .child-page h2.std-h2 {
		font-family: var(--font-min);
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: .05em;
		line-height: 1.5;
		text-align: center;
		margin: 0 0 40px;
		transition: all .3s ease;
	}

	@media(max-width:1080px) {
		#container .child-page h2.std-h2 {
			font-size: 1.6rem;
			margin: 0 0 20px;
		}
	}

	@media(max-width:767px) {
		#container .child-page h2.std-h2 {
			font-size: 1.5rem;
			margin: 0 0 30px;
		}
	}

	@media(max-width:540px) {
		#container .child-page h2.std-h2 {
			font-size: 1.5rem;
		}
	}



	#container .child-page h2.lrg-h2 {
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: .05em;
		line-height: 1.5;
		text-align: center;
		margin: 0 0 40px;
		transition: all .3s ease;
	}


	@media(max-width:1080px) {
		#container .child-page h2.lrg-h2 {
			font-size: 1.8rem;
			margin: 0 0 20px;
		}
	}

	@media(max-width:767px) {
		#container .child-page h2.lrg-h2 {
			font-size: 1.6rem;
			margin: 0 0 30px;
		}
	}

	@media(max-width:540px) {
		#container .child-page h2.lrg-h2 {
			font-size: 1.5rem;
		}
	}



	#container .child-page h3.std-h3 {
		position: relative;
		display: block;
		/* color: #fff; */
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .1em;
		font-feature-settings: "palt";
		margin: 0 auto 5px;
	}

	@media(max-width:1080px){
		#container .child-page h3.std-h3 {
			margin: -5px 0 0;
		}
	}

	@media(max-width:767px){
		#container .child-page h3.std-h3 {
			font-size: 1.6rem;
			line-height: 1.2;
			margin: 0 auto 12px;
		}
	}




/* ////////////////////////////////////////////////////////////
トップtxt（ページ冒頭 h2下）
/////////////////////////////////////////////////////////////*/

	#container .child-page p.std-top-p {
		font-family: var(--font-min);
		font-size: .9rem;
		/* font-weight: 400; */
		font-weight: 500;
		/* color: #2a2a2a; */
		letter-spacing: .1em;
		/* line-height: 2.2; */
		line-height: 2.4;
		text-align: center;
		margin: 0 auto;
		font-feature-settings: "palt";
		transition: all .6s ease; 
	}

	@media(max-width:1080px) {
		#container .child-page p.std-top-p {
			font-size: .9rem;
			line-height: 2;
		}
	}

	@media(max-width:767px) {
		#container .child-page p.std-top-p {
			font-size: .9rem;
			line-height: 2;
			/* text-align: left; */
		}
	}



/* ////////////////////////////////////////////////////////////

予約メールフォームページ (contact.php)

/////////////////////////////////////////////////////////////*/

	#container .child-page .reserve-page {
		position: relative;
		width: 100%;
	}

	@media(max-width:1080px){
		#container .child-page .reserve-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .reserve-page {

		}
	}



	#container .reserve-page section.form-sec {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
	}

	@media(max-width:1160px){
		#container .reserve-page section.form-sec {
			
		}
	}

	@media(max-width:1080px){
		#container .reserve-page section.form-sec {
		}
	}

	@media(max-width:767px){
		#container .reserve-page section.form-sec {
		}
	}



	#container .reserve-page .top-tokki-area {
		position: relative;
		width: 100%;
		text-align: center;
		margin: 0 auto 60px;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .reserve-page .top-tokki-area {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .top-tokki-area {
			margin: 0 auto 40px;
		}
	}



	#container .reserve-page .top-tokki-box {
		display: inline-block;
		text-align: left;
		font-size: .9rem;
		font-weight: 600;
		line-height: 2.0;
		border: 2px solid #C14C20;
		background: #fff5e4;
		margin: 0 auto 0;
		padding: 20px 20px;
	}

	@media(max-width:1080px){
		#container .reserve-page .top-tokki-box {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .top-tokki-box {
			padding: 10px 15px;
		}
	}



	#container .reserve-page .top-tokki-box span {
		color: #C14C20;
	}

	@media(max-width:1080px){
		#container .reserve-page .top-tokki-box span {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .top-tokki-box span {
		}
	}




	#container .reserve-page .toptxt-box {
		position: relative;
		width: 100%;
		text-align: center;
		font-size: .9rem;
		line-height: 2.0;
		margin: 0 auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .reserve-page .toptxt-box {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .toptxt-box {
			font-size: 1rem;
			padding: 0 0 40px;
		}
	}



	#container .reserve-page .toptxt-box p {
		font-size: .8rem;
		font-weight: 400;
		letter-spacing: .1em;
		line-height: 2.2;
		margin: 0 auto;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px) {
		#container .reserve-page .toptxt-box p {
			font-size: .8rem;
			line-height: 2;
		}
	}

	@media(max-width:767px) {
		#container .reserve-page .toptxt-box p {
			font-size: .8rem;
			line-height: 2;
		}
	}




/* ////////////////////////////////////////////////////////////
状態案内
/////////////////////////////////////////////////////////////*/

	#container .Flex-formstatus {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		font-size: 1rem;
		letter-spacing: 1px;
		margin: 60px auto 60px;
	}


	@media(max-width:767px) {
		#container .Flex-formstatus {
			/* margin: 50px auto 50px; */
			display: none;
		}
	}


	@media(max-width:375px) {
		#container .Flex-formstatus {
			display: none;
		}
	}



	#container .Flex-formstatus-no_topmg {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		font-size: 1rem;
		letter-spacing: 1px;
		margin: 0 auto 60px;
	}



	#container .formstatus-box {
		position: relative;
		display: flex;
		font-size: 1rem;
		font-weight: 400;
		align-items: center;
		color: #ccc;
	}

	@media(max-width:767px) {
		#container .formstatus-box {
			font-size: .9rem;
		}
	}



	#container .formstatus-box.activ {
		background: #e8f1e7!important;
		font-size: 1rem;
		font-weight: 700!important;
		color: #35532d!important;
		padding: 10px 20px;
	}

	@media(max-width:767px) {
		#container .formstatus-box.activ {
			font-size: .9rem!important;
			padding: 10px 15px;
		}
	}



	.formstatus-line {
		background-color: #ccc;
		height: 1px;
		width: 5rem;
		margin: 0 15px;
	}

	@media(max-width:767px) {
		.formstatus-line {
			width: 3rem;
		}
	}

	@media(max-width:540px) {
		.formstatus-line {
			width: 1rem;
		}
	}





/* ////////////////////////////////////////////////////////////
フォーム部分
/////////////////////////////////////////////////////////////*/

	#formWrap {
		position: relative;
		width: 100%;
		margin: 0 auto 80px;
	}

	@media(max-width:1080px){
		#formWrap {
		}
	}

	@media(max-width:767px){
		#formWrap {
		}
	}


	#container .reserve-page .form-table {
		width: 100%;
		border-spacing: 0;
		word-wrap: break-word;
		word-break: break-all;
		border-bottom: 1px solid #e2e2e2;
	}

	@media(max-width:767px){
		#container .reserve-page .form-table {
			border-left: 1px solid #e2e2e2;
			border-right: 1px solid #e2e2e2;
			border-bottom: 1px solid #e2e2e2;
		}
	}


	#container .reserve-page .form-table td,
	#container .reserve-page .form-table th {
		font-size: 1rem;
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: .08em;
		vertical-align: top;
		text-align: left;
		border-top: 1px solid #e2e2e2;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		vertical-align: middle;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .reserve-page .form-table td,
		#container .reserve-page .form-table th {
			display: block;
			width: 100%;
		}
	}


	#container .reserve-page .form-table th {
		width: 33.33%;
		/* background-color: #faf8f5; */
		background-color: #F5F2EF;
		padding: 10px 10px 10px 15px;
	}

	@media(max-width:1080px){
		#container .reserve-page .form-table th {
			display: block;
			width: 100%;
			padding: .8rem 1rem;
		}
	}


	#container .reserve-page .form-table td {
		width: 77.77%;
		padding: 20px 10px 20px 15px;
	}

	@media(max-width:1080px){
		#container .reserve-page .form-table td {
			display: block;
			width: 100%;
			padding: 1.5rem 2rem 2rem;
		}
	}

	@media(max-width:767px){
		#container .reserve-page .form-table td {
			display: block;
			width: 100%;
			padding: 1.5rem 1rem 2rem;
		}
	}


	#container .reserve-page .form-table input {
		width:100%;
		font-size: 1rem;
		padding: 12px;
		font-feature-settings: "palt";
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
	}

	@media(max-width:1080px){
		#container .reserve-page .form-table input {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .form-table input {
			font-size: 1rem;
		}
	}


	/* ご来店日 入力 */

	#container .reserve-page .form-table .data-select-box {
		
	}

	@media(max-width:1080px){
		#container .reserve-page .form-table .data-select-box {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .form-table .data-select-box {
			
		}
	}


	/* jQuery.datepicker 使用の場合 */
	#container .reserve-page .form-table .data-select-box input[type="text"] {
		width: 260px;
	}

	@media(max-width:767px){
		#container .reserve-page .form-table .data-select-box input[type="text"] {
			font-size: 1rem;
			width: 100%;
		}
	}





	

	#container .reserve-page .form-table .data-select-box input {
		position: relative;
		/* width:100%; */
		width: 260px;
		font-size: 1rem;
		padding: 12px;
		font-feature-settings: "palt";
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		cursor: pointer;
	}

	@media(max-width:1080px){
		#container .reserve-page .form-table .data-select-box input {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .form-table .data-select-box input {
			width: 100%;
			font-size: 1rem;
		}
	}

	/* カレンダーアイコン 非表示に かつどこをクリックしてもカレンダーが展開されるように */
	#container .reserve-page .form-table .data-select-box input::-webkit-calendar-picker-indicator {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: auto;
		height: auto;
		background: transparent;
		z-index: 1;
		cursor: pointer;
	}

	/* オリジナルカレンダーアイコン */
	#container .reserve-page .form-table .data-select-box input::after {
		content: '';
		background-image: url(https://76cf38.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/ico_calendar.svg);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: 0 0;
		width: 18px;
		height: 18px;
		position: absolute;
		top: 50%;
		left: 230px;
		transform: translateY(-50%);
	}

	@media(max-width:767px){
		#container .reserve-page .form-table .data-select-box input::after {
			left: auto;
			right: 13px;
		}
	}



	/* ご来店時間・人数 選択 */
	#container .reserve-page .form-table select {
		appearance: none;/* 標準仕様の矢印を非表示に */
		-webkit-appearance: none;/* 標準仕様の矢印を非表示に */
		-moz-appearance: none;/* 標準仕様の矢印を非表示に */
		/* width:100%; */
		width: 260px;
		font-size: 1rem;
		padding: 14px 12px;
		font-feature-settings: "palt";
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		cursor: pointer;
	}

	@media(max-width:1080px){
		#container .reserve-page .form-table select {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .form-table select {
			font-size: 1rem;
			width: 100%;
		}
	}


	#container .reserve-page .time-caution {
		margin: -15px 0 13px;
	}

	@media(max-width:1080px){
		#container .reserve-page .time-caution {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .time-caution {
		}
	}



	#container .reserve-page .time-caution p {
		font-size: .8rem;
		line-height: 1.2;
		margin: 5px 0;
	}

	@media(max-width:1080px){
		#container .reserve-page .time-caution p {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .time-caution p {
		}
	}



	/* セレクトボックスの矢印デザイン変更 ご来店時間 */

	#container .reserve-page .time-select-box,
	#container .reserve-page .people-select-box {
		position: relative;
		width: 100%;
	}

	@media(max-width:1080px){
		#container .reserve-page .time-select-box,
		#container .reserve-page .people-select-box {
		}
	}

	@media(max-width:767px){
		#container .reserve-page .time-select-box,
		#container .reserve-page .people-select-box {
		}
	}


	#container .reserve-page .time-select-box::before,
	#container .reserve-page .people-select-box::before {
		position: absolute;
		/* right: 20px; */
		left: 235px;
		top: 17px;
		width: 0;
		content: "";
		border-bottom: 5px solid #BCBCBC;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
	}

	@media(max-width:767px){
		#container .reserve-page .time-select-box::before,
		#container .reserve-page .people-select-box::before {
			left: auto;
			right: 20px;
		}
	}


	#container .reserve-page .time-select-box::after,
	#container .reserve-page .people-select-box::after {
		position: absolute;
		/* right: 20px; */
		left: 235px;
		top: 30px;
		width: 0;
		content: "";
		border-top: 5px solid #BCBCBC;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
	}

	@media(max-width:767px){
		#container .reserve-page .time-select-box::after,
		#container .reserve-page .people-select-box::after {
			left: auto;
			right: 20px;
		}
	}




	/* 店舗選択 ラジオボタン（選択不可・固定版） */

	#container .reserve-page .form-table td.shop-select {
		font-size: 1rem;
	}



	#container .reserve-page .form-table .shop-select input[type="radio"] {
		width: auto;
		margin: 0 auto 0;
		cursor: text;
	}



	/* コース選択 ラジオボタン */

	#container .reserve-page .form-table td.course-select {
		font-size: 1rem;
	}


	#container .reserve-page .form-table .course-select label {
		display: block;
		margin: 0 auto 0;
	}

	@media(max-width:1080px){
		#container .reserve-page .form-table .course-select label {
			margin: 0 auto 0;
		}
	}



	#container .reserve-page .form-table .course-select input[type="radio"] {
		width: auto;
		margin: 0 auto 0;
		cursor: default;
	}



	#container .reserve-page .form-table .price-font {
		font-size: .9rem;
		letter-spacing: .05em;
	}



	/* 入力例の色 */
	#container .reserve-page .form-table input::placeholder,
	#container .reserve-page .form-table textarea::placeholder {
		color: #BCBCBC;
		/* color: #89abd4; */
	}

	/* 入力例の色 Edge */
	#container .reserve-page .form-table input::-ms-input-placeholder,
	#container .reserve-page .form-table textarea::-ms-input-placeholder {
		color: #BCBCBC;
		/* color: #89abd4; */
	}

	/* 入力例の色 IE11 & IE10 */
	#container .reserve-page .form-table input:-ms-input-placeholder,
	#container .reserve-page .form-table textarea:-ms-input-placeholder {
		color: #BCBCBC;
		/* color: #89abd4; */
	}

	#container .reserve-page .form-table input[type="text"] {
		width: 100%;
	}


	#container .reserve-page .form-table textarea {
		width: 100%;
		font-size: 1rem;
		padding: 12px;
		font-feature-settings: "palt";
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
	}




/* ////////////////////////////////////////////////////////////
フォーム系 共通
/////////////////////////////////////////////////////////////*/



	#container .form-table .indis_mark {
		display: inline-block;
		font-size: .7rem;
		background: #FF4C4C;
		color: #fff;
		padding: 0 5px;
		border-radius: 5px;
		margin: 2px 0 0 8px;
		font-feature-settings: "palt";
	}

	@media(max-width:767px){
		#container .form-table .indis_mark {
			font-size: .7rem;
		}
	}


	#container .form-table .left-mg {
		margin-left: 15px;
	}


	#container .form-table .s-tittle {
		font-size: .8rem;
		font-weight: 600;
		margin: .8em 0 .3em;
		font-feature-settings: "palt";
	}


	#container .form-table .s-font {
		font-size: .7rem;
		margin: .5em 0 0;
		font-feature-settings: "palt";
	}

	@media(max-width:767px){
		#container .form-table .s-font {
			font-size: .7rem;
		}
	}


	#container .form-sec .form-caution-box {
		width:100%;
		margin: 60px auto;
		text-align: center;
	}

	@media(max-width:1080px){
		#container .form-sec .form-caution-box {
		}
	}

	@media(max-width:767px){
		#container .form-sec .form-caution-box {
			padding: 0 20px;
			margin: 30px auto;
		}
	}

	@media(max-width:375px){
		#container .form-sec .form-caution-box {
			padding: 0 0;
		}
	}



	#container .form-sec .form-caution-box p {
		text-align: center;
		font-size: .8rem;
		letter-spacing: .1em;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .form-sec .form-caution-box p {
			text-align: left;
		}
	}

	@media(max-width:767px){
		#container .form-sec .form-caution-box p {
		}
	}


	#container .form-sec .form-caution-box a.txt-link-v6 {
		font-size: .9rem!important;
		font-weight: bold!important;
	}

	@media(max-width:1080px) {
		#container .form-sec .form-caution-box a.txt-link-v6 {
			font-size: .8rem!important;
		}
	}

	@media(max-width:767px){
		#container .form-sec .form-caution-box a.txt-link-v6 {
		}
	}


	#container .form-sec .form-policy_check-box {
		width:100%;
		margin: 60px auto;
		text-align: center;
	}

	@media(max-width:1080px){
		#container .form-sec .form-policy_check-box {
		}
	}

	@media(max-width:767px){
		#container .form-sec .form-policy_check-box {
			margin: 23px auto;
		}
	}


	#container .form-sec .form-policy_check-box p {
		font-size: .9rem;
		text-align: center;
	}

	@media(max-width:1080px){
		#container .form-sec .form-policy_check-box p {
		}
	}

	@media(max-width:767px){
		#container .form-sec .form-policy_check-box .policy-check {
		}
	}


	#container .form-sec .form-policy_check-box .policy-check {
		text-align: center;
	}

	@media(max-width:1080px){
		#container .form-sec .form-policy_check-box .policy-check {
		}
	}

	@media(max-width:767px){
		#container .form-sec .form-policy_check-box .policy-check {
		}
	}


	#container .form-sec .form-policy_check-box .policy-check span {
		font-size: 1rem;
		font-weight: 600;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .form-sec .form-policy_check-box .policy-check span {
		}
	}

	@media(max-width:767px){
		#container .form-sec .form-policy_check-box .policy-check span {
		}
	}


	#container .form-sec .form-submit-area {
		margin: 0 auto;
		text-align: center;
	}

	@media(max-width:1080px){
		#container .form-sec .form-submit-area {
		}
	}

	@media(max-width:767px){
		#container .form-sec .form-submit-area {
		}
	}


	/* 送信ボタン */
	#container .form-sec input[type="submit"] {
		display: inline-block;
		font-size: 1.2rem;
		font-weight: 500;
		font-family: var(--font-jp);
		padding: 20px 90px;
		border: none;
		border-radius: 20px;
    -webkit-border-radius: 20px;
		/* background: #0049A0; */
		background: #EB7708;
		color: #fff;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
		font-feature-settings: "palt";
		cursor: pointer;
	}

	@media(max-width:767px){
		#container .form-sec input[type="submit"] {
			width: 90%;
			padding: 20px;
		}
	}

	#container .form-sec input[type="submit"]:hover {
		filter: brightness(120%);
		transition: all .5s;
	}


	/* ////////////////////////////////////////////////////////////
	個人情報保護方針部分
	/////////////////////////////////////////////////////////////*/

	#container .form-sec .form-info-box {
		border : 1px solid #D4D4D4;
		height: 360px;
		width: 80%;
		padding: 25px 30px;
		overflow: auto;
		margin: 30px auto 40px;
	}

	@media screen and (max-width:768px) {
		#container .form-sec .form-info-box {
		height: 200px;
		width: 100%;
		padding: 15px 10px;
		margin: 30px auto 30px;
		}
	}


	#container .form-sec .form-info-box h3 {
		font-size: 1rem;
		line-height: 1.6;
		margin: 0 auto 15px;
	}

	@media screen and (max-width:768px) {
		#container .form-sec .form-info-box h3 {
			font-size: .9rem;
		}
	}



	#container .form-sec .form-info-subh4 {
		display: inline-block;
		font-size: .85rem;
		font-weight: 600;
		line-height: 1.6;
		border: 1px solid #ccc;
		padding: 3px 15px;
		margin: 35px auto 0;
	}

	@media screen and (max-width:768px) {
		#container .form-sec .form-info-subh4 {
			font-size: .85rem;
		}
	}



	#container .form-sec .form-info-box h4.first-let {
		font-size: .8rem;
		font-weight: 600;
		line-height: 1.6;
		margin: 25px auto 15px;
	}

	@media screen and (max-width:768px) {
		#container .form-sec .form-info-box h4.first-let {
			font-size: .8rem;
			margin: 25px auto 15px;
		}
	}



	#container .form-sec .form-info-box h4 {
		font-size: .8rem;
		font-weight: 600;
		line-height: 1.6;
		margin: 35px auto 15px;
	}

	@media screen and (max-width:768px) {
		#container .form-sec .form-info-box h4 {
			font-size: .8rem;
			margin: 25px auto 15px;
		}
	}


	#container .form-sec .form-info-box p {
		font-size: .8rem;
		font-weight: 400;
		line-height: 2;
		margin: 0 0 10px;
		text-align: left;
	}

	#container .form-sec .form-info-box p u {
		font-size: 1.5rem;
		line-height: 2;
	}





/* ////////////////////////////////////////////////////////////

下層 送信確認ページ (contact-sys.php)

/////////////////////////////////////////////////////////////*/


	.form-kakunin-pape {
	}


	.form-kakunin-pape p.kakunin-setu-txt {
		text-align: center!important;
		font-size: .9rem!important;
		font-weight: 500!important;
		letter-spacing: .16em!important;
		line-height: 2.0!important;
		margin: 15px 0 40px!important;
		font-feature-settings: "palt"!important;
	}



	.form-kakunin-pape #formWrap {
		width: 960px;
		margin: 0 auto 80px;
		/* color:#555; */
		line-height:120%;
		font-size:90%;
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		}

		@media screen and (max-width:960px) {
			.form-kakunin-pape #formWrap {
				width:95%;
				margin:0 auto 20px;
			}
		}

		@media screen and (max-width:768px) {
			.form-kakunin-pape #formWrap {
				width:95%;
			margin:0 auto 20px;
			}
		}



	.form-kakunin-pape #formWrap h3 {
		text-align: center;
		font-size:1.7rem;
		letter-spacing: .05em;
		color: #2a2a2a;
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		margin: 0 auto 50px;
	}

	@media screen and (max-width:768px) {
		.form-kakunin-pape #formWrap h3 {
			margin: 0 auto 25px;
		}
	}

	.form-kakunin-pape #formWrap h3:first-letter {
		color: #0049A0;
	}



	.form-kakunin-pape table.formTable {
		width:100%;
		margin:0 auto 50px;
		border-collapse:collapse;
	}

	@media screen and (max-width:768px) {
		.form-kakunin-pape table.formTable {
			margin:0 auto 40px;
		}
	}



	.form-kakunin-pape table.formTable td,table.formTable th{
		border:1px solid #ccc;
		padding: 20px;
	}

	@media screen and (max-width:768px) {
		.form-kakunin-pape table.formTable th, .form-kakunin-pape table.formTable td {
			width:auto;
			display:block;
			font-size: .9rem;
			padding: 20px 15px;
		}
	}



	.form-kakunin-pape table.formTable th{
		width:30%;
		font-weight:normal;
		background:#F5F2EF;
		text-align:left;
	}

	@media screen and (max-width:768px) {
		.form-kakunin-pape table.formTable th {
			width: 100%;
			margin-top:5px;
			border-bottom:0;
		}
	}


	.form-kakunin-pape h4 {
		/* font-size: 1.1rem!important; */
		font-size: 1rem!important;
		margin: 1em 0 1em!important;
		margin: 0 auto 2em!important;
		font-weight: 500!important;
		line-height: 2.0!important;
	}

	@media screen and (max-width:768px) {
		.form-kakunin-pape h4 {
			font-size: 1rem!important;
		}
	}

	@media screen and (max-width:375px) {
		.form-kakunin-pape h4 {
			font-size: .9rem!important;
			line-height: 1.8!important;
		}
	}



	.form-kakunin-pape p.error_messe {
		font-size: 1rem!important;
		color:red!important;
		text-align: center!important;
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		margin: 1em 0 1em!important;
	}

	@media screen and (max-width:768px) {
		.form-kakunin-pape p.error_messe {
			font-size: .9rem!important;
		}
	}

	@media screen and (max-width:375px) {
		.form-kakunin-pape p.error_messe {
			font-size: .9rem!important;
		}
	}



	.form-kakunin-pape input[type="submit"], .form-kakunin-pape input[type="reset"], .form-kakunin-pape input[type="button"] {
		display:block;
		width:80%;
		height: 60px;
		margin: 20px auto 20px;
		font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		border: none;
		cursor: pointer;
		-webkit-transition: .3s ease-in-out;
		transition: .3s ease-in-out;
	}

	@media screen and (max-width:768px) {
		.form-kakunin-pape input[type="submit"], .form-kakunin-pape input[type="reset"], .form-kakunin-pape input[type="button"] {
			display:block;
			width:100%;
			height:60px;
			margin: 20px auto 20px;
			font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "YuGothic", "メイリオ", Meiryo, sans-serif;
		}
	}



	.form-kakunin-pape input[type="submit"] {
		background: #EB7708;
		font-size: 1.2rem;
		font-weight: 500;
		color: #fff;
		border: none;
		border-radius: 20px;
    -webkit-border-radius: 20px;
	}



	.form-kakunin-pape input[type="button"] {
		font-size: 1rem;
		border-radius: 20px;
    -webkit-border-radius: 20px;
	}

	@media (max-width: 767px){
		.form-kakunin-pape input[type="button"] {
			width: 90%;
		}
	}


	.form-kakunin-pape input[type="submit"]:hover {
		filter: brightness(120%);
		transition: all .5s;
	}


	.form-kakunin-pape input[type="button"]:hover {
		filter: brightness(90%);
		transition: all .5s;
	}





/* ////////////////////////////////////////////////////////////

下層 サンクスページ (thanks.php)

/////////////////////////////////////////////////////////////*/

/* 基本ベースはフォームページ(contact.php)と共用 */

	#container .child-page .thanks-h3box-txt {
		/* width: 60%; */
		text-align: center;
		margin: 0 auto 80px;
	}

	@media(max-width:1080px) {
		#container .child-page .thanks-h3box-txt {
		}
	}

	@media(max-width:767px) {
		#container .child-page .thanks-h3box-txt {
			width: 100%;
			margin: 15px auto 0;
		}
	}


	#container .child-page .thanks-h3box-txt p {
		text-align: center;
		font-size: .9rem;
		font-weight: 500;
		letter-spacing: .16em;
		line-height: 2.2;
		color: #2a2a2a;
		margin: 15px 0 15px;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px) {
		#container .child-page .thanks-h3box-txt p {
		}
	}

	@media(max-width:767px) {
		#container .child-page .thanks-h3box-txt p {
			text-align: left;
		}
	}




/* ////////////////////////////////////////////////////////////

下層 店舗一覧ページ (/reservation/index.php)

/////////////////////////////////////////////////////////////*/


	#container .child-page .shopinfo-page {
		position: relative;
		width: 100%;
	}

	@media(max-width:1080px){
		#container .child-page .shopinfo-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .shopinfo-page {

		}
	}



	#container .shopinfo-page section.sec01 {
		position: relative;
		width: 100%;
		margin: 0 auto 60px;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .shopinfo-page section.sec01 {
		}
	}

	@media(max-width:767px){
		#container .shopinfo-page section.sec01 {
			padding: 0 0 0;
			margin: 0 auto 40px;
		}
	}



	#container .shopinfo-page section.sec02 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .shopinfo-page section.sec02 {
		}
	}

	@media(max-width:767px){
		#container .shopinfo-page section.sec02 {
			padding: 0 0 0;
		}
	}



	#container .shopinfo-page section.sec03 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .shopinfo-page section.sec03 {
		}
	}

	@media(max-width:767px){
		#container .shopinfo-page section.sec03 {
			padding: 0 0 0;
		}
	}




/* ////////////////////////////////////////////////////////////

絞り込み選択機能

/////////////////////////////////////////////////////////////*/


	.is-hide {
		display: none;
	}



	#container .shopinfo-page .search-box {
		text-align: center;
		border-top: 2px dotted #C1AE6E;
		border-bottom: 2px dotted #C1AE6E;
		padding: 25px 30px 12px;
		margin: 0 auto;
	}

	@media(max-width:1080px){
		#container .shopinfo-page .search-box {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page .search-box {
			padding: 30px 10px 20px;
		}
	}



	#container .shopinfo-page .search-box h2 {
		font-family: var(--font-min);
		font-size: 1.3rem;
		font-weight: 500;
		margin: 0 auto 30px;
	}

	@media(max-width:1080px){
		#container .shopinfo-page .search-box h2 {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page .search-box h2 {
		}
	}



	#container .shopinfo-page ul.search-gunma-box,
	#container .shopinfo-page ul.search-saitama-box,
	#container .shopinfo-page ul.search-all-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		justify-content: start;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		text-align: center;
		gap: 10px 10px;
	}

	@media(max-width:1080px){
		#container .shopinfo-page ul.search-gunma-box,
	#container .shopinfo-page ul.search-saitama-box,
	#container .shopinfo-page ul.search-all-box {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page ul.search-gunma-box,
		#container .shopinfo-page ul.search-saitama-box,
		#container .shopinfo-page ul.search-all-box {
			gap: 10px 10px;
		}
	}



	#container .shopinfo-page ul.search-gunma-box {
		margin: 0 auto 20px;
	}

	@media(max-width:1080px){
		#container .shopinfo-page ul.ssearch-gunma-box {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page ul.search-gunma-box {
			margin: 0 auto 30px;
		}
	}



	#container .shopinfo-page ul.search-saitama-box {
		margin: 0 auto 30px;
	}

	@media(max-width:1080px){
		#container .shopinfo-page ul.search-saitama-box {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page ul.search-saitama-box {
			margin: 0 auto 40px;
		}
	}



	#container .shopinfo-page .search-gunma-box li,
	#container .shopinfo-page .search-saitama-box li
	{
		font-size: .9rem;
		font-weight: 500;
		
	}

	@media(max-width:1080px){
		#container .shopinfo-page .search-gunma-box li,
		#container .shopinfo-page .search-saitama-box li {
			
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page .search-gunma-box li,
		#container .shopinfo-page .search-saitama-box li {
			width: 100%;
			text-align: left;
			font-size: 1rem;
			margin: 0 0 8px;
		}
	}



	#container .shopinfo-page .search-gunma-box li.ken-ttl,
	#container .shopinfo-page .search-saitama-box li.ken-ttl
	{
		font-size: 1rem;
		font-weight: 600;
		color: #999;
	}

	@media(max-width:1080px){
		#container .shopinfo-page .search-gunma-box li.ken-ttl,
		#container .shopinfo-page .search-saitama-box li.ken-ttl {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page .search-gunma-box li.ken-ttl,
		#container .shopinfo-page .search-saitama-box li.ken-ttl {
			width: 100%;
			font-size: 1.1rem;
			text-align: left;
			margin: 0 auto 10px;
		}
	}



	#container .shopinfo-page .search-gunma-box input,
	#container .shopinfo-page .search-saitama-box input {
		margin: 0 5px 0 20px;
		cursor: pointer;
	}

	@media(max-width:1080px){
		#container .shopinfo-page .search-gunma-box input,
		#container .shopinfo-page .search-saitama-box input {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page .search-gunma-box input,
		#container .shopinfo-page .search-saitama-box input {
			margin: 0 6px 0 6px;
		}
	}



	#container .shopinfo-page ul.search-all-box {
		margin: 0 auto 20px;
	}

	@media(max-width:1080px){
		#container .shopinfo-page ul.search-all-box {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page ul.search-all-box {
			justify-content: center;
		}
	}



	#container .shopinfo-page .search-all-box li {
		font-size: .9rem;
		text-align: left;
		margin: 0 20px 0 0;
	}

	@media(max-width:1080px){
		#container .shopinfo-page .search-all-box li {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page .search-all-box li {
			font-size: 1rem;
		}
	}



	#container .shopinfo-page .search-all-box input {
		margin: 0 5px 0 0px;
	}

	@media(max-width:1080px){
		#container .shopinfo-page .search-all-box input {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page .search-all-box input {
		}
	}



	#container .shopinfo-page .search-all-box li.all-map-link {
		background: #c50018;
		border-radius: 20px;
		color: #fff;
		font-size: .8rem;
		padding: 10px 20px;
	}

	@media(max-width:1080px){
		#container .shopinfo-page .search-all-box li.all-map-link {
		}
	}

	@media(max-width:860px){
		#container .shopinfo-page .search-all-box li.all-map-link {
		}
	}



	#container .child-page ul.shop-list {
		position: relative;
		width: 100%;
		margin: 0 auto 80px;
		padding: 0 0 0;
	}


	@media(max-width:1080px){
		#container .child-page ul.shop-list {
		}
	}

	@media(max-width:767px){
		#container .child-page ul.shop-list {
			padding: 0 0 0;
			margin: 0 auto 55px;
		}
	}



	#container .child-page ul.shop-list h3 {
		display: block;
		font-family: var(--font-min);
		color: #C1AE6E;
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.3;
		text-align: center;
		margin: 0 auto 30px;
	}


	@media(max-width:1080px){
		#container .child-page ul.shop-list h3 {
		}
	}

	@media(max-width:767px){
		#container .child-page ul.shop-list h3 {
		}
	}

	@media(max-width:375px){
		#container .child-page ul.shop-list h3 {
			font-size: 1.7rem;
			letter-spacing: .05em;
			margin: 0 auto 20px;
		}
	}




	#container .child-page li.FLEX-shop-item {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		/* background: #F5F2EF; */
		background: #f9f8f4;
		padding: 40px 70px;
		margin: 0 auto 50px;
		gap: 0 0;
	}


	@media(max-width:1080px){
		#container .child-page li.FLEX-shop-item {
			flex-direction: column;
			padding: 40px 40px;
		}
	}

	@media(max-width:767px){
		#container .child-page li.FLEX-shop-item {
			flex-direction: column;
			background: #F5F2EF;
			padding: 30px 30px;
			margin: 0 auto 50px;
		}
	}

	@media(max-width:375px){
		#container .child-page li.FLEX-shop-item {
			padding: 18px 12px;
			margin: 0 auto 30px;
		}
	}


	/* ※バリアフリーページの場合 */
	@media(max-width:767px){
		#container .child-page .barrierfree-page li.FLEX-shop-item {
			background: #fff;
		}
	}



	#container .child-page .F-item-shop-txt {
		width: 45%;
		padding: 0 0;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt {
			width: 100%;
			padding: 0 0;
			margin: 0 auto 30px;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt {
			margin: 0 auto 50px;
		}
	}



	#container .child-page .F-item-shop-txt h4.list-shop-name {
		font-family: var(--font-min);
		font-size: 1.4rem;
		font-weight: 700;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt h4.list-shop-name {
			text-align: center;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt h4.list-shop-name {
		}
	}



	#container .child-page .F-item-shop-txt p.list-shop-tel {
		font-size: 1.2rem;
		font-weight: 700;
		font-family: roboto, sans-serif;
		margin: 4px 0 0;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt p.list-shop-tel {
			text-align: center;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt p.list-shop-tel {
		}
	}



	#container .child-page .F-item-shop-txt p.list-shop-add {
		font-size: .8rem;
		font-weight: 400;
		margin: 10px 0 0;
	}

	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt p.list-shop-add {
			text-align: center;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt p.list-shop-add {
			margin: 10px 0 0;
		}
	}

		@media(max-width:767px){
		#container .child-page .F-item-shop-txt p.list-shop-add {
			font-size: .7rem;
		}
	}



	#container .child-page .F-item-shop-txt dl.list-shop-time {
		display: flex;
		display: -ms-flexbox;
		display: -webkit-flex;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		margin: 4px 0 20px;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt dl.list-shop-time {
			text-align: center;
			justify-content: center;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt dl.list-shop-time {
			flex-direction: column;
			align-items: center;
			gap: 5px 0;
		}
	}



	#container .child-page .F-item-shop-txt .list-shop-time dt {
		position: relative;
		/* width: 100px; */
		font-size: .8rem;
		line-height: 1.5;
		font-weight: 400;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .list-shop-time dt {
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .list-shop-time dt {
		}
	}



	#container .child-page .F-item-shop-txt .list-shop-time dd {
		/* width: calc(100% - 100px); */
		font-size: .8rem;
		line-height: 1.5;
		font-weight: 400;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding-left: 12px;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .list-shop-time dd {
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .list-shop-time dd {
		}
	}



	#container .child-page .F-item-shop-txt .list-shop-time span.lo-time {
		margin: 0;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .list-shop-time span.lo-time {
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .list-shop-time span.lo-time {
			display:block;
			margin: 0 0 -10px;
		}
	}



	#container .child-page .F-item-shop-txt ul.list-shop-icon {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-pack: start;
		-webkit-box-pack: start;
		justify-content: flex-start;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		gap: 0 0px;
		margin: 0px 0px 25px;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt ul.list-shop-icon {
			justify-content: center;
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt ul.list-shop-icon {
			justify-content: center;
		}
	}



	#container .child-page .F-item-shop-txt .list-shop-icon li {
		width: 80px;
		text-align: center;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .list-shop-icon li {
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .list-shop-icon li {
		}
	}



	#container .child-page .F-item-shop-txt .list-shop-icon li img {
		display: block;
		max-width: 48px;
		height: auto;
		margin: 0 auto;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .list-shop-icon li img {
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .list-shop-icon li img {
		}
	}

	@media(max-width:375px){
		#container .child-page .F-item-shop-txt .list-shop-icon li img {
			max-width: 40px;
		}
	}
	


	#container .child-page .F-item-shop-txt .list-shop-icon li p {
		font-size: .7rem;
		font-weight: 600;
		margin: 3px auto 0;
		text-align: center;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .list-shop-icon li p {
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .list-shop-icon li p {
		}
	}

	@media(max-width:375px){
		#container .child-page .F-item-shop-txt .list-shop-icon li p {
			font-size: .6rem;
		}
	}



	#container .child-page .F-item-shop-txt .link-btn-area {
		width: 350px;
		max-width: 100%;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .link-btn-area {
			width: 100%;
			max-width: 100%;
			margin: 0 auto 15px;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .link-btn-area {
			margin: 0 auto 0;
		}
	}



	#container .child-page .F-item-shop-txt .wheelchair-link-box {
		display: block;
		width: 100%;
		max-width: 100%;
		font-size: .75rem;
		letter-spacing: .05em;
		font-weight: 600;
		text-align: center;
		color: #fff;
		background: #36A25E;
		border-radius: 20px;
		padding: 10px 10px;
		margin: 0 0 12px;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .wheelchair-link-box {
			width: 90%;
			font-size: .8rem;
			padding: 10px 10px;
			margin: 0 auto 15px;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .wheelchair-link-box {
			width: 95%;
		}
	}



	#container .child-page .F-item-shop-txt .yoyaku-btn {
		display: block;
		width: 100%;
		text-align: center;
		font-size: .9rem;
		line-height: 2;
		font-weight: 600;
		background: #EAC300;
		border-radius: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: .3s;
		transition: .3s;
		padding: 4px 10px;
		margin: 0 0 12px;
	}

	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .yoyaku-btn {
			width: 90%;
			margin: 0 auto 15px;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .yoyaku-btn {
			width: 95%;
		}
	}



	#container .child-page .F-item-shop-txt .g-map-btn {
		display: block;
		width: 100%;
		text-align: center;
		font-size: .9rem;
		line-height: 2;
		font-weight: 400;
		color: #fff;
		background: #333;
		border-radius: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: .3s;
		transition: .3s;
		padding: 4px 10px;
	}

	@media(max-width:1080px){
		#container .child-page .F-item-shop-txt .g-map-btn {
			width: 90%;
			margin: 0 auto;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-txt .g-map-btn {
			width: 95%;
		}
	}



	#container .child-page .F-item-shop-img {
		width: 55%;
		padding: 0 0 0px;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-img {
			width: 90%;
			padding: 0 0px;
			margin: 0 auto;
			text-align: center;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-img {
			width: 95%;
		}
	}



	#container .child-page .F-item-shop-img .shop-img-main {
		width: 100%;
		margin: 0 auto 15px;
		text-align: center;
	}


	@media(max-width:1080px){
		#container .child-page .F-item-shop-img .shop-img-main {
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-img .shop-img-main {
		}
	}



	#container .child-page .F-item-shop-img .shop-img-main img {
		/* max-width: 320px; */
		max-width: 400px;
	}

	@media(max-width:1080px){
		#container .child-page .F-item-shop-img .shop-img-main img {
			max-width: 100%;
			text-align: center;
			margin: 0 auto;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-img .shop-img-main img {
			max-width: 100%;
		}
	}

	@media(max-width:375px){
		#container .child-page .F-item-shop-img .shop-img-main img {
			/* max-width: 240px; */
		}
	}



	#container .child-page .F-item-shop-img .shop-img-sub {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-around;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		gap: 0 10px;
	}

	@media(max-width:1080px){
		#container .child-page .F-item-shop-img .shop-img-sub {
			
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-img .shop-img-sub {
		}
	}



	#container .child-page .F-item-shop-img .shop-img-sub img {
		width: 33.33%;
		
	}

	@media(max-width:1080px){
		#container .child-page .F-item-shop-img .shop-img-sub img {
			width: 31.5%;
		}
	}

	@media(max-width:767px){
		#container .child-page .F-item-shop-img .shop-img-sub img {
			width: 31.5%;
		}
	}

		@media(max-width:375px){
		#container .child-page .F-item-shop-img .shop-img-sub img {
			width: 30%;
		}
	}




/* ////////////////////////////////////////////////////////////

バリアフリーページ (barrierfree.php)

/////////////////////////////////////////////////////////////*/

	#container .child-page .barrierfree-page {
		position: relative;
		width: 100%;
	}

	@media(max-width:1080px){
		#container .child-page .barrierfree-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .barrierfree-page {

		}
	}



	#container .barrierfree-page section.sec01 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .barrierfree-page section.sec01 {
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page section.sec01 {
			padding: 0 0 0;
		}
	}



	#container .barrierfree-page .barrierfree-logo {
		width: 200px;
		margin: 0 auto 40px;
		text-align: center;
	}

	@media(max-width:1080px){
		#container .barrierfree-page .barrierfree-logo {
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page .barrierfree-logo {
			width: 40%;
		}
	}



	#container .barrierfree-page .heart-setsu-box {
		/* width: 200px; */
		text-align: center;
		border-radius: 10px;
		padding: 40px 40px;
		margin: 40px auto 0;
	}

	@media(max-width:1080px){
		#container .barrierfree-page .heart-setsu-box {
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page .heart-setsu-box {
			margin: 10px auto 0;
			padding: 30px 10px 20px;
		}
	}

	@media(max-width:375px){
		#container .barrierfree-page .heart-setsu-box {
			padding: 30px 0px 20px;
		}
	}



	#container .barrierfree-page .h3box {
		width: 90%;
		border-bottom: 2px dotted #C1AE6E;
		padding: 0 0 30px;
		margin: 0 auto;
	}

	@media(max-width:1080px){
		#container .barrierfree-page .h3box {
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page .h3box {
			
		}
	}



	#container .barrierfree-page .heart-setsu-box h3 {
		display: block;
		width: 60%;
		font-size: 1rem;
		/* color: #FF6D00; */
		/* border-top: 1px solid #ccc; */
		border-top: 1px solid #FF6D00;
		/* border-bottom: 1px solid #ccc; */
		border-bottom: 1px solid #FF6D00;
		padding: 10px 10px;
		margin: 0 auto 0;
	}

	@media(max-width:1080px){
		#container .barrierfree-page .heart-setsu-box h3 {
			
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page .heart-setsu-box h3 {
			width: 100%;
		}
	}

	@media(max-width:375px){
		#container .barrierfree-page .heart-setsu-box h3 {
			font-size: .9rem;
		}
	}



	#container .barrierfree-page .heart-setsu-box .url-box {
		margin: 15px auto 40px;
		
	}

	@media(max-width:1080px){
		#container .barrierfree-page .heart-setsu-box .url-box  {
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page .heart-setsu-box .url-box {

		}
	}



	#container .barrierfree-page .heart-setsu-box a.link-url {
		font-size: .9rem;
	}

	@media(max-width:1080px){
		#container .barrierfree-page .heart-setsu-box a.link-url {
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page .heart-setsu-box a.link-url {
			font-size: .8rem;
		}
	}



	#container .barrierfree-page section.sec02 {
		position: relative;
		width: 100%;
		background: #F5F2EF;
		padding: 60px 0 80px;
	}

	@media(max-width:1160px){
		#container .barrierfree-page section.sec02 {
			padding: 60px 0 80px;
		}
	}

	@media(max-width:1080px){
		#container .barrierfree-page section.sec02 {
			padding: 60px 0 40px;
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page section.sec02 {
			padding: 40px 0 20px;
		}
	}



	#container .barrierfree-page .sec02 h3 {
		position: relative;
		display: block;
		/* color: #fff; */
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .1em;
		font-feature-settings: "palt";
		margin: 0 auto 5px;
	}

	@media(max-width:1080px){
		#container .barrierfree-page .sec02 h3 {
			margin: -5px 0 0;
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page .sec02 h3 {
			font-size: 1.6rem;
			line-height: 1.2;
			margin: 0 auto 12px;
		}
	}



	#container .barrierfree-page .barrierfree-shop-box {
		margin: 30px auto 0;
	}

	@media(max-width:1080px){
		#container .barrierfree-page .barrierfree-shop-box {
			
		}
	}

	@media(max-width:767px){
		#container .barrierfree-page .barrierfree-shop-box {

		}
	}




/* ////////////////////////////////////////////////////////////

会社概要ページ (company.php)

/////////////////////////////////////////////////////////////*/

	#container .child-page .company-page {

	}

	@media(max-width:1080px){
		#container .child-page .company-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .company-page {

		}
	}


	#container .company-page .sec01 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 100px;
	}

	@media(max-width:1080px){
		#container .company-page .sec01 {
		}
	}

	@media(max-width:767px){
		#container .company-page .sec01 {
			padding: 0 0 80px;
		}
	}

	@media(max-width:375px){
		#container .company-page .sec01 {
			padding: 0 0 60px;
		}
	}



	#container .company-page .sec02 {
		position: relative;
		width: 100%;
		background: #F5F2EF;
		margin: 0 auto 0;
		padding: 80px 0 80px;
	}

	@media(max-width:1080px){
		#container .company-page .sec02 {
			padding: 60px 0 80px;
		}
	}

	@media(max-width:767px){
		#container .company-page .sec02 {
			padding: 60px 0px 60px;
		}
	}

	@media(max-width:375px){
		#container .company-page .sec02 {
			padding: 50px 0px 40px;
		}
	}
	


	#container .company-page .company-rinenmark {
		width: 280px;
		margin: 0 auto 40px;
		text-align: center;
	}

	@media(max-width:1080px){
		#container .company-page .company-rinenmark {
		}
	}

	@media(max-width:767px){
		#container .company-page .company-rinenmark {
			width: 70%;
		}
	}



	#container .company-page p.president-p {
		font-family: var(--font-min);
		font-size: 1rem;
		/* font-weight: 400; */
		font-weight: 600;
		/* color: #2a2a2a; */
		letter-spacing: .1em;
		/* line-height: 2.2; */
		line-height: 1.5;
		text-align: center;
		margin: 30px auto 0;
		font-feature-settings: "palt";
		transition: all .3s ease; 
	}

	@media(max-width:1080px) {
		#container .company-page p.president-p {
			font-size: .9rem;
			line-height: 2;
		}
	}

	@media(max-width:767px) {
		#container .company-page p.president-p {
			font-size: 1rem;
			line-height: 1.5;
			/* text-align: left; */
		}
	}



	#container .company-page .h3box {
		width: 90%;
		/* border-bottom: 2px dotted #C1AE6E; */
		padding: 0 0 30px;
		margin: 0 auto 10px;
	}

	@media(max-width:1080px){
		#container .company-page .h3box {
		}
	}

	@media(max-width:767px){
		#container .company-page .h3box {
			
		}
	}



	#container .company-page .company-table {
		width: 100%;
		max-width: 1080px;
		margin: 0 auto 100px;
		border-bottom: 1px solid #e2e2e2!important;
		transition: all .6s ease;
	}
	
	@media(max-width:1080px) {
		#container .company-page .company-table {
		}
	}
	
	@media(max-width:767px) {
		#container .company-page .company-table {
			margin: 0 auto 80px;

		}
	}

	#container .company-page .company-table tr:nth-of-type(odd) {
	}



	#container .company-page .company-table th,
	#container .company-page .company-table td {
		font-size: .9rem;
		font-weight: 500;
		letter-spacing: .1em;
		line-height: 1.5;
		font-feature-settings: "palt";
		padding: 1em 30px;
		/* vertical-align: top; */
		vertical-align: middle;
		border-top: 1px solid #e2e2e2;
	}

	@media(max-width:767px) {
		#container .company-page .company-table th,
		#container .company-page .company-table td {
			padding: 1em 15px;
		}
	}



	#container .company-page .company-table th {
		box-sizing: border-box;
		width: 20%;
		font-weight: 500;
		text-align: left;
		white-space: nowrap;
		color: #fff;
		background-color: #cf6116;
	}

	@media(max-width:767px) {
		#container .company-page .company-table th {
			text-align: left;
			width: 30%;
		}
	}


	#container .company-page .company-table td {
		width: 80%;
		font-weight: 500;
	}

	@media(max-width:767px) {
		#container .company-page .company-table td {
			width: 70%;
			font-size: .8rem;
		}
	}



	#container .company-page .company-table ol {
		padding-left: 20px;
	}
	
	@media(max-width:1080px) {
		#container .company-page .company-table ol {
		}
	}
	
	@media(max-width:767px) {
		#container .company-page .company-table ol {
			padding-left: 20px;
		}
	}



	#container .company-page .company-table li {
		padding: 10px 0;
		line-height: 1.6;

	}
	
	@media(max-width:1080px) {
		#container .company-page .company-table li {
		}
	}
	
	@media(max-width:767px) {
		#container .company-page .company-table li {

		}
	}



	#container .company-page .company-table ul {
	}
	
	@media(max-width:1080px) {
		#container .company-page .company-table ul {
		}
	}
	
	@media(max-width:767px) {
		#container .company-page .company-table ul {
		}
	}



	#container .child-page .timeline {
		list-style: none;
		width: 100%;
		max-width: 1080px;
		margin: 20px auto 70px;
	}

	@media(max-width:767px) {
		#container .child-page .timeline {
			width: 100%;
			max-width: 100%;
		}
	}



	#container .child-page .timeline > li {
		overflow: hidden;
		margin: 0;
		position: relative;
	}

	@media(max-width:767px) {
		#container .child-page .timeline > li {
			margin-bottom: 0px;
		}
	}



	#container .child-page  p.timeline-date {
		width: 110px;
		float: left;
		text-align: right;
		color: #8c8c8c;
		font-weight: 600;
		margin: 20px 30px 0 0;
		/* padding: 0 20px 0 0; */
	}

	@media(max-width:767px) {
		#container .child-page  p.timeline-date {
			width: 110px;
			margin: 20px 0px 0 0;
			padding: 0 20px 0 0;
		}
	}



	#container .child-page .timeline-content {
		width: 75%;
		float: left;
		border-left: 3px #e5e5d1 solid;
		padding-left: 30px;
	}

	@media(max-width:767px) {
		#container .child-page .timeline-content {
			width: 65%;
		}
	}

	@media(max-width:370px) {
		#container .child-page .timeline-content {
			width: 60%;
		}
	}



	#container .company-page .timeline-content:before {
		content: '';
		width: 12px;
		height: 12px;
		background: #EE7743;
		position: absolute;
		left: 135px;
		top: 27px;
		border-radius: 100%;
	}

	@media(max-width:767px) {
		#container .company-page .timeline-content:before {
			left: 105px;
		}
	}

	

	#container .child-page .timeline-content p {
		font-size: .9rem;
		font-weight: 500;
		letter-spacing: .1em;
		line-height: 1.5;
		font-feature-settings: "palt";
		margin: 20px 0 30px;
	}

	@media(max-width:767px) {
		#container .child-page .timeline-content p {
		}
	}



	#container .company-page .g-map-area {
		margin: 0 auto 20px;
		text-align: center;
	}
		
	@media(max-width:1080px){
		#container .company-page .g-map-area {
		}
	}

	@media(max-width:767px){
		#container .company-page .g-map-area {

		}
	}




/* ////////////////////////////////////////////////////////////

クラブかんさいページ (club.php)

/////////////////////////////////////////////////////////////*/


	#container .app-page {
		position: relative;
		width: 100%;
		padding: 0px 0 0!important;
	}

	@media(max-width:1080px){
		#container .app-page {
		}
	}

	@media(max-width:767px){
		#container .app-page {

		}
	}



	#container .app-page section.sec01 {
		position: relative;
		width: 100%;
		background: #C14C20;
		/* background: #E85716; */
		/* background: #EAC300; */
		/* background: #983F38; */
		/* background: #ED6C00; */
		margin: 0 auto 0;
		/* padding: 80px 0 0; */
		padding: 40px 0 0;
	}

	@media(max-width:1080px){
		#container .app-page section.sec01 {
		}
	}

	@media(max-width:767px){
		#container .app-page section.sec01 {
			padding: 0 0 0;
		}
	}



	#container .app-page .FLEX-app-head-cont {
		max-width: 1160px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
		flex-wrap: nowrap;
		margin: 0 auto;
		/* padding: 70px 0; */
		gap: 0 30px;
	}

	@media(max-width:1080px) {
		#container .app-page .FLEX-app-head-cont {

		}
	}

	@media(max-width:990px) {
		#container .app-page .FLEX-app-head-cont {
			width: 100%;
			flex-direction: column;
			padding: 0;
			margin: 0 auto;
			padding: 50px 0 0;
			gap: 40px 0;
		}
	}



	#container .app-page .F-item-app-head-cont-l {
		position: relative;
		width: 50%;
		margin: 0px auto 0;
		padding: 0px 0px 0px;
	}

	@media(max-width:1080px){
		#container .app-page .F-item-app-head-cont-l {
		}
	}

	@media(max-width:767px){
		#container .app-page .F-item-app-head-cont-l {
			width: 100%;
			padding: 0px 0px 0px;
		}
	}



	#container .app-page .F-item-app-head-cont-r {
		position: relative;
		width: 50%;
		text-align: center;
		margin: 0 auto 0;
		padding: 0px 0px 0px;
	}

	@media(max-width:1080px){
		#container .app-page .F-item-app-head-cont-r {
		}
	}

	@media(max-width:767px){
		#container .app-page .F-item-app-head-cont-r {
			padding: 0px 0px 0px;
		}
	}



	#container .app-page .F-item-app-head-cont-r img {
		width: 80%;
	}

	@media(max-width:1080px){
		#container .app-page .F-item-app-head-cont-r img {
			width: 100%;
		}
	}

	@media(max-width:767px){
		#container .app-page .F-item-app-head-cont-r img {
			/* padding: 0 0 70px; */
		}
	}



	#container .app-page .app-iconimg-box {
		margin: 0 0 40px;
		text-align: center;
	}

	@media(max-width:1160px) {
		#container .app-page .app-iconimg-box {
			
		}
	}

	@media(max-width:1080px) {
		#container .app-page .app-iconimg-box {
			
		}
	}



	#container .app-page .app-iconimg-box img {
		width: 90px;
		max-width: 100%;
		text-align: center;
		margin: 0 auto;
	}

	@media(max-width:1160px) {
		#container .app-page .app-iconimg-box img {
			
		}
	}

	@media(max-width:1080px) {
		#container .app-page .app-iconimg-box img {
			
		}
	}
	


	#container .app-page .FLEX-app-head-cont h2 {
		font-size: 1rem;
		font-weight: 600;
		color: #fff;
		letter-spacing: .1em;
		line-height: 0;
		text-align: center;
	}

	@media(max-width:1160px) {
		#container .app-page .FLEX-app-head-cont h2 {
			
		}
	}

	@media(max-width:1080px) {
		#container .app-page .FLEX-app-head-cont h2 {
			
		}
	}



	#container .app-page .app-head-cont-sub-h2 {
		font-family: roboto, sans-serif;
		font-size: 3.2rem;
		font-weight: 700;
		color: #fff;
		text-align: center;
		margin: 0 0 20px;
	}

	@media(max-width:1160px) {
		#container .app-page .app-head-cont-sub-h2 {
			
		}
	}

	@media(max-width:1080px) {
		#container .app-page .app-head-cont-sub-h2 {
			margin: 0 0 5px;
		}
	}

	@media(max-width:767px) {
		#container .app-page .app-head-cont-sub-h2 {
			font-size: 3rem;
		}
	}

	@media(max-width:400px) {
		#container .app-page .app-head-cont-sub-h2 {
			font-size: 2.8rem;
		}
	}

	@media(max-width:375px) {
		#container .app-page .app-head-cont-sub-h2 {
			font-size: 2.4rem;
		}
	}




	#container .app-page .app-head-cont-cp {
		font-size: 1.2rem;
		font-weight: 600;
		color: #fff;
		text-align: center;
		margin: 0 0 65px;
	}

	@media(max-width:1160px) {
		#container .app-page .app-head-cont-cp {
			
		}
	}

	@media(max-width:1080px) {
		#container .app-page .app-head-cont-cp {
			margin: 0 0 30px;
		}
	}

	@media(max-width:767px) {
		#container .app-page .app-head-cont-cp {
			margin: 0 0 60px;
		}
	}




	#container .app-page .app-dl-annai-box {
		position: relative;
		/* width: 400px; */
		text-align: center;
	}

	@media(max-width:1080px){
		#container .app-page .app-dl-annai-box {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-dl-annai-box {
		}
	}



	#container .app-page .app-dl-annai-box span {
		position: relative;
		display: inline-block;
		font-size: 1rem;
		font-weight: 600;
		text-align: center;
		color: #fff;
		padding: 0 15px 0 25px;
	}

	@media(max-width:1080px){
		#container .app-page .app-dl-annai-box span {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-dl-annai-box span {
			padding: 0 12px 0 13px;
		}
	}


	#container .app-page .app-dl-annai-box span:after {
		content: "";
		width: 2px;
		height: 80%;
		background-color: #fff;
		position: absolute;
		bottom: 0;
		transform: rotate(30deg);
		right: 0;
		left: auto;
	}

	#container .app-page .app-dl-annai-box span:before {
		content: "";
		width: 2px;
		height: 80%;
		background-color: #fff;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: rotate(-30deg);
	}

	

	#container .app-page .FLEX-app-btn-box {
		/* width: 400px; */
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: nowrap;
		margin: 20px 0 0;
		gap: 0 25px;
	}

	@media(max-width:1080px) {
		#container .app-page .FLEX-app-btn-box {
			width: 100%;
			flex-direction: column;
			gap: 15px 0;
		}
	}

	@media(max-width:767px) {
		#container .app-page .FLEX-app-btn-box {
			width: 100%;
			flex-direction: row;
			gap: 0 20px;
		}
	}



	#container .app-page .F-item-app-btn {
		position: relative;
		padding: 0px 0px 0px;
	}

	@media(max-width:1080px){
		#container .app-page .F-item-app-btn {
		}
	}

	@media(max-width:767px){
		#container .app-page .F-item-app-btn {
			padding: 0px 0px 0px;
		}
	}



	#container .app-page .F-item-app-btn img {
		max-width: 180px;
		margin: 0 auto 0;
		padding: 0px 0px 0px;
	}

	@media(max-width:1080px){
		#container .app-page .F-item-app-btn img {
		}
	}

	@media(max-width:767px){
		#container .app-page .F-item-app-btn img {
			max-width: 150px;
			padding: 0px 0px 0px;
		}
	}

	@media(max-width:375px){
		#container .app-page .F-item-app-btn img {
			max-width: 120px;
		}
	}



	#container .app-page section.sec02 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		/* background: #F5F2EF; */
		background: #f9f8f4;
		padding: 80px 0 60px;
	}

	@media(max-width:1080px){
		#container .app-page section.sec02 {
		}
	}

	@media(max-width:767px){
		#container .app-page section.sec02 {
			padding: 40px 0 50px;
		}
	}



	#container .app-page h3 {
		position: relative;
		display: block;
		/* color: #fff; */
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .1em;
		font-feature-settings: "palt";
		margin: 0 auto 60px;
	}

	@media(max-width:1080px){
		#container .app-page h3 {
			
		}
	}

	@media(max-width:767px){
		#container .app-page h3 {
			font-size: 1.6rem;
			line-height: 1.3;
			margin: 0 auto 40px;
		}
	}

	@media(max-width:375px){
		#container .app-page h3 {
			font-size: 1.5rem;
		}
	}



	#container .app-page .FLEX-app-spec {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		/* justify-content: space-between; */
		justify-content: center;
		-webkit-align-items: start;
		-ms-align-items: start;
		align-items: start;
		flex-wrap: wrap;
		margin: 20px 0 0;
		gap: 70px 70px;
	}

	@media(max-width:1080px) {
		#container .app-page .FLEX-app-spec {
			width: 100%;
			gap: 70px 30px;
		}
	}

	@media(max-width:767px) {
		#container .app-page .FLEX-app-spec {
			width: 100%;
			flex-direction: column;
			gap: 55px 70px;
		}
	}



	#container .app-page .FLEX-app-spec .F-item-app-spec {
		width: 29%;
		text-align: center;
		margin: 0 auto;
	}

	@media(max-width:1200px) {
		#container .app-page .FLEX-app-spec .F-item-app-spec {
			width: 46%;
			/* width: 29%; */
		}
	}

	@media(max-width:767px) {
		#container .app-page .FLEX-app-spec .F-item-app-spec {
			width: 100%;
		}
	}



	#container .app-page .app-spec-mocup {
		width: 200px;
		text-align: center;
		margin: 0 auto 30px;
	}

	@media(max-width:1080px) {
		#container .app-page .app-spec-mocup {
			max-width: 200px;
		}
	}

	@media(max-width:767px) {
		#container .app-page .app-spec-mocup {
			width: 100%;
		}
	}


	#container .app-page .app-spec-mocup img {
		max-width: 100%;
	}

	@media(max-width:1080px) {
		#container .app-page .app-spec-mocup img {
			
		}
	}

	@media(max-width:767px) {
		#container .app-page .app-spec-mocup img {
			width: 85%;
			max-width: 85%;
			margin: 0 auto;
		}
	}



	#container .app-page p.spec-pr {
		position: relative;
		display: block;
		/* color: #fff; */
		font-family: var(--font-min);
		font-size: .9rem;
		font-weight: 600;
		text-align: center;
		letter-spacing: .1em;
		font-feature-settings: "palt";
		margin: 0 auto 5px;
	}

	@media(max-width:1080px){
		#container .app-page p.spec-pr {
			margin: -5px 0 0;
		}
	}

	@media(max-width:767px){
		#container .app-page p.spec-pr {
			font-size: 1rem;
		}
	}



	#container .app-page section.sec02 h4 {
		position: relative;
		display: block;
		/* color: #fff; */
		font-family: var(--font-min);
		font-size: 1.2rem;
		font-weight: 600;
		/* font-weight: 800; */
		/* color: #E85716; */
		color: #C14C20;
		text-align: center;
		letter-spacing: .1em;
		font-feature-settings: "palt";
		margin: 0 auto 20px;
	}

	@media(max-width:1080px){
		#container .app-page section.sec02 h4 {
			
		}
	}

	@media(max-width:767px){
		#container .app-page section.sec02 h4 {
			font-size: 1.4rem;
			margin: 0 auto 10px;
		}
	}

	@media(max-width:400px){
		#container .app-page section.sec02 h4 {
			font-size: 1.3rem;
		}
	}

	@media(max-width:375px){
		#container .app-page section.sec02 h4 {
			font-size: 1.2rem;
		}
	}




	#container .app-page .app-spec-setu-box {
	}

	@media(max-width:1080px) {
		#container .app-page .app-spec-setu-box {
		}
	}

	@media(max-width:767px) {
		#container .app-page .app-spec-setu-box {
		}
	}



	#container .app-page .app-spec-setu-box p {
		display: inline-block;
		font-family: var(--font-min);
		font-size: .85rem;
		margin: 0 0 1em;
	}

	@media(max-width:1080px) {
		#container .app-page .app-spec-setu-box p {
		}
	}

	@media(max-width:767px) {
		#container .app-page .app-spec-setu-box p {
			width: 90%;
			/* text-align: center; */
			margin: 0 auto;
		}
	}



	#container .app-page section.sec03 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		background: #fff5e4;
		padding: 80px 0 120px;
	}

	@media(max-width:1080px){
		#container .app-page section.sec03 {
		}
	}

	@media(max-width:767px){
		#container .app-page section.sec03 {
			padding: 40px 0 50px;
		}
	}



	#container .app-page figure.app-chart-pc {
		position: relative;
		width: 100%;
		max-width: 1160px;
		margin: 0 auto 0;
		padding: 0 3rem;
	}

	@media(max-width:1080px){
		#container .app-page figure.app-chart-pc {
			padding: 0 2rem;
		}
	}

	@media(max-width:767px){
		#container .app-page figure.app-chart-pc {
			display: none;
		}
	}



	#container .app-page figure.app-chart-sp {
		display: none;
	}

	@media(max-width:767px){
		#container .app-page figure.app-chart-sp {
			display: block;
			position: relative;
			width: 100%;
			max-width: 100%;
			margin: 0 auto 60px;
			padding: 0;
		}
	}



	#container .app-page .sp-rank-box {
		display: none;
		/* max-width: 1160px; */
		/* display: flex; */
		/* display: -webkit-flex; */
		/* flex-direction: row; */
		/* justify-content: space-between; */
		/* -webkit-align-items: stretch; */
		/* -ms-align-items: stretch; */
		/* align-items: stretch; */
		/* flex-wrap: wrap; */
		/* margin: 0 auto; */
		/* gap: 80px 10px; */
	}

	@media(max-width:1160px) {
		#container .app-page .sp-rank-box {
			/* gap: 30px 10px; */
		}
	}

	@media(max-width:767px) {
		#container .app-page .sp-rank-box {
			display: block;
			margin: 0 auto;
			/* padding: 70px 0; */
		}
	}



	#container .app-page .sp-rank-item {
		width: 100%;
	}

	@media(max-width:1080px){
		#container .app-page .sp-rank-item {
		}
	}

	@media(max-width:767px){
		#container .app-page .sp-rank-item {
		}
	}



	#container .app-page .sp-rank-item {
	}

	@media(max-width:1080px){
		#container .app-page .sp-rank-item {
		}
	}

	@media(max-width:767px){
		#container .app-page .sp-rank-item {
			position: relative;
			width: 85%;
			text-align: center;
			margin: 0 auto;
			background: #fff;
			box-shadow: 5px 5px 10px 1px rgba(0,0,0,.2);
			border-radius: 20px;
			padding: 20px 20px 25px;
		}
	}



	#container .app-page .app-rank-first-inner {
	}

	@media(max-width:1080px){
		#container .app-page .app-rank-first-inner {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-rank-first-inner {
			position: relative;
		}
	}



	#container .app-page .sp-rank-item img {
	}

	@media(max-width:1080px){
		#container .app-page .sp-rank-item img {
		}
	}

	@media(max-width:767px){
		#container .app-page .sp-rank-item img {
			text-align: center;
			margin: 0 auto;
			width: 110px;
		}
	}




	#container .app-page .sp-rank-item-arrow {
		display: none;
	}

	@media(max-width:767px){
		#container .app-page .sp-rank-item-arrow {
			display: block;
			text-align: center;
			width: 22px;
			margin: 20px auto;
		}
	}



	#container .app-page .sp-rank-item-arrow img {
		/* width: 22px; */
		/* margin-top: 210px; */
	}

	@media(max-width:767px){
		#container .app-page .sp-rank-item-arrow img {
			text-align: center;
			margin: 0 auto;
		}
	}



	#container .app-page .app-rank-point {
		font-size: 1.8rem;
		font-weight: 700;
		letter-spacing: .02em;
		text-align: center;
		margin: 15px auto 0;

	}

	@media(max-width:1080px){
		#container .app-page .app-rank-point {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-rank-point {
			font-size: 1.8rem;
		}
	}



	#container .app-page .app-rank-setu {
		text-align: center;
		margin: 15px auto 0;

	}

	@media(max-width:1080px){
		#container .app-page .app-rank-setu {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-rank-setu {
		}
	}



	#container .app-page .app-rank-setu p {
		text-align: center;
		font-size: .7rem;
		line-height: 1.4;
		margin: 10px auto 0;
	}

	@media(max-width:1080px){
		#container .app-page .app-rank-setu p {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-rank-setu p {
			font-size: .8rem;
		}
	}



	#container .app-page .app-rank-setu p.setu-special {
		text-align: center;
		color: #C14C20;
		font-size: .8rem;
		font-weight: 600;
		line-height: 1.4;
		margin: 10px auto 0;
	}

	@media(max-width:1080px){
		#container .app-page .app-rank-setu p.setu-special {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-rank-setu p.setu-special {
			font-size: .9rem;
		}
	}



	#container .app-page .app-caution-box {
		border: solid 1px #C14C20;
		padding: 20px 20px;
		margin: 70px auto 0;
	}

	@media(max-width:1080px){
		#container .app-page .app-caution-box {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-caution-box {
			padding: 15px 20px;
			margin: 40px auto 0;
		}
	}



	#container .app-page .app-caution-box p {
		font-size: .85rem;
		margin: 0 auto 0;
	}

	@media(max-width:1080px){
		#container .app-page .app-caution-box p {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-caution-box p {
			font-size: .8rem;
		}
	}



	#container .app-page section.sec04 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		/* background: #F5F2EF; */
		padding: 60px 0 80px;
	}

	@media(max-width:1080px){
		#container .app-page section.sec04 {
		}
	}

	@media(max-width:767px){
		#container .app-page section.sec04 {
			padding: 40px 0 50px;
		}
	}



	#container .app-page .sec04 .app-iconimg-box {
		margin: 0 0 20px;
		text-align: center;
}



	#container .app-page h5 {
		font-size: 1.2rem;
		font-weight: 600;
		color: #9D7B1B;
		text-align: center;
		margin: 0 0 20px;
	}

	@media(max-width:1080px){
		#container .app-page h5 {
		}
	}

	@media(max-width:767px){
		#container .app-page h5 {
			font-size: 1.1rem;
			margin: 0 0 8px;
		}
	}

	@media(max-width:400px){
		#container .app-page h5 {
			font-size: 1rem;
			margin: 0 0 8px;
		}
	}

	@media(max-width:320px){
		#container .app-page h5 {
			font-size: .9rem;
			margin: 0 0 8px;
		}
	}




	#container .app-page .app-h5-sub-box {
		position: relative;
		text-align: center;
		margin: 0 0 50px;
	}

	@media(max-width:1080px){
		#container .app-page .app-h5-sub-box {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-h5-sub-box {
			margin: 0 0 40px;
		}
	}



	#container .app-page .app-h5-sub-box span {
		position: relative;
		display: inline-block;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: center;
		color: #231815;
		padding: 0 15px 0 25px;
	}

	@media(max-width:1080px){
		#container .app-page .app-h5-sub-box span {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-h5-sub-box span {
			font-size: 1.4rem;
			padding: 0 10px 0 20px;
		}
	}

	@media(max-width:375px){
		#container .app-page .app-h5-sub-box span {
			font-size: 1.2rem;
		}
	}



	#container .app-page .app-h5-sub-box span:after {
		content: "";
		width: 2px;
		height: 80%;
		background-color: #231815;
		position: absolute;
		bottom: 0;
		transform: rotate(30deg);
		right: 0;
		left: auto;
	}

	#container .app-page .app-h5-sub-box span:before {
		content: "";
		width: 2px;
		height: 80%;
		background-color: #231815;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: rotate(-30deg);
	}



	#container .app-page .app-regulation-box {
		position: relative;
		width: 540px;
		margin: 60px auto 0;
		line-height: 20px;
	}

	@media(max-width:1080px){
		#container .app-page .app-regulation-box {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-regulation-box {
			width: 100%;
			margin: 40px auto 0;
		}
	}



	#container .app-page .app-regulation-box ul {
		list-style-type: disc;
	}

	@media(max-width:1080px){
		#container .app-page .app-regulation-box ul {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-regulation-box ul {
			padding-left: 20px;
		}
	}



	#container .app-page .app-regulation-box li {
		font-size: .7rem;
		line-height: 18px;
		letter-spacing: .05em;
		font-feature-settings: "palt";
		padding: 5px 0;
	}

	@media(max-width:1080px){
		#container .app-page .app-regulation-box li {
		}
	}

	@media(max-width:767px){
		#container .app-page .app-regulation-box li {
			font-size: .8rem;
			padding: 5px 0 5px 0px;
		}
	}





/* ////////////////////////////////////////////////////////////

プライバシーポリシーページ (privacypolicy.php)

/////////////////////////////////////////////////////////////*/

	#container .child-page .policy-page {

	}

	@media(max-width:1080px){
		#container .child-page .policy-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .policy-page {

		}
	}


	#container .policy-page .sec01 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .policy-page .sec01 {
		}
	}

	@media(max-width:767px){
		#container .policy-page .sec01 {
			padding: 0 0 0;
		}
	}



	#container .policy-page .sec02 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 80px 0 80px;
	}

	@media(max-width:1080px){
		#container .policy-page .sec02 {
		}
	}

	@media(max-width:767px){
		#container .policy-page .sec02 {
			padding: 40px 0px 60px;
		}
	}



	#container .policy-page .policy-box {
		position: relative;
		width: 100%;
		margin: 0 auto 30px;
	}

	@media(max-width:1080px){
		#container .policy-page .policy-box {
		}
	}

	@media(max-width:767px){
		#container .policy-page .policy-box {
			
		}
	}



	#container .policy-page h3 {
		display: block;
		position: relative;
		font-family: var(--font-min);
		font-weight: 600;
		line-height: 1.5;
		letter-spacing: .05em;
		font-feature-settings: "palt";
		margin: 60px 0 0;
	}

	@media(max-width:1080px){
		#container .policy-page h3 {
		}
	}

	@media(max-width:767px){
		#container .policy-page h3 {
			margin: 40px 0 0;
		}
	}



	#container .policy-page p {
		line-height: 1.8;
		margin: 15px 0 15px;
	}

	@media(max-width:1080px){
		#container .policy-page p {
		}
	}

	@media(max-width:767px){
		#container .policy-page p {
			
		}
	}



	#container .policy-page .policy-box ul {
		position: relative;
		/* list-style: square; */
		/* list-style: disk; */
		list-style: circle;
		padding: 0 0 0 40px;
	}

	@media(max-width:1080px){
		#container .policy-page .policy-box ul {
		}
	}

	@media(max-width:767px){
		#container .policy-page .policy-box ul {
			padding: 0 0 0 20px;
		}
	}



	#container .policy-page .policy-box li {
		font-size: .9rem;
		font-weight: 500;
		color: #231815;
		letter-spacing: .05em;
		line-height: 1.6;
		text-align: justify;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .policy-page .policy-box li {
		}
	}

	@media(max-width:767px){
		#container .policy-page .policy-box li {
			
		}
	}




/* ////////////////////////////////////////////////////////////

メディアページ (media.php)

/////////////////////////////////////////////////////////////*/

	#container .child-page .media-page {

	}

	@media(max-width:1080px){
		#container .child-page .media-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .media-page {

		}
	}



	#container .media-page h2.lrg-h2 {
		margin: 0 0 30px;
	}

	@media (max-width: 767px){
		#container .media-page h2.lrg-h2 {
			margin: 0 0 15px;
		}
	}

	@media (max-width: 340px){
		#container .media-page h2.lrg-h2 {
			margin: 0 0 10px;
		}
	}



	#container .media-page .sec01 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 120px;
	}

	@media(max-width:1080px){
		#container .media-page .sec01 {
		}
	}

	@media(max-width:767px){
		#container .media-page .sec01 {
			padding: 0 0 40px;
		}
	}



	#container .media-page .sec01 p {
		text-align: center;
		font-size: 1rem;
		font-weight: 500;
		line-height: 2.0;
		letter-spacing: .1em;
		margin: 0 auto 0;
	}

	@media(max-width:1080px){
		#container .media-page .sec01 p {
		}
	}

	@media(max-width:767px){
		#container .media-page .sec01 p {
			padding: 0 0 0;
		}
	}



	#container .media-page .FLEX-media-list {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 80px auto 0;
		gap: 0 30px;
	}

	@media(max-width:1080px) {
		#container .media-page .FLEX-media-list {
			flex-direction: column;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			gap: 40px 0;
		}
	}

	@media(max-width:900px) {
		#container .media-page .FLEX-media-list {
			margin: 20px auto 40px;
			gap: 10px 0;
		}
	}

	@media(max-width:375px) {
		#container .media-page .FLEX-media-list {
			margin: 20px auto 40px;
			gap: 0px 0px;
		}
	}



	#container .media-page .F-item-media-list {
		position: relative;
		width: calc(50% - 40px);
		/* height: 160px; */
		text-align: center;
	}

	@media(max-width:1080px) {
		#container .media-page .F-item-media-list {
			width: 100%;
		}
	}

	@media(max-width:900px) {
		#container .media-page .F-item-media-list {
			width: 90%;
		}
	}



	#container .media-page .F-item-media-list video {
		width: 100%;
		max-width: 480px;
	}

	@media(max-width:1080px) {
		#container .media-page .F-item-media-list video {
			
		}
	}

	@media(max-width:900px) {
		#container .media-page .F-item-media-list video {
			
		}
	}



	#container .media-page .media-ttl {
		display: block;
		width: 100%;
		text-align: center;
		margin: 10px auto 0;
	}

	@media(max-width:1080px) {
		#container .media-page .media-ttl {
			
		}
	}

	@media(max-width:900px) {
		#container .media-page .media-ttl {
			
		}
	}



	#container .media-page .media-ttl h3 {
		font-size: 1.2rem;
	}

	@media(max-width:1080px) {
		#container .media-page .media-ttl h3 {
			
		}
	}

	@media(max-width:900px) {
		#container .media-page .media-ttl h3 {
			
		}
	}



	#container .media-page .media-ttl-caution {
		display: block;
		width: 100%;
		font-size: .8rem;
		font-weight: 500;
		letter-spacing: .05em;
		text-align: center;
		margin: 0 auto 0;
	}

	@media(max-width:1080px) {
		#container .media-page .media-ttl-caution {
			
		}
	}

	@media(max-width:900px) {
		#container .media-page .media-ttl-caution {
			
		}
	}




/* ////////////////////////////////////////////////////////////

こだわりページ (kodawari.php)

/////////////////////////////////////////////////////////////*/

	#container .lp-page .kodawari-page {
		background: #f9f8f4;
	}

	@media(max-width:1080px){
		#container .lp-page .kodawari-page {
		}
	}

	@media(max-width:767px){
		#container .lp-page .kodawari-page {

		}
	}



	#container .kodawari-page .sec-sozai-head {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-sozai-head {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-sozai-head {
			padding: 0 0 0;
		}
	}



	#container .kodawari-page .sec-sozai-head .head-bg-area {
		position: relative;
		background: transparent url("https://fab607.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-head-bg.jpg") no-repeat 50% 50% /cover;
		margin: 0;
		height: 50vh;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-sozai-head .head-bg-area {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-sozai-head .head-bg-area {
			height: 100%;
			padding: 0 0 0;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec-sozai-head .head-bg-area {
			/* height: 50vh; */
		}
	}



	#container .kodawari-page .sec-sozai-head .head-bg-h2-box {
		width: 100%;
		position: absolute;
		top: 25%;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-sozai-head .head-bg-h2-box {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-sozai-head .head-bg-h2-box {
			position: relative;
			/* padding: 7vh 0 0; */
			padding: 7vh 0 15vh;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec-sozai-head .head-bg-h2-box {
			position: relative;
			padding: 5vh 0 10vh;
		}
	}



	#container .kodawari-page .sec-sozai-head .head-bg-h2-box h2 {
		display: inline-block;
		color: var(--h-and-f-font-col);
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.5;
		text-align: left;
		text-shadow: 1px 2px 3px #333;
		margin: 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-sozai-head .head-bg-h2-box h2 {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-sozai-head .head-bg-h2-box h2 {
			font-size: 1.8rem;
			margin: 0 0 20px;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec-sozai-head .head-bg-h2-box h2 {
			font-size: 1.5rem;
		}
	}



	#container .kodawari-page .sec-sozai-head .head-bg-h2-txt {
		display: block;
		color: var(--h-and-f-font-col);
		font-size: .85rem;
		font-weight: 400;
		letter-spacing: .1em;
		line-height: 1.9;
		text-align: left;
		text-shadow: 1px 2px 3px #333;
		margin: 30px 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-sozai-head .head-bg-h2-txt {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-sozai-head .head-bg-h2-txt {
			margin: 0 0 0;
		}
	}



	#container .kodawari-page .sec01 {
		position: relative;
		width: 100%;
		height: 380px;
		background: #fff5e4;
		margin: 6rem auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec01 {
			height: 100%;
			padding: 20px 0 70px;
			margin: 0 auto 0;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec01 {
			padding: 40px 0 40px;
		}
	}



	#container .kodawari-page .sec02 {
		position: relative;
		width: 100%;
		/* height: 370px; */
		background: #f9f8f4;
		margin: 0 auto 0;
		padding: 60px 0 120px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec02 {
			height: 100%;
			padding: 20px 0 70px;
			margin: 0 auto 0;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec02 {
			padding: 40px 0 40px;
		}
	}



	#container .kodawari-page .sec03 {
		position: relative;
		width: 100%;
		height: 380px;
		background: #fff5e4;
		margin: 0 auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec03 {
			height: 100%;
			padding: 20px 0 70px;
			margin: 0 auto 0;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec03 {
			padding: 40px 0 40px;
		}
	}



	#container .kodawari-page .FLEX-kodawari-point {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
		flex-wrap: wrap;
		margin: 0 auto 0;
		gap: 0 0;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .FLEX-kodawari-point {
			flex-direction: column;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			gap: 30px 0;
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .FLEX-kodawari-point {
			margin: 0 auto 0;
		}
	}



	#container .kodawari-page .F-item-kodawari-txt-l {
		width: 45%;
		max-width: 540px;
		margin-right: 5%;
		padding-top: 5%;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .F-item-kodawari-txt-l {
			width: 100%;
			max-width: 1080px;
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .F-item-kodawari-txt-l {
			width: 100%;
			max-width: 767px;
			margin-right: 0;
			padding-top: 0;
		}
	}



	#container .kodawari-page .F-item-kodawari-txt-r {
		width: 45%;
		max-width: 540px;
		margin-right: 5%;
		padding-top: 5%;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .F-item-kodawari-txt-r {
			width: 100%;
			max-width: 1080px;
			-ms-flex-order:1;
			-webkit-order:1;
			order:1;
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .F-item-kodawari-txt-r {
			width: 100%;
			max-width: 767px;
			margin-right: 0;
			padding-top: 0;
		}
	}



	#container .kodawari-page .F-item-kodawari-img-r {
		width: 50%;
		max-width: 600px;
		text-align: right;
		margin-top: -3rem;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .F-item-kodawari-img-r {
			width: 100%;
			max-width: 1080px;
			text-align: center;
			margin-top: 0;
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .F-item-kodawari-img-r {
			width: 100%;
			max-width: 767px;
		}
	}



	#container .kodawari-page .F-item-kodawari-img-l {
		width: 50%;
		max-width: 600px;
		text-align: left;
		/* margin-top: -3rem; */
	}

	@media(max-width:1080px) {
		#container .kodawari-page .F-item-kodawari-img-l {
			-ms-flex-order:2;
			-webkit-order:2;
			order:2;
			width: 100%;
			max-width: 1080px;
			text-align: center;
			margin-top: 0;
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .F-item-kodawari-img-l {
			width: 100%;
			max-width: 767px;
		}
	}



	#container .kodawari-page .F-item-kodawari-img-r img,
	#container .kodawari-page .F-item-kodawari-img-l img {
	}

	@media(max-width:1080px) {
		#container .kodawari-page .F-item-kodawari-img-r img,
		#container .kodawari-page .F-item-kodawari-img-l img {
			text-align: center;
			margin: 0 auto;
		}
	}



	#container .kodawari-page .kodawari-number {
		display: inline-block;
		font-family: var(--font-min);
		font-size: 1rem;
		font-weight: 600;
		color: #C70000;
		border: 1px solid #C70000;
		padding: 1px 9px;
		margin: 0 0 13px;
	}

	@media(max-width:767px){
		#container .kodawari-page .kodawari-number {
			margin: 0 0 6px;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .kodawari-number {
			font-size: .9rem;
		}
	}



	#container .kodawari-page .F-item-kodawari-txt-l h3,
	#container .kodawari-page .F-item-kodawari-txt-r h3 {
		display: block;
		font-family: var(--font-min);
		font-size: 1.6rem;
		font-weight: 600;
		letter-spacing: .05em;
		line-height: 1.2;
		text-align: left;
		border-bottom: 1px solid #666;
		padding: 0 0 5px 0;
		margin: 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .F-item-kodawari-txt-l h3,
		#container .kodawari-page .F-item-kodawari-txt-r h3 {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .F-item-kodawari-txt-l h3,
		#container .kodawari-page .F-item-kodawari-txt-r h3 {
			font-size: 1.5rem;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .F-item-kodawari-txt-l h3,
		#container .kodawari-page .F-item-kodawari-txt-r h3 {
			font-size: 1.3rem;
		}
	}



	#container .kodawari-page .F-item-kodawari-txt-l p,
	#container .kodawari-page .F-item-kodawari-txt-r p {
		font-weight: 400;
		margin: 20px 0 20px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .F-item-kodawari-txt-l p,
		#container .kodawari-page .F-item-kodawari-txt-r p {
			margin: 20px 0 15px;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .F-item-kodawari-txt-l p,
		#container .kodawari-page .F-item-kodawari-txt-r p {
			margin: 20px 0 15px;
		}
	}



	#container .kodawari-page .kokusan-mark {
		position: relative;
		display: inline-block;
		font-size: .95rem;
		letter-spacing: .05em;
		line-height: 1;
		font-weight: 600;
		background: #d3b572;
		border-radius: 10px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		padding: 6px 21px 4px 15px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .kokusan-mark {
			font-size: .9rem;
		}
	}


	#container .kodawari-page .kokusan-mark:before {
		display: inline-block;
		position: relative;
		top: -1.5px;
		width: 30px;
		height: 20px;
		background: url(https://184aa6.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/icon-hata-japan.svg) no-repeat center center;
		background-size: 100% auto !important;
		content: "";
		vertical-align: middle;
		margin: 0 10px 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .kokusan-mark:before {
			width: 23px;
			height: 15px;
			margin: 0 5px 0 0;
		}
	}



	#container .kodawari-page .sec-komeko-head {
		position: relative;
		width: 100%;
		background: #fff;
		margin: 0 auto 0;
		/* padding: 50px 0 0; */
		padding: 0px 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-komeko-head {
			/* padding: 70px 0 0; */
			padding: 0px 0 0;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-komeko-head {
			padding: 0 0 0;
		}
	}



	#container .kodawari-page .sec-komeko-head .head-bg-area {
		position: relative;
		background: transparent url("https://b527eb.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/komeko-bg.jpg") no-repeat 50% 50% /cover;
		margin: 0;
		height: 50vh;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-komeko-head .head-bg-area {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-komeko-head .head-bg-area {
			background: transparent url("https://b527eb.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/komeko-bg.jpg") no-repeat 35% 50% /cover;
			padding: 0 0 0;
			/* height: 50vh; */
			height: 100%;
		}
	}



	#container .kodawari-page .sec-komeko-head .head-bg-h2-box {
		width: 100%;
		position: absolute;
		top: 50%;
		left:105%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-box {
			left: 100%;
		}
	}

	@media(max-width:915px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-box {
			left: 90%;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-box {
			position: relative;
			transform: none;
			-webkit-transform: none;
			left: 0;
			top: 0;
			text-align: right;
			padding: 7vh 0 15vh;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-box {
			position: relative;
			padding: 5vh 0 10vh;
		}
	}



	#container .kodawari-page .sec-komeko-head .head-bg-h2-box h2 {
		display: inline-block;
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.5;
		text-align: left;
		text-shadow: 2px 2px 2px #fff;
		margin: 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-box h2 {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-box h2 {
			font-size: 1.6rem;
			line-height: 1.2;
			text-align: right;
			margin: 0 0 20px;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-box h2 {
			font-size: 1.4rem;
		}
	}

	@media(max-width:330px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-box h2 {
			font-size: 1.3rem;
		}
	}




	#container .kodawari-page .sec-komeko-head .head-bg-h2-txt {
		display: block;
		font-size: .85rem;
		font-weight: 500;
		letter-spacing: .1em;
		line-height: 1.9;
		text-align: left;
		text-shadow: 2px 2px 2px #fff;
		margin: 30px 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-txt {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-txt {
			font-weight: 600;
			margin: 0 0 0;
			text-align: right;
		}
	}



	#container .kodawari-page .head-bg-caution {
		width: 100%;
		font-size: .6rem;
		font-weight: 500;
    letter-spacing: .05em;
		text-shadow: 1px 1px 1px #fff;
		margin: 15px 0 0;
	}

	@media(max-width:375px){
		#container .kodawari-page .sec-komeko-head .head-bg-h2-txt {
			margin: 10px 0 0;
		}
	}



	#container .kodawari-page .sec04 {
		position: relative;
		width: 100%;
		/* background: #fff; */
		background: #f9f8f4;
		margin: 0 auto 0;
		padding: 60px 0 100px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec04 {
			padding: 30px 0 80px;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec04 {
			padding: 30px 0 50px;
		}
	}



	#container .kodawari-page .sec04 .FLEX-komeko-pr {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: start;
		-ms-align-items: start;
		align-items: start;
		flex-wrap: wrap;
		margin: 0 auto 80px;
		gap: 10px 20px;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .sec04 .FLEX-komeko-pr {
			/* flex-direction: column; */

		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .sec04 .FLEX-komeko-pr {
			margin: 0 auto 40px;
			gap: 15px 0px;
		}
	}

	@media(max-width:375px) {
		#container .kodawari-page .sec04 .FLEX-komeko-pr {
			margin: 0 auto 50px;
			gap: 15px 0px;
		}
	}




	#container .kodawari-page .sec04 .F-item-komeko-pr-no {
		position: relative;
		width: calc(8% - 20px);
		text-align: center;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .sec04 .F-item-komeko-pr-no {
			width: calc(8% - 20px);
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .sec04 .F-item-komeko-pr-no {
			width: 15%;
		}
	}



	#container .kodawari-page .sec04 .F-item-komeko-pr-l {
		position: relative;
		width: calc(57% - 20px);
		text-align: center;
		padding: 10px 30px 0 0;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .sec04 .F-item-komeko-pr-l {
			width: calc(57% - 20px);
			padding: 0 15px 0 0;
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .sec04 .F-item-komeko-pr-l {
			width: 90%;
			padding: 0;
		}
	}



	#container .kodawari-page .sec04 .F-item-komeko-pr-r {
		position: relative;
		width: calc(35% - 20px);
		text-align: center;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .sec04 .F-item-komeko-pr-r {
			width: calc(35% - 20px);
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .sec04 .F-item-komeko-pr-r {
			width: 90%;
		}
	}



	#container .kodawari-page .sec04 h3 {
		display: block;
		font-family: var(--font-min);
		color: #C14C20;
		font-size: 1.5rem;
		font-weight: 600;
		letter-spacing: .01em;
		line-height: 1.2;
		text-align: left;
		margin: 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec04 h3 {
			font-size: 1.5rem;
		}
	}

	@media(max-width:870px){
		#container .kodawari-page .sec04 h3 {
			font-size: 1.3rem;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec04 h3 {
			font-size: 1.6rem;
			text-align: center;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec04 h3 {
			font-size: 1.3rem;
		}
	}



	#container .kodawari-page .sec04 .komeko-pr-txt-box {
		display: block;
		margin: 30px auto 0px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec04 .komeko-pr-txt-box {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec04 .komeko-pr-txt-box {
			margin: 20px auto 10px;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec04 .komeko-pr-txt-box {
		}
	}



	#container .kodawari-page .sec04 .komeko-pr-txt-box p {
		margin: 0 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec04 .komeko-pr-txt-box p {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec04 .komeko-pr-txt-box p {
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec04 .komeko-pr-txt-box p {
		}
	}



	#container .kodawari-page .sec04 .komeko-oil-box {
		position: relative;
		width: 100%;
		background: #fff5e4;
		text-align: center;
		box-shadow: 5px 5px 10px 1px rgba(0,0,0,.2);
		border-radius: 20px;
		margin: 0 auto 0;
		padding: 30px 40px 45px;
	}

	@media(max-width:960px){
		#container .kodawari-page .sec04 .komeko-oil-box {
			width: 90%;
			padding: 40px 30px 60px;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec04 .komeko-oil-box {
			width: 100%;
			padding: 20px 20px 30px;
		}
	}



	#container .kodawari-page .kodawari-oil-ttlimg-box {
		width: 70px;
    text-align: center;
    margin: 0 auto 10px;
	}

	@media(max-width:767px){
		#container .kodawari-page .kodawari-oil-ttlimg-box {
			width: 60px;
		}
	}



	#container .kodawari-page .sec04 .komeko-oil-box h4 {
		position: relative;
		display: inline-block;
		font-size: 1.2rem;
		font-weight: 700;
		text-align: center;
		color: #231815;
		padding: 0 15px 0 25px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec04 .komeko-oil-box h4 {
			font-size: 1.4rem;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec04 .komeko-oil-box h4 {
			font-size: 1.2rem;
			padding: 0 10px 0 14px;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec04 .komeko-oil-box h4 {
			font-size: 1.1rem;
		}
	}

	@media(max-width:350px){
		#container .kodawari-page .sec04 .komeko-oil-box h4 {
			font-size: 1.1rem;
		}
	}


	#container .kodawari-page .sec04 .komeko-oil-box h4:after {
		content: "";
		width: 2px;
		height: 80%;
		background-color: #231815;
		position: absolute;
		bottom: 0;
		transform: rotate(30deg);
		right: 0;
		left: auto;
	}

	#container .kodawari-page .sec04 .komeko-oil-box h4:before {
		content: "";
		width: 2px;
		height: 80%;
		background-color: #231815;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: rotate(-30deg);
	}




	#container .kodawari-page .sec04 .komeko-oil-box h3 {
    display: block;
    font-family: var(--font-min);
    /* color: #C14C20; */
		color: #231815;
    font-size: 1.6rem;
    font-weight: 600;
		letter-spacing: .1em;
    line-height: 1.2;
    text-align: center;
    margin: 15px auto 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec04 .komeko-oil-box h3 {
			font-size: 1.5rem;
		}
	}

	@media(max-width:870px){
		#container .kodawari-page .sec04 .komeko-oil-box h3 {
			font-size: 1.5rem;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec04 .komeko-oil-box h3 {
			font-size: 1.5rem;
			margin: 10px auto 0;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec04 .komeko-oil-box h3 {
			font-size: 1.4rem;
		}
	}



	#container span.abura-gold {
		color: #CC8700;
	}

	#container span.abura-red {
		color: #C14C20;
	}



	#container .kodawari-page .sec04 .FLEX-komeko-oil {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: wrap;
		margin: 30px auto 0;
		gap: 10px 30px;
	}

	@media(max-width:960px) {
		#container .kodawari-page .sec04 .FLEX-komeko-oil {
			flex-direction: column;
			gap: 30px 0;
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .sec04 .FLEX-komeko-oil {
			margin: 20px auto 0;
			gap: 20px 0px;
		}
	}



	#container .kodawari-page .sec04 .F-item-komeko-oil-l {
		position: relative;
		width: calc(35% - 30px);
		text-align: center;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .sec04 .F-item-komeko-oil-l {
			width: calc(50% - 30px);
		}
	}

	@media(max-width:960px) {
		#container .kodawari-page .sec04 .F-item-komeko-oil-l {
			width: 100%;
		}
	}

	@media(max-width:767px) {
		#container .kodawari-page .sec04 .F-item-komeko-oil-l {
			width: 100%;
		}
	}



	#container .kodawari-page .sec04 .F-item-komeko-oil-l img {
		border-radius: 20px;
	}



	#container .kodawari-page .sec04 .F-item-komeko-oil-r {
		position: relative;
		width: calc(65% - 30px);
		text-align: center;
		background: #fff;
		box-shadow: 5px 5px 10px 1px rgba(0,0,0,.2);
		border-radius: 20px;
		padding: 10px 30px;
	}

	@media(max-width:1080px) {
		#container .kodawari-page .sec04 .F-item-komeko-oil-r {
			width: calc(50% - 20px);
		}
	}

	@media(max-width:960px) {
		#container .kodawari-page .sec04 .F-item-komeko-oil-r {
			width: 100%;
		}
	}

	@media(max-width:375px) {
		#container .kodawari-page .sec04 .F-item-komeko-oil-r {
			padding: 5px 20px;
		}
	}



	#container .kodawari-page .sec04 .F-item-komeko-oil-r p {
		line-height: 1.8;
	}



	#container .kodawari-page .sec05 {
		position: relative;
		width: 100%;
		background-color: #f5f0e7;
		background-image: url(https://2c6bab.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/back-ptn-wa-01.png);
		background-repeat: repeat;
		background-position: center;
		margin: 0 auto 0;
		padding: 75px 0 60px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 {
			padding: 70px 0 60px;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 {
			padding: 40px 0 10px;
		}
	}



	#container .kodawari-page .sec05 h4 {
		display: block;
		font-family: var(--font-min);
		font-size: 1.8rem;
		font-weight: 600;
		letter-spacing: .05em;
		line-height: 1.5;
		text-align: center;
		margin: 0 auto 20px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 h4 {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 h4 {
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec05 h4 {
			font-size: 1.5rem;
		}
	}



	#container .kodawari-page .sec05 .popular-setu-box {
		position: relative;
		text-align: center;
		margin: 0 0 80px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .popular-setu-box {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .popular-setu-box {
			margin: 0 0 40px;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec05 .popular-setu-box {
			margin: 0 0 40px;
		}
	}



	#container .kodawari-page .sec05 .popular-setu-box span {
		position: relative;
		display: inline-block;
		font-size: 1.1rem;
		font-weight: 700;
		text-align: center;
		color: #9B1414;
		padding: 0 15px 0 25px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .popular-setu-box span {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .popular-setu-box span {
			font-size: 1.1rem;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .popular-setu-box span {
			font-size: 1rem;
			padding: 0 8px 0 12px;
		}
	}

	@media(max-width:375px){
		#container .kodawari-page .sec05 .popular-setu-box span {
			font-size: .9rem;
			padding: 0 6px 0 9px;
		}
	}



	#container .kodawari-page .sec05 .popular-setu-box span:after {
		content: "";
		width: 2px;
		height: 80%;
		background-color: #9B1414;
		position: absolute;
		bottom: 0;
		transform: rotate(30deg);
		right: 0;
		left: auto;
	}

	#container .kodawari-page .sec05 .popular-setu-box span:before {
		content: "";
		width: 2px;
		height: 80%;
		background-color: #9B1414;
		position: absolute;
		left: 0;
		bottom: 0;
		transform: rotate(-30deg);
	}



	#container .kodawari-page .sec05 .modanyaki-bg-area,
	#container .kodawari-page .sec05 .okonomiyaki-bg-area,
	#container .kodawari-page .sec05 .monjya-bg-area,
	#container .kodawari-page .sec05 .yakisoba-bg-area,
	#container .kodawari-page .sec05 .tonpei-bg-area,
	#container .kodawari-page .sec05 .chahan-bg-area,
	#container .kodawari-page .sec05 .hiroshima-bg-area {
		position: relative;
		margin: 0;
		height: 25vh;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .head-bg-area {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .head-bg-area {
		}
	}


	/* 暗いオーバレイ部分 */

	#container .kodawari-page .sec05 .modanyaki-bg-area::before,
	#container .kodawari-page .sec05 .okonomiyaki-bg-area::before,
	#container .kodawari-page .sec05 .monjya-bg-area::before,
	#container .kodawari-page .sec05 .yakisoba-bg-area::before,
	#container .kodawari-page .sec05 .tonpei-bg-area::before,
	#container .kodawari-page .sec05 .chahan-bg-area::before,
	#container .kodawari-page .sec05 .hiroshima-bg-area::before {

	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .modanyaki-bg-area::before,
		#container .kodawari-page .sec05 .okonomiyaki-bg-area::before,
		#container .kodawari-page .sec05 .monjya-bg-area::before,
		#container .kodawari-page .sec05 .yakisoba-bg-area::before,
		#container .kodawari-page .sec05 .tonpei-bg-area::before,
		#container .kodawari-page .sec05 .chahan-bg-area::before,
		#container .kodawari-page .sec05 .hiroshima-bg-area::before {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .modanyaki-bg-area::before,
		#container .kodawari-page .sec05 .okonomiyaki-bg-area::before,
		#container .kodawari-page .sec05 .monjya-bg-area::before,
		#container .kodawari-page .sec05 .yakisoba-bg-area::before,
		#container .kodawari-page .sec05 .tonpei-bg-area::before,
		#container .kodawari-page .sec05 .chahan-bg-area::before,
		#container .kodawari-page .sec05 .hiroshima-bg-area::before {
			content: '';
			/* ↓暗い半透明オーバーレイ */
			background-color: rgba(0, 0, 0, 0.4);
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			display: block;
		}
	}




	#container .kodawari-page .sec05 .modanyaki-bg-area {
		background: transparent url("https://fd6132.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-modanyaki-bg.jpg") no-repeat;
		background-size: cover;
		background-position: center right 30%;
	}


	#container .kodawari-page .sec05 .okonomiyaki-bg-area {
		background: transparent url("https://b67c84.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-okonomiyaki-bg.jpg") no-repeat;
		background-size: cover;
		background-position: center right 30%;
	}


	#container .kodawari-page .sec05 .monjya-bg-area {
		background: transparent url("https://b4644c.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-monjya-bg.jpg") no-repeat;
		background-size: cover;
		background-position: center right 25%;
	}


	#container .kodawari-page .sec05 .yakisoba-bg-area {
		background: transparent url("https://ebfb04.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-yakisoba-bg.jpg") no-repeat;
		background-size: cover;
		background-position: center right 30%;
	}


	#container .kodawari-page .sec05 .tonpei-bg-area {
		background: transparent url("https://d6bed6.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-tonpei-bg.jpg") no-repeat;
		background-size: cover;
		background-position: center right 30%;
	}


	#container .kodawari-page .sec05 .chahan-bg-area {
		background: transparent url("https://0b3c8c.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-chahan-bg.jpg") no-repeat;
		background-size: cover;
		background-position: center right 30%;
	}


	#container .kodawari-page .sec05 .hiroshima-bg-area {
		background: transparent url("https://d3fa9e.staticwbm.com/20240422190126im_/https://collabo-kansai.com/img/kodawari-hiroshima-bg.jpg") no-repeat;
		background-size: cover;
		background-position: center right 30%;
	}



	#container .kodawari-page .sec05 .popular-txt-box {
		width: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .popular-txt-box {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .popular-txt-box {
			position: relative;
			top: 0;
			transform: none;
			-webkit-transform: none;
			padding: 3vh 0 0;
		}
	}



	#container .kodawari-page .sec05 .popular-txt-box h5 {
		display: inline-block;
		color: var(--h-and-f-font-col);
		font-family: var(--font-min);
		font-size: 1.8vh;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.7;
		text-align: left;
		text-shadow: 1px 2px 3px #333;
		margin: 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .popular-txt-box h5 {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .popular-txt-box h5 {
			font-size: 1.2rem;
		}
	}



	#container .kodawari-page .sec05 .popular-setu-txt {
		display: block;
		color: var(--h-and-f-font-col);
		font-size: 1.3vh;
		font-weight: 400;
		letter-spacing: .1em;
		line-height: 1.5;
		text-align: left;
		text-shadow: 1px 2px 3px #333;
		box-sizing: border-box;
		margin: 1vh 0 2vh;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .popular-setu-txt {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .popular-setu-txt {
		}
	}



	#container .kodawari-page .sec05 .yakikata-btn,
	#container .kodawari-page .sec05 .menu-btn {
		display: inline-block;
		text-align: center;
		font-size: .7vh;
		line-height: 2;
		font-weight: 500;
		border-radius: 20px;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: .3s;
		transition: .3s;
		padding: .3vh 30px;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .yakikata-btn,
		#container .kodawari-page .sec05 .menu-btn {
			display: inline-block;
			font-size: .7vh;
			padding: .3vh 30px;
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .yakikata-btn,
		#container .kodawari-page .sec05 .menu-btn {
			font-size: .6rem;
		}
	}





	#container .kodawari-page .sec05 .yakikata-btn {
		background: #333;
		color: #fff;
		margin: 0 10px 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .yakikata-btn {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .yakikata-btn {
			margin: 0 5px 0 0;
		}
	}



	#container .kodawari-page .sec05 .menu-btn {
		/* background: #E85716; */
		/* background: #EAC300; */
		background: #F39800;
		/* color: #231815; */
		color: #fff;
		margin: 0 0 0 0;
	}

	@media(max-width:1080px){
		#container .kodawari-page .sec05 .menu-btn {
		}
	}

	@media(max-width:767px){
		#container .kodawari-page .sec05 .menu-btn {
		}
	}







/* ////////////////////////////////////////////////////////////

メンテナンス中ページ (maintenance_now.php)

/////////////////////////////////////////////////////////////*/

	#container .child-page .maintenance-page {

	}

	@media(max-width:1080px){
		#container .child-page .maintenance-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .maintenance-page {

		}
	}


	#container .maintenance-page .sec01 {
		position: relative;
		width: 100%;
		height: 50vh;
		margin: 0 auto 0;
		padding: 0 0 0;
	}

	@media(max-width:1080px){
		#container .maintenance-page .sec01 {
		}
	}

	@media(max-width:767px){
		#container .maintenance-page .sec01 {
			padding: 0 0 0;
		}
	}



	#container .maintenance-page .sec01 p {
		text-align: center;
	}

	@media(max-width:1080px){
		#container .maintenance-page .sec01 p {
		}
	}

	@media(max-width:767px){
		#container .maintenance-page .sec01 p {
			
		}
	}








/* ////////////////////////////////////////////////////////////
下層ページ 共通 一般装飾 円ラベル
/////////////////////////////////////////////////////////////*/


	#container .child-page .circle-label {
		/* position: absolute; */
		/* top: 15px; */
		/* left: 10px; */
		width: 80px;
		height: 80px;
		font-size: 1rem;
		border-radius: 40px;
		color: #fff;
		/* ▽文字縦中央に▽ */
		display: flex;
		display: -webkit-flex;
		align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		justify-content: center;
	}



	#container .bg-blue {
		background-color: #0049A0;
	}


	#container .bg-orange {
		background: #EE7743;
	}
	



/* ////////////////////////////////////////////////////////////

ニュース 一覧ページ (news.php)

/////////////////////////////////////////////////////////////*/


	#container .child-page .news-index-page {
		position: relative;
		width: 100%;

	}

	@media(max-width:1080px){
		#container .child-page .news-index-page {
		}
	}

	@media(max-width:767px){
		#container .child-page .news-index-page {

		}
	}



	#container .news-index-page .sec01 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 120px;
	}

	@media(max-width:1080px){
		#container .news-index-page .sec01 {
		}
	}

	@media(max-width:767px){
		#container .news-index-page .sec01 {
			padding: 0 0 80px;
		}
	}




	#container .news-index-page .pager {
		margin: 30px 0!important;
		font-family: roboto, sans-serif!important;
		text-align: center!important;
	}

	@media(max-width:767px){
		#container .news-index-page .pager {
			text-align: center!important;
		}
	}


	#container .news-index-page .pager a {
		font-size: .9rem!important;
		color: #8CC63F!important;
		padding: 0.5em!important;
		font-weight: 900!important;
	}



	#container .news-index-page ul.newsList {

	}

	@media(max-width:1080px){
		#container .news-index-page ul.newsList {
		}
	}

	@media(max-width:767px){
		#container .news-index-page ul.newsList {

		}
	}



	#container .news-index-page ul.newsList li {
		color: #81848f;
		padding: 15px 10px;
		border-bottom: 1px dotted #333;
	}

	@media(max-width:1080px){
		#container .news-index-page ul.newsList li {
		}
	}

	@media(max-width:767px){
		#container .news-index-page ul.newsList li {

		}
	}


	#container .news-index-page ul.newsList li .up_ymd {
		display: inline-block;
		font-family: roboto, sans-serif;
		font-size: .8rem;
		font-weight: 700;
		color: #C1AE6E;
		margin: 0 30px 0 0;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .news-index-page ul.newsList li .up_ymd {
		}
	}

	@media(max-width:767px){
		#container .news-index-page ul.newsList li .up_ymd {
			display: block;
			font-size: .8rem;
			margin: 0 0 5px;
		}
	}


	#container .news-index-page ul.newsList li .title {
		display: inline-block;
	}

	@media(max-width:1080px){
		#container .news-index-page ul.newsList li .title {
		}
	}

	@media(max-width:767px){
		#container .news-index-page ul.newsList li .title {
			display: block;
		}
	}


	#container .news-index-page ul.newsList li .title a {
		text-align: left;
		font-size: 1rem;
		font-weight: 600;
		letter-spacing: .1em;
		line-height: 1.6;
		/* color: #006cb4; */
		/* color: #EE7743; */
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .news-index-page ul.newsList li .title a {
		}
	}

	@media(max-width:767px){
		#container .news-index-page ul.newsList li .title a {
			font-size: .8rem;
		}
	}


	#container .news-index-page h4.news-ttl {
		font-size: 1.5rem;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: .08em;
		color: #006cb4;
		margin: 30px 0 20px;
		
	}

	@media(max-width:1080px){
		#container .news-index-page h4.news-ttl {
		}
	}

	@media(max-width:767px){
		#container .news-index-page h4.news-ttl {
			font-size: 1.3rem;
			text-align: left;
		}
	}


	#container .news-index-page .news-date {
		font-size: .9rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: .08em;
		font-family: roboto, sans-serif;
		color: #bfbfbf;
		/* color: #666464; */
		margin: 0 0 20px;
		
	}

	@media(max-width:1080px){
		#container .news-index-page .news-date {
		}
	}

	@media(max-width:767px){
		#container .news-index-page .news-date {

		}
	}


	#container .news-index-page .news-cont {

	}

	@media(max-width:1080px){
		#container .news-index-page .news-cont {
		}
	}

	@media(max-width:767px){
		#container .news-index-page .news-cont {

		}
	}


	#container .news-index-page .news-cont .cont-txt {
		text-align: left;
		font-size: .9rem;
		font-weight: 600;
		letter-spacing: .16em;
		line-height: 1.6;
		color: #666464;
		margin: 50px 0;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .news-index-page .news-cont .cont-txt {
		}
	}

	@media(max-width:767px){
		#container .news-index-page .news-cont .cont-txt {

		}
	}


	#container .news-index-page .news-cont .detailUpfile img {
		max-width: 600px;
	}

	@media(max-width:1080px){
		#container .news-index-page .news-cont .detailUpfile img {
		}
	}

	@media(max-width:767px){
		#container .news-index-page .news-cont .detailUpfile img {

		}
	}




/* ////////////////////////////////////////////////////////////

ニュース 詳細ページ (news-detail)

/////////////////////////////////////////////////////////////*/


	#container .news-detail-page {
		position: relative;
		width: 100%;

	}

	@media(max-width:1080px){
		#container .news-detail-page {
		}
	}

	@media(max-width:767px){
		#container .news-detail-page {

		}
	}



	#container .news-detail-page .sec01 {
		position: relative;
		width: 100%;
		margin: 0 auto 0;
		padding: 0 0 120px;
	}

	@media(max-width:1080px){
		#container .news-detail-page .sec01 {
		}
	}

	@media(max-width:767px){
		#container .news-detail-page .sec01 {
			padding: 0 0 0;
		}
	}



	#container .news-detail-page h4.news-ttl {
		font-size: 1.3rem;
		font-weight: 600;
		line-height: 1.3;
		letter-spacing: .08em;
		/* color: #006cb4; */
		color: #EE7743;
		margin: 30px 0 20px;
		text-align: center;
		/* text-align: left; */
	}

	@media(max-width:1080px){
		#container .news-detail-page h4.news-ttl {
		}
	}

	@media(max-width:767px){
		#container .news-detail-page h4.news-ttl {
			font-size: 1.2rem;
			text-align: left;
			margin: 0px 0 5px;
		}
	}

	@media(max-width:375px){
		#container .news-detail-page h4.news-ttl {
			font-size: 1.1rem;
		}
	}



	#container .news-detail-page .news-date {
		font-size: .9rem;
		font-weight: 700;
		line-height: 1.3;
		letter-spacing: .05em;
		font-family: roboto, sans-serif;
		/* color: #bfbfbf; */
		/* color: #666464; */
		color: #81848f;
		text-align: center;
		padding: 0 0 30px;
		border-bottom: 2px solid #ededed;
	}

	@media(max-width:1080px){
		#container .news-detail-page .news-date {
		}
	}

	@media(max-width:767px){
		#container .news-detail-page .news-date {
			padding: 0 0 20px;
		}
	}


	#container .news-detail-page .news-cont {
		text-align: center;
		margin: 0 auto;
	}

	@media(max-width:1080px){
		#container .news-detail-page .news-cont {
		}
	}

	@media(max-width:767px){
		#container .news-detail-page .news-cont {

		}
	}


	#container .news-detail-page .news-cont .cont-txt {
		/* text-align: left; */
		text-align: center;
		font-size: .9rem;
		font-weight: 500;
		letter-spacing: .16em;
		line-height: 2;
		margin: 50px 0;
		font-feature-settings: "palt";
	}

	@media(max-width:1080px){
		#container .news-detail-page .news-cont .cont-txt {
		}
	}

	@media(max-width:767px){
		#container .news-detail-page .news-cont .cont-txt {
			margin: 30px 0;
			font-size: .8rem;
			font-weight: 500;
			text-align: left;
		}
	}


	#container .news-detail-page .news-cont .detailUpfile img {
		max-width: 600px;
	}

	@media(max-width:1080px){
		#container .news-detail-page .news-cont .detailUpfile img {
		}
	}

	@media(max-width:767px){
		#container .news-detail-page .news-cont .detailUpfile img {
			max-width: 100%;
		}
	}


	#container .news-detail-page .btn-box {
		margin: 90px auto 0px!important;
		text-align: center;
	}

	@media(max-width:1080px){
		#container .news-detail-page .btn-box{
		}
	}

	@media(max-width:767px){
		#container .news-detail-page .btn-box {
			margin: 70px auto 40px!important;
		}
	}






/* ////////////////////////////////////////////////////////////

トップページ 緊急

/////////////////////////////////////////////////////////////*/


	#container .index-page section.sec-kin {
		position: relative;
		width: 100%;
		/* background-color: #f5f0e7; */
		background-color: #f9f8f4;
		padding: 80px 0 0px;
	}

	@media(max-width:1080px){
		#container .index-page section.sec-kin {
		}
	}

	@media(max-width:767px){
		#container .index-page section.sec-kin {
			padding: 50px 0 20px;
		}
	}



	#container .index-page .kin-txt {
		text-align: center;
	}

	@media(max-width:1080px){
		#container .index-page .kin-txt {
		}
	}

	@media(max-width:767px){
		#container .index-page .kin-txt {
			
		}
	}



	#container .index-page .kin-txt span {
		font-size: 1.3rem;
		color: #C14C20;
	}

	@media(max-width:1080px){
		#container .index-page .kin-txt span {
		}
	}

	@media(max-width:767px){
		#container .index-page .kin-txt span {
			
		}
	}








	#container .index-page .plus-bnr-area {
		text-align: center;
		margin: 50px auto 0;
	}

	@media(max-width:1080px){
		#container .index-page .plus-bnr-area {
		}
	}

	@media(max-width:767px){
		#container .index-page .plus-bnr-area {
			
		}
	}



	#container .index-page .plus-bnr-area .FLEX-plus-bnr-box {
		width: 720px;
		display: flex;
		display: -webkit-flex;
		flex-direction: row;
		justify-content: center;
		align-items: end;
		-webkit-align-items: end;
		-ms-align-items: end;
		flex-wrap: nowrap;
		/* background: #FFFFEF; */
		margin: 0 auto 0;
		gap: 0px 15px;
	}

	@media(max-width:1080px) {
		#container .index-page .plus-bnr-area .FLEX-plus-bnr-box {
			/* flex-direction: column; */

		}
	}

	@media(max-width:767px) {
		#container .index-page .plus-bnr-area .FLEX-plus-bnr-box {
			flex-direction: column;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			width: 100%;
			gap: 8px 0px;
		}
	}



	#container .index-page .plus-bnr-area .F-item-plus-bnr-l {
		
	}

	@media(max-width:1080px) {
		#container .index-page .plus-bnr-area .F-item-plus-bnr-l {

		}
	}

	@media(max-width:767px) {
		#container .index-page .plus-bnr-area .F-item-plus-bnr-l {
			width: 90%;
		}
	}



	#container .index-page .plus-bnr-area .F-item-plus-bnr-r {
		display: flex;
		display: -webkit-flex;
		flex-direction: column;
		justify-content: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		flex-wrap: nowrap;
		gap: 5px 0px;
	}

	@media(max-width:1080px) {
		#container .index-page .plus-bnr-area .F-item-plus-bnr-r {

		}
	}

	@media(max-width:767px) {
		#container .index-page .plus-bnr-area .F-item-plus-bnr-r {
			width: 90%;
			flex-direction: row;
			justify-content: center;
			-webkit-align-items: center;
			-ms-align-items: center;
			align-items: center;
			flex-wrap: nowrap;
			gap: 0px 15px;
		}
	}





	#container .index-page .plus-bnr-area .bnr-img {
		/* height: 103px; */
		object-fit: contain;
	}

	@media(max-width:1080px){
		#container .index-page .plus-bnr-area .bnr-img {
		}
	}

	@media(max-width:767px){
		#container .index-page .plus-bnr-area .bnr-img {
			
		}
	}



	#container .index-page .plus-bnr-area .app-btn {
		max-width: 155px;
		object-fit: contain;
		padding: 0px 0;
	}

	@media(max-width:1080px){
		#container .index-page .plus-bnr-area .app-btn {
		}
	}

	@media(max-width:767px){
		#container .index-page .plus-bnr-area .app-btn {
			max-width: 100%;
		}
	}



	










/* ////////////////////////////////////////////////////////////

共通 レイヤー

/////////////////////////////////////////////////////////////*/

	.layer-dark {
	}

	@media(max-width:1080px) {
		.layer-dark {
			position: absolute;
			background: rgba(0, 0, 0, 0.5);
			text-align: center;
		}
	}




/* ////////////////////////////////////////////////////////////

共通 グーグルマップ

/////////////////////////////////////////////////////////////*/

	#container .g-map {
		margin: 0 auto 0;
		text-align: center;
	}

	@media(max-width:767px) {
		#container .g-map {
		}
	}


	#container .g-map iframe {
		border: 0;
		width: 100%;
	}

	@media(max-width:767px) {
		#container .g-map iframe {
		}
	}




/* ////////////////////////////////////////////////////////////

その他 共通 マークなど

/////////////////////////////////////////////////////////////*/

	#container .trianglemark {
		margin: 0 auto;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 50px 100px 0 100px;
		border-color: #ffffff transparent transparent transparent;
	}


	@media(max-width:768px){
		#container .trianglemark {
		}
	}




/* ////////////////////////////////////////////////////////////

PCのみ表示 スマホのみ表示 display:inline

/////////////////////////////////////////////////////////////*/

	/*PCの場合*/
	.pc-dis_inl	{ display:inline!important; }
	.mb-dis_inl	{ display:none!important; }

	@media screen and (max-width: 767px) {
	/*タブレット、スマホの場合*/
	.pc-dis_inl	{ display:none!important; }
	.mb-dis_inl { display:inline!important; }
	}


/* ////////////////////////////////////////////////////////////

PCのみ表示 スマホのみ表示 display:block

/////////////////////////////////////////////////////////////*/


	/*PCの場合*/
	.pc-dis_blc	{ display:block!important; }
	.mb-dis_blc	{ display:none!important; }


	@media screen and (max-width: 767px) {
	/*タブレット、スマホの場合*/
	.pc-dis_blc	{ display:none!important; }
	.mb-dis_blc { display:block!important; }
	}



/* ////////////////////////////////////////////////////////////

PCのみ表示 スマホのみ表示 display:inlineblock

/////////////////////////////////////////////////////////////*/


	/*PCの場合*/
	.pc-dis_inblc	{ display:inline-block!important; }
	.mb-dis_inblc	{ display:none!important; }

	@media screen and (max-width: 767px) {
	/*タブレット、スマホの場合*/
	.pc-dis_inblc	{ display:none!important; }
	.mb-dis_inblc { display:inline-block!important; }
	}








	@charset "utf-8";


	/* スマホでアニメーション無効化 */

	@media(max-width:768px){
		.visible {
			/* animation */
			/*-webkit-animation:none !important;
			animation:none !important;*/
		}
	}

/*
     FILE ARCHIVED ON 06:01:48 May 02, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 03:41:29 May 20, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.691
  exclusion.robots: 0.062
  exclusion.robots.policy: 0.051
  esindex: 0.009
  cdx.remote: 2687.082
  LoadShardBlock: 245.128 (3)
  PetaboxLoader3.datanode: 143.219 (4)
  PetaboxLoader3.resolve: 159.021 (2)
  load_resource: 104.897
*/