
/* ------------------------------------------------------------ */
/* お店紹介 introduce 1 */

.introduce_h2 {
	
	color: #ffffff;
	
	text-align: center;
	
	font-size: 4.5rem;
	font-weight: normal;
	
}

#introduce1_back {
	
	
	
}

#introduce1_wrap {
	
	height: 600px;
	
	background-image: url('img/pc/introduce/introduce1.jpg');
	background-repeat: no-repeat;
	background-size: 100vw calc(100vw / 1720 * 1080);
	background-position: center;
	
}

#introduce1_h2 {
	
	padding-top: 400px;
	
}

/* ------------------------------------------------------------ */
/* お店紹介 当店の特徴 introduce 2 */

#introduce2_back {
	
	padding: 100px 0 80px;
	
	background-color: #000000;
	
}

#introduce2_wrap {
	
	height: 800px;
	
	padding: 20px 0 0;
	
	background-image: url('img/pc/introduce/introduce2.png');
	background-repeat: no-repeat;
	background-size: 109px 112px;
	background-position: top center;
	
	text-align: center;
	
}

#introduce2_img {
	
	margin-bottom: 30px;
	
	filter: invert(100%);
	
}

#introduce2_p {
	
	font-size: 2.0rem;
	
	color: #ffffff;
	
}

#introduce2_div {
	
	display: flex;
	
	width: calc(100vw - 200px);
	height: 450px;
	
	margin: 50px auto 80px;
	
}

#introduce2_flex1,
#introduce2_flex3 {
	
	width: 32.7%;
	height: 100%;
	
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	
}

#introduce2_flex1 {
	
	background-image: url('img/pc/introduce/introduce3.avif');
	
}

#introduce2_flex2 {
	
	width: calc(34.6% - 170px);
	height: 100%;
	
	padding: 45px 85px 40px;
	
	color: #ffffff;
	
	font-size: 2.0rem;
	
	text-align: left;
	line-height: 3.0;
	
}

#introduce2_flex3 {
	
	background-image: url('img/pc/introduce/introduce4.avif');
	
}

/* ------------------------------------------------------------ */
/* お店紹介 営業時間 introduce 3 */

/* 変数定義 */
:root {
	
	--introduce_width: calc(100vw - 200px);
	
}

#introduce3_back {
	
	padding: 100px 0 80px;
	
	background-color: #ffffff;
	
}

#introduce3_wrap {
	
	height: 550px;
	
	margin: auto;
	
	background-image: url('img/pc/introduce/introduce5.jpg');
	background-repeat: no-repeat;
	background-size: var(--introduce_width) auto;
	background-position: center;
	background-attachment: fixed;
	
}

#introduce3_content {
	
	width: var(--introduce_width);
	height: 430px;
	
	margin: auto;
	
	padding-top:120px;
	
	text-align: center;
	
	color: #ffffff;
	
}

#introduce3_h2 {
	
	margin-bottom: 70px;
	
}

.introduce3_p {
	
	font-size: 2.5rem;
	
	line-height: 3.15;
	
}

/* ------------------------------------------------------------ */
/* お店紹介 Contact introduce 4 */

#introduce4_back {
	
	padding: 100px 0 95px;
	
	background-color: #000000;
	
}

#introduce4_wrap {
	
	position: relative;
	
	width: var(--introduce_width);
	height: 500px;
	
	margin: auto;
	
	background-image: url('img/pc/introduce/introduce6.jpg');
	background-repeat: no-repeat;
	background-size: var(--introduce_width) auto;
	background-position: center;
	background-attachment: fixed;
	
}

#introduce4_content {
	
	position: absolute;
	
	top: 0;
	right: 0;
	
	width: 50%;
	height: 410px;
	
	padding-top: 90px;
	
	background-color: #00000099;
	
	color: #ffffff;
	
	text-align: center;
	
}

#introduce4_h2 {
	
	margin-bottom: 50px;
	
}

.introduce4_p {
	
	font-size: 1.8rem;
	
}

#introduce4_p1 {
	
	margin-bottom: 20px;
	
}

#introduce4_p2 {
	
	margin-bottom: 20px;
	
	font-size: 3.0rem;
	
}

#introduce4_p3 {
	
	width: 240px;
	
	margin: 0 auto 18px;
	
	padding: 8px;
	
	background-color: #ff66bb;
	
	font-size: 2.2rem;
	
}

/* ------------------------------------------------------------ */
/* お店紹介 Summary introduce 5 */

#introduce5_back {
	
	padding: 100px 0 80px;
	
	background-color: #ffffff;
	
}

#introduce5_wrap {
	
	width: var(--introduce_width);
	height: 525px;
	
	margin: auto;
	
	background-image: url('img/pc/introduce/introduce1.jpg');
	background-repeat: no-repeat;
	background-size: var(--introduce_width) auto;
	background-position: center;
	background-attachment: fixed;
	
}

#introduce5_content {
	
	width: 64%;
	height: 375px;
	
	padding: 150px 0 0;
	
	background-color: #00000099;
	
}

#introduce5_h2 {
	
	font-size: 4.0rem;
	
}

#introduce5_table {
	
	width: 610px;
	
	margin: 70px auto 0;
	
}

#introduce5_table tr {
	
	margin: 10px 0;
	
	background-color: #191919;
	
}

#introduce5_table td {
	
	padding: 12px 14px;;
	
	color: #ffffff;
	
	font-size: 1.6rem;
	
	vertical-align: top;
	
}

.introduce5_td1 {
	
	width: 120px;
	
}

