/* common for LP ------------------------------*/
.lp-c-line { height: 1px; margin: 0; border: none; background-color: #333; } 
.lp-c-button { display: inline-block; width: auto; margin: 0; padding: 0; border: 0; border-radius: 100px; background-color: #333; color: #FFF; font-weight: bold; cursor: pointer; overflow: visible; line-height: 1.2; } 
.lp-c-button--large { padding: 1.25vw 3.125vw; font-size: 3.6rem; } 
.lp-c-button--middle { padding: 1.09375vw 2.5vw; font-size: 2.4rem; } 
.lp-c-button--small { padding: 0.9375vw 1.5625vw; font-size: 1.6rem; } 
.lp-c-button:hover { opacity: 0.7; } 
@media screen and (max-width: 560px) {
  .lp-c-button--large { padding: 3.73333vw 4.26667vw; font-size: 2rem; } 
  .lp-c-button--middle { padding: 3.2vw 3.73333vw; font-size: 1.3rem; } 
  .lp-c-button--small { padding: 3.2vw 3.73333vw; font-size: 1.3rem; } 
}

/* header ------------------------------*/
.lp-sec-header > .lp-block { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px; } 
.lp-sec-header > .lp-block .lp-logo { margin-right: 20px; } 
.lp-sec-header > .lp-block .lp-logo img { width: 90px; height: 90px; -o-object-fit: cover; object-fit: cover; } 
.lp-sec-header > .lp-block .lp-title { font-size: 24px; font-weight: bold; line-height: 1.3; } 
@media screen and (max-width: 560px) {
  .lp-sec-header > .lp-block { padding: 10px; } 
  .lp-sec-header > .lp-block .lp-logo { margin-right: 10px; } 
  .lp-sec-header > .lp-block .lp-logo img { width: 50px; height: 50px; } 
  .lp-sec-header > .lp-block .lp-title { font-size: 16px; } 
}

/* band bandArrow ------------------------------*/
.lp-sec-band > .lp-block { padding: 3.125vw; background-color: #333; color: #fff; } 
.lp-sec-band > .lp-block > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-band > .lp-block > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; } 
.lp-sec-band > .lp-block > .lp-button { margin-top: 2.4rem; text-align: center; } 
.lp-sec-band--arrow > .lp-block { position: relative; } 
.lp-sec-band--arrow > .lp-block::after { position: absolute; color: #333; font-family: 'Material Icons'; font-size: 26rem; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; text-align: center; content: "arrow_drop_down"; right: 0; bottom: -9.375vw; left: 0; } 
@media screen and (max-width: 560px) {
  .lp-sec-band > .lp-block { padding: 6.4vw; } 
  .lp-sec-band > .lp-block > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-band > .lp-block > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: center; } 
  .lp-sec-band > .lp-block > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-band--arrow > .lp-block::after { font-size: 16rem; bottom: -21.33333vw; } 
}

/* BigCenter BigLeft BigRight BigText ------------------------------*/
.lp-sec-big { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 10.625vw 0vw; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.lp-sec-big > .lp-block { width: 60%; } 
.lp-sec-big--center { position: relative; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } 
.lp-sec-big--center > .lp-block > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-big--center > .lp-block > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; } 
.lp-sec-big--center > .lp-block > .lp-button { margin-top: 2.4rem; text-align: center; } 
.lp-sec-big--left { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } 
.lp-sec-big--left > .lp-block > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: left; line-height: 1.3; } 
.lp-sec-big--left > .lp-block > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: left; line-height: 1.5; } 
.lp-sec-big--left > .lp-block > .lp-button { margin-top: 2.4rem; text-align: left; } 
.lp-sec-big--right { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } 
.lp-sec-big--right > .lp-block > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: left; line-height: 1.3; } 
.lp-sec-big--right > .lp-block > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: left; line-height: 1.5; } 
.lp-sec-big--right > .lp-block > .lp-button { margin-top: 2.4rem; text-align: left; } 
.lp-sec-big--text { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 7.8125vw; padding-bottom: 7.8125vw; } 
.lp-sec-big--text > .lp-block { width: 90%; } 
.lp-sec-big--text > .lp-block > .lp-title { font-size: 3.0rem; font-weight: bold; text-align: left; line-height: 1.3; } 
.lp-sec-big--text > .lp-block > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: left; line-height: 1.5; } 
.lp-sec-big--text > .lp-block > .lp-button { margin-top: 2.4rem; text-align: center; } 
@media screen and (max-width: 560px) {
  .lp-sec-big { padding: 17.06667vw 6.4vw; } 
  .lp-sec-big > .lp-block { width: 100%; } 
  .lp-sec-big--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } 
  .lp-sec-big--center > .lp-block > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-big--center > .lp-block > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: center; } 
  .lp-sec-big--center > .lp-block > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-big--left > .lp-block > .lp-title { font-size: 2.3rem; text-align: left; } 
  .lp-sec-big--left > .lp-block > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: left; } 
  .lp-sec-big--left > .lp-block > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-big--right > .lp-block > .lp-title { font-size: 2.3rem; text-align: left; } 
  .lp-sec-big--right > .lp-block > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: left; } 
  .lp-sec-big--right > .lp-block > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-big--text > .lp-block > .lp-title { font-size: 2.3rem; text-align: left; } 
  .lp-sec-big--text > .lp-block > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: left; } 
  .lp-sec-big--text > .lp-block > .lp-button { margin-top: 1.6rem; text-align: center; } 
}

/* ImageCenter ImageLeft ImageRight ------------------------------*/
.lp-sec-image > .lp-block { padding: 5vw; height: 60%; width: 73%; margin-left: auto; margin-right: auto; } 
.lp-sec-image > .lp-block1 { padding: 5vw; height: 70%; width: 73%; margin-left: auto; margin-right: auto; } 
.lp-sec-image > .lp-block > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-image > .lp-block > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; } 
.lp-sec-image > .lp-block > .lp-button { margin-top: 2.4rem; text-align: center; } 
.lp-sec-image > .lp-block > .lp-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 9.8rem; } 
.lp-sec-image > .lp-block > .lp-item1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 1.5rem; } 
.lp-sec-image > .lp-block1 > .lp-item2 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 7.3rem; } 
.lp-sec-image > .lp-block > .lp-item .lp-item__img { min-height: 0%; margin-bottom: 0; } 
.lp-sec-image > .lp-block > .lp-item .lp-item__img img { width: 32.625vw; height: 85%; } 
.lp-sec-image > .lp-block > .lp-item1 .lp-item__img img { width: 32.625vw; height: 85%; margin-left: 8%; } 
.lp-sec-image > .lp-block1 > .lp-item2 .lp-item__img img { width: 32.625vw; height: 85%; margin-right: 5%; } 
.lp-sec-image--center > .lp-block > .lp-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
.lp-sec-image--center > .lp-block > .lp-item .lp-item__img { text-align: center; } 
.lp-sec-image--center > .lp-block > .lp-item .lp-item__contents { margin-top: 2.4rem; } 
.lp-sec-image--center > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-image--center > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; } 
.lp-sec-image--center > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 2.4rem; text-align: center; } 
.lp-sec-image--left > .lp-block > .lp-item { -webkit-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } 
.lp-sec-image--left > .lp-block > .lp-item1 { -webkit-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } 
.lp-sec-image--left > .lp-block1 > .lp-item2 { -webkit-box-align: center; -webkit-align-items: start; -ms-flex-align: center; align-items: ; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } 
.lp-sec-image--left > .lp-block > .lp-item .lp-item__img { margin-right: 2.5vw; } 
.lp-sec-image--left > .lp-block1 > .lp-item2 > .lp-item__contents > .lp-title { font-size: 3rem; font-weight: 500; opacity: 1; margin-left: 8%; margin-top: 6.2%; } 
.lp-sec-image--left > .lp-block1 > .lp-item2 > .lp-item__contents > .lp-text { margin-left: 8%; } 
.lp-sec-image--left > .lp-block > .lp-item > .lp-title { font-size: 3rem; font-weight: bold; text-align: left; line-height: 0.8; } 
.lp-sec-image--left > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 1.6rem; font-size: 1.7rem; font-weight: 500; text-align: left; line-height: 1.5; width: 106%; } 
.lp-sec-image--left > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 2.4rem; text-align: left; } 
.lp-sec-image--right > .lp-block > .lp-item1 > .lp-item__contents > .lp-title { font-size: 3rem; font-weight: 500; opacity: 1; text-align: right; } 
.lp-sec-image--right > .lp-block > .lp-item { -webkit-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } 
.lp-sec-image--right > .lp-block > .lp-item1 { -webkit-box-align: center; align-items: center; -ms-flex-align: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } 
.lp-sec-image--right > .lp-block > .lp-item .lp-item__img { margin-left: 2.5vw; } 
.lp-sec-image--right > .lp-block > .lp-item .lp-item__contents > .lp-title { text-align: left; line-height: 1.3; } 
.lp-sec-image--right > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 1.6rem; ; font-size: 1.7rem; font-weight: 500; text-align: left; line-height: 1.5; } 
.lp-sec-image--right > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 2.4rem; text-align: left; } 
@media screen and (max-width: 560px) {
  .lp-sec-image > .lp-block { padding: 1vw; width: 90%; } 
  .lp-sec-image > .lp-block1 { padding: 1vw; width: 90%; } 
  .lp-sec-image > .lp-block > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-image > .lp-block1 > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-image > .lp-block > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: center; } 
  .lp-sec-image > .lp-block1 > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: center; } 
  .lp-sec-image > .lp-block > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-image > .lp-block1 > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-image > .lp-block > .lp-item .lp-item__img img { width: 90%; } 
  .lp-sec-image--center > .lp-block > .lp-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
  .lp-sec-image--center > .lp-block > .lp-item .lp-item__contents { margin-top: 1.6rem; } 
  .lp-sec-image--center > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-image--center > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: center; } 
  .lp-sec-image--center > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-image--left > .lp-block > .lp-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
  .lp-sec-image--left > .lp-block > .lp-item .lp-item__img { margin-right: 0; text-align: center; } 
  .lp-sec-image--left > .lp-block > .lp-item .lp-item__contents { margin-top: 1.6rem; } 
  .lp-sec-image--left > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-image--left > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: left; } 
  .lp-sec-image--left > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-image--right > .lp-block > .lp-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
  .lp-sec-image--right > .lp-block > .lp-item .lp-item__img { margin-left: 0; text-align: center; } 
  .lp-sec-image--right > .lp-block > .lp-item .lp-item__contents { margin-top: 1.6rem; } 
  .lp-sec-image--right > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-image--right > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: left; } 
  .lp-sec-image--right > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 1.6rem; text-align: center; } 
}

/* FullImageCenter FullImageLeft FullImageRight ------------------------------ */
.lp-sec-fullimage > .lp-block > .lp-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } 
.lp-sec-fullimage > .lp-block > .lp-item .lp-item__img { min-height: 0%; } 
.lp-sec-fullimage > .lp-block > .lp-item .lp-item__img img { width: 40.625vw; height: auto; -o-object-fit: cover; object-fit: cover; } 
.lp-sec-fullimage > .lp-block > .lp-item .lp-item__contents { padding: 0 5vw; } 
.lp-sec-fullimage--center { padding-bottom: 5vw; } 
.lp-sec-fullimage--center > .lp-block > .lp-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
.lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__img img { width: 100%; } 
.lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__contents { margin-top: 2.4rem; } 
.lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; } 
.lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 2.4rem; text-align: center; } 
.lp-sec-fullimage--left > .lp-block > .lp-item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } 
.lp-sec-fullimage--left > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: left; line-height: 1.3; } 
.lp-sec-fullimage--left > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: left; line-height: 1.5; } 
.lp-sec-fullimage--left > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 2.4rem; text-align: left; } 
.lp-sec-fullimage--right > .lp-block > .lp-item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } 
.lp-sec-fullimage--right > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: left; line-height: 1.3; } 
.lp-sec-fullimage--right > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: left; line-height: 1.5; } 
.lp-sec-fullimage--right > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 2.4rem; text-align: left; } 

@media screen and (max-width: 560px) {
  .lp-sec-fullimage > .lp-block > .lp-item .lp-item__img { text-align: center; } 
  .lp-sec-fullimage > .lp-block > .lp-item .lp-item__img img { width: 100%; } 
  .lp-sec-fullimage > .lp-block > .lp-item .lp-item__contents { padding: 0 6.4vw; } 
  .lp-sec-fullimage--center { padding-bottom: 6.4vw; } 
  .lp-sec-fullimage--center > .lp-block > .lp-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
  .lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__contents { margin-top: 1.6rem; } 
  .lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: center; } 
  .lp-sec-fullimage--center > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-fullimage--left { padding-bottom: 6.4vw; } 
  .lp-sec-fullimage--left > .lp-block > .lp-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
  .lp-sec-fullimage--left > .lp-block > .lp-item .lp-item__contents { margin-top: 1.6rem; } 
  .lp-sec-fullimage--left > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 2.3rem; text-align: left; } 
  .lp-sec-fullimage--left > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: left; } 
  .lp-sec-fullimage--left > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-fullimage--right { padding-bottom: 6.4vw; } 
  .lp-sec-fullimage--right > .lp-block > .lp-item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } 
  .lp-sec-fullimage--right > .lp-block > .lp-item .lp-item__contents { margin-top: 1.6rem; } 
  .lp-sec-fullimage--right > .lp-block > .lp-item .lp-item__contents > .lp-title { font-size: 2.3rem; text-align: left; } 
  .lp-sec-fullimage--right > .lp-block > .lp-item .lp-item__contents > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: left; } 
  .lp-sec-fullimage--right > .lp-block > .lp-item .lp-item__contents > .lp-button { margin-top: 1.6rem; text-align: center; } 
}

/* Inline InlineCircleArrow ------------------------------*/
.lp-sec-inline > .lp-block { padding: 5vw; margin: 5vw; } 
.lp-sec-inline > .lp-block > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-inline > .lp-block > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; } 
.lp-sec-inline > .lp-block > .lp-button { margin-top: 2.4rem; text-align: center; } 
.lp-sec-inline > .lp-block > .lp-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 4rem auto 0; } 
.lp-sec-inline > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img { text-align: center; } 
.lp-sec-inline > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } 
.lp-sec-inline > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img { border-radius: 100rem; } 
.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item { position: relative; } 
.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before { position: absolute; font-family: 'Material Icons'; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; content: "arrow_right"; } 
.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item:first-child::before { content: ""; } 
.lp-sec-inline--2 > .lp-block > .lp-list { width: 80%; } 
.lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item { width: 31.25vw; } 
.lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img { height: 31.25vw; } 
.lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents { margin-top: 1.6rem; } 
.lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-title { font-size: 3.2rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-text { margin-top: 1.2rem; font-size: 1.8rem; text-align: left; line-height: 1.5; } 
.lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-button { margin-top: 1.6rem; text-align: center; } 
.lp-sec-inline--2.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before { font-size: 16rem; top: 9.375vw; left: -10.9375vw; } 
.lp-sec-inline--3 > .lp-block > .lp-list { width: 90%; } 
.lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item { width: 23.4375vw; } 
.lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img { height: 23.4375vw; } 
.lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents { margin-top: 1.6rem; } 
.lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-title { font-size: 3.2rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-text { margin-top: 1.2rem; font-size: 1.8rem; text-align: left; line-height: 1.5; } 
.lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-button { margin-top: 1.6rem; text-align: center; } 
.lp-sec-inline--3.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before { font-size: 11rem; top: 7.8125vw; left: -7.03125vw; } 
.lp-sec-inline--4 > .lp-block > .lp-list { width: 100%; } 
.lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item { width: 19.53125vw; } 
.lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img { height: 19.53125vw; } 
.lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents { margin-top: 1.2rem; } 
.lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-title { font-size: 2.4rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-text { margin-top: 0.8rem; font-size: 1.6rem; text-align: left; line-height: 1.5; } 
.lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-button { margin-top: 1.2rem; text-align: center; } 
.lp-sec-inline--4.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before { font-size: 9.5rem; top: 6.25vw; left: -5.78125vw; } 
.lp-sec-inline--5 > .lp-block > .lp-list { width: 100%; } 
.lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item { width: 15.625vw; } 
.lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img { height: 15.625vw; } 
.lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents { margin-top: 1.2rem; } 
.lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-title { font-size: 2.4rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-text { margin-top: 0.8rem; font-size: 1.6rem; text-align: left; line-height: 1.5; } 
.lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-button { margin-top: 1.2rem; text-align: center; } 
.lp-sec-inline--5.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before { font-size: 7rem; top: 5.3125vw; left: -4.29688vw; } 
@media screen and (max-width: 560px) {
  .lp-sec-inline > .lp-block { padding: 1vw; } 
  .lp-sec-inline > .lp-block > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-inline > .lp-block > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: center; } 
  .lp-sec-inline > .lp-block > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-inline > .lp-block > .lp-list { margin: 2rem auto 0; } 
  .lp-sec-inline > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img { text-align: center; } 
  .lp-sec-inline > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; } 
  .lp-sec-inline--2 > .lp-block > .lp-list { width: 100%; } 
  .lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item { width: 40vw; } 
  .lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img { height: 40vw; } 
  .lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents { margin-top: 0.8rem; } 
  .lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-title { font-size: 1.9rem; text-align: center; } 
  .lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-text { margin-top: 0.6rem; font-size: 1.3rem; text-align: left; } 
  .lp-sec-inline--2 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-button { margin-top: 1.2rem; text-align: center; } 
  .lp-sec-inline--2.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before { font-size: 7rem; top: 11.2vw; left: -13.33333vw; } 
  .lp-sec-inline--3 > .lp-block > .lp-list, .lp-sec-inline--4 > .lp-block > .lp-list, .lp-sec-inline--5 > .lp-block > .lp-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } 
  .lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item, .lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item, .lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item {
    margin: 4rem auto 0;
  }
  .lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item:first-child, .lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item:first-child, .lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item:first-child {
    margin-top: 0;
  }
  .lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item, .lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item, .lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item {
    width: 66.66667vw;
    margin: 0 auto;
  }
  .lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img, .lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img, .lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__img--circle img {
    height: 66.66667vw;
  }
  .lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents, .lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents, .lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents {
    margin-top: 0.8rem;
  }
  .lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-title, .lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-title, .lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-title {
    font-size: 1.9rem;
    text-align: center;
  }
  .lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-text, .lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-text, .lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-text {
    margin-top: 0.6rem;
    font-size: 1.3rem;
    text-align: left;
  }
  .lp-sec-inline--3 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-button, .lp-sec-inline--4 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-button, .lp-sec-inline--5 > .lp-block > .lp-list .lp-list__item > .lp-item .lp-item__contents > .lp-button {
    margin-top: 1.2rem;
    text-align: center;
  }
  .lp-sec-inline--3.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item, .lp-sec-inline--4.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item, .lp-sec-inline--5.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item {
    margin: 6.4rem auto 0;
  }
  .lp-sec-inline--3.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before, .lp-sec-inline--4.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before, .lp-sec-inline--5.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item::before {
    font-size: 8rem;
    text-align: center;
    content: "arrow_drop_down";
    top: -18.66667vw;
    right: 0;
    left: 0;
  }
  .lp-sec-inline--3.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item:first-child, .lp-sec-inline--4.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item:first-child, .lp-sec-inline--5.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item:first-child {
    margin-top: 0;
  }
  .lp-sec-inline--3.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item:first-child::before, .lp-sec-inline--4.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item:first-child::before, .lp-sec-inline--5.lp-sec-inline--arrow > .lp-block > .lp-list .lp-list__item:first-child::before {
    content: "";
  }
}

/* List ------------------------------*/
.lp-sec-list > .lp-block { padding: 5vw; } 
.lp-sec-list > .lp-block > .lp-title { font-size: 4.8rem; font-weight: bold; text-align: center; line-height: 1.3; } 
.lp-sec-list > .lp-block > .lp-text { margin-top: 1.6rem; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; } 
.lp-sec-list > .lp-block > .lp-text-item { margin-top: 1.6rem; padding-left: 3.90625vw; padding-right: 3.90625vw; font-size: 2rem; font-weight: bold; text-align: center; line-height: 1.5; } 
.lp-sec-list > .lp-block > .lp-button { margin-top: 2.4rem; text-align: center; } 
.lp-sec-list > .lp-block > .lp-list { width: 80%; margin: 4rem auto 0; } 
.lp-sec-list > .lp-block > .lp-list > .lp-item { position: relative; margin-top: 1.6rem; padding-left: 3.90625vw; color: #333; font-size: 4rem; font-weight: bold; line-height: 1.3; } 
.lp-sec-list > .lp-block > .lp-list > .lp-item::before { position: absolute; margin-left: -3.90625vw; font-family: 'Material Icons'; font-weight: bold; -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; content: "check"; } 
@media screen and (max-width: 560px) {
  .lp-sec-list > .lp-block { padding: 6.4vw; } 
  .lp-sec-list > .lp-block > .lp-title { font-size: 2.3rem; text-align: center; } 
  .lp-sec-list > .lp-block > .lp-text { margin-top: 0.8rem; font-size: 1.5rem; font-weight: normal; text-align: center; } 
  .lp-sec-list > .lp-block > .lp-button { margin-top: 1.6rem; text-align: center; } 
  .lp-sec-list > .lp-block > .lp-list { width: 100%; margin: 2rem auto 0; } 
  .lp-sec-list > .lp-block > .lp-list > .lp-item { padding-left: 5.33333vw; font-size: 1.6rem; } 
  .lp-sec-list > .lp-block > .lp-list > .lp-item::before { margin-left: -5.33333vw; } 
}

/* footer ------------------------------*/
.lp-sec-footer { background-color: #333; } 
.lp-sec-footer > .lp-block { padding: 16px; text-align: center; } 
.lp-sec-footer > .lp-block .lp-copyright { color: #fff; font-size: 16px; } 
@media screen and (max-width: 560px) {
  .lp-sec-footer > .lp-block { padding: 8px; } 
  .lp-sec-footer > .lp-block .lp-copyright { font-size: 12px; } 
}

/* scroll ------------------------------*/
.fade-in { opacity: 0; transition-duration: 500ms; transition-property: opacity, transform; } 
.scroll-in { opacity: 1; transform: translate(0, 0); } 

/* bootstrap ------------------------------*/
.lp-modal-dialog-fluid { max-width: inherit; width: calc(100% - 30px); margin: 15px; } 
.lp-block-full { position: relative; } 
.lp-block-full .lp-text { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); margin:0; padding:0; font-size: 25px; text-align:center; font-family: 'Quicksand',sans-serif; } 
.lp-sec-big--center > .lp-block-full > img { width: 52vw; height: auto } 
.lp-sec-catch { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 15.625vw 5vw; background-repeat: no-repeat; background-position: center; background-size: cover; } 
.lp-sec-catch--center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } 

/* footer ------------------------------*/
.footer-wrap {
  padding: 24px 0;
  display: flex;
  width: 80%;
  margin: 0 auto;
  gap: 40px;
  font-family: "游ゴシック体", YuGothi, "游ゴシック", "Yu Gothic", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans Japanese", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  line-height: 1.4;
  letter-spacing: 0.1em;
}

@media all and (max-width: 1080px) {
  .footer-wrap { flex-direction: column; align-items: center; } 
  .footer-left { width: 90% !important; } 
  .footer-right { width: 90% !important; } 
}

@media all and (max-width: 550px) {
  .footer-wrap { width: 94%; font-size: 14px; } 
  .footer-left { width: 100% !important; } 
  .footer-right { width: 100% !important; } 
  .footer-hours-title { font-size: 18px; } 
  .footer-hours-text { font-size: 18px; } 
  .footer-shop-name { font-size: 20px; } 
  .footer-info-title { width: 100px !important; } 
  .footer-pay-box { font-size: 14px !important; width: 80%; } 
  .footer-pay-sub { font-size: 10px !important; } 
  .footer-pay { flex-direction: column; align-items: center; gap: 16px; } 
}

.footer-left { width: 50%; } 
.footer-hours { display: flex; justify-content: center; padding: 24px; background-color: #F7F6F2; border-radius: 4px; margin-bottom: 24px; gap: 40px; } 
.footer-hours-title { font-size: 20px; } 
.footer-hours-text { font-size: 20px; } 
.footer-right { width: 50%; padding: 24px; background-color: #F7F6F2; border-radius: 4px; text-align: left !important ; } 
.calendar-wrap { padding: 24px; background-color: #F7F6F2; border-radius: 4px; } 
.calendar-sub { text-align: right; font-size: 12px; padding-top: 8px; } 
.calendar-wrap iframe { width: 100%; height: 300px; } 
.footer-shop-name { font-size: 28px; font-weight: bold; margin-bottom: 24px; } 

.footer-info { display: flex; gap: 32px; margin-bottom: 8px; font-size: 16px; } 
.footer-info-title { width: 150px; } 
.footer-pay-title { font-size: 18px; margin: 32px 0 16px 0; } 
.footer-pay { display: flex; justify-content: space-around; align-items: center; font-size: 14px; gap: 8px; } 
.footer-pay-box { background: white; padding: 8px 24px; border-radius: 8px; text-align: center; font-size: 14px; min-height: 70px; margin-bottom: 16px; display: flex; flex-direction: column; justify-content: center; } 
.footer-pay-box:hover { background-color: grey; color: white; } 
.footer-pay-sub { font-size: 12px; } 
.footer-copy { font-size: 12px; text-align: center; color: white; } 

.cart-body { width: 100%; padding: 16px; background-color: #F7F6F2; font-size: 1.2rem; font-weight: bold; } 
.sns-box { display: flex; justify-content: center; gap: 24px; text-align: center; } 

/* header ------------------------------*/
.header {
  position: fixed;
  background-color: rgb(255, 255, 255);
  width: 100vw;
  height:  90px;
  z-index: 1000;
  box-shadow: 0px 10px 10px -12px rgba(192, 192, 192, 0.5);
}
.h-margin {
  height: 100px;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0px 24px;
}

.header-left {
  display: flex;
  gap: 40px;
}

.header-logo {
  max-width: 200px;
  max-height: 35px;
}

.header-logo img {
  margin-top: 12px;
  object-fit: contain;
}

/* ヘッダーメニュー */
.header-list {
  display: flex;
  line-height: 100px;
  font-weight: bold;
}

.header-item {
  display: flex;
  gap: 32px;
}

.header-item a {
  color: #232323;
  font-size: 1.6rem;
}

.header-item a:hover {
  opacity: 0.5;
}

.header-right {
  text-align: right;
}

.header-right a {
  color: #232323;
}

.header-tell {
  font-size: 2rem;
  font-weight: bold;
}

.header-tell:hover {
  opacity: 0.5;
}

.header-hours {
  margin: 4px 0 10px 0;
  font-size: 1.4rem;
}

.header-login {
  border: solid 2px #777777;
  color: #777777 !important;
  border-radius: 4px;
  padding: 2px 16px;
  font-size: 1rem;
  font-weight: bold;
}

.header-login:hover {
  background-color: #777777;
  color: white !important;
}

.header-mail {
  font-size: 1rem;
}

/* ハンバーガーのCSS */
button.header-hamburger:focus {
  outline: none;
}

.header-hamburger {
  margin-top: 24px;
  display: none;
  width: 28px;
  height: 30px;
}

.hamburger {
  background-color: transparent;
  border-color: transparent;
  z-index: 9999;
}

.menu-btn {
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 24px;
  cursor: pointer;
}

.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
  content: '';
  display: block;
  height: 2px;
  width: 24px;
  border-radius: 2px;
  background-color: #484848;
  position: absolute;
  transition: all .5s ease;

}

.menu-btn span:before {
  bottom: 8px;
}

.menu-btn span:after {
  top: 8px;
}

.menu-btn p {
  font-size: 1rem;
  margin-left: 32px;
}

/* ハンバーガーが押された時の動き */
.menu-btn.active span {
  background-color: rgba(255, 255, 255, 0);
  /*メニューオープン時は真ん中の線を透明にする*/
}

.menu-btn.active span::before {
  bottom: 0;
  transform: rotate(45deg);
}

.menu-btn.active span::after {
  top: 0;
  transform: rotate(-45deg);
}

/* メニュー内容 */
.menu-content {
  display: none;
  width: 100%;
  transition: all .5s ease;
}

.menu-content.active {
  text-align: center;
  display: block !important;
  width: 100%;
  background-color: rgb(255, 255, 255);
  padding: 40px 24px 24px 24px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  transition: all .5s ease;
}

.menu-list {
  width: 100%;
}

.menu-list li a {
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #232323;
}

.menu-hours {
  font-size: 1.4rem;
}

.menu-bottom {
  margin: 0 auto;
  width: fit-content;
  background-color: #f1f1f1;
  padding: 24px 48px;
  border-radius: 8px;
}

/* メニューレスポンシブ用 */
@media all and (max-width: 900px) {
  .header {
    height: 80px;
  }


  .header-logo img {
    margin-top: 0px;
  }

  .header-inner {
    padding: 0px 16px;
  }

  .header-list {
    display: none;
  }

  .header-right {
    display: none;
  }

  .header-hamburger {
    display: flex;
    justify-content: end;
    margin-right: 16px;
  }
}

@media all and (max-width: 480px) {
  .header-logo img {
    max-width: 180px;
  }
}