@charset "UTF-8";
/*
font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Roboto', sans-serif;
*/
/* line 16, page_cateringsite.scss */
#cateringsite #mainImg { position: relative; height: 460px; width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 18, page_cateringsite.scss */
#cateringsite #mainImg .ph { display: none; }
/* line 21, page_cateringsite.scss */
#cateringsite #mainImg .text { max-width: 1000px; margin: auto; position: relative; z-index: 10; }
/* line 22, page_cateringsite.scss */
#cateringsite #mainImg .text .read { text-align: center; font-size: 17px; margin-bottom: 1em; }
/* line 23, page_cateringsite.scss */
#cateringsite #mainImg .text .en { font-size: calc(17px * 1.2); line-height: 1.5; }
/* line 25, page_cateringsite.scss */
#cateringsite #mainImg::after { content: ""; width: 100%; height: 100%; background: url("../img/cateringsite01.webp") no-repeat center; position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto; z-index: 10; z-index: 0; opacity: .2; }
/* line 28, page_cateringsite.scss */
#cateringsite .infoWrap { margin-top: 65px; /*.ph { margin-top: 100px; padding: 50px 0; width: 100%; position: relative;
span { display: block; max-width: 1100px; margin: auto; position: relative; z-index: 10; mix-blend-mode: multiply;}
&::after{ content: ""; width: 100%; height: 100%; background: url("../img/cateringsite02.webp") no-repeat center; @include center; z-index: 0; opacity: .5;}
}*/ }
/* line 29, page_cateringsite.scss */
#cateringsite .infoWrap .wrap { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 820px; margin: auto; }
/* line 30, page_cateringsite.scss */
#cateringsite .infoWrap .wrap .info { width: 46.5%; }
/* line 34, page_cateringsite.scss */
#cateringsite .infoWrap .wrap .info .add { font-size: calc(16px * 1.2); line-height: 1.5; /*-webkit-text-stroke-width: .25px;*/ }
/* line 51, page_cateringsite.scss */
#cateringsite .infoWrap .ph { margin-top: 65px; }
/* line 52, page_cateringsite.scss */
#cateringsite .infoWrap .ph span { display: block; max-width: 1200px; margin: auto; position: relative; z-index: 10; mix-blend-mode: multiply; }