.w-layout-grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
  grid-row-gap: 16px;
  grid-column-gap: 16px;
}

.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

/* -- loading -------------------------------------------------------------------------------- */

div.loading-layer {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 10000;
}

span.loading {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border-top: 5px solid rgba(255, 255, 255, 0.2);
  border-right: 5px solid rgba(255, 255, 255, 0.2);
  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
  border-left: 5px solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load-circle 1.0s linear infinite;
  animation: load-circle 1.0s linear infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -30px;
  margin-left: -30px;
}

@-webkit-keyframes load-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes load-circle {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  color: #1a1b1f;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
}

h1 {
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 44px;
  line-height: 62px;
  font-weight: 400;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 46px;
  font-weight: 400;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 38px;
  font-weight: 400;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 34px;
  font-weight: 500;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 500;
}

p {
  margin-bottom: 10px;
}

a {
  display: block;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  color: #1a1b1f;
  text-decoration: underline;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 10px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  display: block;
}

label {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

blockquote {
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  border-left: 5px solid #e2e2e2;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  margin-top: 5px;
  opacity: 0.6;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.divider {
  height: 1px;
  background-color: #eee;
}

.styleguide-content-wrap {
  text-align: center;
}

.section {
  position: relative;
  z-index: 0;
  margin-right: 0%;
  margin-bottom: 120px;
  margin-left: 0%;
}

.section.cc-cta {
  padding-right: 80px;
  padding-left: 80px;
  background-color: #f4f4f4;
}

.section.cc-store-home-wrap {
  position: relative;
  margin-bottom: 100px;
}

.section.section_point4 {
  margin-right: 10%;
}

.styleguide-block {
  display: block;
  margin-top: 80px;
  margin-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
}

.container {
  position: relative;
  width: auto;
  max-width: 1140px;
  margin: 0 auto;
}

.container.point4_container {
  margin-right: -10%;
}

.container.produce__container {
  margin-top: 0px;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-bigger {
  margin-bottom: 10px;
  opacity: 1;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
}

.paragraph-bigger.cc-bigger-light {
  opacity: 0.6;
}

.paragraph-bigger.cc-bigger-white-light {
  opacity: 0.6;
  color: #000;
}

#point,#flow,#company,#tymap {
	
	padding-top: 10%;
	
}
.button {
  padding: 12px 25px;
  border-radius: 0px;
  background-color: #1a1b1f;
  -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
}

.button:hover {
  background-color: #32343a;
  color: #fff;
}

.button:active {
  background-color: #43464d;
}

.button.cc-jumbo-button {
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-jumbo-button.cc-jumbo-white {
  background-color: #fff;
  color: #000;
}

.button.cc-jumbo-button.cc-jumbo-white:hover {
  background-color: #f1f1f1;
}

.button.cc-jumbo-button.cc-jumbo-white:active {
  background-color: #e1e1e1;
}

.navigation-wrap .button.ctabutton {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 6px;
  background-color: #df4e25;
}

.button.ctabutton {
  position: relative;
  z-index: 5;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 6px;
  background-color: var;
}

.button.ctabutton.ctabutton--large {
  width: 398px;
  padding: 22px;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.2);
}

.button.cc-white-button {
  padding: 16px 35px;
  background-color: #fff;
  color: #202020;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: hsla(0, 0%, 100%, 0.8);
}

.button.cc-white-button:active {
  background-color: hsla(0, 0%, 100%, 0.9);
}

.label {
  margin-bottom: 10px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.label.cc-styleguide-label {
  margin-bottom: 25px;
}

.label.title__sublabel {
  position: relative;
  display: block;
  opacity: 1;
  color: #df4e25;
  text-align: center;
  text-transform: none;
}

.label.title__sublabel.align-l {
  text-align: left;
}

.label.cc-blog-date {
  margin-top: 20px;
  opacity: 0.6;
}

.label.flow__number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  margin-bottom: 0px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.heading-jumbo-tiny {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 32px;
  font-weight: 500;
  text-transform: uppercase;
}

.rich-text {
  width: 70%;
  margin-right: auto;
  margin-bottom: 100px;
  margin-left: auto;
}

.rich-text p {
  margin-top: 15px;
  margin-bottom: 25px;
  opacity: 0.6;
}

.paragraph-light {
  opacity: 0.6;
}

.heading-jumbo {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #171717;
  font-size: 64px;
  line-height: 80px;
  text-transform: none;
}

.heading-jumbo.cc-white-heading-jumbo {
  color: #fff;
}

.heading-jumbo.t-left {
  width: 100%;
  text-align: left;
}

.heading-jumbo-small {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 400;
  text-transform: none;
}

.styleguide-button-wrap {
  margin-top: 10px;
  margin-bottom: 10px;
}

.styleguide-header-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 460px;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a1b1f;
  color: #fff;
  text-align: center;
}

.paragraph-small {
  font-size: 14px;
  line-height: 26px;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: 0.8;
}

.logo-link:active {
  opacity: 0.7;
}

.logo-link.w--current {
  display: inline-block;
}


.cont_about {padding: 0 10%;}

.menu {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu_img {
  text-align: center;
}

.menu_img img {
  display: inline-block;
}

.sp_toplogo {
  display: none;
}

.navigation-wrap {
  position: fixed;
  z-index: 9999;
  background-color: #ffffffcc;
  width: 100%;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.navigation-item {
  padding-top: 9px;
  padding-bottom: 9px;
  opacity: 0.6;
  font-size: 12px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.navigation-item:hover {
  opacity: 0.9;
}

.navigation-item:active {
  opacity: 0.8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: 0.8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: 0.7;
  color: #32343a;
}

.logo-image {
  display: block;
  width: 200px;
  margin-right: 16px;
}

.navigation-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.sp_navigation {
  display: none;
}

.side_nav {
  position: relative;
}

.main_nav ul {
  list-style-type: none;
}

.main_nav li {
	display: inline-block;
  text-align: center;
	position: relative;
  justify-content: space-between;
}

.main_nav li a {
  display: block;
  text-decoration: none;
  text-align: center;
  padding: 0px 40px;
  box-sizing: border-box;
  position: relative;
}

.main_nav li a::after,
.lunch_point li a::after {
  position: absolute;
  bottom: 2px;
  left: 12%;
  content: '';
  width: 75%;
  height: 2px;
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.main_nav li a:hover::after,
.lunch_point li a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}

.sub-menu{
	display: none;
	list-style: none;
	 position: absolute;
    top: 110%;      /* 親メニューの真下 */
    min-width: 250px;
    background: #fff;
    z-index: 1000;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
}

.main_nav li:hover > .sub-menu {
    display: block;
	margin: 0;
    padding: 0;
}

.sub-menu li {
    width: 100%;
}

.sub-menu li a {
    display: block;
    padding: 12px 16px;
    white-space: nowrap;
}

.main_nav li a::after{
background-color: #d80000;
}


.footer-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 70px;
  padding-bottom: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.webflow-link {
  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;
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease;
  text-decoration: none;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: 0.8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.cta-text {
  width: 70%;
  margin-right: auto;
  margin-bottom: 35px;
  margin-left: auto;
}

.cta-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 110px;
  padding-bottom: 120px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.intro-header {
  display: block;
  margin-right: 5%;
  margin-bottom: 36px;
  margin-left: 5%;
  padding: 160px 86px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  background-image: url('../images/mv_bg.jpg');
  background-position: 0px 0px;
  background-size: cover;
  color: #fff;
}

.euro_header {
  background-image: url("../images/mv_bg_europe.jpg");
}

.lunch_header {
  background-image: url("../images/mv_bg_lunch.jpg");
}

.intro-header.cc-subpage {
  height: 480px;
  background-color: #000;
  background-image: none;
  color: #fff;
}

.intro-content {
  width: 70%;
  max-width: 1140px;
  text-align: center;
}

.intro-content.cc-homepage {
  width: 100%;
  max-width: none;
  margin-bottom: 20px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  text-align: left;
}

.motto-wrap {
  width: 80%;
  margin-right: auto;
  margin-bottom: 85px;
  margin-left: auto;
  text-align: center;
}

.about-story-wrap {
  width: 80%;
  margin: 80px auto;
  text-align: center;
}

.our-services-grid {
  margin-bottom: 120px;
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  -ms-grid-rows: auto 60px auto;
  grid-template-areas: ". . ."
    ". . .";
  -ms-grid-columns: 1fr 80px 1fr 80px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.section-heading-wrap {
  margin-top: 80px;
  margin-bottom: 80px;
  text-align: center;
}

.service-icon {
  margin-bottom: 30px;
}

.status-message {
  padding: 9px 30px;
  background-color: #202020;
  color: #fff;
  font-size: 14px;
  line-height: 26px;
  text-align: center;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.status-message.cc-no-data {
  display: block;
  width: 70%;
  margin: 100px auto;
}

.contact-form-wrap {
  padding: 45px 50px 50px;
  border-style: solid;
  border-width: 1px;
  border-color: #eee;
}

.contact-form-grid {
  margin-top: 100px;
  margin-bottom: 100px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-areas: ". .";
  -ms-grid-columns: 2.5fr 80px 1fr;
  grid-template-columns: 2.5fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.details-wrap {
  margin-bottom: 30px;
}

.get-in-touch-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.text-field {
  margin-bottom: 18px;
  padding: 21px 20px;
  border: 1px solid #e4e4e4;
  border-radius: 0px;
  -webkit-transition: border-color 400ms ease;
  transition: border-color 400ms ease;
  font-size: 14px;
  line-height: 26px;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active {
  border-color: #43464d;
}

.text-field:focus {
  border-color: #43464d;
}

.text-field::-webkit-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field:-ms-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field::-ms-input-placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field::placeholder {
  color: rgba(50, 52, 58, 0.4);
}

.text-field.cc-contact-field {
  margin-bottom: 25px;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.contact-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.contact-form-heading-wrap {
  margin-bottom: 40px;
}

.contact-heading {
  margin-top: 0px;
  margin-bottom: 15px;
  font-weight: 400;
}

.map {
  height: 460px;
  margin-bottom: 100px;
  line-height: 20px;
}

.contact-team-name-wrap {
  margin-bottom: 30px;
}

.our-contacts {
  margin-bottom: 120px;
  grid-column-gap: 80px;
  grid-row-gap: 60px;
  grid-template-areas: ". . .";
  -ms-grid-columns: 1fr 80px 1fr 80px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  text-align: center;
}

.contact-team-details-wrap {
  margin-top: 30px;
}

.contact-team-pic {
  height: 150px;
  margin-bottom: 30px;
  background-color: #f4f4f4;
}

.team-pic {
  width: 100%;
  height: 420px;
  margin-bottom: 40px;
  background-color: #f4f4f4;
}

.team-members {
  margin-bottom: 60px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  -ms-grid-rows: auto 30px auto;
  grid-template-areas: ". . ."
    ". . .";
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}

.team-member-title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.team-member-name {
  margin-bottom: 5px;
  opacity: 1;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
}

.projects-grid {
  margin-bottom: 60px;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-areas: "."
    "."
    ".";
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto 30px auto 30px auto;
  grid-template-rows: auto auto auto;
}

.project-name-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.project-name-link {
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 34px;
  font-weight: 400;
  text-decoration: none;
}

.project-name-link:hover {
  opacity: 0.8;
}

.project-name-link:active {
  opacity: 0.7;
}

.project-cover-link {
  margin-bottom: 40px;
}

.project-cover-link:hover {
  opacity: 0.8;
}

.project-cover-link:active {
  opacity: 0.7;
}

.project-overview-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 620px;
  margin-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f4f4f4;
  background-image: url('../images/portfolio-1---wide.svg');
  background-position: 50% 50%;
  background-size: cover;
  color: #fff;
}

.project-overview-header.cc-project-2-header {
  background-image: url('../images/portfolio-2---wide.svg');
  background-position: 50% 50%;
}

.project-overview-header.cc-project-3-header {
  background-image: url('../images/portfolio-3---wide.svg');
  background-size: cover;
}

.project-details-grid {
  margin-top: 100px;
  margin-bottom: 100px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-areas: ". .";
  -ms-grid-columns: 1fr 80px 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.project-pics {
  margin-bottom: 120px;
}

.detail-image {
  width: 100%;
  margin-bottom: 30px;
}

.blog-detail-header-wrap {
  width: 70%;
  margin: 60px auto;
}

.detail-header-image {
  display: block;
  width: 100%;
  height: 620px;
  margin-bottom: 60px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: cover;
}

.detail-header-image.w--current {
  margin-bottom: 60px;
}

.blog-list-wrap {
  margin-bottom: 100px;
}

.blog-item {
  display: block;
  margin-right: auto;
  margin-bottom: 80px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.blog-preview-image {
  display: block;
  width: 100%;
  height: 620px;
  margin-bottom: 45px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: cover;
  -webkit-transition: opacity 600ms ease;
  transition: opacity 600ms ease;
}

.blog-preview-image:hover {
  opacity: 0.8;
}

.blog-preview-image:active {
  opacity: 0.7;
}

.blog-summary-wrap {
  width: 70%;
  margin-right: auto;
  margin-bottom: 20px;
  margin-left: auto;
  text-align: left;
}

.blog-heading-link {
  margin-bottom: 10px;
  font-size: 30px;
  line-height: 46px;
  font-weight: 400;
  text-decoration: none;
}

.blog-heading-link:hover {
  opacity: 0.8;
}

.blog-heading-link:active {
  opacity: 0.7;
}

.contact-email-link {
  margin-bottom: 5px;
  opacity: 0.6;
}

.contact-email-link:hover {
  opacity: 1;
}

.contact-email-link:active {
  opacity: 0.8;
}

.protected-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.protected-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 90px;
  padding-bottom: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.protected-heading {
  margin-bottom: 30px;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  padding: 30px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-align: center;
}

._404-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 30px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #1a1b1f;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.home-content-wrap {
  margin-top: 80px;
  margin-bottom: 120px;
}

.home-section-wrap {
  margin-bottom: 30px;
}

.section-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.about-grid {
  margin-bottom: 80px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  grid-column-gap: 80px;
  grid-row-gap: 30px;
  grid-template-areas: ". .";
  -ms-grid-columns: 1fr 80px 2fr;
  grid-template-columns: 1fr 2fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.about-grid.cc-about-2 {
  grid-template-areas: ". .";
  -ms-grid-columns: 2fr 1fr;
  grid-template-columns: 2fr 1fr;
}

.intro-text {
  width: 80%;
  margin-right: 0px;
  margin-left: 0px;
}

.collection-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.work-heading {
  margin-top: 10px;
  margin-bottom: 20px;
  font-weight: 400;
}

.blog-heading {
  margin-bottom: 60px;
  text-align: center;
}

.blog-preview-wrap {
  width: 33.33%;
  padding-right: 45px;
  padding-bottom: 30px;
  padding-left: 15px;
}

.collection-list-wrapper {
  margin-bottom: 120px;
}

.business-article-heading {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 38px;
  font-weight: 500;
  text-decoration: none;
}

.business-article-heading:hover {
  opacity: 0.8;
}

.business-article-heading:active {
  opacity: 0.7;
}

.headertext {
  display: inline-block;
  font-size: 12px;
}

.ctabutton_text--large {
  display: inline-block;
  font-size: 26px;
  line-height: 1.3em;
  font-weight: 500;
}

.button__icon {
  display: block;
  margin-right: 4px;
}

.heading {
  color: #000;
}

.heading.mv_hsub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  line-height: 1.2em;
  text-shadow: 0 0 6px #fff;
}

.mv_catch {
  margin-bottom: 8px;
  font-family: 'Noto Sans JP', sans-serif;
  color: #171717;
  font-size: 70px;
  line-height: 1.2em;
  letter-spacing: -0.04em;
  text-shadow: 1px 1px 6px #fff;
}

.mv_text {
  font-family: 'PT Serif', serif;
  color: #171717;
  font-size: 19px;
}

.body {
  font-family: 'Noto Sans JP', sans-serif;
}

.topcta {
  margin-right: 5%;
  margin-left: 5%;
  background-color: #f6f8fc;
}

.columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 34px 80px;
}

.columns.section {
  margin-right: 0%;
  margin-bottom: 100px;
  margin-left: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

.topcta .columns.section {
  margin-bottom: 30px;
}

.heading-2 {
  text-align: center;
}

.heading3 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 24px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
}

.heading3.text-l {
  margin-bottom: 10px;
  text-align: left;
}

.heading3.text-l.mb-26 {
  margin-bottom: 26px;
  line-height: 1.6em;
  letter-spacing: 0.04em;
}

.topcta_text {
  padding-top: 10px;
  border-top: 3px solid #cb0707;
  font-family: 'Noto Sans JP', sans-serif;
  color: #4f4f4f;
  text-align: center;
}

.top_link {
  max-width: 1200px;
  min-width: 300px;
  margin: 0 auto;
  display: none;
}

.top_link a {
  flex: 1;
  padding: 0 5px;
  max-width: 590px;
  min-width: 300px;
}

.column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 32px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-right: 1px solid #9ea4b6;
  text-align: left;
}

.ctabutton_subtext--large {
  display: inline-block;
  font-size: 21px;
  line-height: 1.2em;
}

.ctabutton_inner--large {
  margin-right: 8px;
  font-family: 'Noto Sans JP', sans-serif;
  text-align: center;
  letter-spacing: 0px;
}

.label__text,
.label_blue_text,
.label_yellow_text {
  display: inline-block;
  margin-right: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.label__text {
  color: #df4e25;
}

.label_blue_text {
  color: #1271DC;
}

.label_yellow_text {
  color: #F1C411;
}


.ctabutton_text {
  display: block;
  margin-bottom: 0px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 15px;
  line-height: 1.5em;
  letter-spacing: 0.02em;
}

.column-2 {
  margin-right: auto;
  margin-left: auto;
  padding-left: 32px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.border {
  display: inline-block;
  width: 32px;
  height: 2px;
  margin-right: 14px;
  margin-bottom: 5px;
  background-color: #cb0707;
}

.blue {
  background-color: #1271DC;
}

.yellow {
  background-color: #F1C411;
}

.border.flow__border {
  width: 60px;
}

.heading_3 {
  font-family: 'Noto Sans JP', sans-serif;
  color: #000;
  line-height: 1.3em;
  letter-spacing: -0.05em;
}

.heading_3.align-c {
  text-align: center;
}

.heading_3.align-c.mb-l {
  margin-bottom: 40px;
  letter-spacing: 0.02em;
}

.heading_3.align-c.mb-l.section_h--s {
  color: #fff;
  font-size: 35px;
  text-align: left;
}

.heading_3.heading_white {
  font-family: 'Noto Sans JP', sans-serif;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.01em;
  text-shadow: 0 0 14px #000;
}

.div-block {
  max-width: 330px;
}

.text-m {
  border: 1px none #000;
  line-height: 1.8em;
  font-weight: 400;
  text-align: left;
}

.text-m.flow__text {
  width: 70%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.aboutcontent__wrap {
  position: relative;
  left: 0px;
  z-index: -1;
  width: 95%;
  margin: 0 auto;
  padding-right: 0%;
  background-color: #f6f8fc;
}

.point4__block {
  position: relative;
  padding-top: 66px;
  padding-bottom: 0px;
  padding-left: 0%;
  background-color: transparent;
}

.grid {
  justify-items: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.heading3__sub {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 25px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: center;
  margin-bottom: 60px;
}

.heading3__sub_lunch {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 27px;
  line-height: 1.5em;
  font-weight: 700;
  text-align: center;
  margin: 0 auto 20px;
  background-color: #df4e25;
  color: white;
  padding: 10px 0;
}

.heading4 {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 20px;
  line-height: 1.5em;
  font-weight: 500;
  text-align: left;
}

.heading4.align-l {
  padding-bottom: 8px;
  border-bottom: 1px solid #000;
  text-align: left;
}

.heading4.align-l.point4_heading4 {
  margin-bottom: 16px;
}

.heading4.align-c {
  text-align: center;
}

.heading4.align-c.mr-s {
  margin-right: 8px;
}

.heading4.align-c.mr-s.mb-0 {
  width: auto;
  min-width: 100px;
  margin-bottom: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.heading4.align-c.mr-s.mb-0.mt-0 {
  margin-top: 0px;
}

.heading4.align-c.text-gray {
  color: #9ea4b6;
}

.heading4.align-c.text-gray.mb-0 {
  margin-bottom: 0px;
}



.listitem.listitem--s {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 13px;
}

.listitem {
    margin-bottom: 4px;
    font-family: 'Noto Serif JP', sans-serif;
    line-height: 1.5em;
}


.media{
    padding:100px 20px;
background: #f7f7f5;
	border-top: 1px solid #e4e0d8;
    border-bottom: 1px solid #e4e0d8;
}

.media .inner{
    max-width:1100px;
    margin:auto;
}

.section-title{
    text-align:center;
    font-size:14px;
    letter-spacing:.25em;
    color:#df4e25;
    margin-bottom:10px;
}

.section-subtitle{
    text-align:center;
    font-size:34px;
    font-weight:bold;
    margin-bottom:60px;
}

.media-list{
    display:grid;
    gap:30px;
}

.media-card{
    display:flex;
    align-items:center;
    gap:30px;
    padding:30px;
    background:#fff;
    border-radius:12px;
    box-shadow:0 8px 20px rgba(0,0,0,.08);
    transition:.3s;
}

.media-card:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
}

.media-logo{
    width:180px;
    flex-shrink:0;
    text-align:center;
}

.media-logo img{
    max-width:100%;
    max-height:140px;
    object-fit:contain;
}

.media-text{
    flex:1;
}

.media-text .date{
    display:inline-block;
    color:#df4e25;
    font-size:14px;
    margin-bottom:10px;
}

.media-text h3{
    margin-bottom:12px;
    font-size:24px;
}

.media-text p{
    color:#666;
    line-height:1.8;
}


.about__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 8px 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-right: 1px solid rgba(158, 164, 182, 0.3);
  text-align: center;
  white-space: normal;
}

.about__block.last-block {
  border: 1px none #000;
}

.about__icon {
  width: 70px;
  height: 70px;
  margin-bottom: 8px;
}

.text-s {
  width: 100%;
  font-size: 15px;
  line-height: 1.8em;
  font-weight: 400;
}

.text-s.text-gray {
  color: #9ea4b6;
}

.text-s.align-l {
  text-align: left;
}

.about_content {
  position: relative;
  padding: 66px 5% 46px 7%;
  margin-top: 7%;
  background-color: transparent;
}


.produce_title {
  padding-top: 110px;
  padding-bottom: 110px;
  background-image: url('../images/produce_bg.jpg');
  background-position: 0px 0px;
  background-size: auto;
}

.produce__bg {
  position: relative;
  padding-bottom: 40px;
  background-image: url('../images/produce_bg_content.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-attachment: fixed;
}

.pdoruce__block {
  margin-top: -24px;
  margin-bottom: 48px;
  padding: 15px;
	background: #f7f7f5;
    border: 1px solid #e2dfd9;
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.25);
}

.produce__titlewrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.produce__number {
  width: 40px;
  height: 40px;
  margin-right: 8px;
  border-style: solid;
  border-width: 2px;
  border-color: #df4e25;
  font-family: 'Roboto Condensed', sans-serif;
  color: #df4e25;
  font-size: 19px;
  line-height: 40px;
  font-weight: 700;
  text-align: center;
}

.text-l {
  font-size: 1.4em;
}

.produce__contentinner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px none #000;
}

.heading-3 {
  display: inline-block;
  border-bottom: 2px solid #000;
  font-size: 16px;
  font-weight: 700;
}

.heading-3.mt-0 {
  margin-top: 0px;
}

.text-xs {
  font-size: 14px;
  line-height: 1.5em;
}

.text-xs.mb-l {
  margin-bottom: 32px;
}

.text-xs.mb-l.align-center {
  text-align: center;
}

.text-xs.align-center {
  text-align: center;
}

.produce__content {
  width: 60%;
  max-width: 566px;
  padding-right: 40px;
  padding-bottom: 0px;
  border-bottom: 1px none rgba(158, 164, 182, 0.5);
}

.produce__contenttext {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(158, 164, 182, 0.5);
}

.grid-2 {
  grid-template-areas: ".";
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.produce__img {
  width: 40%;
  padding-bottom: 20px;
  border-bottom: 1px none rgba(158, 164, 182, 0.5);
}

.menu_text {
  margin-top: 4px;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 13px;
}

.image {
  width: 600px;
}

.list {
  max-width: 500px;
  margin-top: 0px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
}

.list.mb-24 {
  margin-bottom: 24px;
}

.grid-3 {
  grid-column-gap: 2px;
  grid-template-areas: "Area";
  -ms-grid-columns: 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr 2px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.other_img {
  height: 200px;
}

.other_img img {
  width: 100%;
}

.other__menu {
  padding: 4px 8px;
  background-color: #171717;
  font-family: 'Noto Sans JP', sans-serif;
  color: #fff;
  font-size: 15px;
  font-weight: 300;
}

.flow {
  padding-top: 90px;
  padding-bottom: 90px;
  margin-bottom: 50px;
background: #f7f7f5;
    border: 1px solid #e2dfd9;
}

.contract__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: solid;
  border-width: 2px;
  border-color: #9ea4b6;
  background-color: #fff;
}

.contract__block.mb-32 {
  margin-bottom: 32px;
}

.flow__block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 32px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-style: none;
  border-width: 2px;
  border-color: #9ea4b6;
  background-color: #fff;
  box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, 0.24);
}

.flow__block.mb-24 {
  margin-bottom: 24px;
  padding: 24px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text__flow {
  width: 90%;
  margin-left: 26px;
  padding-left: 26px;
  border-left: 1px solid rgba(158, 164, 182, 0.5);
  line-height: 1.8em;
  font-weight: 400;
}

.flow__text {
  width: 70%;
}

.flow__text.text-s.mb-0 {
  margin-bottom: 0px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contact {
  padding-top: 90px;
  padding-bottom: 90px;
  background-color: #fff;
}

.form-wrap {
  background-color: #fff;
  box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.24);
  max-width: 900px;
  margin: 0 auto;
}

.form {
  padding: 50px;
}

.form__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.form__row dt {
  line-height: 1.2em;
  width: 280px;
}

.form__row.mb-24 {
  margin-bottom: 24px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.fieldlabel {
  display: inline-block;
  width: 180px;
  margin-bottom: 0px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  font-size: 15px;
  font-weight: 700;
}

.textfield,
.w-input {
  max-width: 450px;
  margin-bottom: 0px;
  border-radius: 4px;
  background-color: #f8f8f8;
}

.w-input {
  width: 100%;
}

.textfield.longfield {
  width: auto;
  max-width: 500px;
}

.textfield.lognfield {
  max-width: 500px;
}

.radiofield {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 0px;
}

.radio-button-label {
  font-size: 15px;
}

.radiolabel {
  font-size: 15px;
}

.must {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  border-style: solid;
  border-width: 1px;
  border-color: #cb0707;
  border-radius: 4px;
  color: #df4e25;
  font-size: 12px;
  line-height: 22px;
}

.formlabel__wrap {
  width: 220px;
  margin-right: 24px;
}

.radio-button-field {
  margin-bottom: 0px;
}

.checkbox-label {
  font-size: 15px;
}

.fieldwrap {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.submitarea {
  text-align: center;
}

.submit-button {
  padding-right: 40px;
  padding-left: 40px;
  border-radius: 30px;
  font-size: 20px;
  line-height: 1.9em;
}

.company {
  padding-top: 100px;
  padding-bottom: 100px;
  background-image: url('../images/company_bg.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

.table {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-areas: "Area";
  -ms-grid-columns: 0.5fr 0px 1fr;
  grid-template-columns: 0.5fr 1fr;
  -ms-grid-rows: auto 0px auto 0px auto 0px auto 0px auto 0px auto 0px auto;
  grid-template-rows: auto auto auto auto auto auto auto;
  color: #fff;
}

.table__label {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.3);
  font-size: 15px;
  font-weight: 500;
}

.table__text {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid hsla(0, 0%, 100%, 0.3);
  font-size: 14px;
}

.footer {
  position: relative;
  top: 0px;
  z-index: 1;
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #ebebeb;
}

.text-block {
  color: #9ea4b6;
  font-size: 13px;
  text-align: center;
}

/*プロデュース店全体図*/
.location-area {
    max-width: 1000px;
    margin: 50px auto;
    padding: 0 20px;
}


.location-area h2 {
    text-align: center;
    font-size: 32px;
    margin-bottom: 50px;
}


/* 地図部分 */
.map-wrap {
    position: relative;
    max-width: 600px;
    margin: 0 auto 50px;
}


.map-wrap img {
    width: 100%;
    display: block;
}


/* ピン */
.map-pin {
    position: absolute;
    background: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0,0,0,.15);
    font-size: 14px;
}


.map-pin span {
    color: #df4e25;
    font-size: 20px;
}


.map-pin strong {
    font-size: 18px;
}


/* 位置調整 */
.hokkaido {
    top: 0%;
    right: 0%;
}
.touhoku {
    top: 30%;
    right: 40%;
}

.kanto {
    top: 45%;
    right: 10%;
}

.chubu {
    top: 70%;
    right: 15%;
}
.shikoku {
    top: 45%;
    right: 70%;
}

.kinki {
    top: 55%;
    left: 35%;
}

.kyushu {
    top: 78%;
    left: 0%;
}


/* 一覧 */
.area-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}


.area-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 30px;
	background: #f7f7f5;
    border: 1px solid #e2dfd9;
    border-radius: 8px;
    font-size: 18px;
}


.area-item strong {
    color: #df4e25;
    font-size: 24px;
}

.area-p{
	text-align: center;
	font-size: 14px;
	margin-top: 20px;
}

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

    .location-area h2 {
        font-size: 24px;
    }


    .map-pin {
        font-size: 12px;
        padding: 8px 12px;
    }


    .area-list {
        grid-template-columns: 1fr;
    }


    .area-item {
        padding: 15px 20px;
    }

}


@media screen and (max-width: 991px) {
  .section {
    margin-bottom: 80px;
  }

  .section.cc-cta {
    padding-right: 0px;
    padding-left: 0px;
  }

  .styleguide-block {
    text-align: center;
  }

  .button {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .button.ctabutton {
    display: none;
  }

  .button.ctabutton.ctabutton--large {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 16px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .heading-jumbo {
    font-size: 56px;
    line-height: 70px;
  }

  .logo-link.w--current {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .menu-icon {
    display: block;
  }

  .menu {
    position: static;
    margin-left: 30px;
  }

  .navigation-wrap {
    background-color: #fff;
  }

  .navigation {
    padding: 25px 30px;
  }

  .navigation-item {
    padding: 15px 30px;
    -webkit-transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    transition: background-color 400ms ease, opacity 400ms ease, color 400ms ease;
    text-align: center;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0px;
  }

  .menu-button.w--open {
    background-color: transparent;
  }

  .navigation-items {
    background-color: #fff;
  }

  .cta-text {
    width: auto;
  }

  .cta-wrap {
    width: auto;
    padding: 80px 50px 90px;
  }

  .intro-header {
    margin-right: 0%;
    margin-left: 0%;
    padding: 70px 30px 50px;
    background-clip: border-box;
  }

  .our-services-grid {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-template-areas: ". ."
      ". ."
      ". .";
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
    text-align: center;
  }

  .service-icon {
    display: inline-block;
  }

  .contact-form-grid {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-row-gap: 50px;
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 50px auto;
    grid-template-rows: auto auto;
    text-align: center;
  }

  .get-in-touch-form {
    text-align: left;
  }

  .our-contacts {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-template-areas: "."
      "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .team-members {
    grid-template-areas: ". ."
      ". ."
      ". .";
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .team-member-title-wrap {
    margin-bottom: 30px;
  }

  .project-details-grid {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    grid-row-gap: 50px;
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 50px auto;
    grid-template-rows: auto auto;
    text-align: center;
  }

  .blog-detail-header-wrap {
    width: 70%;
  }

  .detail-header-image {
    height: 460px;
  }

  .blog-item {
    width: 80%;
  }

  .blog-preview-image {
    height: 460px;
  }

  .blog-summary-wrap {
    width: 100%;
  }

  .about-grid {
    grid-row-gap: 50px;
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 50px auto;
    grid-template-rows: auto auto;
    text-align: center;
  }

  .about-grid.cc-about-2 {
    grid-template-areas: "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .intro-text {
    width: auto;
  }

  .collection-wrap {
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blog-preview-wrap {
    width: 80%;
    padding-right: 15px;
    text-align: center;
  }

  .ctabutton_text--large {
    font-size: 20px;
  }

  .heading.mv_hsub {
    font-size: 18px;
  }

  .mv_catch {
    font-size: 46px;
  }

  .mv_text {
    font-size: 14px;
  }

  .heading3 {
    font-size: 20px;
  }

  .label__text {
    font-size: 14px;
  }

  .border.flow__border {
    width: 20px;
    margin-bottom: 0px;
  }

  .heading_3 {
    font-size: 30px;
  }

  .text-m {
    font-size: 13px;
  }

  .heading4.align-c {
    font-size: 15px;
    font-weight: 600;
  }

  .heading4.align-c.mr-s.mb-0.mt-0 {
    font-size: 16px;
    text-align: left;
  }

  .heading4.mb-0.mt-0 {
    font-size: 18px;
  }

  .about__block {
    padding-right: 8px;
    padding-left: 8px;
  }

  .text-s {
    font-size: 12px;
  }

  .point_img {
    height: 250px;
  }

  .point_img.point3_img {
    height: 300px;
    max-height: none;
  }

  .point__label {
    font-size: 38px;
  }

  .point__content {
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 60px;
  }

  .point__content.point1_2 {
    padding-right: 80px;
    padding-left: 30px;
  }

  .point__content.point3__content {
    padding-left: 40px;
  }

  .point_h {
    font-size: 22px;
  }

  .listitem {
    font-size: 14px;
  }

  .point2_img {
    height: 300px;
  }

  .text-serif {
    font-size: 14px;
    line-height: 1.6em;
  }

  .about_content {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .produce_title {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .grid-2 {
    grid-column-gap: 3px;
  }

  .other_img {
    height: auto;
  }

  .flow {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .contract__block.mb-32 {
    padding: 20px;
  }

  .text__flow {
    font-size: 14px;
  }

  .form__row.mb-24 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .fieldlabel {
    width: auto;
    margin-right: 10px;
  }

  .formlabel__wrap {
    width: 100%;
    margin-bottom: 8px;
  }

  .footer {
    position: static;
  }

  .image-2 {
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 767px) {
  .sp_navigation {
    display: inline;
  }

  .media_sp {
    display: inherit;
  }

  .media-logo {
    display: none;
  }

  .hou_to_lunch {
    width: 390px;
  }

  #trigger {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    background: white;
    border-radius: 50%;
    right: 20px;
    top: 12px;
    z-index: 80;
    border: 1px solid;
  }

  #trigger span,
  #trigger span:before,
  #trigger span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: black;
    position: absolute;
  }

  #trigger span:before {
    bottom: 8px;
  }

  #trigger span:after {
    top: 8px;
  }

  #trigger span.open {
    background-color: rgba(255, 255, 255, 0);
    transition: all .3s ease;
  }

  #trigger span.open:before {
    bottom: 0;
    transform: rotate(45deg);
    transition: all .3s ease;
  }

  #trigger span.open:after {
    top: 0;
    transform: rotate(-45deg);
    transition: all .3s ease;
  }


  .drawer {
    background-color: rgb(0, 0, 0, .7);
    position: fixed;
    z-index: 50;
    width: 100%;
    top: -100%;
    left: 0;
    height: 100%;
    box-sizing: border-box;
    padding: 80px 30px 40px;
    overflow: auto;
    transition: all .4s ease;
  }

  .drawer.open {
    top: 0;
  }

  .drawer ul {
    width: 100%;
    margin: 0 auto;
    padding-left: 0px;
  }

  .drawer ul li {
    margin-top: 20px;
    list-style: none;
  }

  .drawer ul li a {
    font-size: 120%;
    text-align: center;
    color: white;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
    transition: all .4s ease;
  }


  .section {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section.cc-cta {
    padding: 15px;
  }

  .section.cc-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .section.cc-store-home-wrap {
    margin-right: 15px;
    margin-left: 15px;
  }

  .container {
	  padding: 0px 5%;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .rich-text {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .heading-jumbo-small {
    font-size: 30px;
    line-height: 52px;
  }

  .logo-link {
    padding-left: 0px;
  }

  .navigation {
    padding: 20px 30px;
  }

  .cta-wrap {
    padding-right: 30px;
    padding-left: 30px;
  }

  .intro-content {
    width: 80%;
  }

  .our-services-grid {
    grid-row-gap: 60px;
    grid-template-areas: "."
      "."
      "."
      "."
      "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto 60px auto 60px auto 60px auto 60px auto 60px auto;
    grid-template-rows: auto auto auto auto auto auto;
  }

  .status-message.cc-no-data {
    width: 80%;
    max-width: 470px;
  }

  .contact-form-wrap {
    padding: 30px;
  }

  .text-field.cc-contact-field {
    text-align: left;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

  .team-pic {
    height: 300px;
    margin-bottom: 30px;
  }

  .team-member-name {
    font-size: 16px;
    line-height: 28px;
  }

  .project-name-wrap {
    margin-bottom: 30px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .detail-image {
    margin-bottom: 15px;
  }

  .blog-detail-header-wrap {
    width: 90%;
    max-width: 470px;
    text-align: left;
  }

  .blog-item {
    width: 90%;
    max-width: 470px;
  }

  .blog-summary-wrap {
    text-align: center;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .text_link a {
    font-size: 16px;
  }
}

@media screen and (max-width: 598px) {
  h1 {
    font-size: 36px;
    line-height: 52px;
  }

 
  .section.cc-store-home-wrap {
    margin-right: 0px;
    margin-bottom: 40px;
    margin-left: 0px;
  }

  .container.produce__container {
    margin-top: 0px;
  }

  .label.title__sublabel.align-l {
    margin-bottom: 0px;
  }

  .label.flow__number {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .rich-text {
    width: 100%;
    max-width: none;
  }

  .heading-jumbo {
    font-size: 36px;
    line-height: 48px;
  }

  .menu {
    margin-left: 15px;
  }

  .navigation {
    padding-right: 20px;
    padding-left: 20px;
  }

  .menu-button {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .menu-button.w--open {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .logo-image {
    width: 170px;
  }

  .cta-wrap {
    padding-right: 15px;
    padding-left: 15px;
  }

  .intro-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    margin-right: 0%;
    margin-bottom: 30px;
    margin-left: 0%;
    padding: 40px 20px;
  }

  .intro-content.cc-homepage {
    margin-bottom: 0px;
  }

  .status-message.cc-no-data {
    width: 100%;
  }

  .contact-form-grid {
    width: 100%;
  }

  .our-contacts {
    width: 90%;
  }

  .team-members {
    grid-template-areas: "."
      "."
      "."
      "."
      "."
      ".";
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto auto auto;
    grid-template-rows: auto auto auto auto auto auto;
  }

  .project-details-grid {
    width: 100%;
  }

  .blog-detail-header-wrap {
    width: 100%;
    max-width: none;
  }

  .blog-item {
    width: 100%;
    max-width: none;
  }

  .intro-text {
    margin-bottom: 0px;
  }

  .headertext {
    line-height: 15px;
  }

  .ctabutton_text--large {
    font-size: 18px;
  }

  .heading.mv_hsub {
    margin-bottom: 0px;
    font-size: 11px;
  }

  .mv_catch {
    font-size: 30px;
  }

  .mv_text {
    width: 80%;
    font-size: 12px;
    line-height: 1.4em;
  }

  .columns.section {
    margin-bottom: 0px;
    padding: 20px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .heading3 {
    margin-bottom: 5px;
  }

  .topcta_text {
    padding-top: 5px;
  }

  .column {
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px none #000;
  }

  .ctabutton_subtext--large {
    font-size: 14px;
  }

  .label__text {
    margin-right: 0px;
    margin-bottom: 5px;
  }

  .column-2 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .border.flow__border {
    margin-right: 0px;
  }

  .heading_3 {
    text-align: left;
  }

  .heading_3.align-c.mb-l {
    margin-top: 0px;
    margin-bottom: 20px;
  }



  .heading_3.align-c.mb-l.section_h--s {
    font-size: 28px;
  }

  .heading_3.heading_white {
    margin-top: 10px;
    text-align: left;
  }

  .point4__block {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto auto;
    grid-template-rows: auto auto auto auto;
  }

  .heading4.align-c.mr-s.mb-0 {
    margin-top: 4px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .heading4.align-c.mr-s.mb-0.mt-0 {
    width: 100%;
    min-width: auto;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
  }

  .heading4.align-c.text-gray.mb-0 {
    margin-top: 0px;
  }

  .heading4.mb-0.mt-0 {
    width: 100%;
    text-align: center;
  }

  .text-s.text-gray {
    text-align: left;
  }

  .text-s.align-l {
    font-size: 13px;
  }

  .point__block {
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .point__block.point2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .point_img {
    height: auto;
    margin-top: 0px;
  }

  .point_img.point3_img {
    top: 0px;
    width: 100%;
    height: auto;
    margin-left: 0px;
  }

  .point__label.point4_label {
    top: 0px;
    margin-top: -20px;
    margin-bottom: 20px;
  }

  .point__content {
    margin-left: 0px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
  }

  .point__content.point1_2 {
    margin-top: 0px;
    margin-right: 0px;
    padding: 20px;
  }

  .point__content.point3__content {
    padding-right: 20px;
    padding-left: 20px;
  }

  .point_h {
    font-size: 19px;
    text-align: left;
  }

  .point_h.point1_2_h.mr-s {
    margin-top: 10px;
    font-size: 22px;
  }

  .point_h.point4_h {
    margin-right: 0px;
  }

  .listitem {
    font-size: 13px;
    text-align: left;
  }

  .point2_img {
    height: auto;
  }

  .title_wrap {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .light_bg {
    width: 100%;
  }

  .point4_content {
    margin-top: 0px;
    margin-left: 10%;
  }

  .produce__bg {
    padding-bottom: 10px;
  }

  .pdoruce__block {
    margin-top: -24px;
    margin-bottom: 40px;
    padding: 20px;
  }

  .produce__titlewrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
  }

  .produce__contentinner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }

  .produce__content {
    width: 100%;
    padding-right: 0px;
  }

  .grid-2 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }

  .produce__img {
    width: 100%;
  }

  .menu_text {
    font-size: 13px;
    line-height: 1.4em;
  }

  .image {
    width: 100%;
  }

  .list {
    font-size: 13px;
  }

  .grid-3 {
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
  }

  .other__menu {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 13px;
  }

  .flow {
    padding-bottom: 20px;
  }

  .contract__block.mb-32 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .flow__block.mb-24 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .text__flow {
    width: 100%;
    margin-left: 0px;
    padding-left: 0px;
    border: 1px none #000;
  }

  .flow__text.text-s.mb-0 {
    width: 100%;
  }

  .contact {
    padding-top: 40px;
    padding-bottom: 30px;
  }

  .form {
    padding: 20px;
  }

  .formlabel__wrap {
    text-align: left;
  }

  .checkfield {
    text-align: left;
  }

  .fieldwrap {
    text-align: left;
  }

  .company {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .list-2 {
    padding-left: 20px;
  }

  .section-2 {
    margin-bottom: 40px;
  }

  .column-3 {
    margin-bottom: 10px;
  }

  .about__block {
    border: 0;
  }

  .menu_img img {
    width: 100%;
  }
}

/*ランチラーメンのプロデュース*/
.lunch_point ul {
  display: flex;
}

.lunch_point ul li {
  flex: 1;
  list-style-type: none;
  margin: 50px 0 80px;
  text-align: center;
  position: relative;
}

.lunch_point ul li:not(:last-child) {
  border-right: solid 1px;
}

.lunch_point ul li a {
  text-decoration: none;
}

#lunch_li_1,
#lunch_li_2,
#lunch_li_3,
#lunch_li_4 {
  padding-top: 100px;
}

.lunch_pro_img {
  margin-bottom: 80px;
}

.pro_link a {
  border-radius: 80px;
  background-color: #cb0707;
  text-align: center;
  color: white;
  width: 300px;
  margin: 0 auto 75px;
  padding: 25px;
  font-size: 25px;
  text-decoration: none;
}
}


#w-node-_5402f3e8-55fb-868a-ba57-ab7ce6e13265-a78ae592 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

#w-node-c510a389-f274-713a-a863-471d1227881a-a78ae592 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

#w-node-c0f7b484-c27e-d4de-5b48-d29828289958-a78ae592 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

#w-node-_0410061c-f3c5-db29-67d1-5bb6b9d760bd-a78ae592 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  -ms-grid-row-align: start;
  align-self: start;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

#w-node-_195b83e9-e95b-7bf6-633c-df45fc0d8330-a78ae592 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

#w-node-_21114ab1-74c7-2312-7670-9b4b86c30272-a78ae592 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

#w-node-a55128ab-1db1-8fc3-822b-a9e7c5504aea-a78ae592 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

#w-node-_0a14ba49-d661-0b71-eee0-f6ff4a7cb5df-a78ae592 {
  -ms-grid-column-align: center;
  justify-self: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
}

#w-node-f83667c9-0e6e-79da-18a0-e87ce0d5bbdf-a78ae592 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Area;
}

.table>#w-node-f83667c9-0e6e-79da-18a0-e87ce0d5bbdf-a78ae592 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#w-node-_19e6b85b-9497-0dee-c79a-993848fa458b-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_0c3b83cc-0c12-0c62-2819-23b04ace8cc2-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_22ab4d6d-f7f6-50c7-6594-0f64e0cbec1c-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-bfe9697f-774b-7334-21aa-efc6677a76ec-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_41105a68-218a-e391-0754-9d9b4d8426f2-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_32e8b521-392b-1512-3db5-9879a14d6af1-a78ae592 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: Area;
}

.table>#w-node-_32e8b521-392b-1512-3db5-9879a14d6af1-a78ae592 {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

#w-node-f37bc036-6ec0-c34b-d907-23ab0439a3a1-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-ba7ab9d6-5374-32f2-86d0-ca1bb4fc098c-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_13cc9405-28b6-ea5b-0a3d-d214c53c0e20-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_61e4c9f0-899c-2fa8-6b36-1e9d852ed9dc-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_09e4db08-b4dd-0ce8-c0da-3f346e18b619-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-d78293ff-03c3-e922-d115-125fca736304-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-c3773a7d-4afe-3b97-6b7b-a99d59e57a50-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_709cb0a2-22b1-db63-94f7-0000c9ecdbed-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-_8cdb84e3-86b7-3aa0-f26d-0fa2e15277e5-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-a37e14c6-b2ba-acba-6129-eb4cae9909a2-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-fd57ea8c-1295-a662-769c-5a207ed53396-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-df329471-8ed4-010a-6f4a-fd16826ca6de-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-df107165-d1d7-2b25-cc15-b7b1602f281d-a78ae592 {
  -ms-grid-column: span 1;
  grid-column-start: span 1;
  -ms-grid-column-span: 1;
  grid-column-end: span 1;
  -ms-grid-row: span 1;
  grid-row-start: span 1;
  -ms-grid-row-span: 1;
  grid-row-end: span 1;
}

#w-node-ca1212d8-4247-8b87-bc90-543393b118e6-ea8ae595 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-ca1212d8-4247-8b87-bc90-543393b118ec-ea8ae595 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-ca1212d8-4247-8b87-bc90-543393b118f2-ea8ae595 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-ca1212d8-4247-8b87-bc90-543393b118f8-ea8ae595 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-ca1212d8-4247-8b87-bc90-543393b118fe-ea8ae595 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-ca1212d8-4247-8b87-bc90-543393b11905-ea8ae595 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9803c-908ae596 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98043-908ae596 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-908ae596 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98051-908ae596 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce98058-908ae596 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-908ae596 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-_3f61509a-fac7-b0d5-3763-509be705858e-9c8ae597 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-9c8ae597 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb08-9c8ae597 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb15-9c8ae597 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb22-9c8ae597 {
  -ms-grid-column: 3;
  grid-column-start: 3;
  -ms-grid-column-span: 1;
  grid-column-end: 4;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-868ae598 {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-868ae598 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-988ae59a {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-988ae59a {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38cdc-778ae59b {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38ce3-778ae59b {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-row-span: 1;
  grid-row-end: 3;
}

#w-node-_2878ffd7-26fe-9471-3c4e-7763e2d38cea-778ae59b {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
  -ms-grid-row-span: 1;
  grid-row-end: 4;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387918-628ae59c {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

#w-node-_421df62a-c217-12af-eee8-27f88a387928-628ae59c {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-column-span: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
}

@media screen and (max-width: 991px) {
  #w-node-ca1212d8-4247-8b87-bc90-543393b118f2-ea8ae595 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-ca1212d8-4247-8b87-bc90-543393b118f8-ea8ae595 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-ca1212d8-4247-8b87-bc90-543393b118fe-ea8ae595 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-ca1212d8-4247-8b87-bc90-543393b11905-ea8ae595 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-908ae596 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98051-908ae596 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98058-908ae596 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-908ae596 {
    -ms-grid-column: 2;
    grid-column-start: 2;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 3;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-_3f61509a-fac7-b0d5-3763-509be70585a6-9c8ae597 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb15-9c8ae597 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-cb4222c2-e34c-f4e1-7796-79bb93a2fb22-9c8ae597 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-_421df62a-c217-12af-eee8-27f88a387928-868ae598 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-_421df62a-c217-12af-eee8-27f88a387928-988ae59a {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-_421df62a-c217-12af-eee8-27f88a387928-628ae59c {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }
}

@media screen and (max-width: 767px) {
  .navigation-wrap {
    display: none;
  }

  .sp_toplogo {
    display: inherit;
    margin: 0 auto;
  }
}

  #w-node-ca1212d8-4247-8b87-bc90-543393b118ec-ea8ae595 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  .heading_h2,
  .heading_3 {
    font-size: 20px;
    line-height: 23px;
    text-align: initial;
  }

  .text-list {
    font-size: 14px;
    line-height: 1.5;
    text-align: initial;
  }

  .list-box .heading_h2 {
    text-align: initial;
    background: linear-gradient(transparent 11%, #74B8FF 60%)
  }



  #w-node-ca1212d8-4247-8b87-bc90-543393b118f2-ea8ae595 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-ca1212d8-4247-8b87-bc90-543393b118f8-ea8ae595 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 6;
    grid-row-start: 6;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 7;
  }

  #w-node-ca1212d8-4247-8b87-bc90-543393b118fe-ea8ae595 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
  }

  #w-node-ca1212d8-4247-8b87-bc90-543393b11905-ea8ae595 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
  }


  .form dt .required {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #cb0707;
    border-radius: 4px;
    color: #cb0707;
    font-size: 12px;
    line-height: 22px;
    margin-right: 10px;
  }

  .form dt .optional {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: #aaa;
    border-radius: 4px;
    color: #aaa;
    font-size: 12px;
    line-height: 22px;
    margin-right: 10px;
  }

  .form__row dt {
    display: inline-block;
    width: 250px;
    margin-bottom: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: flex-start;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
  }

  .form__row dd {
    margin-left: 0;
    text-align: left;
  }

  .form__row dd div {
    margin-bottom: 10px;
  }

  .checkbox-label {
    margin-left: 5px;
  }

  .radiofield {
    margin-bottom: 5px;
    padding-left: 20px;
  }

  .w-checkbox {
    padding-left: 0;
  }

  .multi {
    font-size: 0.9em;
    color: #777;
    font-weight: normal;
  }

@media screen and (max-width: 598px) {
  #w-node-c28cc763-f708-1e61-f196-6bd9fce98043-908ae596 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 2;
    grid-row-start: 2;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 3;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9804a-908ae596 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 3;
    grid-row-start: 3;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 4;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98051-908ae596 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 4;
    grid-row-start: 4;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 5;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce98058-908ae596 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 5;
    grid-row-start: 5;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 6;
  }

  #w-node-c28cc763-f708-1e61-f196-6bd9fce9805f-908ae596 {
    -ms-grid-column: 1;
    grid-column-start: 1;
    -ms-grid-row: 6;
    grid-row-start: 6;
    -ms-grid-column-span: 1;
    grid-column-end: 2;
    -ms-grid-row-span: 1;
    grid-row-end: 7;
  }

  .top_link {
    display: none;
  }

  .top_link a {
    margin-bottom: 5px;
  }

}

@media only screen and (min-width:1300px) {
  .container {
    margin-left: auto;
    margin-right: auto;
  }
}


/* =========================================
   RAMEN FC - WHITE VERSION
========================================= */
.ramen_fc_top{
	background-color: #f5f5f3;
}
.ramen_fc_number{
	background-color: #222222;
}


.ramen-fc {
  --black: #171717;
  --text: #222222;
  --dark-gray: #555555;
  --gray: #777777;
  --light-gray: #f5f5f3;
  --border: #dedbd5;

  --gold: #b88932;
  --orange: #df4e25;

  --white: #ffffff;

  width: 100%;
  max-width: 1200px;
  margin: 0 auto;

  background: #fff;
  color: var(--text);

  font-family:
    "Noto Sans JP",
    "Hiragino Kaku Gothic ProN",
    "Yu Gothic",
    sans-serif;

  box-sizing: border-box;
}

.ramen-fc *,
.ramen-fc *::before,
.ramen-fc *::after {
  box-sizing: border-box;
}

.ramen-fc img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.ramen-fc a {
  text-decoration: none;
}


/* =========================================
   HERO
========================================= */

.fc-hero {
  position: relative;
  min-height: 620px;
  overflow: hidden;

  background: #f5f5f3;
}

.fc-hero__image {
  position: absolute;
  top: 0;
  right: 0;

  width: 55%;
  height: 100%;
}

.fc-hero__image img {
  object-position: center;
}





/* 写真を左側に馴染ませる */

.fc-hero__overlay {
  position: absolute;
  inset: 0;

  background:
    linear-gradient(
      90deg,
      #f5f5f3 0%,
      #f5f5f3 48%,
      rgba(245,245,243,0.95) 50%,
      rgba(245,245,243,0.4) 58%,
      rgba(245,245,243,0) 72%
    );
}

.fc-hero__content {
  position: relative;
  z-index: 2;

  width: 58%;
  max-width: 700px;

  padding: 75px 45px 75px 60px;
}


/* =========================================
   LABEL
========================================= */

.fc-label {
  display: flex;
  align-items: center;
  gap: 13px;

  margin-bottom: 32px;
}

.fc-label span {
  color: var(--gold);

  font-size: 13px;
  font-weight: 900;

  letter-spacing: 0.25em;
}

.fc-label i {
  width: 38px;
  height: 1px;

  background: var(--gold);
}

.fc-label small {
  color: #777;

  font-size: 10px;
  letter-spacing: 0.18em;
}


/* =========================================
   HERO TEXT
========================================= */

.fc-lead {
  color: var(--orange);

  font-size: 15px;
  line-height: 1.7;
  font-weight: 900;

  margin: 0 0 14px;
}

.fc-hero h1 {
  color: #222;

  font-size: clamp(40px, 5vw, 65px);
  line-height: 1.1;

  letter-spacing: -0.045em;
  font-weight: 900;

  margin: 0;
}

.fc-hero h1 span {
  color: var(--gold);
}

.fc-subtitle {
  color: #333;

  font-size: 21px;
  line-height: 1.6;
  font-weight: 700;

  margin: 28px 0 0;
}

.fc-subtitle strong {
  display: inline-block;

  border-bottom: 3px solid var(--orange);
}

.fc-copy {
  color: #333;

  font-size: 19px;
  line-height: 1.8;
  font-weight: 900;

  margin: 20px 0 0;
}

.fc-copy span {
  color: var(--gold);
}

.fc-description {
  color: #666;

  max-width: 570px;

  font-size: 13px;
  line-height: 2;

  margin: 14px 0 0;
}


/* =========================================
   BUTTON
========================================= */

.fc-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;

  margin-top: 30px;
}

.fc-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 70px;
  padding: 0 27px;

  border-radius: 4px;

  font-size: 25px;
  font-weight: 900;

  transition: 0.25s ease;
}

.fc-button--primary {
  color: #fff;

  background:
    linear-gradient(
      90deg,
      #d54b25,
      #eb6b35
    );
}

.fc-button--primary:hover {
  transform: translateY(-2px);
  opacity: 0.9;
}

.fc-button--outline {
  color: #a2782a;

  background: #fff;

  border: 1px solid #b88932;
}

.fc-button--outline:hover {
  background: #faf6ed;
}


/* =========================================
   NUMBERS
========================================= */

.fc-numbers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  background: #1b1b1b;

  border-top: 1px solid #222;
}

.fc-number {
  text-align: center;

  padding: 25px 15px;
}

.fc-number + .fc-number {
  border-left: 1px solid rgba(255,255,255,0.15);
}

.fc-number strong {
  display: block;

  color: var(--gold);

  font-size: 57px;
  line-height: 1;

  font-weight: 900;
}

.fc-number strong span {
  font-size: 21px;
}

.fc-number strong.text {
  font-size: 31px;

  padding: 8px 0;
}

.fc-number small {
  display: block;
	line-height: 1.4em;
  color: #bbb;

  font-size: 12px;

  margin-top: 8px;
}


/* =========================================
   SECTION
========================================= */

.fc-section {
  padding: 80px 55px 90px;

  background: #fff;
}


/* heading */

.fc-heading {
  display: flex;

  justify-content: space-between;
  align-items: flex-end;

  gap: 50px;
}

.fc-eyebrow {
  color: var(--orange);

  font-size: 10px;
  font-weight: 900;

  letter-spacing: 0.25em;

  margin: 0 0 8px;
}

.fc-heading h2 {
  color: #222;

  font-size: clamp(29px, 4vw, 45px);
  line-height: 1.3;

  font-weight: 900;

  letter-spacing: -0.03em;

  margin: 0;
}

.fc-heading h2 span {
  color: var(--gold);
}

.fc-heading-text {
  max-width: 430px;

  color: #666;

  font-size: 13px;
  line-height: 2;

  margin: 0;
}


/* =========================================
   STORE IMAGES
========================================= */
.store-slider {
  width: 100%;
  overflow: hidden;
}

.store-track {
  display: flex;
  width: max-content;
  gap: 20px;
  animation: store-slide 30s linear infinite;
}

.store-item {
  width: 320px;
  height: 220px;
  flex-shrink: 0;
}

.store-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@keyframes store-slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - 10px));
  }
}

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

  .store-item {
    width: 240px;
    height: 170px;
  }

  .store-track {
    gap: 12px;
    animation-duration: 25s;
  }

}


.store-slider {
	    margin: 30px 0;
  width: 100%;
  overflow: hidden;
}

.store-track {
  display: flex;
  width: max-content;
  gap: 20px;
  animation: store-slide 60s linear infinite;
}

.store-item {
  width: 320px;
  height: 220px;
  flex-shrink: 0;
}

.store-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@keyframes store-slide {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(calc(-50% - 10px));
  }
}




/* center copy */

.fc-center-copy {
  color: #333;

  text-align: center;

  font-size: 16px;
  font-weight: 900;

  margin: 25px 0 0;
}

.fc-center-copy span {
  color: var(--orange);
}


/* =========================================
   FEATURES
========================================= */

.fc-features {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 15px;

  margin-top: 55px;
}

.fc-feature {
  min-height: 290px;

  padding: 30px;

  background: #f7f7f5;

  border: 1px solid #e2dfd9;

  border-radius: 7px;

  transition: 0.25s ease;
}

.fc-feature:hover {
  transform: translateY(-3px);

  border-color: #c9a866;

  box-shadow:
    0 10px 30px rgba(0,0,0,0.06);
}

.fc-feature__eyebrow {
  color: var(--orange);

  font-size: 9px;
  font-weight: 900;

  letter-spacing: 0.2em;

  margin: 0;
}

.fc-feature h2 {
  margin: 15px 0 0;
}

.fc-feature h2 span {
  color: var(--gold);

  font-size: 35px;
  font-weight: 900;
}

.fc-feature h4 {
  color: #222;

  font-size: 18px;
  line-height: 1.5;
  font-weight: 900;

  margin: 12px 0 0;
}

.fc-feature > p:last-child {
  color: #777;

  font-size: 12px;
  line-height: 1.9;

  margin: 15px 0 0;
}


/* =========================================
   2/3
========================================= */

.fc-feature__number {
  margin-top: 15px;
}

.fc-feature__number strong {
  color: var(--gold);

  font-size: 68px;
  line-height: 1;

  font-weight: 900;
}


/* =========================================
   ROYALTY
========================================= */

.fc-feature__royalty {
  display: flex;

  align-items: flex-end;
  gap: 5px;

  margin-top: 12px;
}

.fc-feature__royalty strong {
  color: var(--gold);

  font-size: 65px;
  line-height: 0.8;

  font-weight: 900;
}

.fc-feature__royalty span {
  color: var(--gold);

  font-size: 24px;
  font-weight: 900;
}


/* =========================================
   STEALTH
========================================= */

.fc-stealth {
  padding: 85px 30px;

  text-align: center;

  background: #f5f5f3;

  border-top: 1px solid #e4e0d8;
  border-bottom: 1px solid #e4e0d8;
}

.fc-stealth h2 {
  color: #222;

  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.35;

  font-weight: 900;

  margin: 10px 0 20px;
}

.fc-stealth h2 span {
  color: var(--gold);
}

.fc-stealth__text {
  color: #555;

  font-size: 16px;
  line-height: 2;

  font-weight: 700;
}

.fc-stealth > strong {
  display: inline-block;

  color: var(--orange);

  font-size: 23px;
  line-height: 1.7;

  margin-top: 20px;
}


/* =========================================
   CTA
========================================= */

.fc-cta {
  text-align: center;

  padding: 80px 30px;

  background: #fff;
}

.fc-cta p {
  color: #222;

  font-size: clamp(27px, 4vw, 43px);
  line-height: 1.4;

  font-weight: 900;

  margin: 0;
}

.fc-cta p span {
  color: var(--gold);
}

.fc-cta small {
  display: block;

  color: #777;

  font-size: 13px;

  margin-top: 12px;
}

.fc-cta .fc-button {
  margin-top: 28px;
}


/* =========================================
   NOTE
========================================= */

.fc-note {
  color: #999;

  font-size: 9px;
  line-height: 1.8;

  padding: 0 30px 30px;

  margin: 0;

  background: #fff;
}


/* =========================================
   MOBILE
========================================= */

.sp-only {
  display: none;
}


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

  .fc-hero {
    min-height: 700px;
  }

  .fc-hero__image {
    width: 100%;
    height: 330px;

    top: auto;
    bottom: 0;
  }

  .fc-hero__overlay {
    background:
      linear-gradient(
        180deg,
        #f5f5f3 0%,
        #f5f5f3 48%,
        rgba(245,245,243,0.65) 100%
      );
  }

  .fc-hero__content {
    width: 100%;

    padding: 45px 25px;
  }

  .fc-label {
    margin-bottom: 25px;
  }

  .fc-label small {
    display: none;
  }

  .fc-hero h1 {
    font-size: 39px;
  }

  .fc-subtitle {
    font-size: 18px;
  }

  .fc-copy {
    font-size: 17px;
  }

  .fc-description {
    font-size: 12px;
  }

  .fc-buttons {
    flex-direction: column;
  }

  .fc-button {
    width: 100%;
  }


  /* numbers */

  .fc-number {
    padding: 18px 5px;
  }

  .fc-number strong {
    font-size: 34px;
  }

  .fc-number strong.text {
    font-size: 20px;
  }

  .fc-number strong span {
    font-size: 15px;
  }


  /* section */

  .fc-section {
    padding: 55px 20px 60px;
  }

  .fc-heading {
    display: block;
  }

  .fc-heading-text {
    margin-top: 20px;
  }


  /* images */

  .fc-store-images {
    height: 180px;

    gap: 5px;

    margin-top: 30px;
  }


  .fc-center-copy {
    font-size: 13px;
    line-height: 1.7;
  }


  /* features */

  .fc-features {
    grid-template-columns: 1fr;

    gap: 10px;

    margin-top: 40px;
  }

  .fc-feature {
    min-height: auto;

    padding: 24px;
  }


  /* stealth */

  .fc-stealth {
    padding: 60px 20px;
  }

  .fc-stealth h2 {
    font-size: 27px;
  }

  .fc-stealth__text {
    font-size: 14px;
  }

  .sp-only {
    display: block;
  }


  /* CTA */

  .fc-cta {
    padding: 60px 20px;
  }
}



/*注*/
.cyu-yaku{
	font-size: 11px;
    color: gray;
    text-align: center;
    display: block;
    background-color: #e4e0d8;
	line-height: 1.8em;
    padding: 0 28px;
}


/* =========================================
   5つのポイント
========================================= */

.business-points {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  padding: 80px 20px;
  box-sizing: border-box;
}

/* -------------------------
   見出し
------------------------- */

.business-points-head {
  text-align: center;
  margin-bottom: 65px;
}

.business-points-label {
  position: relative;
  display: inline-block;
  color: #e9462f;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 2px;
  padding: 0 22px;
  margin-bottom: 12px;
}

.business-points-label::before,
.business-points-label::after {
  content: "";
  position: absolute;
  top: 50%;
  width: 14px;
  height: 1px;
  background: #e9462f;
}

.business-points-label::before {
  left: 0;
}

.business-points-label::after {
  right: 0;
}

.business-points-head h2 {
  margin: 0 0 25px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
}

.business-points-head p {
  margin: 0;
  font-size: 16px;
  line-height: 1.8;
  font-weight: 500;
}


/* -------------------------
   各ポイント
------------------------- */

.business-point {
  display: flex;
  align-items: center;
  gap: 55px;
  margin-bottom: 70px;
}

.business-point:last-child {
  margin-bottom: 0;
}


/* 左右反転 */

.business-point.reverse {
  flex-direction: row-reverse;
}


/* -------------------------
   画像
------------------------- */

.business-point-image {
  width: 45%;
  flex-shrink: 0;
  overflow: hidden;
}

.business-point-image img {
  display: block;
  width: 100%;
  height: 330px;
  object-fit: cover;
}


/* -------------------------
   テキスト
------------------------- */

.business-point-content {
  position: relative;
  flex: 1;
  padding: 10px 0;
}


/* ナンバー */

.business-point-number {
  display: block;
  width: fit-content;
  color: #e9462f;
  font-size: 40px;
  line-height: 1;
  font-weight: 400;
  padding-bottom: 8px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e9462f;
}


/* 見出し */

.business-point-content h3 {
  margin: 0 0 20px;
  font-size: 21px;
  line-height: 1.6;
  font-weight: 500;
  letter-spacing: 0.5px;
}


/* 本文 */

.business-point-content p {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 1.9;
  color: #333;
}


/* リスト */

.business-point-content ul {
  margin: 0;
  padding-left: 18px;
}

.business-point-content li {
  margin-bottom: 8px;
  font-size: 13px;
  line-height: 1.7;
  color: #333;
}


/* 注釈 */

.business-point-note {
  margin-top: 15px !important;
  font-size: 11px !important;
  color: #888 !important;
}


/* =========================================
   背景を交互にする場合
========================================= */

.business-point:nth-child(odd) {
  /* 必要なら背景を付けられます */
}


/* =========================================
   スマートフォン
========================================= */

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

  .business-points {
    padding: 55px 20px;
  }

  .business-points-head {
    margin-bottom: 45px;
  }

  .business-points-head p {
	width: 270px;
	margin: 0 auto;
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
  }

  .business-point,
  .business-point.reverse {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 55px;
    align-items: stretch;
  }

  .business-point-image {
    width: 100%;
  }

  .business-point-image img {
    height: 220px;
  }

  .business-point-content {
    padding: 0;
  }

  .business-point-number {
    font-size: 18px;
    margin-bottom: 15px;
  }

  .business-point-content h3 {
    font-size: 19px;
    line-height: 1.6;
  }

  .business-point-content li {
    font-size: 12px;
  }

}

/* =========================================
   POINT 05 施工例
========================================= */

.construction-title {
  margin: 25px 0 18px;
  padding-bottom: 8px;

  font-size: 18px;
  line-height: 1.5;
  font-weight: 500;

  border-bottom: 1px solid #222;
}


/* 施工例4件 */

.construction-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 15px;
}


/* 施工例 */

.construction-item {
  min-width: 0;
}


/* 画像 */

.construction-item img {
  display: block;
  width: 100%;
  height: 75px;

  object-fit: cover;

  margin-bottom: 10px;
}


/* 店舗名 */

.construction-item strong {
  display: block;

  font-size: 13px;
  line-height: 1.6;
  font-weight: 500;
}


/* 改装費 */

.construction-item span {
  display: block;

  margin-top: 4px;

  font-size: 11px;
  line-height: 1.5;
  color: #444;
}


/* =========================================
   スマートフォン
========================================= */

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

  .construction-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px 15px;
  }

  .construction-item img {
    height: 100px;
  }

  .construction-item strong {
    font-size: 13px;
  }

  .construction-item span {
    font-size: 11px;
  }

}



/* =====================================
   プロデュース業態
===================================== */

.produce-detail {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 40px;
  box-sizing: border-box;
  background: #fff;
}


/* =====================================
   ヘッダー
===================================== */

.produce-header {
  margin-bottom: 30px;
}

.produce-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 15px;
}

.produce-title span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 38px;
  height: 38px;

  border: 1px solid #df4e25;

  color: #d71920;
  font-size: 17px;
}

.produce-title h2 {
  margin: 0;

  font-size: 32px;
  font-weight: 500;
  line-height: 1.4;
}

.produce-catch {
  margin: 0;

  color: #df4e25;

  font-size: 18px;
  font-weight: 600;
  line-height: 1.7;
}


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

.produce-main-visual {
  display: flex;
  align-items: center;

  min-height: 300px;

  margin-bottom: 35px;

  background: #f7f7f7;
}


/* 左テキスト */

.produce-main-text {
  width: 43%;
  padding: 35px;
  box-sizing: border-box;
}

.produce-main-text h3 {
  margin: 0 0 15px;

  font-size: 19px;
  font-weight: 600;
}

.produce-main-text p {
  margin: 0;

  font-size: 14px;
  line-height: 1.9;
}


/* 右画像 */

.produce-main-image {
  width: 57%;
  height: 330px;
}

.produce-main-image img {
  display: block;

  width: 100%;
  height: 100%;

  object-fit: cover;
}


/* =====================================
   下段
===================================== */

.produce-bottom {
  display: grid;
  grid-template-columns: 34% 1fr;
  gap: 25px;
}


/* =====================================
   強み
===================================== */

.produce-strength > h3,
.produce-menu > h3 {
  margin: 0;

  padding: 10px 15px;

  color: #fff;
  background: #df4e25;

  font-size: 17px;
  font-weight: 500;
}


/* 強み項目 */

.strength-item {
  display: flex;
  align-items: center;

  gap: 15px;

  padding: 18px;

  border-bottom: 1px solid #ccc;
}

.strength-item:last-child {
  border-bottom: none;
}

.strength-icon {
  display: flex;
  align-items: center;
  justify-content: center;

  flex-shrink: 0;

  width: 42px;
  height: 42px;

  border-radius: 50%;

  background: #222;
  color: #fff;

  font-size: 12px;
}

.strength-item p {
  margin: 0;

  font-size: 13px;
  line-height: 1.6;
}


/* =====================================
   メニュー
===================================== */

.menu-category h4 {
  display: flex;
  align-items: center;

  gap: 15px;

  margin: 0 0 12px;

  color: #df4e25;

  font-size: 16px;
  font-weight: 600;
}

.menu-category h4::after {
  content: "";

  flex: 1;

  height: 1px;

  background: #999;
}


/* メニュー一覧 */

.menu-list {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 12px;
}

.menu-item img {
  display: block;

  width: 100%;
  aspect-ratio: 1 / 1;

  object-fit: cover;
}

.menu-item p {
  margin: 6px 0 0;

  font-size: 12px;
  line-height: 1.4;
}


/* =====================================
   スマホ
===================================== */

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

  .produce-detail {
    padding: 35px 20px;
  }

  .produce-title h2 {
    font-size: 24px;
  }

  .produce-catch {
    font-size: 15px;
  }

  .produce-main-visual {
    display: block;
  }

  .produce-main-text,
  .produce-main-image {
    width: 100%;
  }

  .produce-main-text {
    padding: 25px;
  }

  .produce-main-image {
    height: 240px;
  }

  .produce-bottom {
    display: block;
  }

  .produce-strength {
    margin-bottom: 25px;
  }

  .menu-list {
    grid-template-columns: repeat(2, 1fr);
  }

}

/* =====================================
   その他のプロデュース
===================================== */

.other-produce {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  box-sizing: border-box;
}


/* 見出し */

.other-produce-title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
}

.other-produce-title span {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 48px;
  height: 48px;

  border: 1px solid #e9462f;

  color: #e9462f;
  font-size: 18px;
}

.other-produce-title h2 {
  margin: 0;

  font-size: 32px;
  font-weight: 400;
  line-height: 1.4;
}


/* 6枚横並び */

.other-produce-list {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2px;
}


/* 各画像 */

.other-produce-item {
  min-width: 0;
  overflow: hidden;
}


/* 画像 */

.other-produce-item img {
  display: block;

  width: 100%;
  aspect-ratio: 1 / 1;

  object-fit: cover;
}


/* 黒いタイトル部分 */

.other-produce-item p {
  margin: 0;

  padding: 8px 8px;

  background: #1c1c1c;
  color: #fff;

  font-size: 13px;
  line-height: 1.4;
}


/* =====================================
   スマホ
===================================== */

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

  .other-produce {
    padding: 40px 20px;
  }

  .other-produce-title h2 {
    font-size: 24px;
  }

  .other-produce-title span {
    width: 38px;
    height: 38px;
    font-size: 15px;
  }

  .other-produce-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2px;
  }

  .other-produce-item p {
    font-size: 12px;
  }

}

.typewriter span {
  display: inline-block;
  color: #b88932;

  overflow: hidden;
  white-space: nowrap;
  width: 0;
}

/* スクロールで表示されたら */
.typewriter.active span {
  animation: typing 1.2s steps(11, end) forwards;
}

@keyframes typing {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}


@media screen and (max-width: 440px) {
    .fc-center-copy {
        margin: 20px auto;
        width: 325px;
       }
	
	.fc-cta p {
		font-size: clamp(22px, 4vw, 47px);
	}
	
	.chubu {
    top: 70%;
    right: 5%;
}
	.area-item span small {
    font-size: 53%;
}
	.business-point-content p {
    width: 320px;
    margin: 0 auto 12px;
}
	.pdoruce__block {
		padding: 0;
	}
	
	.flow__text.text-s.mb-0 {
        text-align: center;
    }
	
	.location-area h2 small {
    font-size: 70%;
}
	
}