/* Index ====================================================================== */
/* Index Common */
[class^='idx-'] .txt-title { font-size: 5.7rem; font-weight: bold; letter-spacing: 5px; }

@media all and (min-width: 769px) { [class^='idx-'] .txt-title--vertical { -webkit-writing-mode: vertical-lr; -ms-writing-mode: tb-lr; writing-mode: vertical-lr; }
  [class^='idx-'] .txt-title--vertical .txt-title__row { display: block; line-height: 1; }
  [class^='idx-'] .txt-title--vertical .txt-title__row:last-child { text-indent: 1em; } }

/* Index Custom */
.idx-slogan { margin-bottom: 73px; }

.idx-slogan .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; background: url("../img/idx-slogan__odj.png"), url("../img/idx-slogan__bg.png"); background-position: top right; background-repeat: no-repeat; background-size: 30%, 40%; }

@media all and (max-width: 768px) { .idx-slogan .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } }

.idx-slogan__logo { width: 40%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 84px 0; z-index: 1; }

@media all and (max-width: 768px) { .idx-slogan__logo { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 30px 0; } }

.idx-slogan__logo figure { width: 280px; }

@media all and (min-width: 1281px) { .idx-slogan__logo figure { width: 28.75vw; /* w552 */ } }

.idx-slogan__logo img { width: 100%; }

.idx-slogan__text { width: 60%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media all and (max-width: 768px) { .idx-slogan__text { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } }

.idx-slogan__text .txt-inner { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; color: #5E6254; font-size: 2.2rem; text-align: center; font-weight: 600; width: 100%; max-width: 350px; margin-left: 47px; margin-bottom: 18px; }

@media all and (max-width: 992px) { .idx-slogan__text .txt-inner { margin-bottom: 60px; } }

@media all and (max-width: 768px) { .idx-slogan__text .txt-inner { margin: 0 auto 60px auto; } }

.idx-slogan__text .txt-inner__content { display: block; }

.idx-slogan__text .txt-inner__line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; position: relative; }

.idx-slogan__text .txt-inner__line:first-child { margin-bottom: 7px; }

.idx-slogan__text .txt-inner__line:last-child { margin-top: 7px; }

.idx-slogan__text .txt-inner__line::before, .idx-slogan__text .txt-inner__line::after { position: absolute; top: 3px; content: ''; background: #575350; width: calc(50% - 8px); height: 1px; background: #575350; }

.idx-slogan__text .txt-inner__line::before { left: 0px; }

.idx-slogan__text .txt-inner__line::after { right: 0px; }

.idx-slogan__text .txt-inner__line i { display: block; width: 8px; height: 8px; background: #575350; border-radius: 100%; }

.idx-origin { background: url("../img/idx-origin-bg_718x384.png") repeat-x; background-size: contain; }

.idx-origin .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 768px) { .idx-origin .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.idx-origin [class^='idx-origin__'] { -ms-flex-preferred-size: 50%; flex-basis: 50%; }

@media all and (max-width: 768px) { .idx-origin [class^='idx-origin__'] { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; } }

.idx-origin__pic img { width: 100%; }

.idx-origin__text { padding-left: 8.34161vw; /* pl: 84px */ padding-right: 3.97219vw; /* pr: 40px */ }

.idx-origin__text .txt-title { color: #5C5B56; }

.idx-origin__text .txt-inner { position: relative; color: #382C1C; text-align: right; font-size: 1.8rem; font-weight: 400; line-height: 28px; letter-spacing: 4px; }

@media all and (max-width: 768px) { .idx-origin__text .txt-inner { text-align: left; } }

.idx-origin__text .txt-inner::before, .idx-origin__text .txt-inner::after { position: absolute; content: ''; background: #93836C; height: 1px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

@media all and (max-width: 768px) { .idx-origin__text .txt-inner::before, .idx-origin__text .txt-inner::after { display: none; } }

.idx-origin__text .txt-inner::before { top: 9.47368%; /* t 36 / 380  */ left: 2.10526%; /* l8 / 380 */ width: 39.47368%; /* w150 / 380 */ }

.idx-origin__text .txt-inner::after { top: 125%; right: -11.31579%; /* r-43 / 380 */ width: 43.94737%; /* w167 / 380 */ }

.idx-idea { position: relative; }

.idx-idea__text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media all and (max-width: 768px) { .idx-idea__text { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.idx-idea__text .txt-title { color: #DEB05B; -ms-flex-preferred-size: 23.43595%; flex-basis: 23.43595%; padding-bottom: 6.55412%; margin-top: -54px; }

@media all and (max-width: 768px) { .idx-idea__text .txt-title { width: 100%; display: block; margin-top: 20px; -ms-flex-preferred-size: auto; flex-basis: auto; text-align: center; } }

.idx-idea__text .bg-block { position: absolute; top: -40px; left: 40.01986vw; /* L: 403px */ z-index: -1; max-width: 345px; width: 34.26018%; }

@media all and (max-width: 768px) { .idx-idea__text .bg-block { opacity: .3; } }

.idx-idea__text .bg-block img { width: 100%; }

.idx-idea__item { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-left: 8.93744vw; /* pl: 90px */ padding-right: 7.74578vw; /* pr: 78px */ margin-bottom: 23.13803%; }

@media all and (max-width: 768px) { .idx-idea__item { padding-left: 0px; padding-right: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.idx-idea__item [class^='item-'] { max-width: 395px; text-align: center; }

@media all and (min-width: 1201px) { .idx-idea__item [class^='item-'] { max-width: 34.63542vw; /* mw665 */ } }

.idx-idea__item [class^='item-'] h4 { width: 114px; height: 114px; font-size: 3.3rem; font-weight: 600; color: #53504B; margin: auto; margin-bottom: 42px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

@media all and (min-width: 1681px) { .idx-idea__item [class^='item-'] h4 { width: 135px; height: 135px; } }

@media all and (max-width: 768px) { .idx-idea__item [class^='item-'] h4 { margin-top: 42px; } }

.idx-idea__item [class^='item-'] h4::before, .idx-idea__item [class^='item-'] h4::after { position: absolute; content: ''; border-color: #5F5B58; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.idx-idea__item [class^='item-'] h4::before { width: 100%; height: 100%; top: -3%; left: -3%; border-radius: 5px; border-width: 4px; }

.idx-idea__item [class^='item-'] h4::after { width: 90%; height: 90%; top: 4%; left: 4%; border-width: 2px; }

.idx-idea__item [class^='item-'] p { font-size: 1.8rem; color: #3E3935; }

@media all and (min-width: 769px) { .idx-idea__item .item-colleagues { position: absolute; top: 77.66667%; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.idx-vision { position: relative; }

@media all and (max-width: 768px) { .idx-vision .wrap { padding-left: 0px; padding-right: 0px; } }

.idx-vision::after { display: block; content: ''; width: 100%; padding-bottom: 15.36458%; /* pb 295 */ clear: both; }

.idx-vision__pic { width: 82.42304%; /* w 830 */ line-height: 0; float: left; -webkit-box-shadow: 0 10px 10px rgba(51, 51, 51, 0.2), 8px 0 10px rgba(51, 51, 51, 0.2), -8px 0 10px rgba(51, 51, 51, 0.2); box-shadow: 0 10px 10px rgba(51, 51, 51, 0.2), 8px 0 10px rgba(51, 51, 51, 0.2), -8px 0 10px rgba(51, 51, 51, 0.2); position: relative; }

@media all and (max-width: 768px) { .idx-vision__pic { width: 100%; } }

.idx-vision__pic img { width: 100%; }

.idx-vision__pic .bg-block { position: absolute; left: 3.37349vw; /*l 28px*/ bottom: calc(100% - 13px); width: 25.66265%; }

@media all and (max-width: 768px) { .idx-vision__pic .bg-block { display: none; } }

.idx-vision__text { width: 45.18371%; /* w 455 */ background: url("../img/idx-vision-bg.png") no-repeat; background-size: cover; float: right; padding: 70px 22px; margin-right: 3.97219vw; /* mr 40 */ text-align: center; margin-top: -115px; -webkit-box-shadow: 0 10px 10px rgba(51, 51, 51, 0.2), 8px 0 10px rgba(51, 51, 51, 0.2), -8px 0 10px rgba(51, 51, 51, 0.2); box-shadow: 0 10px 10px rgba(51, 51, 51, 0.2), 8px 0 10px rgba(51, 51, 51, 0.2), -8px 0 10px rgba(51, 51, 51, 0.2); position: relative; }

@media all and (max-width: 768px) { .idx-vision__text { width: 100%; margin-top: 0px; margin-right: 0px; padding: 30px 15px; } }

.idx-vision__text .txt-title { color: #5A5859; letter-spacing: 15px; margin-bottom: 8px; }

.idx-vision__text .txt-subtitle { font-size: 2rem; color: #fff; background: #E6AF5C; padding: 1px 10px; letter-spacing: 8px; font-weight: 600; line-height: 1; margin-bottom: 21px; }

.idx-vision__text .txt-inner { font-size: 1.8rem; line-height: 30px; font-weight: 400; letter-spacing: 2px; color: #262626; }

@media all and (min-width: 1441px) { .idx-vision__text .txt-inner { letter-spacing: 0.4em; } }

@media all and (min-width: 1681px) { .idx-vision__text .txt-inner { letter-spacing: 0.39em; line-height: 2.08; } }

@media all and (max-width: 768px) { .idx-vision__text .bg-block { display: none; } }

.idx-vision__text .bg-block__pic { position: absolute; width: 28.57143%; /* w 130*/ bottom: calc(100% - 8px); left: calc(100% - 28.57143% - 13px); }

.idx-vision__text .bg-block__pic img { width: 100%; }

.idx-vision__text .bg-block__line { background: #D7BB8B; height: 1px; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); }

.idx-vision__text .bg-block__line--top { width: 243px; position: absolute; top: 30px; left: 0px; }

.idx-vision__text .bg-block__line--down::before, .idx-vision__text .bg-block__line--down::after { position: absolute; content: ''; background: #D7BB8B; height: 1px; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }

.idx-vision__text .bg-block__line--down::before { width: 53.18681%; /* w242 */ left: 75.82418%; /* l345 */ bottom: -10px; }

.idx-vision__text .bg-block__line--down::after { width: 34.28571%; /* w156 */ bottom: -52px; left: 74.06593%; /* l337 */ }

.idx-ingredients { position: relative; background: url("../img/idx-ingredients-bg.png") repeat-x bottom; background-size: contain; }

.idx-ingredients .wrap { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media all and (max-width: 768px) { .idx-ingredients .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.idx-ingredients__text { -ms-flex-preferred-size: 46.35417%; flex-basis: 46.35417%; /* fb890 */ padding-left: 4.46872vw; /* pl 45 */ padding-bottom: 75px; z-index: 1; }

@media all and (max-width: 768px) { .idx-ingredients__text { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; padding-left: 0px; padding-bottom: 20px; } }

.idx-ingredients__text .txt-title { color: #E8B161; letter-spacing: 15px; text-align: right; }

.idx-ingredients__text .txt-inner { font-size: 1.8rem; line-height: 30px; color: #2A2625; }

.idx-ingredients__text::before, .idx-ingredients__text::after { content: ''; position: absolute; height: 1px; background: #716C69; -webkit-transform: rotate(-60deg); transform: rotate(-60deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; }

@media all and (max-width: 768px) { .idx-ingredients__text::before, .idx-ingredients__text::after { display: none; } }

.idx-ingredients__text::before { width: 20.85402%; /* w 210px */ top: 30.38462%; /* t158 / 520 */ left: 44.58788%; /* l 449px */ }

.idx-ingredients__text::after { width: 20.4568%; /* w 206px */ top: 12.88462%; /* t 67 / 520 */ left: 50.9434%; /* l 513 px */ }

.idx-ingredients__pic { -ms-flex-preferred-size: 53.64583%; flex-basis: 53.64583%; /* fb1030 */ line-height: 0; }

@media all and (max-width: 768px) { .idx-ingredients__pic { -ms-flex-preferred-size: auto; flex-basis: auto; width: 100%; opacity: .3; } }

.idx-ingredients__pic figure { position: absolute; bottom: 0px; right: 0px; width: 68.02383%; /* w685 */ }

.idx-ingredients__pic img { width: 100%; }
/*# sourceMappingURL=index.css.map */