@charset "UTF-8";
/* ---------------------------------------------------------------
Stylesheet: Site Main Stylesheet
Constitution: 
Comments: 
--------------------------------------------------------------- */
/* ---------------------------------------------------------------
Variables Setting
Constitution:
	Set prefix
	Grobal styles
	Colors
	Font
	Media Queries
Comments: 
--------------------------------------------------------------- */
/*********************
Set prefix
*********************/
/*********************
Grobal styles
*********************/
/*********************
Colors
*********************/
/*********************
Font
*********************/
/*********************
Media Queries
*********************/
/* ---------------------------------------------------------------
Normalize Stylesheet
Constitution: 
Comments: 
--------------------------------------------------------------- */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100;300;400;500;700;900&family=Noto+Sans+SC:wght@100;300&family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap");
html { line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

body { margin: 0; }

article, aside, footer, header, nav, section { display: block; }

h1 { font-size: 2em; margin: .67em 0; }

figcaption, figure, main { display: block; }

figure { margin: 1em 40px; }

hr { box-sizing: content-box; height: 0; overflow: visible; }

pre { font-family: monospace,monospace; font-size: 1em; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }

b, strong { font-weight: inherit; }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace,monospace; font-size: 1em; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

audio, video { display: inline-block; }

audio:not([controls]) { display: none; height: 0; }

img { border-style: none; }

svg:not(:root) { overflow: hidden; }

button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0; }

button, input { overflow: visible; }

button, select { text-transform: none; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText; }

fieldset { padding: .35em .75em .625em; }

legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }

progress { display: inline-block; vertical-align: baseline; }

textarea { overflow: auto; }

[type=checkbox], [type=radio] { box-sizing: border-box; padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

details, menu { display: block; }

summary { display: list-item; }

canvas { display: inline-block; }

template { display: none; }

[hidden] { display: none; }

/*# sourceMappingURL=normalize.min.css.map */
/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* ---------------------------------------------------------------
Mixin
Constitution:

Comments: 
you can use Compass mixins
http://compass-style.org/index/mixins/
--------------------------------------------------------------- */
/* ======================================== font-smoothing ======================================== */
/* ======================================== px → vw サイズ変換 ======================================== */
/* ======================================== px → % サイズ変換 $size  ： 変換したい要素のサイズ $parent： 親要素のサイズ ======================================== */
@media (min-width: 1201px) { .padding-wrap { max-width: 1440px; margin: 0 auto; padding: 0 50px; }
  .language-select { margin: 20px 0; } }
@media (max-width: 1200px) and (min-width: 801px) { .padding-wrap { max-width: 1200px; margin: 0 auto; padding: 0 1.667% 0; }
  .language-select { margin: 20px 0; } }
@media (max-width: 899px) { .main-column { font-size: 3.73333vw; } }
@media (max-width: 800px) and (min-width: 641px) { .padding-wrap { max-width: 800px; padding: 0 2.5%; }
  .language-select { margin: 20px 0; } }
@media (max-width: 640px) { .padding-wrap { max-width: 640px; padding: 0 3.125%; }
  .language-select { margin: 20px 0; } }
.contents-wrapper[data-layout="1"] { max-width: 100% !important; padding: 0 !important; }

@media only screen and (min-width: 900px) { .color-frame-section:first-child { max-width: 1440px; padding: 0 50px; margin: 0 0 20px; }
  .brand-index, .brand-promise { overflow: hidden; }
  .brand-index picture { font-size: 0; line-height: 0; display: block; }
  .brand-promise picture { font-size: 0; line-height: 0; display: block; }
  .brand-index .pc { display: block; }
  .brand-index .sp { display: none; }
  .brand-promise .pc { display: block; }
  .brand-promise .sp { display: none; }
  .brand-mainvisual { width: 100%; padding-top: 56.222%; background: url(../jpg/brand_mainvisual%402x.jpg) no-repeat center top/cover; position: relative; margin-bottom: 70px; }
  .brand-mainvisual-title { width: 258px; position: absolute; top: 33.59%; left: 50%; transform: translate(-50%, 0); }
  .brand-mainvisual-title picture { width: 100%; height: auto; }
  .brand-mainvisual-lead { width: 808px; position: absolute; top: 44.762%; left: 50%; transform: translate(-50%, 0); }
  .brand-index-cn .brand-mainvisual-lead { max-width: 1016px; min-width: 808px; width: 56.444vw; }
  .brand-index-tw .brand-mainvisual-lead { max-width: 1020px; min-width: 808px; width: 56.666vw; }
  .brand-mainvisual-lead picture { width: 100%; height: auto; }
  .brand-power { margin-bottom: 130px; }
  .brand-power .brand-power-img { text-align: center; margin-bottom: 70px; }
  .brand-power-txtBlock { display: flex; justify-content: center; }
  .brand-power-hd { width: 333px; margin-right: 62px; margin-left: 80px; flex: 0 0 333px; padding-top: 150px; }
  .brand-power-txt { line-height: 1.7222; flex: 1; }
  .brand-power-txt p { margin-bottom: 24px; }
  .brand-top-promise { text-align: center; background: url(../jpg/brand_top_promise_bg.jpg) no-repeat center top/cover; }
  .brand-top-promise .padding-wrap { position: relative; padding-top: 60px; padding-bottom: 60px; }
  .brand-top-promise-title { position: absolute; top: -32px; left: 50%; transform: translate(-50%, 0); }
  .brand-top-promise-sub { margin-bottom: 35px; }
  .brand-top-promise-mes { margin-bottom: 30px; }
  .brand-top-promise-list { margin-bottom: 30px; }
  .brand-top-promise-list ul { display: none; }
  .brand-top-promise-btn .elem-btn a { color: #fff; }
  .brand-contents { padding-top: 100px; }
  .brand-slogan { width: 800px; box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.1); margin: 0 auto 30px; padding: 30px 0 50px; text-align: center; line-height: 1.722; }
  .brand-slogan-title { margin-bottom: 18px; }
  .brand-index-cn .brand-slogan-title { margin-bottom: 28px; }
  .brand-index-tw .brand-slogan-title { margin-bottom: 28px; }
  .brand-slogan-item { margin-bottom: 18px; }
  .brand-index-cn .brand-slogan-item { margin-bottom: 32px; }
  .brand-index-tw .brand-slogan-item { margin-bottom: 32px; }
  .brand-slogan-content { padding-right: 30px; padding-left: 30px; }
  .brand-slogan-content p { margin-bottom: 40px; }
  .brand-slogan-content p:last-child { margin-bottom: 0; }
  .brand-mark { width: 800px; box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.1); margin: 0 auto 30px; padding: 50px 70px 50px; line-height: 1.722; }
  .brand-mark-title { margin-bottom: 25px; text-align: center; }
  .brand-mark-item { margin-bottom: 50px; text-align: center; }
  .brand-mark-content p { margin-bottom: 30px; }
  .brand-slogan-content p:last-child { margin-bottom: 0; }
  .brand-product { width: 800px; box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.1); margin: 0 auto 30px; padding: 50px 70px 50px; line-height: 1.722; }
  .brand-product-title { margin-bottom: 50px; text-align: center; }
  .brand-product-item { margin-bottom: 45px; text-align: center; }
  .brand-product-sub { margin-bottom: 50px; text-align: center; }
  .brand-product-sub + p { text-align: center; }
  .brand-product-content h3 { font-weight: bold; margin-bottom: 5px; }
  .brand-product-content p { margin-bottom: 30px; }
  .brand-slogan-content p:last-child { margin-bottom: 0; }
  .brand-product-content ul { margin-bottom: 30px; }
  .brand-product-content ul:last-child { margin-bottom: 0; }
  .brand-product-content li { margin-bottom: 0; list-style: disc outside; margin-left: 1.5em; }
  .brand-promise-mainvisual { width: 100%; padding-top: 31.66666%; background: url(../jpg/brand_promise_mainvisual%402x.jpg) no-repeat center top/cover; position: relative; margin-bottom: 80px; }
  .brand-promise-mainvisual-title { width: 258px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -200%); }
  .brand-promise-mainvisual-title picture { width: 100%; height: auto; }
  .brand-promise-mainvisual-lead { width: 796px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -8%); }
  .brand-promise-cn .brand-promise-mainvisual-lead { width: 503px; }
  .brand-promise-tw .brand-promise-mainvisual-lead { width: 505px; }
  .brand-promise-mainvisual-lead picture { width: 100%; height: auto; }
  .brand-promise-omoi { margin-bottom: 175px; }
  .brand-promise-omoi li { padding-top: 45px; position: relative; margin-bottom: 80px; text-align: center; }
  .brand-promise-omoi li:before { content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 6px; height: 6px; background: #ff9900; border-radius: 100%; }
  .brand-promise-omoi li:last-child { margin-bottom: 0; }
  .brand-promise-fulfilling { max-width: 1400px; padding: 0 100px; margin: 0 auto 145px; position: relative; }
  .brand-promise-fulfilling picture { width: 100%; height: auto; }
  .brand-promise-fulfilling-content p { margin-bottom: 30px; line-height: 1.7222; }
  .brand-promise-fulfilling-content p:last-child { margin-bottom: 0; }
  .brand-promise-fulfilling-title { position: absolute; left: 11.0714%; width: 35.5%; z-index: 2; }
  .brand-promise-cn .brand-promise-fulfilling-title { left: 11.928%; width: 43.5833%; }
  .brand-promise-tw .brand-promise-fulfilling-title { left: 11.928%; width: 43.5833%; }
  .brand-promise-fulfilling-img-01 { position: absolute; padding-top: 6.785%; left: -14.2857%; width: 64.2857%; }
  .brand-promise-cn .brand-promise-fulfilling-img-01 { padding-top: 2.533%; }
  .brand-promise-tw .brand-promise-fulfilling-img-01 { padding-top: 2.533%; }
  .brand-promise-fulfilling-01 { padding-top: 13.214%; padding-left: 53.33333%; margin-bottom: 90px; min-height: 35.72vw; } }
@media only screen and (min-width: 900px) and (min-width: 1400px) { .brand-promise-fulfilling-01 { min-height: 500px; } }
@media only screen and (min-width: 900px) { .brand-promise-cn .brand-promise-fulfilling-01 { min-height: 31vw; padding-top: 9.4166%; } }
@media only screen and (min-width: 900px) and (min-width: 1400px) { .brand-promise-cn .brand-promise-fulfilling-01 { min-height: 436px; } }
@media only screen and (min-width: 900px) { .brand-promise-tw .brand-promise-fulfilling-01 { min-height: 31vw; padding-top: 9.4166%; } }
@media only screen and (min-width: 900px) and (min-width: 1400px) { .brand-promise-tw .brand-promise-fulfilling-01 { min-height: 436px; } }

@media only screen and (min-width: 900px) { .brand-promise-fulfilling-sub-01 { width: 93.75%; margin-bottom: 25px; }
  .brand-promise-cn .brand-promise-fulfilling-sub-01 { width: 83.70%; }
  .brand-promise-tw .brand-promise-fulfilling-sub-01 { width: 83.70%; }
  .brand-promise-fulfilling-02 { position: relative; }
  .brand-promise-fulfilling-02 .brand-promise-fulfilling-content { padding-right: 39.4167%; position: relative; }
  .brand-promise-fulfilling-img-02 { position: absolute; padding-top: 4.785%; right: -14.2857%; width: 51%; }
  .brand-promise-fulfilling-sub-02 { width: 60.5833%; margin-bottom: 30px; position: relative; }
  .brand-promise-cn .brand-promise-fulfilling-sub-02 { width: 51.083%; }
  .brand-promise-tw .brand-promise-fulfilling-sub-02 { width: 51.083%; }
  .brand-promise-fulfilling-sub-02 picture { width: 100%; height: auto; }
  .brand-promise-overview { margin-bottom: 70px; }
  .brand-promise-overview-head { width: 100%; position: relative; height: calc(100vw * 12 / 45); overflow: hidden; }
  .brand-promise-overview-head-inner { position: relative; width: 100%; margin: 0 auto; max-width: 1400px; overflow: hidden; padding-right: 100px; display: flex; align-content: flex-end; flex-direction: column; justify-content: center; text-align: right; z-index: 4; height: calc(100vw * 12 / 45); }
  .yt-player-essay-wrap { position: absolute; top: 0; left: 0; }
  .brand-promise-overview-movie { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; }
  #js-sp-slideshow02 { display: none; }
  #js-tb-slideshow02 { display: none; }
  .tablet #js-tb-slideshow02 { display: block; }
  .tablet .yt-player-essay-wrap { display: none !important; }
  .brand-promise-overview-title { margin-bottom: 25px; }
  .brand-promise-overview-title picture { width: 100%; height: auto; }
  .brand-promise-overview-lead { text-align: right; color: #fff; line-height: 1.7222; }
  .brand-promise-overview-body { margin: 0 auto; max-width: 1400px; padding: 0 100px; position: relative; min-height: 510px; }
  .brand-promise-overview-body h4 { font-weight: bold; margin-bottom: 15px; line-height: 1.744; }
  .brand-promise-cn .brand-promise-overview-body h4 { font-weight: normal; }
  .brand-promise-tw .brand-promise-overview-body h4 { font-weight: normal; }
  .brand-promise-overview-sub { padding-top: 70px; margin-bottom: 38px; }
  .brand-promise-overview-content { padding-left: calc(35% + 50px); }
  .brand-promise-overview-content p { margin-bottom: 38px; line-height: 1.7222; }
  .brand-promise-overview-img { position: absolute; top: -50px; left: 100px; width: 30%; z-index: 3; }
  .brand-promise-overview-img picture { width: 100%; height: auto; }
  .brand-promise-from { margin: 0 auto; max-width: 1400px; padding: 0 100px; position: relative; }
  .brand-promise-from-01 { margin-bottom: 75px; }
  .brand-promise-from-01-head { width: 100%; padding-top: 27.5%; background: url(../jpg/brand_promise_from_bg_01.jpg) no-repeat center top/cover; position: relative; margin-bottom: 45px; }
  .brand-promise-from-01-title { position: absolute; left: 5.833%; top: 25.75757%; width: 42.8333%; }
  .brand-promise-cn .brand-promise-from-01-title { width: 32.9166%; }
  .brand-promise-tw .brand-promise-from-01-title { width: 33.25%; }
  .brand-promise-from-01-title picture { width: 100%; height: auto; }
  .brand-promise-from-02 { margin-bottom: 75px; }
  .brand-promise-from-02-lead { position: absolute; bottom: 18px; left: 18px; font-size: 14px; line-height: 1.5; }
  .brand-promise-from-02-head { width: 100%; padding-top: 27.5%; background: url(../jpg/brand_promise_from_bg_02.jpg) no-repeat center top/cover; position: relative; margin-bottom: 45px; color: #fff; }
  .brand-promise-from-02-title { position: absolute; right: 100px; top: 31.81818%; width: 58.5833%; }
  .brand-promise-cn .brand-promise-from-02-title { width: 42.9166%; }
  .brand-promise-tw .brand-promise-from-02-title { width: 42.9166%; }
  .brand-promise-from-02-title picture { width: 100%; height: auto; }
  .brand-promise-from-01-lead { position: absolute; bottom: 18px; left: 18px; font-size: 14px; line-height: 1.5; }
  .brand-promise-from-content { display: flex; justify-content: space-around; line-height: 1.7222; }
  .brand-promise-from-content-item { width: 45.8%; display: block; }
  .brand-promise-from-03-title { text-align: center; margin-bottom: 113px; }
  .brand-promise-from-entrants.brand-promise-from-entrants--3column ul { justify-content: center; }
  .brand-promise-from-entrants.brand-promise-from-entrants--3column li:nth-child(1) { margin-right: 3.334%; }
  .brand-promise-from-entrants ul { display: flex; justify-content: space-between; margin-bottom: -115px; flex-wrap: wrap; }
  .brand-promise-from-entrants li { width: 48.333%; background: #fdf2e5; border: 4px solid #fbe6ce; position: relative; padding: 78px 0 25px; margin: 0 0 115px; }
  .brand-promise-from-entrants figure { position: absolute; top: -70px; left: 50%; transform: translate(-50%, 0); }
  .brand-promise-from-entrants h3 { font-weight: bold; text-align: center; padding: 0 25px; margin-bottom: 10px; }
  .brand-promise-cn .brand-promise-from-entrants h3 { font-weight: normal; }
  .brand-promise-tw .brand-promise-from-entrants h3 { font-weight: normal; }
  .brand-promise-from-entrants h3 + p { font-size: 14px; text-align: center; padding: 0 25px; margin-bottom: 17px; line-height: 1.5; }
  .brand-promise-from-entrants .brand-promise-form-content-sub { padding: 0 25px; line-height: 1.5; }
  /* Slider */
  .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
  .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
  .slick-list:focus { outline: none; }
  .slick-list.dragging { cursor: pointer; cursor: hand; }
  .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
  .slick-track:before, .slick-track:after { content: ""; display: table; }
  .slick-track:after { clear: both; }
  .slick-loading .slick-track { visibility: hidden; }
  .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
  [dir="rtl"] .slick-slide { float: right; }
  .slick-slide img { display: block; }
  .slick-slide.slick-loading img { display: none; }
  .slick-slide.dragging img { pointer-events: none; }
  .slick-initialized .slick-slide { display: block; }
  .slick-loading .slick-slide { visibility: hidden; }
  .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
  .slick-arrow.slick-hidden { display: none; }
  .brand-nav { background: url(../brand_nav_bgd41d.html) no-repeat left top/cover; }
  .brand-nav-sp { display: none; }
  .brand-nav { background: url(../jpg/brand_nav_bg%402x.jpg) no-repeat 50% 50%; background-size: cover; width: auto; height: 270px; margin: 100px auto 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
  .brand-nav .brand-nav-main { display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; }
  .brand-nav .brand-nav-main li { font-size: 16px; font-weight: bold; width: 265px; text-align: center; }
  .brand-nav .brand-nav-main li:last-child { padding-right: 0; margin-right: 0; }
  .brand-nav .brand-nav-main li a { color: #fff; }
  .brand-nav .brand-nav-main li a:hover { text-decoration: underline; }
  .brand-nav .brand-nav-main li ul { margin-top: 10px; margin-left: 56px; }
  .brand-nav .brand-nav-main li ul li { font-size: 14px; font-weight: bold; margin-bottom: 10px; width: 100%; text-align: left; }
  .brand-nav .brand-nav-main li ul li::before { content: '・'; color: #fff; }
  .brand-nav .brand-nav-main li ul li:last-child { margin-bottom: 0; }
  .brand-contents-inner { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 2.14286vw; }
  .nanichan-logo { width: 800px; box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.1); margin: 0 auto 30px; padding: 50px 70px 50px; line-height: 1.722; }
  .nanichan-logobox { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 360px; margin-right: auto; margin-left: auto; }
  .nanichan-logobox.cn-adjust { max-width: 400px; }
  .nanichan-logo-title { width: 60%; margin: auto; max-width: 195px; position: relative; top: -10px; right: 17px; }
  .nanichan-logo-item { width: 40%; }
  .nanichan-logo-item img { width: unset; max-width: 120px; height: auto; }
  .nanichan-logo-txt { width: 100%; margin-top: 27px; text-align: center; }
  .nanichan-logo-txt span { font-weight: bold; }
  .weight-adjust { font-weight: bold; }
  .nanichan-title { font-size: 2em; font-weight: bold; text-align: center; padding-bottom: 1em; }
  .cn-logo-adjust { position: relative; top: -0px; right: 0px; max-width: 235px; width: 235px; }
  .tw-logo-adjust { position: relative; top: -15px; right: -23px; width: 165px; }
  .brand-index-tw { font-family: 'Noto Sans HK', sans-serif,'Noto Sans SC'; }
  .brand-index-tw .language-select { font-family: sans-serif; }
  .brand-promise-tw { font-family: 'Noto Sans HK', sans-serif,'Noto Sans SC'; }
  .brand-promise-tw .language-select { font-family: sans-serif; }
  .brand-promise-tw .brand-promise-overview-body .parts_fontweight { font-weight: bold; }
  .brand-promise-cn .brand-promise-overview-body .parts_fontweight { font-weight: bold; }
  .promise-road-voice-caution_en-cn-tw { font-size: 14px; margin-top: 50px; text-align: right; }
  /*==================================================================== world recipes ====================================================================*/
  .worldrecipes_mv-pc img { width: 100%; }
  .main-wrap { padding: 15px; }
  .worldrecipes_ttl { margin: 0 auto; width: 41.6%; margin-top: -16%; font-size: inherit;}
  .worldrecipes_ttl img { width: 100%; }
  .world_map_wrap { position: relative; width: 100%; }
  .worldrecipes_map { position: absolute; z-index: -1; width: 100%; }
  .worldrecipes_map img { width: 100%; }
  .worldrecipes_exp { font-size: 16px; line-height: 1.5; text-align: center; padding-bottom: 80px; padding-top: 30px; }
  /*==================================================================== world selection ====================================================================*/
  .worldselect_wrapper { max-width: 750px; width: 100%; margin: 0 auto; }
  .worldselect_wrap { width: 100%; margin: 0 auto; border-top: dotted 1px #ff9900; border-bottom: dotted 1px #ff9900; padding-top: 10px; }
  .worldselect_area { padding-bottom: 10px; width: 127px; }
  .worldselect_area img { width: 100%; }
  .box_one { display: flex; }
  .box_one--line-break { flex-wrap: wrap; }
  .ex-link { font-size: 16px; font-weight: bold; padding-bottom: 20px; padding-left: 20px; }
  .icon-blank { margin-left: 7px; }
  .icon-blank img { width: 20px; vertical-align: middle; }
  .ex-link-global { font-size: 16px; font-weight: bold; padding-top: 10px; text-align: right; padding-bottom: 190px; }
  .ex-link-global .earth_icon { margin-right: 7px; }
  .ex-link-global .earth_icon img { vertical-align: middle; width: 35px; }
  .wr_fadeIn { animation: fadeIn 4s ease 0s 1 normal; }
  @keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } } }
@media all and (-ms-high-contrast: none) { .main-column .brand-layout-voice, .main-column .brand-layout-voice-02 { flex: 0 1 35vw; } }
@media only screen and (max-width: 899px) { .color-frame-section:first-child { max-width: 640px; padding: 0 3.125%; }
  .brand-index picture { font-size: 0; line-height: 0; display: block; }
  .brand-promise picture { font-size: 0; line-height: 0; display: block; }
  .brand-index .pc { display: none; }
  .brand-index .sp { display: block; }
  .brand-promise .pc { display: none; }
  .brand-promise .sp { display: block; }
  .brand-mainvisual { width: 100%; padding-top: 100%; background: url(../jpg/brand_mainvisual_sp.jpg) no-repeat center top/cover; position: relative; margin-bottom: 10.666vw; }
  .brand-mainvisual-title { width: 77.333%; position: absolute; top: 22.4%; left: 50%; transform: translate(-50%, 0); }
  .brand-mainvisual-lead { width: 83.0666%; position: absolute; top: 42.666%; left: 50%; transform: translate(-50%, 0); }
  .brand-index-cn .brand-mainvisual-lead { width: 80%; }
  .brand-index-tw .brand-mainvisual-lead { width: 80%; }
  .brand-power { margin-bottom: 83px; }
  .brand-power .brand-power-img { text-align: center; margin-bottom: 50px; }
  .brand-power-hd { width: 82.4vw; margin: 20px auto; }
  .brand-index-cn .brand-power-hd { width: 48vw; }
  .brand-index-tw .brand-power-hd { width: 48vw; }
  .brand-power-txt { line-height: 1.6428; flex: 1; }
  .brand-power-txt p { margin-bottom: 20px; }
  .brand-power-logo { width: 48vw; }
  .brand-top-promise { background: url(../jpg/brand_top_promise_bg_sp.jpg) no-repeat center bottom/cover; }
  .brand-top-promise .padding-wrap { position: relative; padding-top: 14.66vw; padding-bottom: 14.66vw; }
  .brand-top-promise-title { width: 34.4vw; position: absolute; top: -4.53vw; left: 50%; transform: translate(-50%, 0); }
  .brand-index-cn .brand-top-promise-title { width: 40.8vw; }
  .brand-index-tw .brand-top-promise-title { width: 40.8vw; }
  .brand-top-promise-sub { width: 55.33vw; margin: 0 auto 10.666vw; }
  .brand-index-cn .brand-top-promise-sub { margin: 0 0 10.666vw; }
  .brand-index-tw .brand-top-promise-sub { margin: 0 0 10.666vw; }
  .brand-top-promise-mes { width: 78vw; margin: 0 auto 10.666vw; }
  .brand-index-cn .brand-top-promise-mes { margin: 0 0 10.666vw; width: 92.666vw; }
  .brand-index-tw .brand-top-promise-mes { margin: 0 0 10.666vw; width: 93.2vw; }
  .brand-top-promise-list { color: #fff; margin-bottom: 3.33vw; line-height: 1.64; font-size: 3.733333324vw; }
  .brand-top-promise-list picture { display: none; }
  .brand-top-promise-list li { margin-bottom: 2.666vw; padding-left: 1em; position: relative; }
  .brand-top-promise-list li:before { position: absolute; top: 2vw; left: 0; width: 2.4vw; height: 2.4vw; border-radius: 100%; background: #fff; content: ""; }
  .brand-contents { padding-top: 13.333vw; }
  .brand-slogan { box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.1); margin: 0 auto 8vw; padding: 10.666vw 4vw 9.3333vw; line-height: 1.6428; }
  .brand-slogan-title { margin-bottom: 5.6vw; }
  .brand-slogan-title picture { width: 46.8vw; margin: 0 auto; }
  .brand-index-cn .brand-slogan-title picture { width: 24.8vw; }
  .brand-index-tw .brand-slogan-title picture { width: 24.8vw; }
  .brand-slogan-item { margin-bottom: 5.6vw; }
  .brand-slogan-item picture { width: 69.333vw; margin: 0 auto; }
  .brand-index-cn .brand-slogan-item picture { width: 64vw; }
  .brand-index-tw .brand-slogan-item picture { width: 64vw; }
  .brand-slogan-content p { margin-bottom: 10.666vw; }
  .brand-slogan-content p:last-child { margin-bottom: 0; }
  .brand-mark { box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.1); margin: 0 auto 8vw; padding: 10.666vw 4vw 9.3333vw; line-height: 1.6428; }
  .brand-mark-title { margin-bottom: 5.6vw; }
  .brand-mark-title picture { width: 43.066vw; margin: 0 auto; }
  .brand-index-cn .brand-mark-title picture { width: 25.06vw; }
  .brand-index-tw .brand-mark-title picture { width: 25.6vw; }
  .brand-mark-item { margin-bottom: 10.666vw; }
  .brand-mark-item picture { width: 60.4vw; margin: 0 auto; }
  .brand-mark-content p { margin-bottom: 5.333vw; }
  .brand-mark-content p:last-child { margin-bottom: 0; }
  .brand-product { box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.1); margin: 0 auto 8vw; padding: 10.666vw 4vw 9.3333vw; line-height: 1.6428; }
  .brand-product-title { margin-bottom: 9.3333vw; }
  .brand-product-title picture { width: 39.2vw; margin: 0 auto; }
  .brand-index-cn .brand-product-title picture { width: 24.53vw; }
  .brand-index-tw .brand-product-title picture { width: 24.53vw; }
  .brand-product-item { margin-bottom: 10.666vw; }
  .brand-product-sub picture { width: 73.7333vw; margin: 0 auto; }
  .brand-product-sub { margin-bottom: 9.333vw; }
  .brand-product-sub picture { width: 83.8666vw; margin: 0 auto; }
  .brand-index-cn .brand-product-sub picture { width: 86.133vw; }
  .brand-index-tw .brand-product-sub picture { width: 86.133vw; }
  .brand-product-content h3 { font-weight: bold; margin-bottom: 5px; }
  .brand-product-sub + p { margin-bottom: 6vw; }
  .brand-product-content ul { margin-bottom: 6vw; }
  .brand-product-content ul:last-child { margin-bottom: 0; }
  .brand-product-content li { margin-bottom: 0; list-style: disc outside; margin-left: 1.5em; }
  .brand-promise-mainvisual { width: 100%; padding-top: 56%; background: url(../jpg/brand_promise_mainvisual_sp.jpg) no-repeat center top/cover; position: relative; margin-bottom: 30px; }
  .brand-promise-mainvisual-title { width: 55.333%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -160%); text-align: center; }
  .brand-promise-mainvisual-lead { width: 86.4%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -12%); text-align: center; }
  .brand-promise-cn .brand-promise-mainvisual-lead { width: 71.066%; }
  .brand-promise-tw .brand-promise-mainvisual-lead { width: 71.333%; }
  .brand-promise-omoi { margin-bottom: 90px; }
  .brand-promise-omoi li { padding-top: 26px; position: relative; margin-bottom: 25px; text-align: center; margin-right: auto; margin-left: auto; }
  .brand-promise-omoi li:before { content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); width: 6px; height: 6px; background: #ff9900; border-radius: 100%; }
  .brand-promise-omoi li:last-child { margin-bottom: 0; }
  .brand-promise-omoi li:nth-child(1) { width: 80.8vw; }
  .brand-promise-cn .brand-promise-omoi li:nth-child(1) { width: 71.6vw; }
  .brand-promise-tw .brand-promise-omoi li:nth-child(1) { width: 64.666vw; }
  .brand-promise-omoi li:nth-child(2) { width: 86.533vw; }
  .brand-promise-cn .brand-promise-omoi li:nth-child(2) { width: 76vw; }
  .brand-promise-tw .brand-promise-omoi li:nth-child(2) { width: 76.666vw; }
  .brand-promise-omoi li:nth-child(3) { width: 87.866vw; }
  .brand-promise-cn .brand-promise-omoi li:nth-child(3) { width: 87.466vw; }
  .brand-promise-tw .brand-promise-omoi li:nth-child(3) { width: 87.7333vw; }
  .brand-promise-fulfilling { margin-bottom: 60px; }
  .brand-promise-fulfilling-title { width: 73.733%; position: relative; z-index: 2; padding: 0 3.125%; }
  .brand-promise-cn .brand-promise-fulfilling-title { width: 77.4666%; }
  .brand-promise-tw .brand-promise-fulfilling-title { width: 77.7333%; }
  .brand-promise-fulfilling-img-01 { position: relative; margin-top: -6px; margin-bottom: 36px; }
  .brand-promise-fulfilling-img-01 img { width: 100%; height: auto; }
  .brand-promise-fulfilling-01 { padding: 0 3.125%; margin-bottom: 35px; }
  .brand-promise-fulfilling-sub-01 { width: 68.133vw; margin-bottom: 22px; }
  .brand-promise-cn .brand-promise-fulfilling-sub-01 { width: 79.333vw; }
  .brand-promise-tw .brand-promise-fulfilling-sub-01 { width: 79.066vw; }
  .brand-promise-fulfilling-content { line-height: 1.64; }
  .brand-promise-fulfilling-content p { margin-bottom: 20px; }
  .brand-promise-fulfilling-content p:last-child { margin-bottom: 0; }
  .brand-promise-fulfilling-02 { padding: 0 3.125%; }
  .brand-promise-fulfilling-img-02 { margin-bottom: 40px; }
  .brand-promise-fulfilling-img-02 img { width: 100%; height: auto; }
  .brand-promise-fulfilling-sub-02 { width: 83.666vw; margin-bottom: 20px; }
  .brand-promise-cn .brand-promise-fulfilling-sub-02 { width: 58.1333vw; }
  .brand-promise-tw .brand-promise-fulfilling-sub-02 { width: 58.666vw; }
  .brand-promise-overview { margin-bottom: 60px; }
  .brand-promise-overview-head { width: 100%; position: relative; padding-top: 56%; margin-bottom: 40px; }
  .brand-promise-overview-head-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; z-index: 2; }
  .brand-promise-overview-movie { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
  #js-tb-slideshow02 { display: none; }
  .yt-player-essay-wrap { display: none !important; }
  .brand-promise-overview-title { width: 69.733vw; margin-bottom: 15px; }
  .brand-promise-cn .brand-promise-overview-title { width: 88vw; }
  .brand-promise-tw .brand-promise-overview-title { width: 88vw; }
  .brand-promise-overview-lead { width: 100%; color: #fff; padding: 0 3.125%; line-height: 1.64; position: relative; }
  .brand-promise-overview-content { padding: 0 3.125%; line-height: 1.64; margin-bottom: 35px; }
  .brand-promise-overview-content h4 { font-weight: bold; margin-bottom: 16px; }
  .brand-promise-cn .brand-promise-overview-content h4 { font-weight: normal; }
  .brand-promise-tw .brand-promise-overview-content h4 { font-weight: normal; }
  .brand-promise-overview-content p { margin-bottom: 16px; }
  .brand-promise-overview-content p:last-child { margin-bottom: 0; }
  .brand-promise-overview-sub { width: 26.1333vw; margin-bottom: 26px; }
  .brand-promise-cn .brand-promise-overview-sub { width: 12.9333vw; }
  .brand-promise-tw .brand-promise-overview-sub { width: 12.9333vw; }
  .brand-promise-overview-img { margin: 0 3.125%; }
  .brand-promise-overview-img img { width: 100%; height: auto; }
  .brand-promise-from { position: relative; margin: 0 3.125%; }
  .brand-promise-from-01 { margin-bottom: 54px; }
  .brand-promise-from-01-head { width: 100%; padding-top: 64.5%; background: url(../jpg/brand_promise_from_bg_01_sp.jpg) no-repeat center top/100% auto; position: relative; margin-bottom: 33px; }
  .brand-promise-cn .brand-promise-from-01-head { background: url(../jpg/brand_promise_from_bg_01_sp-2.jpg) no-repeat center top/100% auto; }
  .brand-promise-tw .brand-promise-from-01-head { background: url(../jpg/brand_promise_from_bg_01_sp-3.jpg) no-repeat center top/100% auto; }
  .brand-promise-from-01-title { width: 88.8vw; margin-bottom: 12px; }
  .brand-promise-cn .brand-promise-from-01-title { width: 68.533vw; }
  .brand-promise-tw .brand-promise-from-01-title { width: 69.333vw; }
  .brand-promise-from-01-lead { font-size: 85%; line-height: 1.3125; }
  .brand-promise-from-02 { margin-bottom: 54px; }
  .brand-promise-from-02-head { width: 100%; padding-top: 64.5%; background: url(../jpg/brand_promise_from_bg_02_sp.jpg) no-repeat center top/100% auto; position: relative; margin-bottom: 33px; }
  .brand-promise-cn .brand-promise-from-02-head { background: url(../jpg/brand_promise_from_bg_02_sp-2.jpg) no-repeat center top/100% auto; }
  .brand-promise-tw .brand-promise-from-02-head { background: url(../jpg/brand_promise_from_bg_02_sp-3.jpg) no-repeat center top/100% auto; }
  .brand-promise-from-02-title { width: 81.6vw; margin-bottom: 12px; }
  .brand-promise-cn .brand-promise-from-02-title { width: 91.866vw; }
  .brand-promise-tw .brand-promise-from-02-title { width: 89.066vw; }
  .brand-promise-from-02-lead { font-size: 85%; line-height: 1.3125; }
  .brand-promise-from-content { line-height: 1.64; }
  .brand-promise-from-content-item p { display: inline; }
  .brand-promise-from-03-title { margin: 0 auto 95px; width: 37.733vw; }
  .brand-promise-cn .brand-promise-from-03-title { width: 37.733vw; }
  .brand-promise-tw .brand-promise-from-03-title { width: 38vw; }
  .brand-promise-from-entrants ul { margin-bottom: -115px; }
  .brand-promise-from-entrants li { margin-bottom: 115px; background: #fdf2e5; border: 4px solid #fbe6ce; position: relative; padding: 78px 0 25px; }
  .brand-promise-from-entrants figure { position: absolute; top: -70px; left: 50%; width: 130px; transform: translate(-50%, 0); }
  .brand-promise-from-entrants h3 { font-weight: bold; text-align: center; padding: 0 25px; margin-bottom: 10px; }
  .brand-promise-from-entrants h3 + p { font-size: 85%; text-align: center; padding: 0 25px; margin-bottom: 17px; line-height: 1.5; }
  .brand-promise-from-entrants .brand-promise-form-content-sub { padding: 0 25px; line-height: 1.5; }
  .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
  .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
  .slick-list:focus { outline: none; }
  .slick-list.dragging { cursor: pointer; cursor: hand; }
  .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }
  .slick-track:before, .slick-track:after { content: ""; display: table; }
  .slick-track:after { clear: both; }
  .slick-loading .slick-track { visibility: hidden; }
  .slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
  [dir="rtl"] .slick-slide { float: right; }
  .slick-slide img { display: block; }
  .slick-slide.slick-loading img { display: none; }
  .slick-slide.dragging img { pointer-events: none; }
  .slick-initialized .slick-slide { display: block; }
  .slick-loading .slick-slide { visibility: hidden; }
  .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
  .slick-arrow.slick-hidden { display: none; }
  .brand-nav { display: none; }
  .brand-nav-sp { background: url(../jpg/brand_nav_bg_sp.jpg) no-repeat 50% 50%; background-size: cover; width: 100%; height: calc(100vw * 806 / 1500); margin: 18.66667vw auto 0 auto; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; }
  .brand-nav-sp .brand-contents-inner { display: -webkit-flex; display: flex; }
  .brand-nav-sp .brand-nav-left, .main-column .brand-nav-sp .brand-nav-right { width: 44vw; }
  .brand-nav-sp .brand-nav-left li, .main-column .brand-nav-sp .brand-nav-right li { font-size: 3.46667vw; font-weight: bold; line-height: 1.0; }
  .brand-nav-sp .brand-nav-left li a, .main-column .brand-nav-sp .brand-nav-right li a { color: #fff; }
  .brand-nav-sp .brand-nav-left li a:hover, .main-column .brand-nav-sp .brand-nav-right li a:hover { text-decoration: underline; }
  .brand-nav-sp .brand-nav-left li ul, .main-column .brand-nav-sp .brand-nav-right li ul { margin-top: 4vw; }
  .brand-nav-sp .brand-nav-left li ul li, .main-column .brand-nav-sp .brand-nav-right li ul li { font-size: 3.2vw; font-weight: bold; margin-bottom: 4vw; }
  .brand-nav-sp .brand-nav-left li ul li::before, .main-column .brand-nav-sp .brand-nav-right li ul li::before { content: '・'; color: #fff; }
  .brand-nav-sp .brand-nav-left li ul li:last-child, .main-column .brand-nav-sp .brand-nav-right li ul li:last-child { margin-bottom: 0; }
  .brand-nav-sp .brand-nav-left li ul li:nth-child(2), .main-column .brand-nav-sp .brand-nav-right li ul li:nth-child(2) { padding-left: 0; }
  .brand-nav-sp .brand-nav-right { padding-left: 4vw; }
  .brand-nav-sp .brand-nav-right li:nth-child(2) { margin-top: 5.33333vw; }
  .brand-contents-inner { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 2.14286vw; }
  .brand-contents-inner-np { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0; }
  .nanichan-logo { box-shadow: 1px 0 5px 2px rgba(0, 0, 0, 0.1); margin: 0 auto 8vw; padding: 10.666vw 4vw 9.3333vw; line-height: 1.6428; }
  .nanichan-logo-title { width: 50%; text-align: right; margin: auto; position: relative; top: -16px; right: 16px; text-align: -webkit-right; }
  .brand-index-cn .nanichan-logo-title { top: 0; right: 0; width: 60%; }
  .nanichan-logo picture { width: 43.066vw; margin-right: 0; margin-left: auto; }
  .brand-index-cn .nanichan-logo picture { width: 40vw; }
  .brand-index-tw .nanichan-logo picture { width: 25.6vw; }
  .nanichan-logo-item { text-align: left; width: 50%; }
  .brand-index-cn .nanichan-logo-item { width: 40%; }
  .nanichan-logo-item picture { margin-left: 0; margin-right: auto; }
  .nanichan-logo-item img { width: 21.33333vw; max-width: 160px; vertical-align: bottom; }
  .nanichan-logo-content p { margin-bottom: 5.333vw; }
  .nanichan-logo-content p:last-child { margin-bottom: 0; }
  .nanichan-logo-txt span { font-weight: bold; }
  .weight-adjust { font-weight: bold; }
  .margin-adjust { margin: 1em 0; }
  .nanichan-logo-txt:first-child { margin-bottom: 1em; }
  .nanichan-title { text-align: center; margin-bottom: 1em; }
  .nanichan-title picture { width: 100% !important; }
  .nanichan-title img { width: 37.73vw; max-width: 283px; }
  .nanichan-logobox { display: flex; align-items: center; justify-content: center; }
  .en-adjust .nanichan-logo-title { width: 60%; position: relative; top: -18px; right: 8px; }
  .en-adjust .nanichan-logo-title picture { width: 38.066vw; }
  .en-adjust .nanichan-logo-item { width: 40%; }
  .nanichan-logo picture { width: unset; }
  .brand-index-tw { font-family: 'Noto Sans HK', sans-serif, 'Noto Sans SC'; }
  .brand-index-tw .language-select { font-family: sans-serif; }
  .brand-promise-tw { font-family: 'Noto Sans HK', sans-serif, 'Noto Sans SC'; }
  .brand-promise-tw .language-select { font-family: sans-serif; }
  .brand-promise-tw .brand-promise-overview-body .parts_fontweight { font-weight: bold; }
  .brand-promise-cn .brand-promise-overview-body .parts_fontweight { font-weight: bold; }
  .promise-road-voice-caution_en-cn-tw { font-size: 3.2vw; margin-top: 12.93333vw; padding: 12vw 2vw 0 2vw; text-align: right; line-height: 1.5; }
  /*==================================================================== world recipes ====================================================================*/
  .main-wrap { padding: 3.29815%; }
  .worldrecipes_mv-sp img { width: 100%; }
  .worldrecipes_ttl { margin: 3.29815% auto; width: 85%; font-size: inherit;}
  .worldrecipes_ttl img { width: 100%; }
  .world_map_wrap { position: relative; width: 100%; }
  .worldrecipes_map { position: absolute; width: 110%; z-index: -1; margin-left: calc(50% - 50vw); }
  .worldrecipes_map img { width: 110%; }
  .worldrecipes_exp { font-size: 4.26667vw; font-family: "Hiragino Kaku Gothic ProN"; line-height: 1.5; text-align: center; padding-bottom: 8%; padding-top: 2.66667%; }
  .ex-link { font-size: 4.26667vw; font-weight: bold; padding-bottom: 3.33333%; }
  .ex-link-global { font-size: 4.26667vw; font-weight: bold; padding-top: 4%; }
  .ex-link-global .earth_icon { margin-right: 2%; }
  .ex-link-global .earth_icon img { vertical-align: middle; width: 8.8%; }
  .icon-blank { margin-left: 2%; }
  .icon-blank img { width: 4.8%; vertical-align: middle; }
  .worldrecipes_global { vertical-align: middle; }
  .worldrecipes_midmv-sp { padding: 8% 0; }
  .worldrecipes_midmv-sp img { width: 100%; }
  /*==================================================================== accordion ====================================================================*/
  .accordion_wrap { width: 100%; }
  .accordion_one { width: 100%; border-bottom: 1px solid #ffffff; }
  .accordion_one .accordion_header { background-color: #e68012; color: #fff; cursor: pointer; font-size: 4.26667vw; font-weight: bold; padding: 3.333333%; position: relative; transition-duration: 0.2s; z-index: 1; }
  .accordion_one .accordion_header:hover { opacity: 0.8; }
  .accordion_one .accordion_header .i_box { align-items: center; box-sizing: border-box; display: flex; height: 40px; justify-content: center; margin-top: -20px; position: absolute; right: 5%; top: 50%; transform: rotate(45deg); transform-origin: center center; transition-duration: 0.2s; width: 40px; }
  .accordion_one .accordion_header .i_box .one_i { display: block; height: 18px; position: relative; transform: rotate(45deg); transform-origin: center center; transition-duration: 0.2s; width: 18px; }
  .accordion_one .accordion_header.open .i_box { transform: rotate(0deg); }
  .accordion_one .accordion_header .i_box .one_i:before, .accordion_one .accordion_header .i_box .one_i:after { background-color: #fff; border-radius: 10px; content: ""; display: flex; height: 2px; left: 0; position: absolute; top: 8px; transform: rotate(0deg); transform-origin: center center; width: 18px; }
  .accordion_one .accordion_header .i_box .one_i:before { height: 18px; left: 8px; top: 0; width: 2px; }
  .accordion_one .accordion_header.open .i_box .one_i:before { content: none; }
  .accordion_one .accordion_header.open .i_box .one_i:after { transform: rotate(-45deg); }
  .accordion_one .accordion_inner { border-bottom: 1px solid #e68012; border-left: 1px solid #e68012; border-right: 1px solid #e68012; box-sizing: border-box; display: none; padding-left: 3.333333%; padding-top: 3.333333%; background-color: #fff; }
  .accordion_one .accordion_inner .box_one { height: auto; }
  .accordion_one .accordion_inner p.txt_a_ac { margin: 0; }
  .wr_fadeIn { animation: fadeIn 1.5s ease 0s 1 normal; }
  @keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } } }