/**********************
*** common ***
**********************/

#main .text-gray {color: #777777;}
#main .text_c {text-align:center;}
#main .u-wbr{word-break: keep-all;}
#main .c-col--nomargin{margin-top: 0 !important;}
#main #l-container {margin-bottom: 0;}
#main .c-row{position: relative;z-index: 10;}
/* opacity */
.opacity img {transition: opacity 0.5s ease-out;}
.opacity:hover img,
.opacity a:hover img {opacity: .8;}
/* carousel */
#main .js-carousel--single .slick-dots li.slick-active button:before {background-color: #1c6aa2;}
#main .js-carousel--round{border-radius: 15px;overflow: hidden;}

#main *[class^=c-text]:not(.c-text-xsmall-note) + .c-text-xsmall-note { margin-top: 1em; }
#main .c-text-xsmall-note { font-size: 80%;line-height: 20px; }
#main .publication-note { text-align: left;display: flex;justify-content: flex-end; }

#main .c-container + .c-container { margin-top: 80px; }
#main .c-row + .c-row { margin-top: 32px; }
@media screen and (max-width: 767px) {
  #main .c-container + .c-container { margin-top: 80px; }
  #main .c-row + .c-row { margin-top: 32px; }
}
#main .c-row.c-row-head + .c-row { margin-top: 80px; }
@media screen and (max-width: 767px) {
  #main .c-row.c-row-head + .c-row { margin-top: 80px; }
}
#main .c-row.c-row-head-dot + .c-row { margin-top: 32px;padding-top: 32px;position: relative; }
@media screen and (max-width: 767px) {
  #main .c-row.c-row-head-dot + .c-row { margin-top: 32px;padding-top: 32px;position: relative; }
}
#main .c-row.c-row-head-dot + .c-row::before{content: "";height: 1px;position: absolute;left: 16px;right: 16px;
background: url(/areahighlights/kansai/biome/img/dot-2.png) repeat-x left center;}
#main .c-row.c-row-head-dot + .c-row::before{bottom: auto;top: 0;}
#main .c-text-small--thick + .c-text-small--thick { margin-top: 16px; }

/* col-reverse */
@media screen and (min-width: 1120px) {
  #main .c-row-reverse-pc { -webkit-flex-direction: row-reverse;-moz-flex-direction: row-reverse;flex-direction: row-reverse; }
}
@media screen and (max-width: 1119px) {
  #main .c-row-reverse { -webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;flex-direction: column-reverse; }
  #main .c-row-reverse .c-col-sm--12 + .c-col-sm--12 { margin-top: 0; }
  #main .c-row-reverse .p-media__imageblock { margin-top: 48px; }
}
#main .p-media .p-media__imageblock .p-media__image_round img { border-radius: 15px; }

/* background */
#main[data-number="01"] .c-section--thick--bg{background-color: #252f78;}
#main[data-number="02"] .c-section--thick--bg{background-color: #252f78;}

#main .u-red-ptn { background: url(/areahighlights/hokuriku/washoku/img/bg_red_ptn.gif) repeat center center;background-size: 48px 72px;color: #fff; }
#main .u-red-ptn .c-row .c-headline-set { color: #fff581; }
#main .u-yellow-bg { background: url(/areahighlights/hokuriku/washoku/img/bg_full_03_2.jpg) no-repeat center center;background-size: cover; }
#main .u-yellow-ptn { background: url(/areahighlights/hokuriku/washoku/img/bg_yellow_ptn.gif) repeat center center;background-size: 135px 135px; }
#main .u-dark-ptn { background: url(/areahighlights/hokuriku/washoku/img/bg_dark_ptn.gif) repeat center center;background-size: 42px 42px; }
#main .u-yellow-red { background-color: #fbf1b1; }
#main .u-yellow-red .c-headline-2 { color: #da2500;line-height: 1.5; }
#main .u-green-ptn { background: url(/areahighlights/hokuriku/washoku/img/bg_green_ptn.gif) repeat center center;background-size: 28px 18px;color: #fff; }
#main .u-green-ptn .c-row .c-headline-set { color: #fff581; }
#main .u-beige { background-color: #f6f5ed; }
#main .u-aqua { background-color: #CCD8EA; }
#main .u-brown { background-color: #6A5223;color: #fff; }
#main .u-cream { background-color: #E6C7A7; }

#main .p-media__image + .c-text { margin-top: 30px; }

/**********************
*** introduce ***
**********************/

#main .p-introduce-area__link{text-align: center;}
#main .p-introduce-area__link > .u-inner{text-align: left;display: inline-block;}
#main .p-introduce-area__link .u-indent{margin-left: -.5em;margin-right: -.5em;}
#main .p-introduce-area__link .u-middle{font-size: 85%;}

#main .p-introduce-note {padding-bottom: 24px;}
#main .c-section--thick--bg.p-introduce{padding-bottom:24px;}
@media screen and (min-width: 320px) {
#main .p-introduce .p-introduce-person__position{word-break: keep-all;}
}
#main .p-introduce .p-introduce-person--group .p-introduce-person::after{right:32px;}
#main .p-introduce .p-introduce-person__img-1::after{background:url(/areahighlights/hokuriku/washoku/img/bg_introduce_01.png) no-repeat;}
#main .p-introduce .p-introduce-person__img-2::after{background:url(/areahighlights/hokuriku/washoku/img/bg_introduce_02.png) no-repeat;}
#main .p-introduce .p-introduce-area::after{background:url(/areahighlights/hokuriku/washoku/img/bg_map.png) no-repeat;}
#main .p-introduce .p-introduce-person__img-1::after,#main .p-introduce .p-introduce-person__img-2::after,#main .p-introduce .p-introduce-area::after{content:'';position:absolute;background-position:right bottom;}
#main .p-introduce .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person__img-2::after{bottom:-18px;height:232px;width:148px;}
#main .p-introduce .p-introduce-area::after{bottom:-6px;top:-6px;right:96px;width:168px;}
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-2::after,
#main .p-introduce .p-introduce-area::after{background-size:contain;}
@media screen and (min-width: 1120px) {
#main .p-introduce__name{margin-top:0;}
#main .p-introduce-person--group .p-introduce__text{width:calc(100% - 184px);}
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
#main .p-introduce-person--group{width:calc(100% - 100px);}
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-2::after{height:144px;width:100px;top:0;}
#main .p-introduce .p-introduce-area::after{right:24px;}
#main .p-introduce-person--group .p-introduce__titleblock{width:calc(100% - 100px - 32px);}
#main .p-introduce-person--group .p-introduce__text {width: calc(100% - 32px);}
}
@media screen and (max-width: 767px) {
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-1::after,
#main .p-introduce .p-introduce-person--group .p-introduce-person__img-2::after{height:140px;width:100px;right:0;top:24px;}
#main .p-introduce .p-introduce-area::after{right:4px;top:5px;height:100px;width:116px;}
#main .p-introduce-person--group .p-introduce__titleblock{width:calc(100% - 100px);}
#main .p-introduce-person--group .p-introduce__titleblock .p-introduce__name{font-size: 22px;}
}
@media screen and (min-width: 768px) {
#main .p-introduce-row .p-introduce-person + .p-introduce-person{border-left:2px solid #f0f0f0;}
}

/**********************
*** 掲載情報 ***
**********************/

#main .publication-note {margin-top: 24px;font-size: 14px;line-height: 1.4;text-align: left;display: flex;justify-content: flex-end;color: #fff;}

/**********************
*** メインビジュアル ***
**********************/

/** reset commons **/
#main .c-section--main-visual{margin-top: 60px;}
#main .p-main-visual{margin: 0;display: block;}/** cannot be deleted! **/
#main .p-main-visual__body--md {padding: 0;margin-top: 0;}/** cannot be deleted! **/

/** unique side **/
#main[data-number="02"] .p-main-visual__container { background: url(/areahighlights/hokuriku/washoku/img/img_mainvisual-02.jpg) no-repeat center center;background-size: cover;aspect-ratio:2; }

#main .p-main-visual__container-inner { width: auto;max-width: 1120px;box-sizing: border-box;margin-left: auto;margin-right: auto;height: 100%; }
@media screen and (max-width: 1200px) {
  #main .p-main-visual__container-inner { max-width: 1200px;padding-left: 40px;padding-right: 40px; }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-main-visual__container-inner { padding-left: 40px;padding-right: 40px; }
}
@media screen and (max-width: 767px) {
  #main .p-main-visual__container-inner { padding-left: 20px;padding-right: 20px; }
}

#main .p-main-visual__context-area { width: 100%;height: 100%;position: relative; }

#main[data-number="02"] .p-main-visual__context-area-inner { position: absolute;left: 0;right: 0;bottom: 5%; }

#main .p-main-visual__context-box { display: flex;gap: 32px;height: 100%; }
#main .p-main-visual__context-box::after { content: ""; }
#main .p-main-visual__contexts,
#main .p-main-visual__context-box::after { width: calc(256px * 2 + 32px * 1);flex-basis:  calc(256px * 2 + 32px * 1); }

@media screen and (min-width: 768px) {
  #main .p-main-visual__contexts > * + * { margin-top: 32px; }
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  #main .p-main-visual__container { background-position: left center;background-size: 115%; }
  #main .p-main-visual__contexts { width: calc(256px * 3 + 32px * 2);flex-basis:  calc(256px * 3 + 32px * 2); }
  #main .p-main-visual__context-box::after { width: 256p;flex-basis:  256px; }
}

@media screen and (max-width: 767px) {
  #main[data-number="02"] .p-main-visual__container { background-size: 100% auto;padding-top: 43%;aspect-ratio: auto;background-position: center top; }
  #main[data-number="02"] .p-main-visual__container-inner { position: relative; }
  #main[data-number="02"] .p-main-visual__container-inner::after { background-color: #252f78;content: "";top: 0;bottom: 0;left: 0;right: 0;position: absolute;margin-top: 7%;z-index: -1; }
  #main[data-number="02"] .p-main-visual__contexts { width: 100%;flex-basis: 100%; }
  #main[data-number="02"] .p-main-visual__context-area-inner { position: static;bottom: auto;left: 0;right: 0; }
  #main[data-number="02"] .p-main-visual__context-box { height: auto;display: block; }
  #main[data-number="02"] .p-main-visual__context-box::after { content: none; }
}

@media screen and (min-width: 378px) and (max-width: 767px) {
  #main .p-main-visual__container { padding-top: calc(50% - 30px); }
  #main .p-main-visual__container-inner::after { margin-top: 30px; }
}

#main .p-main-visual__title { max-width: 378px; }
#main .p-main-visual__title img { max-width: 100%; }

#main .p-main-visual__text { color: #fff;font-weight: bold;font-size: 14px;text-shadow: 0 0 3px #000000;position: relative;z-index: 10;letter-spacing: .5px;line-height: 24px; }
#main .p-main-visual__text::before { content: attr(data-text);position: absolute;-webkit-text-stroke: 2px #000;z-index: -1;stroke-linejoin: round;top: 0;left: 0;width: 100%;height: 100%; }

#main .p-main-visual__loading { z-index: 999; }

/**********************
*** セクションタイトル ***
**********************/

/** sec-02 **/
#main .c-section-casestudy .c-container__header .c-title-visual { overflow-x: hidden;margin-left: auto;margin-right: auto;margin-bottom: 80px; }
#main .c-section-casestudy .c-container__header .c-title-visual img { max-height: 45px;height: 100%;margin-left: 50%;transform: translate(-50%, 0); }
@media screen and (min-width: 768px) and (max-width: 999px) {
  #main .c-section-casestudy .c-container__header .c-title-visual img { max-height: 34px; }
}
@media screen and (max-width: 767px) {
  #main .c-section-casestudy .c-container__header .c-title-visual { margin-bottom: 32px; }
  #main .c-section-casestudy .c-container__header .c-title-visual img { max-height: 28px; }
}
@media screen and (min-width: 530px) and (max-width: 599px) {
  #main .c-section-casestudy .c-container__header .c-title-visual { width: 485px; }
}
@media screen and (min-width: 320px) and (max-width: 529px) {
  #main .c-section-casestudy .c-container__header .c-title-visual { width: 270px; }
}
@media screen and (max-width: 319px) {
  #main .c-section-casestudy .c-container__header .c-title-visual { width: 100%; }
  #main .c-section-casestudy .c-container__header .c-title-visual img { max-height: none;width: 100%;max-width: 190px; }
}

/** sec-04 **/
#main .c-section-history .c-container__header .c-title-visual { overflow-x: hidden;margin-left: auto;margin-right: auto;margin-bottom: 80px; }
#main .c-section-history .c-container__header .c-title-visual img { max-height: 45px;height: 100%;margin-left: 50%;transform: translate(-50%, 0); }
@media screen and (min-width: 768px) and (max-width: 999px) {
  #main .c-section-history .c-container__header .c-title-visual img { max-height: 34px; }
}
@media screen and (max-width: 767px) {
  #main .c-section-history .c-container__header .c-title-visual { margin-bottom: 32px; }
  #main .c-section-history .c-container__header .c-title-visual img { max-height: 28px; }
}
@media screen and (min-width: 530px) and (max-width: 599px) {
  #main .c-section-history .c-container__header .c-title-visual { width: 485px; }
}
@media screen and (min-width: 320px) and (max-width: 529px) {
  #main .c-section-history .c-container__header .c-title-visual { width: 270px; }
}
@media screen and (max-width: 319px) {
  #main .c-section-history .c-container__header .c-title-visual { width: 100%; }
  #main .c-section-history .c-container__header .c-title-visual img { max-height: none;width: 100%;max-width: 190px; }
}

/**********************
*** セクションタイトル - 背景 ***
**********************/

/** sec-01 **/
#main .p-media--staticheigh .p-media__image-1 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_01.jpg) no-repeat center center;background-size: cover; }
/** sec-03 **/
#main .p-media--staticheigh .p-media__image-3 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_03.jpg) no-repeat center center;background-size: cover; }
/** sec-03 **/
#main .p-media--staticheigh .p-media__image-next { background: url(/areahighlights/hokuriku/washoku/img/img_column_next.jpg) no-repeat center center;background-size: cover; }

/**********************
*** セクションボタン ***
**********************/

#main .p-media__btn { margin-top: 40px; }
@media screen and (max-width: 1119px) {
  #main .p-media__btn { margin-top: 24px; }
}

#main .c-button-red {font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;font-size: 15px;line-height: 22px;display: inline-block;padding: 12px 40px 10px;text-align: center;color: #fff;background-color: #e8330e;text-decoration: none;border-radius: 5px;border: 2px solid #2f2508;transition: background-color 0.5s ease-out,box-shadow 0.5s ease-out;position: relative;width: 100%;box-shadow: 0px 5px 12px 3px rgba(0, 0, 0, 0.05);}
#main .c-button-red,
#main .c-button-red *{font-weight: 600;font-feature-settings: 'pkna';letter-spacing: 0.1em;}

#main .c-button-red-inner { text-align: left;display: inline-block; }
#main .c-button-red-inner > small{ width: 100%;display: block;text-align: right; }

#main .c-button-red small{letter-spacing: -0.1px;}
#main .c-button-red:hover {background-color: #ea7211;box-shadow:none;}
#main .c-button-red::after{content: "";position: absolute;right: 16px;top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;width: 16px;height: 16px;background-image: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMzIsMTZjMC04LjgzNy03LjE2My0xNi0xNi0xNlMwLDcuMTYzLDAsMTZzNy4xNjMsMTYsMTYsMTZTMzIsMjQuODM3LDMyLDE2eiBNMTIsMTBsMTAsNmwtMTAsNlYxMHoiLz48L3N2Zz4K');background-repeat: no-repeat;background-position: center center;background-size: contain;}

/**********************
*** イントロダクション ***
**********************/

/** visual side **/
#main .p-media--staticheigh { position: relative; }
#main .p-media--staticheigh .p-media__image { height: auto;aspect-ratio:2; }

#main .p-media--staticheigh .p-media__overlap { width: auto;max-width: 1120px;box-sizing: border-box;margin-left: auto;margin-right: auto;height: auto;position: absolute;left: 0;right: 0;top: 0;z-index: 2; }
@media screen and (max-width: 1200px) {
  #main .p-media--staticheigh .p-media__overlap { max-width: 1200px;padding-left: 40px;padding-right: 40px; }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-media--staticheigh .p-media__overlap { padding-left: 40px;padding-right: 40px; }
}
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__overlap { padding-left: 20px;padding-right: 20px; }
}

#main .p-media--staticheigh .p-media__overlap__caption,
#main .p-media--staticheigh .p-media__overlap__title,
#main .p-media--staticheigh .p-media__overlap__credit { color: #ffffff;letter-spacing: .15em;font-weight: bold;text-shadow: 0 0 5px #000000, 0 0 15px #000000; }
#main .p-media--staticheigh .p-media__overlap__caption { font-size: 16px;margin-bottom: .5em; }
#main .p-media--staticheigh .p-media__overlap__title { line-height: 1.5;font-size: 30px; }
#main .p-media--staticheigh .p-media__overlap__credit { font-size: 10px;text-align: right; }

#main .p-media--staticheigh .p-media__image { position: relative;z-index: 1; }

@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image { aspect-ratio:4/3; }
  #main .p-media--staticheigh .p-media__overlap__caption { font-size: 10px; }
  #main .p-media--staticheigh .p-media__overlap__title { font-size: 20px; }
}

#main .p-media--staticheigh .p-media__overlap-v2 { width: auto;max-width: 1120px;box-sizing: border-box;margin-left: auto;margin-right: auto;height: auto;position: absolute;left: 0;right: 0;bottom: 8%;z-index: 2; }
#main .p-media--staticheigh .p-media__overlap-v2 .p-media__overlap__title { line-height: 1.5;font-size: 40px;color: #000;letter-spacing: .05em;font-weight: bold;text-shadow: none;display: inline-block;z-index: 3;background-color: #fff;padding-top: 12px;padding-bottom: 12px;padding-right: 30px; }

#main .p-media--staticheigh .p-media__overlap-v2 .p-media__overlap__title::after { content: "";position: absolute;top: 0;left: calc((100vw - 1120px) / 2 * -1);bottom: 0;z-index: 2;width: calc((100vw - 1120px) / 2);background-color: #fff; }

@media screen and (max-width: 1200px) {
  #main .p-media--staticheigh .p-media__overlap-v2 { max-width: 1200px;padding-left: 40px;padding-right: 40px; }
  #main .p-media--staticheigh .p-media__overlap-v2 .p-media__overlap__title::after { left: 0;width: 40px; }

}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-media--staticheigh .p-media__overlap-v2 { padding-left: 40px;padding-right: 40px; }
  #main .p-media--staticheigh .p-media__overlap-v2 .p-media__overlap__title { line-height: 1.5;font-size: 25px; }
  #main .p-media--staticheigh .p-media__overlap-v2 .p-media__overlap__title::after { left: 0;width: 40px; }
}
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__overlap-v2 { padding-left: 20px;padding-right: 20px; }
  #main .p-media--staticheigh .p-media__overlap-v2 .p-media__overlap__title::after { left: 0;width: 20px; }
  #main .p-media--staticheigh .p-media__overlap-v2 .p-media__overlap__title { line-height: 1.5;font-size: 20px; }
}

#main .p-media--staticheigh .p-media__image-5 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_05.jpg) no-repeat center top;background-size: contain; }
#main .p-media--staticheigh .p-media__overlap-5 { margin-top: 5%; }
#main .p-media--staticheigh .p-media__overlap-bgimg { width: 100%;padding-top: 50%;position: relative; }
#main .p-media--staticheigh .p-media__overlap-bgimg::after { content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0; }

#main .p-media--staticheigh .p-media__overlap-bgimg-5 { padding-top: 116px; }
#main .p-media--staticheigh .p-media__overlap-bgimg-5::after { background: url(/areahighlights/hokuriku/washoku/img/bg_img-overlap_05.png) no-repeat center top;background-size: contain; }


@media screen and (min-width: 1281px) {
  #main .p-media--staticheigh .p-media__overlap-5 { max-width: 1280px; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-5 { padding-top: 10vw; }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  #main .p-media--staticheigh .p-media__overlap-bgimg-5 { padding-top: 11%; }
}

@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-5 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_05.jpg) no-repeat center top;background-size: 160% auto; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-5 { padding-top: 19%; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-5::after { background: url(/areahighlights/hokuriku/washoku/img/bg_img-overlap_05_n.png) no-repeat center top;background-size: contain;bottom: 0; }
}

#main .p-media--staticheigh .p-media__image-7 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_07.jpg) no-repeat center top;background-size: contain; }
#main .p-media--staticheigh .p-media__overlap-7 { margin-top: 5%; }

#main .p-media--staticheigh .p-media__overlap-bgimg-7 { padding-top: 116px; }
#main .p-media--staticheigh .p-media__overlap-bgimg-7::after { background: url(/areahighlights/hokuriku/washoku/img/bg_img-overlap_07.png) no-repeat center top;background-size: contain; }


@media screen and (min-width: 1281px) {
  #main .p-media--staticheigh .p-media__overlap-7 { max-width: 1280px; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-7 { padding-top: 10vw; }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  #main .p-media--staticheigh .p-media__overlap-bgimg-7 { padding-top: 11%; }
}

@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-7 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_07.jpg) no-repeat center top;background-size: cover; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-7 { padding-top: 19%; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-7::after { background: url(/areahighlights/hokuriku/washoku/img/bg_img-overlap_07_n.png) no-repeat center top;background-size: contain;bottom: 0; }
}

#main .p-media--staticheigh .p-media__image-8 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_08.jpg) no-repeat center top;background-size: contain; }
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-8 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_08.jpg) no-repeat center top;background-size: cover;aspect-ratio: 1; }
}
#main .p-media--staticheigh .p-media__overlap-8 .p-media__overlap__title,
#main .p-media--staticheigh .p-media__overlap-8 .p-media__overlap__title::after { background-color: #CCD8EA; }

#main .p-media--staticheigh .p-media__image-10 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_10.jpg) no-repeat center top;background-size: contain; }
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-10 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_10.jpg) no-repeat center top;background-size: cover;aspect-ratio: 1; }
}
#main .p-media--staticheigh .p-media__overlap-10 .p-media__overlap__title,
#main .p-media--staticheigh .p-media__overlap-10 .p-media__overlap__title::after { background-color: #6A5223;color: #fff; }

#main .p-media--staticheigh .p-media__image-11 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_11.jpg) no-repeat center top;background-size: contain; }
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-11 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_11.jpg) no-repeat center top;background-size: cover;aspect-ratio: 1; }
}
#main .p-media--staticheigh .p-media__overlap-11 .p-media__overlap__title,
#main .p-media--staticheigh .p-media__overlap-11 .p-media__overlap__title::after { background-color: #E6C7A7; }

#main .p-media--staticheigh .p-media__image-12 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_12.jpg) no-repeat center bottom;background-size: cover;height: 320px;aspect-ratio: auto; }

@media screen and (min-width: 1280px) {
  #main .p-media--staticheigh .p-media__image-12 { height: auto;aspect-ratio: 3.5; }
}
@media screen and (min-width: 768px) and (max-width: 1119px) {
  #main .p-media--staticheigh .p-media__image-12 { height: 280px; }
}
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-12 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_12.jpg) no-repeat center bottom;background-size: cover;height: 160px; }
}

/**********************
*** アサイドエリア ***
**********************/

#main .c-section-aside .c-row { letter-spacing: .04em; }
#main .c-section-aside .c-row +  .c-row { margin-top: 80px; }
#main .c-section-aside .p-media .p-media__imageblock .p-media__image img { border-radius: 15px; }

#main .c-section-aside .c-row .c-headline-3,
#main .c-section-aside .c-row .c-headline-4,
#main .c-section-aside .c-row .c-text { font-weight: bold; }

#main .c-section-aside .c-row .c-headline-set + .c-text { margin-top: 20px; }
#main .p-main-visual__title { max-width: 378px; }
#main .p-main-visual__title img { max-width: 100%; }

@media screen and (max-width: 767px) {
  #main .c-section-aside .c-row +  .c-row { margin-top: 48px; }
  #main .c-section-aside .c-row .c-headline-4 { font-size: 22px; }
}

#main .c-section-casestudy .c-row-description + .c-row {margin-top: 40px;}
#main .c-section-casestudy .c-row .c-headline-3 { font-size: 14px;padding-left: 30px;line-height: 20px;position: relative;margin-bottom: 8px; }
#main .c-section-casestudy .c-row .c-headline-3::before { content: "";background: url(/areahighlights/hokuriku/washoku/img/ico_plum.png) no-repeat left center;background-size: 20px auto;width: 20px;height: 21px;position: absolute;left: 0;top: -1px;bottom: 0;margin-bottom: auto; }
#main .c-section-casestudy .c-row .c-headline-3-l { font-size: 24px;padding-left: 34px;line-height: 24px;position: relative;margin-bottom: 20px; }
#main .c-section-casestudy .c-row .c-headline-3-l::before { content: "";background: url(/areahighlights/hokuriku/washoku/img/ico_plum-l.png) no-repeat left center;background-size: 24px auto;width: 24px;height: 24px;position: absolute;left: 0;top: -1px;bottom: 0;margin-bottom: auto; }
#main .c-section-casestudy .c-row .c-headline-4 { font-size: 26px; }
#main .c-section-history .c-row { align-items: center; }
#main .c-section-history .c-row .c-headline-3 { font-size: 26px; }

/**********************
*** 鼎談 ***
**********************/

#main .p-media--staticheigh .p-media__image-3 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_03.jpg) no-repeat center top;background-size: contain; }
#main .p-media--staticheigh .p-media__overlap-3 { margin-top: 0; }

#main .p-media--staticheigh .p-media__overlap-bgimg-3 { padding-top: 148px; }
#main .p-media--staticheigh .p-media__overlap-bgimg-3::after { background: url(/areahighlights/hokuriku/washoku/img/bg_img-overlap_03.png) no-repeat center top;background-size: contain;transform: translate(0, -10%); }


@media screen and (min-width: 1281px) {
  #main .p-media--staticheigh .p-media__overlap-3 { max-width: 1280px; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-3 { padding-top: 12vw; }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
  #main .p-media--staticheigh .p-media__overlap-bgimg-3 { padding-top: 13%; }
}

@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-3 { background: url(/areahighlights/hokuriku/washoku/img/bg_full_03.jpg) no-repeat center top;background-size: 160% auto; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-3 { padding-top: 19%; }
  #main .p-media--staticheigh .p-media__overlap-bgimg-3::after { background: url(/areahighlights/hokuriku/washoku/img/bg_img-overlap_03_n.png) no-repeat center top;background-size: contain;transform: translate(0, -18%);bottom: -18%; }
}

#main .p-box-border-grandprix { border: none;background-color: rgb(240 215 17 / 95%);border-radius: 15px;padding: 56px 96px; }
#main .p-box-border-grandprix .c-headline-2 img { max-height: 80px;height: 100%; }
#main .p-box-border-grandprix .p-media__image { text-align: center; }
#main .p-box-border-grandprix .p-media__image img { width: 100%; }

@media screen and (min-width: 1120px) and (max-width: 1184px) {
  #main .c-button-grandprix .c-button-red-inner > small{ text-align: left; }
}
@media screen and (max-width: 1119px) {
  #main .p-box-border-grandprix .c-container__body > .c-row > .p-media__textblock { order: 2;margin-top: 12px; }
  #main .p-box-border-grandprix .c-container__body > .c-row > .p-media__imageblock { order: 1;margin-top: 0; }
  #main .p-box-border-grandprix .p-media__image img { max-width: 375px; }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #main .p-box-border-grandprix .c-headline-2 img { max-height: 68px; }
}
@media screen and (max-width: 767px) {
  #main .p-box-border-grandprix { padding: 32px 24px; }
  #main .p-box-border-grandprix .c-headline-2 img { max-height: none;height: auto;width: 100%;max-width: 450px; }
  #main .c-button-grandprix .c-button-red-inner > small{ text-align: left; }
}

#main .p-box-border-soothingwater { border: none;background-color: #454966;border-radius: 10px;padding: 56px 96px;color: #fff; }
#main .p-box-border-soothingwater .c-headline-2 img { max-height: 80px;height: 100%; }
#main .p-box-border-soothingwater .p-media__image { text-align: center; }
#main .p-box-border-soothingwater .p-media__image img { width: 100%; }

@media screen and (min-width: 1120px) and (max-width: 1184px) {
  #main .c-button-soothingwater .c-button-red-inner > small{ text-align: left; }
}
@media screen and (max-width: 1119px) {
  #main .p-box-border-soothingwater .c-container__body > .c-row > .p-media__textblock { order: 2;margin-top: 12px; }
  #main .p-box-border-soothingwater .c-container__body > .c-row > .p-media__imageblock { order: 1;margin-top: 0; }
  #main .p-box-border-soothingwater .p-media__image img { max-width: 500px; }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  #main .p-box-border-soothingwater .c-headline-2 img { max-height: 68px; }
}
@media screen and (max-width: 767px) {
  #main .p-box-border-soothingwater { padding: 32px 24px; }
  #main .p-box-border-soothingwater .c-headline-2 img { max-height: none;height: auto;width: 100%;max-width: 450px; }
  #main .c-button-soothingwater .c-button-red-inner > small{ text-align: left; }
}

#main .p-box-border-soothingwater .c-headline-2 { font-size: 36px;line-height: 1.3;letter-spacing: 0.05em;font-weight: 500;text-align: center; }
@media screen and (max-width: 767px) {
  #main .p-box-border-soothingwater .c-headline-2 { font-size: 20px; }
}
#main .p-box-border-soothingwater .c-headline-2 .u-spliter { display: inline-block; }

/**********************
*** 足跡 ***
**********************/

#main .c-section-aside .c-row +  .c-row-thin { margin-top: 48px; }
@media screen and (max-width: 767px) {
  #main .c-section-aside .c-row-aside-reverse { -webkit-flex-direction: column-reverse;-moz-flex-direction: column-reverse;flex-direction: column-reverse; }
  #main .c-section-aside .c-row-aside-reverse .c-col-sm--12 + .c-col-sm--12 { margin-top: 0; }
  #main .c-section-aside .c-row-aside-reverse .p-media__imageblock { margin-top: 48px; }
  #main .c-section-aside .c-row +  .c-row-thin { margin-top: 24px; }
}

/**********************
*** 次回予告 ***
**********************/

#main .p-media--staticheigh .p-media__image-next { aspect-ratio: 2; }
@media screen and (min-width: 1280px) {
  #main .p-media--staticheigh .p-media__image-next { aspect-ratio: 2; }
}
@media screen and (max-width: 767px) {
  #main .p-media--staticheigh .p-media__image-next { aspect-ratio: 2; }
}
#main .p-media--staticheigh .p-media__overlap-next { position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center; }
#main .p-media--staticheigh .p-media__overlap-next-inner { display: flex;flex-direction: column; }
#main .p-media--staticheigh .p-media__overlap-next img { max-width: 100%; }
#main .p-media--staticheigh .p-media__overlap-next .p-media__overlap-text { color: #fff;text-align: center;display: inline-block;font-size: 18px;line-height: 1.5;font-weight: bold;letter-spacing: 0.04em;margin-top: .5em; }

@media screen and (min-width: 768px) and (max-width: 999px) {
  #main .p-media--staticheigh .p-media__overlap-next img { max-width: 380px; }
}
@media screen and (max-width: 500px) {
  #main .p-media--staticheigh .p-media__overlap-next .p-media__overlap-text { font-size: 14px; }
}

/**********************
*** elated-banner ***
**********************/

.p-related-banner img{width: 100%;box-shadow: 0px 5px 15px 3px rgba(0, 0, 0, 0.1);border-radius: 15px;transition: box-shadow .5s ease-out;}
.p-related-banner a:hover img{box-shadow: 0px 0 0 0 rgba(0, 0, 0, 0.1);}