/*
 全ページ共通 
*/
/* 共通 */
.HPGLP-font-weight {
    font-weight: 700;
}

.HPGLP-keisai-section {
    display: flex;
    flex-direction: column;
    padding: 72px 24px 120px;
    gap: 96px;
}

.HPGLP-keisai-section--background {
    background-color: #FEF9F1;
}

.HPGLP-section {
    background-color: #FEF9F1;
}

.HPGLP-itemTextAnnotation7 {
    font-size: 13px;
    vertical-align: super;
}

.HPGLP-itemTextAnnotation8 {
    font-size: 10px;
    vertical-align: super;
}

.HPGLP-itemTextAnnotation9 {
    color: #969696;
    font-size: 10px;
    vertical-align: super;
}

.HPGLP-remarksWrapper {
    margin-top: -56px;
}

.HPGLP-remarksWrapper2 {
    margin-top: 8px;
}

.HPGLP-remarksWrapper3 {
    margin-top: 16px;
}

.HPGLP-remarksWrapper4 {
    margin-top: -48px;
}

.HPGLP-remarks {
    font-size: 10px;
    color: #969696;
    text-align: left;
}

.HPGLP-remarks2 {
    font-size: 10px;
    color: #969696;
    text-align: left;
    padding-bottom: 10px;
}

.HPGLP-remarks3 {
    font-size: 10px;
    color: #969696;
    text-align: left;
}

.HPGLP-center__remarks {
    font-size: 10px;
    text-align: center;
    font-weight: 400;
}

.HPGLP-center__remarks2 {
    font-size: 10px;
    color: #969696;
    text-align: center;
    font-weight: 400;
}

.HPGLP-remarksLink:hover {
    opacity: 1;
    text-decoration: underline;
}

.HPGLP-MV__wrapper,.HPGLP-services-MVWrapper,.HPGLP-contactWrapper,.HPGLP-evaluationWrapper,.HPGLP-flowWrapper,.HPGLP-meritWrapper,.HPGLP-followWrapper,.HPGLP-planBottomWrapper,.HPGLP-planWrapper,.HPGLP-supportWrapper,.HPGLP-serviceWrapper,.HPGLP-worryWrapper, .HPGLP-keisai-commonWrapper,.HPGLP-commonWrapper,.HPGLP-case__contents,.HPGLP-storeInfo1Wrapper,.HPGLP-storeInfo2Wrapper,.HPGLP-introductionWrapper,.HPGLP-interviewWrapper {
    width: 950px;
    margin: 0 auto
}

.HPGLP-title {
    font-weight: 700;
}

.HPGLP-subTitleWrapper {
    position: relative;
    font-size: 24px;
}

.HPGLP-subTitleWrapper::after,.HPGLP-subTitleWrapper::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 20px;
    top: 12px
}

.HPGLP-subTitleWrapper::before {
    left: -28px;
    background-image: url("../images/washoi_left.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.HPGLP-subTitleWrapper::after {
    right: -22px;
    background-image: url("../images/washoi_right.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.HPGLP-subTitle {
    font-size: 24px;
    position: relative;
}

.HPGLP-mainTitle {
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.HPGLP-mainTitleSmall {
    font-size: 24px;
}

.HPGLP-mainTitleLarge {
    font-size: 42px;
    color: #E5252B
}

.HPGLP-mainTitleLarge--margin {
    margin-left: 5px;
}

.HPGLP-mainTitleLarge--black {
    font-size: 42px;
}

.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.HPGLP-itemTitle--red {
    color: #E5252B
}

.nextArrow {
  position: relative;
  width: 15px;
}

.HPGLP-MultiBtnContainer {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 16px
}

.HPGLP-MultiBtnContainer .HPGLP-btn {
    margin: 0;
}

.HPGLP-btn {
    display: block;
    flex-shrink: 0;
    position: relative;
    width: 348px;
    margin: 0 auto;
    padding-bottom: 4px;
}

.HPGLP-contactWithTelWrapper .HPGLP-btn {
    margin: 0 0 0 8%;
}

.HPGLP-footer__contactWithTelWrapper .HPGLP-btn {
    width: 348px;
    height: 61px;
}

.HPGLP-supportFollowWrapper .HPGLP-btn {
    width: 160px;
    height: 46px;
    margin: 0;
}

.HPGLP-case .HPGLP-btn {
    width: 100%;
    margin: 0;
}

.HPGLP-redBtnWithImg {
    padding-top: 14px
}

.HPGLP-btn:hover {
    opacity: 1;
    transform: translateY(4px);
}

.HPGLP-whiteBtnText {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 61px;
    color: #1C1E2E;
    font-size: 16px;
    font-weight: 700;
    border: 2px solid #3B3B3B;
    border-radius: 10px;
    background-color: #FFFFFF;
    box-shadow: 0 4px 0 0 #DDDDDDCC;
    transition: box-shadow 0.3s ease-out;
    padding: 16px;
}

.HPGLP-whiteBtnText::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 12px;
    /* top: 21px; */
    right: 12px;
    background-image: url("../images/normal_chevron.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.HPGLP-btn:hover .HPGLP-whiteBtnText {
    background-color: #F9F9F9;
    box-shadow: 0 0 0 0 transparent;
}

.HPGLP-redBtnText {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 61px;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    background-color: #E5252B;
    box-shadow: 0 4px 0 0 #DDDDDDCC;
    transition: box-shadow 0.3s ease-out;
    padding: 16px 16px 16px 0;
}

.HPGLP-footer-contactBtn .HPGLP-redBtnText {
    height: 57px;
}

.HPGLP-redBtnText::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 12px;
    /* top: 21px; */
    right: 12px;
    background-image: url("../images/primary_chevron.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover
}

.HPGLP-btn:hover .HPGLP-redBtnText {
    background-color: #D0111B;
    box-shadow: 0 0 0 0 transparent;
}

.HPGLP-supportFollowWrapper .HPGLP-whiteBtnText {
    height: 42px;
    font-weight: 400;
    border: 1px solid #DFDFDF;
    border-radius: 8px;
    background-color: #fff;
    padding: 8px 16px 8px 0;
    transition: box-shadow .3s ease;
}

.HPGLP-supportFollowWrapper .HPGLP-whiteBtnText::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    top: 14px;
    right: 12px;
    background-image: url("../images/services/ArrowDown.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.HPGLP-btnImg {
    position: relative;
    border-radius: 10px;
    box-shadow: 0 4px 0 0 #DDDDDDCC;
    transition: box-shadow .3s ease;
}

.HPGLP-btn:hover .HPGLP-btnImg {
    box-shadow: 0 0 0 0 transparent;
}

.HPGLP-flexReverse {
  flex-direction: row-reverse;
}

.HPGLP-contents {
    min-width: 1440px;
}
/* / 共通 */

/* ヘッダー追従 */
.HPGLP-headerFollow {
    width: 100%;
    min-width: 1140px;
    position: fixed;
    height: 61px;
    top: 0;
    background-color: #FFFFFF;
    border-bottom: 1px solid #CECECE;
    padding: 0 40px;
    z-index: 11;
}

.HPGLP-header-followWrapper {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.HPGLP-header-followLogo {
    display: flex;
    align-items: center;
}

.HPGLP-header-followLogo {
    height: 40px;
}

.HPGLP-header-followLogoText--red {
    color: #e5252b;
    font-weight: 700;
    margin-left: 8px;
    white-space: nowrap;
}


.HPGLP-header-followItem {
    display: flex;
    height: 100%;
    justify-content: space-between;
}

.HPGLP-header-followLink {
    display: flex; 
    color: #1C1E2E;
    width: 85px;
    height: 100%;
    justify-content: center;
    align-items: center;
    padding: 4px 0 4px 0;
}

.HPGLP-anker__link:hover, .HPGLP-header-followLink:hover {
    color: #e5252b;
    font-weight: 700;
    opacity: 1;
}

.HPGLP-header-selectedLink {
    color: #e5252b;
    font-weight: 700;
    border-bottom: 4px solid #e5252b;
    padding: 4px 0 0 0;
}
/* / ヘッダー追従 */

/* パンくずリンク */
.HPGLP-breadlinkWrapper {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 61px;
    padding: 16px 24px;
}

.HPGLP-breadlink__list {
    width: 100%;
    text-align: left;
    padding: 0;
    list-style: none;
}

.HPGLP-breadlink__item {
    position: relative;
    display: inline;
    font-size: 16px;
    list-style: none;
}

.HPGLP-breadlink__item--h1 {
    display: inline;
}

.HPGLP-breadlink__item:not(:first-child) {
    margin-left: 48px
}

.HPGLP-breadlink__item:not(:first-child):before {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    top: calc(50% - 6px);
    left: -32.5px;
    background-image: url("../images/normal_chevron.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain
}

.HPGLP-breadlink__link:hover {
    opacity: 1;
    text-decoration: underline
}
/* / パンくずリンク */

/* お問い合わせ・資料請求 */
.HPGLP-contactWithTelWrapper {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    height: 80px;
    margin-top: 24px;
    z-index: 10
}

.HPGLP-footer__contactWithTelWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 61px;
    gap: 40px;
}

.HPGLP-footer__contactWithTelWrapper .HPGLP-contact__tel {
    width: 230px;
    height: 100%;
    gap: 0;
}

.HPGLP-contact__tel {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
    width: 234px;
    height: 100%;
    gap: 4px;
}

.HPGLP-contact__telText {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

.HPGLP-contact__telText2 {
    display: block;
    font-size: 14px;
    font-weight: 700;
}

.HPGLP-contact__telLink {
    display: block;
    font-family: Helvetica;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #1C1E2E;
    position: relative;
    text-align: right;
    padding-right: 2px;
}

.HPGLP-contact__telLink::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 8px;
    width: 24px;
    height: 24px;
    background-image: url("../images/icon_tell.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.HPGLP-footer__contactWithTelWrapper .HPGLP-contact__telLink::before {
    left: 3px;
}

.HPGLP-contact__telTime {
    display: block;
    font-size: 10px;
}

.HPGLP-footer__contactWithTelWrapper .HPGLP-contact__telTime {
    color: #969696;
    padding-top: 0;
}

.HPGLP-contact__freeText {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    height: 20px;
    border: 1px solid #ffffff;
    border-radius: 2px;
    margin-right: 4px;
    padding: 0 4px;
}

.HPGLP-contact__remarks {
  width: 100%;
  display: flex;
  justify-content: center;
}

.HPGLP-contact__imgWrapper {
    width: 188px;
    height: 25px;
    display: block;
    position: absolute;
    top: 0px;
    left: calc((188px / 2) - 13px);
    z-index: 10;
    transition: top .3s ease
}

.HPGLP-contact__imgWrapper2 {
    width: 212px;
    left: calc((212px / 2) - 35px);
}
/* / お問い合わせ・資料請求 */

/* フッター追従 */
.HPGLP-footerFollow {
    width: 100%;
    position: fixed;
    height: 78px;
    bottom: -78px;
    background-color: #fff;
    border-top: 1px solid #cecece;
    z-index: 10;
    transform: translate3d(0,0,0);
    transition: .5s
}

.HPGLP-footerFollow.isVisible {
    bottom: 0
}

.HPGLP-footer-followWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}
/* / フッター追従 */

/* フッター */
.HPGLP-footer {
    border-top: 1px solid #cecece;
}

.HPGLP-footerWrapper {
    margin: 0 auto 140px;
    padding: 10px 80px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 68px;
}

.HPGLP-footer__logo {
    padding-top: 20px
}

.HPGLP-footer__logoLink {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 10px
}

.HPGLP-footer__logoImg {
    width: 100px;
    height: 26px;
}

.HPGLP-footer__copyright {
    font-size: 10px;
    font-weight: 700;
    color: #435b67;
    line-height: 1;
    letter-spacing: 0
}

.HPGLP-footer__list {
    padding: 35px 5px 0 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.HPGLP-footer__item {
    font-size: 10px;
    line-height: 1;
    letter-spacing: 0;
    position: relative
}

.HPGLP-footer__item:not(:first-child) {
    padding-left: 11px
}

.HPGLP-footer__item:not(:first-child)::before {
    position: absolute;
    top: 2px;
    left: 6px;
    width: 1px;
    height: 10px;
    background-color: #ccc;
    content: ""
}

.HPGLP-footer__item:nth-child(2) {
    padding-left: 11px
}

.HPGLP-toTopButtonWrapper {
  opacity: 0;
  visibility: hidden;
  display: block;
  position: fixed;
  width: 40px;
  height: 44px;
  bottom: 95px;
  right: 70px;
  background-image: url("../images/pagetop_default.png");
  background-size: contain;
  background-repeat: no-repeat;
  text-decoration: none;
  padding-bottom: 4px;
  z-index: 11;
  transform: translate3d(0,0,0);
  transition: opacity .5s ease-in-out, visibility .5s ease-in-out;
}

.HPGLP-toTopButton {
  width: 40px;
  height: 40px;
  box-shadow: 0 4px 0 0 #DDDDDDCC;
  border-radius: 50px;
  transition: box-shadow .3s ease-out;
}

.HPGLP-toTopButtonWrapper.isVisible {
  opacity: 1;
  visibility: visible;
}

.HPGLP-toTopButtonWrapper:hover {
  background-image: url("../images/pagetop_hover.png");
  box-shadow: 0 0 0 0 transparent;
  opacity: 1;
  transform: translateY(4px);
}

.HPGLP-toTopButtonWrapper:hover .HPGLP-toTopButton {
  box-shadow: 0 0 0 0 transparent;
}
/* / フッター */
/*
 / 全ページ共通 
*/

/*
 TOPページ
*/
/* MV */
.HPGLP-MV {
    width: 100%;
    height: 530px;
    position: relative;
    margin-top: 61px;/*ヘッダの高さ*/
}

.HPGLP-MV .HPGLP-MV__bk {
    position: absolute;
    top: 0;
    right: 0;
    width: 45%;
    height: 100%;
    z-index: 0;
    opacity: 0;
    pointer-events: none;
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat
}

.HPGLP-MV .HPGLP-MV__bk--01 {
    background-image: url("../images/img_pc_fv_bg01.png")
}

.HPGLP-MV .HPGLP-MV__bk--02 {
    background-image: url("../images/img_pc_fv_bg02.png")
}

.HPGLP-MV .HPGLP-MV__bk--03 {
    background-image: url("../images/img_pc_fv_bg03.png")
}

.HPGLP-MV .HPGLP-MV__bk.is-visible {
    animation: fadeIn 1s ease-out forwards;
    opacity: 1;
    z-index: 1
}

.HPGLP-MV .HPGLP-MV__bk.is-hidden {
    animation: fadeOut .4s ease-out forwards;
    opacity: 0;
    z-index: 1
}

.HPGLP-MVWrapper {
    width: 1280px;
    margin: 0 auto;
    position: relative
}

.HPGLP-MV__wrapper {
    display: flex;
    justify-content: space-between
}

.HPGLP-MV__titleWrapper {
    margin-top: 35px
}

.HPGLP-MV__tvcmWrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: auto;
    width: 424px;
    height: 100px;
    background-color: #FAF3EB;
    border-radius: 20px;
    margin: 15px 0;
    padding: 16px 16px 0 16px;
}

.HPGLP-MV__tvcmContents {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 66px;
    gap: 16px;
}

.HPGLP-MV__cmLogoImg {
    width: 190px;
    height: 66px;
}

.HPGLP-MV__cmTextImg {
    width: 60px;
    height: 41px;
}

.HPGLP-MV__tvcmWrapper .HPGLP-btn {
    width: 110px;
    height: 64px;
    margin: 0;
}

.HPGLP-MV__tvcmWrapper .HPGLP-btnImg {
    height: 60px;
}

.HPGLP-btn:hover .HPGLP-btnLogo {
  background-image: url("../images/tvcm_button_hover.png");
  opacity: 1;
}

.HPGLP-btnLogo {
    position: absolute;
    width: 26px;
    height: 26px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("../images/tvcm_button_default.png");
  background-size: contain;
  background-repeat: no-repeat;
}

.HPGLP-MV__titleLogo {
    width: 100%;
    height: 60px;
    border-radius: 10px;
}

.HPGLP-MV__tvcmCopyright {
    font-size: 10px;
    color: #969696;
    text-align: right;
    margin-bottom: 2px;
}

.HPGLP-MV__titleImg {
    height: 240px;
}

.HPGLP-MV__remarks {
    font-size: 10px;
    margin-top: 2px;
    text-align: left;
    color: #969696
}

.HPGLP-MV_remarksLink {
    padding-left: 10px
}

.HPGLP-MV .HPGLP-MV__hm {
    position: absolute;
    width: 559px;
    height: auto;
    top: -5px;
    right: 130px;
    opacity: 0;
    transform: translateX(30px) translateZ(0);
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    will-change: opacity,transform;
    backface-visibility: hidden;
    z-index: 0
}

.HPGLP-MV .HPGLP-MV__hm.is-visible {
    transform: translateX(0) translateZ(0);
    opacity: 1;
    z-index: 1
}

.HPGLP-MV .HPGLP-MV__hm.is-hidden {
    transform: translateX(-30px) translateZ(0);
    opacity: 0;
    z-index: 1
}

.HPGLP-keisai-MV-contactWrapper {
    position: absolute;
    width: 950px;
    height: 152px;
    top: 450px;
    left: calc((100% - 950px)/ 2);
    background: #fff;
    border-radius: 20px;
    z-index: 10
}
/* / MV */

/* 共通 */
.HPGLP-keisai-commonWrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

/* お悩み */
.HPGLP-worry {
    position: relative;
    height: 545px;
    background-color: #E6E6E6;
    background-image: url("../images/img_pc_worry_bg.png");
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

.HPGLP-worryWrapper {
    position: relative;
    height: 100%;
    padding-top: 120px
}

.HPGLP-worry__title {
    font-weight: 700;
}

.HPGLP-worry__titleSmallText {
    display: block;
    font-size: 24px;
}

.HPGLP-worry__titleNormalText {
    font-size: 42px;
    position: relative;
    z-index: 0
}

.HPGLP-worry__titleNormalText--background:before {
    content: '';
    position: absolute;
    width: 130px;
    height: 20px;
    left: -2px;
    bottom: -8px;
    background-color: #cecece;
    z-index: -1
}

.HPGLP-worry__main {
    margin-top: 32px
}

.HPGLP-worry__mainList {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.HPGLP-worry__mainItem {
    height: 142px;
    width: 230px;
    font-size: 16px;
    font-weight: 700;
    background-image: url("../images/img_cloud_text.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.HPGLP-worry__mainTextWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 110px;
}

.HPGLP-worry__mainText {
    display: block
}

.HPGLP-worry__mainText--red {
    color: #e5252b;
    font-size: 18px;
}

.HPGLP-worry__mainHouse {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.HPGLP-worry__mainHouseImg {
    margin: 4px auto 0;
    width: 182px;
    height: 176px;
}
/* / お悩み */

/* お悩みを解決 */
.HPGLP-supportWrapper {
    display: flex;
    flex-direction: column;
    padding: 72px 0 96px;
    gap: 64px;
}

.HPGLP-support__list {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 32px;
    list-style: none;
    margin: 0;
}

.HPGLP-support__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 20px;
    gap: 16px;
}

.HPGLP-support__itemLogo {
    width: 32px;
    display: block;
    margin: 0 auto -8px;
}

.HPGLP-support__itemTitle {
    font-size: 24px;
    font-weight: 700;
}

.HPGLP-support__itemImg {
    width: 300px;
    margin: 0 auto;
}

.HPGLP-support__itemText {
    font-size: 16px;
    text-align: left;
}
/* / お悩みを解決 */

/* お店の声 */
.HPGLP-evaluationWrapper {
    display: flex;
    flex-direction: column;
    padding-top: 96px;
    gap: 64px;
}

.HPGLP-keisai__evaluationContents {
    padding: 0 4px;
}

.HPGLP-keisai__evaluationContents .HPGLP-case__list {
    gap: 24px
}

.HPGLP-keisai__evaluationContents .HPGLP-case__itemImg {
  border-radius: 20px 20px 0 0;
}
/* / お店の声 */

/* ホットペッパーグルメでできること */
.HPGLP-meritWrapper {
    display: flex;
    flex-direction: column;
    padding-top: 96px;
    gap: 64px;
}

.HPGLP-merit__list {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.HPGLP-merit__item {
    display: flex;
    background-color: #fff;
    border-radius: 20px;
    padding: 24px;
    gap: 24px;
}

.HPGLP-merit__item .HPGLP-merit__itemImgWrapper {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 225px;
}

.HPGLP-merit__item .HPGLP-merit__itemTextWrapper {
  text-align: left;
}

.HPGLP-merit__itemTitle {
    font-size: 24px;
    font-weight: 700;
}

.HPGLP-merit__itemText {
    display: block;
    font-size: 16px;
    margin-top: 16px
}
/* / ホットペッパーグルメでできること */

/* 関連サービス機能 */
.HPGLP-serviceWrapper {
    display: flex;
    flex-direction: column;
    padding-top: 96px;
    gap: 64px;
}

.HPGLP-service__subTitle--background:before {
    content: '';
    position: absolute;
    height: 20px;
    bottom: -3px;
    background-color: #fee3e0;
    z-index: -1
}

.HPGLP-service__subTitle--background1:before {
    width: 50px;
    left: -2px;
}

.HPGLP-service__subTitle--background2:before {
    width: 161px;
    left: 96px;
}

.HPGLP-service__subTitle--background3:before {
    width: 180px;
    left: -2px;
}

.HPGLP-service__subTitle--background4:before {
    width: 119px;
    left: 304px;
}

.HPGLP-service__subTitleWrapper {
    z-index: 0
}

.HPGLP-service__text {
    font-size: 16px;
    margin-top: 16px;
    text-align: center;
    font-weight: 400;
}

.HPGLP-service__contents {
    background-color: #FAF3EB;
    border-radius: 20px;
    padding: 24px;
}

.HPGLP-service__useTiming {
  font-size: 16px;
  font-weight: 700;
  color: #A8702C;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.HPGLP-service__useTimingLine {
  border-bottom: 4px dotted #DBC5A9;
  margin: 0 20px;
}

.HPGLP-service__useTimingLine--flexGrow {
  flex-grow: 1;
}

.HPGLP-service__useTimingLine--between {
  width: 550px
}

.HPGLP-service__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.HPGLP-service__list--margin {
    margin-bottom: 48px;
}

.HPGLP-service__item {
    display: grid;
    grid-template-rows: 45px 1fr;
    border: 1px solid;
    border-radius: 20px;
    position: relative;
    background-color: #fff;
    text-align: left;
}

.HPGLP-service__item--customers {
    width: 586px;
    height: 237px;
    border-color: #e5252b
}

.HPGLP-service__item--reservation {
    width: 238px;
    height: 237px;
    border-color: #f08437
}

.HPGLP-service__item--blue {
    border-color: #20aee5;
    width: 269px;
    height: 241px;
}

.HPGLP-service__itemTitle {
    font-size: 20px;
    font-weight: 700;
    height: 45px;
    padding: 8px 16px;
    border-radius: 20px 20px 0 0
}

.HPGLP-service__itemTitle--background--red {
    background-color: #fee3e0
}

.HPGLP-service__itemTitle--red {
    color: #e5252b;
    margin-right: 3px
}

.HPGLP-service__itemTitle--background--yellow {
    background-color: #fef0d8
}

.HPGLP-service__itemTitle--yellow {
    color: #f08437;
    margin-right: 3px
}

.HPGLP-service__itemTitle--background--blue {
    background-color: #def0f6
}

.HPGLP-service__itemTitle--blue {
    color: #20aee5;
    margin-right: 3px
}

.HPGLP-service__main {
    padding: 16px;
}

.HPGLP-service__main--customers {
    display: flex;
    justify-content: space-between
}

.HPGLP-service__main--blue {
    display: flex;
    flex-direction: column; /* 子要素を縦に配置 */
    justify-content: space-between;
}

.col1 {
    width: 300px
}

.row-1 {
  display: flex;
  height: 96px;
}

.row-2 {
  margin-top: 16px;
  text-align: center;
}

.text-box {
    position: relative;
    font-size: 16px;
    margin-right: 13px;
}

.HPGLP-service__text--customers {
    width: 184px;
}

.HPGLP-service__text--blue {
    width: 137px;
}

.HPGLP-service__text--reservation {
    width: 88px;
}

.image-1 {
  width: 108px;
}

.image-1--blue {
  width: 90px;
  height: 80px;
}

.image-2 {
  display: block;
  margin: 0 auto;
  height: 100%;
}

.HPGLP-service__img2--customers {
  width: 268px;
}

.HPGLP-service__img2--reservation {
  width: 126px;
}

.HPGLP-service__img2--blue {
  height: 24px;
}

.col2 {
  display: flex;
  width: 236px;
  height: 158px;
}

.HPGLP-service__supportPack {
  position: relative;
  border-radius: 10px;
  margin-top: 15px;
  padding: 24px 16px 16px;
  background-color: #F9F9F9;
}

.HPGLP-service__supportPack-sub {
    width: 120px;
    display: block;
    position: absolute;
    top: -15px;
    left: calc(50% - 60px);
}

.HPGLP-service__supportPack-img {
    width: 156px;
    margin: 0 auto;
}

.HPGLP-service__supportPack-text {
    padding-top: 16px
}

.HPGLP-service__content-0yenCircle {
    position: absolute;
    width: 70px;
    top: -14px;
    right: -13px;
}
/* / 関連サービス機能 */

/* 丁寧にフォロー */
.HPGLP-followWrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.HPGLP-follow__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 32px;
    list-style: none;
    text-align: left;
}

.HPGLP-follow__item {
    width: 459px;
    border-radius: 20px;
}

.HPGLP-follow__itemImg {
    width: 100%;
    margin: 0 auto;
}

.HPGLP-follow__itemTitle {
    font-size: 24px;
    font-weight: 700;
    margin: 16px 0 8px;
}

.HPGLP-follow__itemText {
    font-size: 16px;
}
/* / 丁寧にフォロー */

/* 利用開始の流れ */
.HPGLP-flowWrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.HPGLP-flow__title {
    font-weight: 700
}

.HPGLP-flow__mainTitleLarge {
    font-size: 42px;
}

.HPGLP-flow__contents {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FEF9F1;
    border-radius: 20px;
    padding: 32px 24px 24px;
}

.HPGLP-flow__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px dotted #DBC5A9;
    padding-bottom: 24px;
}

.HPGLP-flow__item {
    width: 190px;
    height: 307px;
    background-color: #FFFFFF;
    border: 1px solid #EDDFCE;
    border-radius: 20px;
    position: relative;
    padding: 24px 16px;
}

.HPGLP-flow__item:not(:first-child):before {
    content: '';
    position: absolute;
    width: 15px;
    height: 54px;
    top: calc(50% - 27px);
    left: -30px;
    background-image: url("../images/next_pc.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.HPGLP-flow__itemImgNumber {
    height: 39px;
    position: absolute;
    top: -33px;
    left: 4px
}

.HPGLP-flow__itemImg {
    margin: 0 auto;
    width: 70px;
    height: 63px
}

.HPGLP-flow__itemTitle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 58px;
    font-size: 18px;
    font-weight: 700;
    margin: 24px 0 8px;
}

.HPGLP-flow__itemText {
    font-size: 16px;
    text-align: left;
}

.HPGLP-flow__itemImgWrapper {
    position: relative;
}
/* / 利用開始の流れ */

/* 掲載料無料のネット予約プラン */
.HPGLP-planBottomWrapper {
    padding-top: 15px;
    position: relative
}

.HPGLP-plan__flag {
    position: absolute;
    left: calc((100% - 260px)/ 2);
    top: 0px
}

.HPGLP-plan__flagImg {
    width: 260px;
    margin: 0 auto;
    text-align: center
}

.HPGLP-plan__main {
    width: 100%;
    border: 1px solid #DFDFDF;
    border-radius: 20px;
    padding: 32px 24px 24px;
}

.HPGLP-plan__mainTitle {
    font-size: 24px;
    font-weight: 700
}

.HPGLP-plan__list {
    width: 500px;
    padding: 20px 0 0 32px;
    margin: 0 auto;
    text-align: left
}

.HPGLP-plan__item {
    position: relative;
    font-size: 18px;
    font-weight: 700
}

.HPGLP-plan__item:first-child {
    padding-bottom: 8px
}

.HPGLP-plan__item::before {
    content: '';
    position: absolute;
    width: 26px;
    height: 26px;
    top: 0;
    left: -29px;
    background-image: url("../images/check.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%
}

.HPGLP-plan__btnTop {
    padding-top: 21px;
    font-weight: 700;
}

.HPGLP-plan__btn {
    margin: 10px auto
}
/* / 掲載料無料のネット予約プラン */

/* 動画 */
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease-in-out;
}

.modal-content {
    position: relative;
    background-color: #000;
    max-width: 900px;
    width: 90%;
}

.close-button {
    position: absolute;
    top: -50px;
    right: 0px;
    color: #fff;
    font-size: 2.5rem;
    cursor: pointer;
    width: 43px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background 0.2s ease;
}

.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 8px;
}
/* / 動画 */
/*
 / TOPページ
*/

/*
 機能ページ
*/
/* アンカーリンク */
.HPGLP-anker {
    border-top: 1px solid #CECECE;
}

.HPGLP-ankerWrapper {
    display: flex;
    justify-content: center;
}

.HPGLP-anker__list {
    display: flex;
    height: 75px;
}

.HPGLP-anker__item {
    display: flex;
    position: relative;
    font-weight: 700;
    width: 237px;
    height: 100%;
    font-size: 16px;
    margin-right: 1px
}

.HPGLP-ankerText {
    position: relative;
}

.HPGLP-ankerText::after {
    content: "";
    position: absolute;
    top: 51%;
    transform: translateY(-51%);
    width: 16px;
    height: 16px;
    background-image: url("../images/services/ArrowDown.png");
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 8px;
}

.HPGLP-anker__item::after {
    display: flex;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1px;
    width: 1px;
    height: 26px;
    background-color: #CECECE;
}

.HPGLP-anker__link {
    display: flex;
    width: 100%;
    height: 100%;
    color: #1C1E2E;
    justify-content: center;
    align-items: center;
    padding-right: 22px;
}
/* / アンカーリンク */

/* 共通 */
.HPGLP-services-titleWrapper {
    display: flex;
    position: relative;
    height: 252px;
    justify-content: center;
    align-items: center;
    background-color: #FFFFFF;
    z-index: 1;
}

.HPGLP-titleText {
    margin-right: 64px;
}

.HPGLP-services-title {
    font-weight: 700
}

.HPGLP-sectionTitle--background--red::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #E5252B1A;
    z-index: 2;
}

.HPGLP-sectionTitle--background--yellow::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F0843733;
    z-index: 2;
}

.HPGLP-sectionTitle--background--blue::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #20AEE51A;
    z-index: 2;
}

.HPGLP-sectionTitle--red {
    color: #E5252B;
}

.HPGLP-sectionTitle--yellow {
    color: #F08437;
}

.HPGLP-sectionTitle--blue {
    color: #20AEE5;
}

.HPGLP-titleImg {
    width: 318px;
    z-index: 3;
}

.HPGLP-services-commonWrapper {
    display: flex;
    flex-direction: column;
    padding: 72px 0 120px;
    gap: 64px;
}

.HPGLP-commonWrapper {
    display: flex;
    flex-direction: column;
    gap: 64px;
}

.HPGLP-common__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 32px;
    list-style: none;
    margin: 0;
    width: 950px
}

.HPGLP-common__itemWrapper {
    width: 459px;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #CECECE;
}

.HPGLP-common__content {
  padding: 24px;
}

.HPGLP-common__itemImg {
  width: 100%;
  height: 220px;
}

.HPGLP-common__itemTitle {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 16px;
}

.HPGLP-common__itemText {
  font-size: 16px;
  text-align: left;
}

.HPGLP-contact .HPGLP-contactWrapper {
    padding: 24px 0 110px;
}

.HPGLP-services__evaluationWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.HPGLP-services__evaluationTitle {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 24px;
    gap: 24px;
}

.HPGLP-services__evaluationTitleLine {
    width: 376.5px;
    border-bottom: 2px dotted #CECECE;
}

.HPGLP-services__evaluationList {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.HPGLP-services__evaluationItem {
    display: flex;
    gap: 16px;}

.HPGLP-services__evaluationStoreImg {
    width: 80px;
    height: 80px;
}

.HPGLP-services__evaluationContent {
    background-color: #FFFFFF;
    border-radius: 0 20px 20px 20px;
    border: 1px solid #CECECE;
    padding: 24px;
}

.HPGLP-flexReverse .HPGLP-services__evaluationContent {
    border-radius: 20px 0 20px 20px;
}

.HPGLP-services__evaluationStoreInfoWrapper {
    display: flex;
    align-items: center;
    margin-top: 16px;
    gap: 16px
}

.HPGLP-services__evaluationStoreTypeWrapper {
  display: flex;
  align-items: center;
  font-size: 12px;
  gap: 8px;
}

.HPGLP-services__evaluationStoreName {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
}

.HPGLP-services__evaluationText {
    font-size: 16px;
    text-align: left;
}

.HPGLP-services-bottomWrapper {
    display: flex;
    flex-direction: column;
    padding: 72px 0 120px;
    gap: 96px;
}
/* / 共通 */

/* MV */
.HPGLP-services-MV {
    width: 100%;
    height: 421px;
}

.HPGLP-services-MVWrapper {
    display: flex;
    height: 100%;
    justify-content: center;
}

.HPGLP-services-MV__titleWrapper {
    width: 698px;
}

.HPGLP-services-MV__titleImg {
    width: 100%;
    margin: 35px 0 30px 0;
}

.HPGLP-services-MV__annotation {
    font-size: 10px;
    margin: 5px 0 0 45px;
    text-align: left;
    color: #969696
}

.HPGLP-services-MV__contact {
    position: relative;
    margin: 15px 0 0 15px;
    padding: 14px 0 0 0;
    height: 79px
}

.HPGLP-services-MV__contact:hover {
    padding: 18px 0 0;
    opacity: 1
}

.HPGLP-services-MV__contact:hover::after {
    top: 42px
}

.HPGLP-services-MV__contact:hover .HPGLP-contact__text {
    box-shadow: none;
    background-color: #d0111b
}

.HPGLP-services-MV__spImgWrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-left: 40px
}

.HPGLP-services-MV__spImg {
    width: 212px;
}

.HPGLP-services-MV-contactWrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    height: 128px;
    /* top: 450px;
    left: calc((100% - 950px)/ 2); */
    background: #FFFFFF;
    border-radius: 20px;
    z-index: 10
}

.HPGLP-services-MV .HPGLP-contactWithTelWrapper .HPGLP-btn {
    margin: 0 0 0 16px;
}

.HPGLP-services-MV__remarks {
    margin-top: 16px;
}
/* / MV */

/* まとめてサポート */
.HPGLP-services-serviceWrapper {
    display: flex;
    flex-direction: column;
    padding: 72px 0 120px;
    gap: 64px;
}

.HPGLP-services-service__contents {
    margin-bottom: 10px;
}

.HPGLP-supportFollowWrapper {
    display: flex;
    height: 119px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background-color: #FFFFFF;
    margin-top: 48px;
}

.HPGLP-supportFollowImg {
    width: 53px;
    height: 71px;
}

.HPGLP-supportFollowTextWrapper {
    margin: 0 32px 0 16px;
}

.HPGLP-supportFollowSubTextWrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
    gap: 10px;
}

.HPGLP-supportFollowSubText {
    border-radius: 20px;
    position: relative;
    background-color: #F2F2F2;
    padding: 4px 16px;
}

.HPGLP-supportFollowSubImg {
    position: absolute;
    width: 12px;
    height: 12px;
    top: -5px;
    right: 5px;
}

.HPGLP-supportFollowText {
    font-size: 18px;
    font-weight: 700
}
/* / まとめてサポート */

/* ホットペッパーグルメ */
.HPGLP-hotpepper-title {
    margin-bottom: 32px;
}

.HPGLP-hotpepper__text {
    font-size: 16px;
}

#HPGLP-hotpepper .HPGLP-meritWrapper {
    position: relative;
    margin-top: 32px;
    padding-top: 19px;
}

.HPGLP-merit__flag {
    position: absolute;
    left: calc((100% - 480px)/ 2);
    top: 2px
}

.HPGLP-merit__flagImg {
    width: 493px;
}

.HPGLP-merit__main {
    background-color: #FAF3EB;
    border-radius: 20px;
    padding: 45px 32px 32px
}

#HPGLP-hotpepper .HPGLP-merit__item {
    padding-left: 8px;
    gap: 12px;
}
/* / ホットペッパーグルメ */

/* Airレジ オーダー */
.HPGLP-airregi__subWrapper {
  display: flex;
  justify-self: start;
  align-items: flex-start;
  margin-top: 16px;
  gap: 8px
}

.HPGLP-airregi__subWrapper--multiline {
  flex-direction: column;
}

.HPGLP-airregi__subItem {
  display: inline-flex;
  border: 1px solid #CECECE;
  border-radius: 4px;
  padding: 2px 4px;
}

.HPGLP-airregi__subText {
  display: inline-flex;
  align-items: center;
}

.HPGLP-airregi__subText::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../images/services/img_icon_check.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 4px;
}

#HPGLP-airregi .HPGLP-airregi__btn {
    width: 100%;
    margin:0 auto;
}

.HPGLP-services-airregi__remarks {
    margin-bottom: 56px;
}
/* / Airレジ オーダー */

/* その他業務支援サービス */
.HPGLP-otherSupport-titleWrapper {
    height: 169px;
}

.HPGLP-otherSupport__itemLogo {
  display: block;
  height: 30px;
  margin: 6px auto 22px;
}
/* / その他業務支援サービス */
/*
 / 機能ページ
*/

/*
 資料請求・問い合わせページ
*/
.HPGLP-request .HPGLP-title {
    font-weight: 700;
    margin: 0;
}

.HPGLP-request__contentWrapper {
    display: flex;
    justify-content: center;
    padding: 70px 60px 100px;
    gap: 45px;
}

.HPGLP-request__leftWrapper {
    width: 455px;
}

.HPGLP-request__rightWrapper {
    width: 455px;
    background-color: #FFFFFF;
    border-radius: 20px;
    padding: 26px 24px 40px;
}

/* お問い合わせ・資料でわかること */
.HPGLP-request__descWrapper {
    text-align: left;
    margin: 32px 0 40px;
}

.HPGLP-request__descTitle {
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  border-bottom: 1px solid #CECECE;
  margin-bottom: 16px;
  padding-bottom: 8px;
}

.HPGLP-request__descTextWrapper {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.HPGLP-request__descItem {
  display: inline-flex;
}

.HPGLP-request__descText {
  display: inline-flex;
  align-items: center;
  font-size: 16px;
}

.HPGLP-request__descText::before {
  content: "";
  width: 13px;
  height: 10px;
  background-image: url("../images/request/icon_check.png");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.HPGLP-requestWrapper .HPGLP-request__titleWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 201px;
    background-color: #FEF0D8;
}
/* / お問い合わせ・資料でわかること */

/* 電話 */
.HPGLP-request__telWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 188px;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 2px solid #FEC1BB;
    padding: 24px;
    gap: 24px
}

.HPGLP-request .HPGLP-contact__tel {
    height: 80px;
}

.HPGLP-request__formDesc {
    font-size: 16px;
    text-align: left;
    margin-bottom: 24px;
}
/* / 電話 */

/* 資料 */
.HPGLP-request__materialWrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 455px;
    gap: 16px;
}

.HPGLP-request__mainImageContainer {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    height: 323px;
    cursor: pointer;
}

#HPGLP-request__mainImage {
    width: 100%;
    height: auto;
    display: block;
    border: 1px solid #CECECE;
}

.HPGLP-request__zoomImg {
    position: absolute;
    bottom: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    box-shadow:
      1px 0 4px rgba(0, 0, 0, 0.12),
      0 1px 2px rgba(0, 0, 0, 0.12);
    z-index: 2;
}

.HPGLP-request__thumbnailContainer {
    display: grid;
    grid-template-columns: repeat(4,1fr);
  justify-content: space-between;
  align-items: center;
    width: 100%;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.HPGLP-request__thumbnail {
    flex: 1;
    min-width: 0;
    cursor: pointer;
    border: 1px solid #CECECE;
    transition: transform 0.2s;
    position: relative;
    overflow: hidden;
}

.HPGLP-request__thumbnail .HPGLP-request__thumbnailImg {
    display: block;
    width: 100%;
}

.HPGLP-request__thumbnail.active::before, .HPGLP-request__modalThumbnail.active::before {
  background-color: rgba(255, 255, 255, 0.6);
}

.HPGLP-request__thumbnail::before, .HPGLP-request__modalThumbnail::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: background-color 0.3s ease;
  z-index: 2;
}
/* / 資料 */

/* モーダル */
.HPGLP-request__modalOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 100;
}

.HPGLP-request__modalContent {
    display: flex;
    flex-direction: column;
  position: absolute;
  width: 945px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 90%;
  max-height: 90%;
  pointer-events: none;
}

.HPGLP-request__modalMainContent {
  display: flex;
  gap: 24px;
}

.HPGLP-request__modalImg {
  pointer-events: auto;
  width: 753px;
  height: 533px;
  background-color: #fff;
  outline: 1px solid #CECECE;
  outline-offset: -1px;
  z-index: 1000;
}

.HPGLP-request__modalCloseWrapper {
    display: flex;
    justify-content: flex-end;
  width: 100%;
  margin-bottom: 16px;
}

.HPGLP-request__modalClose {
  width: 43px;
  height: 44px;
  font-size: 35px;
  color: #fff;
  cursor: pointer;
  z-index: 1001;
  pointer-events: auto;
}

/* モーダル内のサムネイルコンテナ */
.HPGLP-request__modalThumbnailContainer {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: space-between;
  width: 172px;
  gap: 16px;
  list-style: none;
  padding: 0;
}

/* モーダル内のサムネイル */
.HPGLP-request__modalThumbnail {
  flex: 1;
  min-width: 0;
  cursor: pointer;
  border: 1px solid #CECECE;
  width: 100%; /* サムネイルのサイズを調整 */
  transition: border-color 0.2s ease-in-out;
  pointer-events: auto; /* クリック可能にする */
  position: relative;
  overflow: hidden;
}

/* モーダル内のサムネイル画像 */
.HPGLP-request__modalThumbnailImg {
  width: 100%;
  height: 100%;
  display: block;
}
/* / モーダル */

/* フッター */
.HPGLP-request__footer {
    margin: 0
}

.HPGLP-request__footer .HPGLP-footerWrapper {
    margin-bottom: 0;
}
/* / フッター */
/*
 / 資料請求・問い合わせページ
*/

/*
 事例TOPページ
*/
/* 導入事例 */
.HPGLP-case .HPGLP-title {
    font-weight: 700;
    margin: 0;
}

.HPGLP-case .HPGLP-case__titleWrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 201px;
    background-color: #FEF0D8;
}

.HPGLP-case__contents {
    display: flex;
    flex-direction: column;
    padding: 72px 0;
    gap: 8px;
}

.HPGLP-case__list {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    list-style: none;
    margin: 0;
    width: 100%;
    gap: 32px
}

.HPGLP-case__itemWrapper {
    width: 459px;
    background-color: #FFFFFF;
    border-radius: 20px;
    border: 1px solid #DFDFDF;
    text-align: left;
}

.HPGLP-case__item {
    width: 100%;
}

.HPGLP-case__itemImg {
  width: 100%;
  height: auto;
  display: block;
}

.HPGLP-case__content {
  padding: 16px;
}

.HPGLP-case__storeTypeWrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 12px;
  gap: 8px;
}

.HPGLP-case__storeType {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}

.HPGLP-case__storeTypeImg {
  margin-right: 4px;
}

.HPGLP-case__itemTitleWrapper {
  height: 120px;
  margin-top: 8px;
}

.HPGLP-keisai__evaluationContents .HPGLP-case__itemTitleWrapper {
  height: auto;
}

.HPGLP-case__itemTitle {
  font-size: 18px;
  font-weight: 700;
    margin: 8px 0;
}

.HPGLP-case__itemText {
  font-size: 14px;
  margin: 0 0 12px 0;
}

.HPGLP-case__storeName {
    color: #969696;
    font-size: 12px;
}

.HPGLP-case .HPGLP-storeInfo1__reasonWrapper {
    font-size: 10px;
    margin-top: 16px
}

.HPGLP-case .HPGLP-storeInfo__useServiceWrapper {
    font-size: 10px;
    margin: 8px 0 18px;
}

.HPGLP-case .HPGLP-storeInfo__useService {
    color: #969696;
    border: 1px solid #969696;
    border-radius: 40px;
    padding: 4px 8px;
}

.HPGLP-case .HPGLP-whiteBtnText {
    height: 42px;
}

.HPGLP-whiteBtnText::after {
    right: 16px;
}
/* / 導入事例 */
/*
 / 事例TOPページ
*/

/*
 事例個別ページ
*/
/* お店情報1,2共通 */
.HPGLP-storeInfo__storeType {
    display: flex;
    align-items: center;
}

.HPGLP-storeInfo1 .HPGLP-storeInfo__storeType, .HPGLP-storeInfo2 .HPGLP-storeInfo__storeType {
    font-weight: 700;
}

.HPGLP-storeInfo__storeTypeName {
    color: #E5252B;
    font-weight: 400;
    width: 50px;
}

.HPGLP-storeInfo__storeType::before {
  content: "";
  width: 22px;
  height: 22px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.HPGLP-keisai__evaluationContents .HPGLP-storeInfo__storeType::before, .HPGLP-case .HPGLP-storeInfo__storeType::before, .HPGLP-services__evaluationStoreTypeWrapper .HPGLP-storeInfo__storeType::before {
  width: 20px;
  height: 20px;
}

.HPGLP-storeInfo__storeType--category::before {
  background-image: url("../images/case/genre.png");
}

.HPGLP-storeInfo__storeType--seatNum::before {
  background-image: url("../images/case/seat.png");
}

.HPGLP-storeInfo__storeType--area::before {
  background-image: url("../images/case/area.png");
}

.HPGLP-storeInfo__useServiceWrapper {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 4px
}

.HPGLP-storeInfo__useService {
    border: 1px solid #1C1E2E;
    border-radius: 40px;
    padding: 4px 8px;
}
/* / お店情報1,2共通 */

/* お店情報1 */
.HPGLP-storeInfo1Wrapper {
    display: flex;
    justify-content: space-between;
    text-align: left;
    padding-top: 40px;
}

.HPGLP-storeInfo1__titleAndImg {
    width: 626px;
}

.HPGLP-storeInfo1__title {
    font-weight: 700;
    font-size: 24px;
}

.HPGLP-storeInfo1__publicationDate {
    font-size: 10px;
    color: #969696;
    text-align: left;
    padding: 10px 0 18px;
}

.HPGLP-storeInfo1__itemImg {
  width: 100%;
  height: auto;
}

.HPGLP-storeInfo1__storeName {
    margin-bottom: 5px;
}

.HPGLP-storeInfo1__storeInfoItemWrapper {
    width: 300px;
    background-color: #FAF3EB;
    border-radius: 20px;
    padding: 16px;
}

.HPGLP-storeInfo1__storeInfoItem:not(:last-child) {
    border-bottom: 2px dotted #DBC5A9;
    padding-bottom: 13px;
}

.HPGLP-storeInfo1__reasonWrapper {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 4px
}

.HPGLP-storeInfo1__storeTypeWrapper {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    gap: 8px;
}

.HPGLP-storeInfo1__storeInfoItemTitle {
    color: #A8702C;
    font-size: 12px;
    margin: 16px 0 10px;
}

.HPGLP-storeInfo1__reason {
    color: #E5252B;
    border: 1px solid #E5252B;
    border-radius: 40px;
    padding: 4px 8px;
}
/* / お店情報1 */

/* お店情報2 */
.HPGLP-storeInfo2 {
    padding-bottom: 96px;
}

.HPGLP-storeInfo2__content {
    flex-grow: 1;
    margin-left: 24px
}

.HPGLP-storeInfo2Wrapper {
    display: flex;
    align-items: flex-start;
    background-color: #FAF3EB;
    border-radius: 20px;
    text-align: left;
    padding: 20px
}

.HPGLP-storeInfo2__storeImg {
  width: 100px;
  height: 100px;
  border-radius: 10px;
}

/* .HPGLP-storeInfo2__storeName {
    font-size: 12px;
} */
.HPGLP-storeInfo2__storeTypeWrapper {
    display: flex;
    margin: 10px 0 16px;
    gap: 16px
}
/* / お店情報2 */

/* 導入 */
.HPGLP-introductionWrapper {
    padding: 24px 0 80px
}

.HPGLP-introduction__list {
  /* counter-reset: my-custom-counter; */
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.HPGLP-introduction__item {
  display: flex;
  align-items: center;
    background-color: #FFFFFF;
    border-radius: 20px
}

.HPGLP-introduction__item .HPGLP-introduction__itemNumWrapper {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    width: 100px;
    height: 100%;
}

.HPGLP-introduction__itemNumImg {
    height: 70px;
}

.HPGLP-introduction__item .HPGLP-introduction__itemTextWrapper {
  text-align: left;
  padding: 22px 50px 10px 0;
}

.HPGLP-introduction__itemTitle {
    color: #E5252B;
    font-size: 24px;
    font-weight: 700;
}

.HPGLP-introduction__itemTextList {
    font-size: 16px;
    list-style: disc;
    margin-left: 8px;
    padding: 12px 0 12px 20px;
}
/* / 導入 */

/* インタビュー */
.HPGLP-interviewWrapper {
    display: flex;
    flex-direction: column;
    text-align: left;
    padding-bottom: 80px;
    gap: 80px;
}

.HPGLP-interview__interviewTitle {
    font-size: 24px;
    color: #E5252B;
    font-weight: 700;
    border-left: 6px solid #E5252B;
    padding-left: 16px;
    margin-bottom: 38px;
}

.HPGLP-interview__questionWrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.HPGLP-interview__question {
    display: flex;
    align-items: flex-start;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 20px;
}

.HPGLP-interview__question::before {
  content: '';
  flex-shrink: 0;
  align-self: flex-start;
  width: 16px;
  height: 1px;
  background-color: #1C1E2E;
  margin: 13px 12px 0 0;
}

.HPGLP-interview__anserText {
  font-size: 16px;
}

.HPGLP-interview__questionItem--withImg, .HPGLP-interview__anserText--withImg {
  display: flex;
  gap: 32px;
}

.HPGLP-interview__anserTextWrapper .HPGLP-interview__anserText--withImg {
    padding-top: 16px;
}

.HPGLP-interview__anserImgWrapper {
  width: 300px;
  flex-shrink: 0;
}

.HPGLP-interview__anserImg {
  width: 100%;
  height: auto;
}

.HPGLP-interview__anserImgDesc {
  color: #969696;
  font-size: 14px;
  margin-top: 6px;
}

.HPGLP-interview__underline {
  text-decoration-skip-ink: none;
  text-decoration: underline;
  text-decoration-color: rgba(208, 17, 27, 0.15);
  text-decoration-thickness: 40%;
  text-underline-offset: -20%;
}

/* / インタビュー */
/*
 / 事例個別ページ
*/

/*
 問い合わせ完了ページ
*/
.HPGLP-thanks_message {
    padding: 133px 0 0;
    width: 950px;
    margin: 0 auto;
}

.HPGLP-thanks_h1 {
    font-size: 24px;
    font-weight: bold;
}

.HPGLP-thanks_detail_span {
    display: block;
    margin-top: 16px;
}

.HPGLP-thanks_detail_p {
    text-align: left;
    font-size: 16px;
    font-weight: normal;
}

.HPGLP-thanks_download {
    padding: 64px 0 120px;
    width: 950px;
    margin: 0 auto;
}

.HPGLP-thanks_download_section {
    display: flex;
    padding: 24px;
    background-color:#FFFFFF;
    border-radius: 20px;
}

.HPGLP-thanks_download_section_first {
    margin-bottom: 24px;
}

.HPGLP-thanks_download_image {
    width: 234px;
    height: 166px;
    border: 1px solid #CECECE;
}

.HPGLP-thanks_download_description {
    margin-left: 32px;
}

.HPGLP-thanks_download_tag_ul {
    display: flex;
    font-size: 12px;
    gap: 4px;
}

.HPGLP-thanks_download_tag_li {
    border: 1px solid #1C1E2E;
    border-radius: 40px;
    padding: 4px 8px;
}

.HPGLP-thanks_download_title {
    font-weight: bold;
    display: block;
    margin-top: 10px;
}

.HPGLP-thanks_download .HPGLP-btn {
    margin: 24px 0 0;
}

.HPGLP-thanks_download_button_p {
    width: 348px;
    height: 65px;
}

.HPGLP-thanks__footer .HPGLP-footerWrapper {
    margin-bottom: 0;
}
/*
 / 問い合わせ完了ページ
*/