@charset "UTF-8";

/* ---------------------TOP_Raffino JR茨木駅前店修正_260319---------------------- */
#top_right+section::before {
  position: absolute;
  display: block;
  content: "";
  width: 40%;
  height: 100%;
  top: 0;
  left: auto;
  right: 0;
  background: var(--i_main_color);
  pointer-events: none;
}
#top_right+section .heading.block_header_2 .h {
  font-size: 3.8rem !important;
  line-height: 1.4;
  color: var(--i_txt_color);
  padding-left: 0;
  letter-spacing: 0.2rem !important;
}

#top_right+section .heading.block_header_2 p {
  font-size: 1.75rem !important;
  letter-spacing: 0.15rem !important;
  padding-left: 0;
  color: var(--i_main_color);
}
#top_right+section .heading.block_header_2 {
  border-bottom: none;
}
#top_right+section .heading.block_header_2 .h:before,
#top_right+section .heading.block_header_2:before,
#top_right+section .heading.block_header_2:after {
  display: none;
}
@media screen and (min-width: 901px) {
  #top_right+.contents_box01 .inner_item_txt {
    padding-right: 5%;
  }
}
@media screen and (max-width: 900px) {
  #top_right+section .heading.block_header_2 {
    text-align: center;
  }
  #top_right+section::before {
    display: none;
  }
  #top_right+section .heading.block_header_2 .h {
    font-size: 2.5rem !important;
  }
  #top_right+section .heading.block_header_2 p {
    font-size: 1.5rem !important;
    letter-spacing: 0.1rem;
  }
}

/*-------------------TOP_コンセプト修正_260319-----------------------*/
#top_seo1_img+div{
  margin-top: -80px;
}
#top_seo1_img+div .inner_item{
  width: 52%!important;
}
#top_seo1_img+div .inner_item:nth-of-type(2){
  margin-left: -4%!important;
  margin-top: 140px;
}
#top_seo1+section{
  margin-top: -200px;
}
@media screen and (max-width: 1400px) {
  #top_seo1_img+div{
    margin-top: -40px;
  }
}
@media screen and (max-width: 900px) {
  #top_seo1+section{
    margin-top: -100px;
  }
  #top_seo1 + section .heading.block_header_1 {
    align-items: flex-start;
  }
  #top_seo1 + section .heading.block_header_1 p {
    text-shadow: 3px  3px 0px var(--i_bg_color),-3px  3px 0px var(--i_bg_color),3px -3px 0px var(--i_bg_color),-3px -3px 0px var(--i_bg_color),3px  0px 0px var(--i_bg_color),0px  3px 0px var(--i_bg_color),-3px  0px 0px var(--i_bg_color),0px -3px 0px var(--i_bg_color)
  }
}
@media screen and (max-width: 600px) {
  #top_seo1_img+div .inner_item:nth-of-type(2){
    margin-top: 70px;
  }
}


/* TOP_メニュー、スタッフ、よくある質問修正_260319 */
#c3+div .heading.block_header_4 .h {
	position: relative;
	font-size: 3.5rem;
	width: max-content;
	margin: auto;
	padding: 0 60px;
	color: var(--i_main_color);
}

#c3+div .heading.block_header_4 .h:before {
	position: absolute;
	display: block;
	content: "";
	bottom: 50%;
	left: 0;
	width: 40px;
	height: 1px;
	background: var(--i_txt_color);
}

#c3+div .heading.block_header_4 .h:after {
	position: absolute;
	display: block;
	content: "";
	bottom: 50%;
	right: 0;
	width: 40px;
	height: 1px;
	background: var(--i_txt_color);
}

#c3+div .heading.block_header_4 p {
	font-size: 1.7rem !important;
	color: var(--i_txt_color);
}

@media screen and (max-width: 800px) {
	#c3+div .heading.block_header_4 .h {
		font-size: 3rem !important;
		letter-spacing: 0.2rem !important;
	}

	#c3+div .heading.block_header_4 p {
		font-size: 1.5rem !important;
	}
}

#c3+div{
	background: #A6A5A5;
}

#c3+div:before,
#c3+div:after {
	position: absolute;
	display: block;
	content: "";
	width: 33.3%;
	height: 100%;
	top: 0;
	left: 0;
	background: #8A8A8A;
	pointer-events: none;
}

#c3+div:after {
	left: auto;
	right: 0;
}

#c3+div img {
	border-radius: 100%;
	aspect-ratio: 2/2;
	height: auto !important;
	width: 70% !important;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
}

#c3+div .wrapper_item {
	justify-content: space-between;
}

#c3+div .inner_item {
	width: 30%;
}

#c3+div .inner_item_txt {
	margin-top: 30px;
}

@media screen and (min-width: 901px) {
	#c3+div .inner_item {
		margin: 0 !important;
	}
}

@media screen and (max-width: 900px) {
	#c3+div {
		padding: 0;
	}

	#c3+div .wrapper_item {
		overflow: visible;
	}

	#c3+div .inner_item {
		width: 100%;
		padding: 50px 0;
	}

	#c3+div .inner_item:nth-child(1),
	#c3+div .inner_item:nth-child(3) {
		position: relative;
	}

	#c3+div .inner_item:nth-child(1):before,
	#c3+div .inner_item:nth-child(3):before {
		position: absolute;
		display: block;
		content: "";
		width: calc(100% + 40px);
		height: 100%;
		top: 0;
		left: -20px;
		background: #e6e6e6;
		pointer-events: none;
		z-index: -1;
	}

	#c3+div::before,
	#c3+div::after {
		display: none;
	}
}

@media screen and (max-width: 480px) {
	#c3+div img {
		width: 80% !important;
	}
}