@charset "UTF-8";
@import url("grid.css");

/*=====================================
  基本設定
=====================================*/

img {
	max-width:100%;
	height:auto;
	pointer-events:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	user-select:none;
}

a {
	display:block;
	color:#666;
	text-decoration:none;
}

a:hover {
	color:#999;
}


/*=====================================
  ヘッダー
=====================================*/
header {
	position:fixed;
	top:0;
	width:100%;
	z-index:1000;
	background-color:#fff;
}

.header {
	display:flex;
	padding:0;
}

.header h1 {
	margin:0;
}


/* ロゴ */

.pc-logo {
	display:block;
}

.sp-logo {
	display:none;
}

.pc-logo img {
	max-width:250px;
}

.sp-logo img {
	max-width:250px;
}


/* 電話ボックス */

.header-box {
	font-family:"Noto Serif JP", serif;
	font-weight:600;
	margin-left:auto;
	margin-top:8px;
}

.header-box span.huge {
	font-size:1.8em;
}

.header-box span.tiny {
	font-size:small;
}

.header-box span.mgl-30 {
	margin-left:30px;
}


/*=====================================
  ナビ
=====================================*/
/* ハンバーガーボタン */
#open,
#close {
	padding:0;
	border:0;
	background:none;
}

nav ul {
	display:flex;
	justify-content:space-around;
	list-style:none;
	margin:0;
}

nav li {
	flex:1 0 auto;
}

nav li a {
	text-align:center;
	width:100%;
	text-decoration:none;
}

nav a {
	font-family:"Noto Serif JP", serif;
	font-weight:500;
	letter-spacing:0.08em;
	padding:0.5rem;
	transition:.25s;
}

nav a:hover {
	background:#f5f1e8;
	color:#5a3d1c;
}


/*=====================================
  PC / SP 表示切替
=====================================*/
.pc {
	display:block;
}

.sp {
	display:none;
}


/*=====================================
  PC表示
=====================================*/

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

    #open,
    #close{
        display:none !important;
    }

    #navi{
        display:block !important;
    }

}

/*=====================================
  メイン
=====================================*/

main {
	padding-top:144px;
}

section {
	margin:3rem 0;
	padding:2rem 0;
	scroll-margin-top:144px;
}


/*=====================================
  共通レイアウト
=====================================*/
.center {
	text-align:center;
	margin-bottom:4rem;
}

.left {
	text-align:left;
	margin-bottom:4rem;
}

.under {
	border-bottom:0.4rem solid #000;
	padding:0 1rem 1rem 1rem;
}


/*=====================================
  見出し
=====================================*/

h2 {
	font-family:"Noto Serif JP", serif;
	font-weight:600;
}


/*=====================================
  キャッチコピー
=====================================*/

.catch-title {
	position:relative;
	padding:.3em;
	text-align:left;
	color:#000;
}

.catch-title::before,
.catch-title::after {
	position:absolute;
	left:0;
	content:'';
	width:100%;
	height:6px;
	box-sizing:border-box;
}

.catch-title::before {
	top:0;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}

.catch-title::after {
	bottom:0;
	border-top:1px solid #000;
	border-bottom:2px solid #000;
}


.catch-section {
	text-align:center;
	padding:2.5rem 0;
	padding-bottom:10rem;
}


.catch-text {
	font-size:2rem;
	font-family:"Noto Serif JP", serif;
	font-weight:400;
}

/*=====================================
  会社情報
=====================================*/

.company-origin {
	border:1px solid #ddd;
	padding:1.5rem;
	margin-top:3rem;
	max-width:595px;
	margin-left:auto;
	margin-right:auto;
}

.company-origin p {
	margin-bottom:1.5rem;
}

.company-origin p:last-child {
	margin-bottom:0;
}

/*=====================================
  テーブル
=====================================*/

table {
	margin:3px auto;
}

table th {
	width:120px;
	text-align:right;
	padding-right:1rem;
}


/*=====================================
  プライバシーポリシー・免責事項
=====================================*/

/* 見出しと本文の間隔調整 */
.privacy-policy h2,
.legal-notice h2 {
	margin-bottom:5rem;
}

.privacy-policy h3,
.legal-notice h3 {
	font-size:1.3em;
	font-weight:600;
}

/* ページ下余白調整 */
.privacy-policy,
.legal-notice {
	margin-top:0.8rem;
	margin-bottom:0.5rem;
	padding-bottom:0.5rem;
}

/* 文章段落の余白調整 */
.privacy-policy p,
.legal-notice p {
	margin-bottom:2rem;
}

/* 最後の「以上」の前だけ少し間隔をあける */
.privacy-policy p:last-child,
.legal-notice p:last-child {
	margin-top:4rem;
	margin-bottom:0;
}


/* リスト自体の左側の字下げと上下余白リセット */
ol.list-parentheses {
	padding:0 0 0 2em;
	margin:0;
}

/* リストの直後に来るh3だけ上に余白を設定 */
.list-parentheses + h3 {
	margin-top:3rem;
}

ol.list-parentheses li {
	list-style-type:none;
	list-style-position:inside;
	counter-increment:cnt;
}

ol.list-parentheses li:before {
	display:marker;
	content:"(" counter(cnt) ") ";
}


/*=====================================
  お酒と健康問題
=====================================*/

.box-health {
	font-size:0.88em;
	text-align:center;
	width:470px;
	margin:0 auto;
	max-width:100%;
}


/*=====================================
  フッター
=====================================*/

footer {
	font-family:"Noto Serif JP", serif;
	background-color:#233B63;
	color:#fff;
	padding:2rem 0;
	font-size:small;
	text-align:center;
}


footer a {
	color:#fff;
	display:inline-block;
	padding:0 0.8rem;
}

footer li {
	display:inline-block;
}

footer li:not(:first-child)::before {
	content:"｜";
}

footer a:hover {
	color:#b8c7e0;
}


footer ul {
	padding-bottom:1rem;
	margin-bottom:1.5rem;
	border-bottom:1px solid #fff;
}


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

.copyright {
	text-align:center;
	padding:1rem 0;
	background-color:#000;
	font-size:small;
}

.copyright p {
	color:#fff;
	font-family:"Noto Serif JP", serif;
	text-decoration:none;
	display:inline;
	font-size:small;
}


/*=====================================
  ページトップ
=====================================*/

#pagetop {
	position:fixed;
	bottom:15px;
	right:15px;
	font-size:large;
}

#pagetop a {
	display:block;
	background:#5a3d1c;
	color:#f5f1e8;
	width:50px;
	padding:10px 5px;
	text-align:center;
	transition:.25s;
}


/*=====================================
  その他
=====================================*/

.inline-link {
	display:inline;
	color:#5a3d1c;	
	text-decoration:underline;
}

.inline-link:hover {
	color:#b07a45;
}

.emphasis {
	font-weight:bold;
}

/*=====================================
  メイン画像
=====================================*/

.mainimg {
	text-align:center;
}

.mainimg img {
	display:inline-block;
	width:100%;
	max-width:1280px;
	height:auto;
}

/*=====================================
  固定調整
=====================================*/
#access {
	padding-bottom:8rem;
	scroll-margin-top:144px;
}

#contact {
	margin-bottom:0;
	padding-bottom:1rem;
}

.business-photo{
    display:flex;
    justify-content:center;
    gap:30px;
    margin-bottom:1.5rem;
}

.business-photo img{
    width:400px;
    max-width:100%;
    height:auto;
    flex:none;
}

.business-text{
    width: fit-content;
    margin: 0 auto;
    text-align: left;
}

.business-description {
	max-width:850px;
	margin:0 auto;
	text-align:left;
}

/*=====================================
  SP表示
=====================================*/
@media screen and (max-width:768px){

	/* スマホのタップハイライト(水色)を無効化 */
	a {
		-webkit-tap-highlight-color: transparent;
	}

	.business-photo{
		flex-direction:column;
		align-items:center;
		gap:20px;
	}

	.business-photo img{
		width:400px;
		max-width:100%;
	}

	main {
		padding-top:100px;
	}

	section {
		margin:1rem 0;
		padding:1rem 0;
		scroll-margin-top:90px;
	}

	.privacy-policy,
	.legal-notice {
		margin-top:0.5rem;
	}

	#access {
		scroll-margin-top:90px;
	}

	.pc {
		display:none;
	}

	.sp {
		display:block;
	}

	.pc-logo {
		display:none;
	}

	.sp-logo {
		display:block;
	}

	.header-box {
		display:none;
	}

	.header {
		align-items:center;
	}

	#open,
	#close {
		display:block;
		position:absolute;
		top:20px;
		right:12px;
		width:50px; /* ハンバーガーボタンサイズ */
		padding:0;
		border:none;
		background:transparent;
		cursor:pointer;
	}

	#open img,
	#close img {
		display:block;
		width:100%;
		height:auto;
	}

	nav ul {
		flex-direction:column;
	}

	#navi {
		display:none;
	}

	/* (きららシティサイト内)をスマホではリンク下に表示 */
	.site-note {
		display:block;
		margin-top:0.3rem;
	}

}