@charset "utf-8";

.gallery0036 .tit {margin-bottom:1rem;}
.gallery0036 .tit strong {color:#01309c;}
.box-banner {display:flex; flex-direction:column; gap:0.75rem; height:13.25rem;}
.box-banner .card {display:flex; flex:1; align-items:center; gap:1rem; padding:1rem 1.5rem; border-radius:1rem; color:#fff; text-decoration:none; box-shadow:0 8px 20px rgba(0,0,0,0.1);	transition:all 0.3s;}
.box-banner .card.orange {background:#f07100;}
.box-banner .card.teal {background:#63c2bc;}
.box-banner .card:hover,
.box-banner .card:focus {transform:translateX(4px);}
.box-banner .card .icon {width:4rem; height:4rem; background:#fff; border-radius:50%; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.box-banner .card .title {font-size:1.1rem;	font-weight:600; color:#fff;}

/*  */
.meal_menu0036 {width:100%; height:100%; border-radius:1rem; background:#fff; display:flex; align-items:center; justify-content:center; padding:1rem; max-height:15.8rem;}
.meal_menu0036 .contact-wrap {width:100%;}
.meal_menu0036 .contact-wrap .contact-grid {display:flex; flex-wrap:wrap; gap:0.75rem;}
.meal_menu0036 .contact-wrap .contact-card {flex:1 1 calc(50% - 0.75rem); display:flex; flex-direction:column; border:1px solid #d0d0d0; border-radius:0.5rem; overflow:hidden;}
.meal_menu0036 .contact-wrap .card-header {background-color:#5f5f5f; color:#fff; font-size:0.7rem; font-weight:600; padding:0.5rem 0; text-align:center;}
.meal_menu0036 .contact-wrap .card-body {background-color:#fff; font-size:0.75rem; font-weight:700; padding:0.75rem 0; text-align:center; color:#333;}
.meal_menu0036 .contact-wrap .card-body a {color:#333;}
.meal_menu0036 .contact-wrap .contact-info {margin-top:1rem;}
.meal_menu0036 .contact-wrap .contact-info ul {display:flex; flex-direction:column; gap:0.25rem;}
.meal_menu0036 .contact-wrap .contact-info li {display:flex; align-items:center; gap:4px; font-size:0.75rem; color:#333; position:relative;}
.meal_menu0036 .contact-wrap .contact-info .label {font-weight:700; position:relative; padding-left:0.5rem; }
.meal_menu0036 .contact-wrap .contact-info .label:before {content:''; position:absolute; left:0; top:0.35rem; width:4px; height:4px; background:#333;}
.meal_menu0036 .contact-wrap .contact-info em {color:#555;}
.meal_menu0036 .contact-wrap .btn-phone {margin-left:0.5rem; padding:0.25rem 0.5rem; background-color:#00305E; color:#fff; font-size:0.7rem; font-weight:600; border-radius:1rem;}


.M_link0036 ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.5rem; width:100%; margin:0 auto;}
.M_link0036 li {display: flex; flex: 1;}
.M_link0036 li a {display:flex; align-items:center; gap:0.5rem;}
.M_link0036 li a span {margin:0; padding:0; line-height:normal; max-width:6rem; word-break:keep-all; max-height:fit-content; text-align:center; width:100%; font-size:0.8rem;}
.M_link0036 li a .img {width:2.5rem; height:2.5rem; line-height:2.5rem; flex-shrink:0;}
.M_link0036 li a .img img {max-width: calc(100% - 1rem); max-height: calc(100% - 1rem);}




/* media query mobile */
@media screen and (max-width: 1240px){
	.MVisual0036 .item img {max-width:100%; width:100%; height:100%;}
	.M_link0036 li a span {font-size:0.8rem; text-align:left; word-break: break-all; max-width: fit-content;}
	
	.meal_menu0036 .contact-wrap .card-header {font-size: 0.65rem;}
	.meal_menu0036 .contact-wrap .card-body {font-size: 0.7rem;}	
	.meal_menu0036 .contact-wrap .contact-info li {font-size: 0.7rem; align-items:flex-start;}
	.meal_menu0036 .contact-wrap .contact-info ul {flex-wrap:wrap;}
	.meal_menu0036 .contact-wrap .contact-info .label {flex-shrink:0;}
}

@media screen and (max-width: 1200px){

	

}

@media screen and (max-width: 1024px){
	.M_link0036 ul {justify-content:flex-start;}
	.M_link0036 li {flex: 0 0 calc((100% - 1rem) / 3); display: flex; justify-content: flex-start;}
	.M_link0036 li a {width: auto;}
	
	.meal_menu0036 {padding: 0.75rem;}
  	.meal_menu0036 .contact-wrap .contact-grid {gap: 0.5rem;}
  	.meal_menu0036 .contact-wrap .contact-card {flex: 1 1 calc(50% - 0.25rem);}
  	.meal_menu0036 .contact-wrap .card-header {font-size: 0.625rem; padding: 0.4rem 0;}
  	.meal_menu0036 .contact-wrap .card-body {font-size: 0.675rem; padding: 0.6rem 0;}
}

@media (max-width:690px) {
	.M_link0036 li {flex: 0 0 calc((100% - 0.5rem) / 2);}
}

@media (max-width:560px) {

	.box-banner {height:auto; flex-direction:row;}
	.box-banner .card .icon {width:2rem; height:2rem;}
	.box-banner .card .icon img {max-width:100%; max-height:100%;}
	.box-banner .card .title {font-size:0.85rem;}

}

@media screen and (max-width: 480px){

	.box-banner  {flex-direction:column;}

}

@media (max-width:380px) {
	.M_link0036 li {flex: 0 0 100%; display: flex; justify-content: flex-start;}
	
	.meal_menu0036 {max-height:100%;}
	.meal_menu0036 .contact-wrap .contact-card {flex: 1 1 100%;}
  	.meal_menu0036 .contact-wrap .contact-info li {flex-wrap: wrap; align-items:center;}
  	.meal_menu0036 .contact-wrap .btn-phone {margin-left: 0; margin-top: 0.25rem;}

}

@media (max-width:320px) {


}