@charset "UTF-8";
@media screen and (max-width: 768px) {
  .mb30 {
    margin-bottom: 30px;
  }
  .p-localnav ul li:nth-child(5) img {
    position: relative;
    top: 5px !important;
  }
  .p-localnav ul li img {
    width: 56% !important;
  }
  .p-localnav ul li:nth-child(1) img {
    width: 62% !important;
  }
  .p-localnav ul li:nth-child(3) img {
    width: 60% !important;
  }
  .p-localnav ul li:nth-child(4) img {
    width: 62% !important;
  }
  .p-localnav ul li:nth-child(1) img {
    position: relative;
    top: -8px !important;
  }
  .p-localnav ul li:nth-child(4) img {
    position: relative;
    top: 10px !important;
  }
  .p-localnav ul li:nth-child(5) img {
    position: relative;
    top: -2px !important;
  }
  .p-localnav ul li:nth-child(5) img,
  .p-localnav ul li:nth-child(6) img {
    position: relative;
    top: 2px !important;
  }
  .p-localnav ul li:nth-child(2) .p-localnav_txt {
    position: relative;
  }
  .p-localnav ul li:nth-child(5) .p-localnav_txt {
    position: relative;
    top: -13px !important;
  }
}
p.indentback {
  text-indent: -1em;
  padding-left: 1em;
}

.subnav2lines {
  position: relative;
  top: 10px;
}

.p-localnav ul li:nth-child(2) img {
  width: 120px;
  max-height: unset !important;
}

.p-localnav ul li:nth-child(4) img {
  position: relative;
  top: 10px;
}

.p-localnav ul li:nth-child(3) .p-localnav_txt {
  letter-spacing: -1px;
}

.tbudrgothic {
  font-family: tbudrgothic-std, sans-serif;
}

.f20 {
  font-size: 20px;
}

.f25 {
  font-size: 25px !important;
}

.f30 {
  font-size: 30px;
}

.f40 {
  font-size: 40px !important;
}

.f-bold {
  font-weight: bold;
}

.f-bold900 {
  font-weight: 900;
}

@font-face {
  font-family: "mplus-1p-medium";
  src: url("/danone/common/webfonts/rounded-mplus-1p-medium.woff") format("woff"), url("/danone/common/webfonts/rounded-mplus-1p-medium.ttf") format("truetype");
}
@font-face {
  font-family: "mplus-1p-regular";
  src: url("/danone/common/webfonts/rounded-mplus-1p-regular.woff") format("woff"), url("/danone/common/webfonts/rounded-mplus-1p-regular.ttf") format("truetype");
}
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;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

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

caption,
th,
td {
  text-align: left;
  vertical-align: middle;
}

q,
blockquote {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

.fw .f-inner {
  display: block;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
}

.fw .f-inner::after {
  content: "";
  display: table;
  clear: both;
}

.fw .clearfix::after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 640px) {
  .fw {
    min-width: 640px;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-display_xs {
    display: none;
  }
  .fw .f-display_over {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-display_m {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-display_l {
    display: none;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-display_xl {
    display: none;
  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  .fw .f-display_xs {
    display: none;
  }
  .fw .f-display_over {
    display: none;
  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  .fw .f-display_s {
    display: none;
  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  .fw .f-display_l {
    display: none;
  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  .fw .f-display_xl {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .fw .f-display_xs {
    display: none;
  }
  .fw .f-display_over {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .fw .f-display_s {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .fw .f-display_m {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .fw .f-display_xl {
    display: none;
  }
}
html {
  overflow: auto;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

.fw * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
}

.fw a {
  cursor: pointer;
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fw img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

.fw section::after {
  content: "";
  display: table;
  clear: both;
}

.fw section.f-section {
  margin-top: 60px;
}

.fw sup {
  vertical-align: super;
  line-height: 1;
}

.fw sub {
  vertical-align: sub;
  line-height: 1;
}

.fw strong {
  font-weight: bold;
}

.fw button {
  cursor: pointer;
}

.fw button,
.fw input {
  font-family: "mplus-1p-regular", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

.fw input[type=text],
.fw input[type=tel],
.fw input[type=email],
.fw textarea,
.fw input[type=submit] {
  -webkit-appearance: none;
  border-radius: 0;
}

.fw .f-col {
  margin-left: -30px;
  margin-right: -30px;
}

.fw .f-col::after {
  content: "";
  display: table;
  clear: both;
}

.fw .f-col > * {
  padding-left: 30px;
  padding-right: 30px;
}

.fw .f-col > * {
  float: left;
}

.fw .f-col > .f-col1 {
  width: 8.33333%;
}

.fw .f-col > .f-col2 {
  width: 16.66667%;
}

.fw .f-col > .f-col3 {
  width: 25%;
}

.fw .f-col > .f-col4 {
  width: 33.33333%;
}

.fw .f-col > .f-col5 {
  width: 41.66667%;
}

.fw .f-col > .f-col6 {
  width: 50%;
}

.fw .f-col > .f-col7 {
  width: 58.33333%;
}

.fw .f-col > .f-col8 {
  width: 66.66667%;
}

.fw .f-col > .f-col9 {
  width: 75%;
}

.fw .f-col > .f-col10 {
  width: 83.33333%;
}

.fw .f-col > .f-col11 {
  width: 91.66667%;
}

.fw .f-col > .f-col12 {
  width: 100%;
}

.fw .f-col > .f-col_fifth {
  width: 20%;
}

@media screen and (max-width: 768px) {
  .fw .f-col > .f-col1_m {
    width: 8.33333%;
  }
  .fw .f-col > .f-col2_m {
    width: 16.66667%;
  }
  .fw .f-col > .f-col3_m {
    width: 25%;
  }
  .fw .f-col > .f-col4_m {
    width: 33.33333%;
  }
  .fw .f-col > .f-col5_m {
    width: 41.66667%;
  }
  .fw .f-col > .f-col6_m {
    width: 50%;
  }
  .fw .f-col > .f-col7_m {
    width: 58.33333%;
  }
  .fw .f-col > .f-col8_m {
    width: 66.66667%;
  }
  .fw .f-col > .f-col9_m {
    width: 75%;
  }
  .fw .f-col > .f-col10_m {
    width: 83.33333%;
  }
  .fw .f-col > .f-col11_m {
    width: 91.66667%;
  }
  .fw .f-col > .f-col12_m {
    width: 100%;
  }
  .fw .f-col > .f-col_fifth_m {
    width: 20%;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-col > .f-col1_s {
    width: 8.33333%;
  }
  .fw .f-col > .f-col2_s {
    width: 16.66667%;
  }
  .fw .f-col > .f-col3_s {
    width: 25%;
  }
  .fw .f-col > .f-col4_s {
    width: 33.33333%;
  }
  .fw .f-col > .f-col5_s {
    width: 41.66667%;
  }
  .fw .f-col > .f-col6_s {
    width: 50%;
  }
  .fw .f-col > .f-col7_s {
    width: 58.33333%;
  }
  .fw .f-col > .f-col8_s {
    width: 66.66667%;
  }
  .fw .f-col > .f-col9_s {
    width: 75%;
  }
  .fw .f-col > .f-col10_s {
    width: 83.33333%;
  }
  .fw .f-col > .f-col11_s {
    width: 91.66667%;
  }
  .fw .f-col > .f-col12_s {
    width: 100%;
  }
  .fw .f-col > .f-col_fifth_s {
    width: 20%;
  }
}
.fw .f-col.f-col_mg0 {
  margin-left: 0px;
  margin-right: 0px;
}

.fw .f-col.f-col_mg0 > * {
  padding-left: 0px;
  padding-right: 0px;
}

.fw .f-col.f-col_mg5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.fw .f-col.f-col_mg5 > * {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.fw .f-col.f-col_mg10 {
  margin-left: -5px;
  margin-right: -5px;
}

.fw .f-col.f-col_mg10 > * {
  padding-left: 5px;
  padding-right: 5px;
}

.fw .f-col.f-col_mg15 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.fw .f-col.f-col_mg15 > * {
  padding-left: 7.5px;
  padding-right: 7.5px;
}

.fw .f-col.f-col_mg20 {
  margin-left: -10px;
  margin-right: -10px;
}

.fw .f-col.f-col_mg20 > * {
  padding-left: 10px;
  padding-right: 10px;
}

.fw .f-col.f-col_mg25 {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.fw .f-col.f-col_mg25 > * {
  padding-left: 12.5px;
  padding-right: 12.5px;
}

.fw .f-col.f-col_mg30 {
  margin-left: -15px;
  margin-right: -15px;
}

.fw .f-col.f-col_mg30 > * {
  padding-left: 15px;
  padding-right: 15px;
}

.fw .f-col.f-col_mg35 {
  margin-left: -17.5px;
  margin-right: -17.5px;
}

.fw .f-col.f-col_mg35 > * {
  padding-left: 17.5px;
  padding-right: 17.5px;
}

.fw .f-col.f-col_mg40 {
  margin-left: -20px;
  margin-right: -20px;
}

.fw .f-col.f-col_mg40 > * {
  padding-left: 20px;
  padding-right: 20px;
}

.fw .f-col.f-col_mg45 {
  margin-left: -22.5px;
  margin-right: -22.5px;
}

.fw .f-col.f-col_mg45 > * {
  padding-left: 22.5px;
  padding-right: 22.5px;
}

.fw .f-col.f-col_mg50 {
  margin-left: -25px;
  margin-right: -25px;
}

.fw .f-col.f-col_mg50 > * {
  padding-left: 25px;
  padding-right: 25px;
}

.fw .f-col.f-col_mg55 {
  margin-left: -27.5px;
  margin-right: -27.5px;
}

.fw .f-col.f-col_mg55 > * {
  padding-left: 27.5px;
  padding-right: 27.5px;
}

.fw .f-col.f-col_mg60 {
  margin-left: -30px;
  margin-right: -30px;
}

.fw .f-col.f-col_mg60 > * {
  padding-left: 30px;
  padding-right: 30px;
}

.fw .f-col.f-col_mg65 {
  margin-left: -32.5px;
  margin-right: -32.5px;
}

.fw .f-col.f-col_mg65 > * {
  padding-left: 32.5px;
  padding-right: 32.5px;
}

.fw .f-col.f-col_mg70 {
  margin-left: -35px;
  margin-right: -35px;
}

.fw .f-col.f-col_mg70 > * {
  padding-left: 35px;
  padding-right: 35px;
}

.fw .f-col.f-col_mg75 {
  margin-left: -37.5px;
  margin-right: -37.5px;
}

.fw .f-col.f-col_mg75 > * {
  padding-left: 37.5px;
  padding-right: 37.5px;
}

.fw .f-col.f-col_mg80 {
  margin-left: -40px;
  margin-right: -40px;
}

.fw .f-col.f-col_mg80 > * {
  padding-left: 40px;
  padding-right: 40px;
}

@media screen and (max-width: 768px) {
  .fw .f-col.f-col_mg0_m {
    margin-left: 0px;
    margin-right: 0px;
  }
  .fw .f-col.f-col_mg0_m > * {
    padding-left: 0px;
    padding-right: 0px;
  }
  .fw .f-col.f-col_mg5_m {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
  .fw .f-col.f-col_mg5_m > * {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
  .fw .f-col.f-col_mg10_m {
    margin-left: -5px;
    margin-right: -5px;
  }
  .fw .f-col.f-col_mg10_m > * {
    padding-left: 5px;
    padding-right: 5px;
  }
  .fw .f-col.f-col_mg15_m {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .fw .f-col.f-col_mg15_m > * {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  .fw .f-col.f-col_mg20_m {
    margin-left: -10px;
    margin-right: -10px;
  }
  .fw .f-col.f-col_mg20_m > * {
    padding-left: 10px;
    padding-right: 10px;
  }
  .fw .f-col.f-col_mg25_m {
    margin-left: -12.5px;
    margin-right: -12.5px;
  }
  .fw .f-col.f-col_mg25_m > * {
    padding-left: 12.5px;
    padding-right: 12.5px;
  }
  .fw .f-col.f-col_mg30_m {
    margin-left: -15px;
    margin-right: -15px;
  }
  .fw .f-col.f-col_mg30_m > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .fw .f-col.f-col_mg35_m {
    margin-left: -17.5px;
    margin-right: -17.5px;
  }
  .fw .f-col.f-col_mg35_m > * {
    padding-left: 17.5px;
    padding-right: 17.5px;
  }
  .fw .f-col.f-col_mg40_m {
    margin-left: -20px;
    margin-right: -20px;
  }
  .fw .f-col.f-col_mg40_m > * {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fw .f-col.f-col_mg45_m {
    margin-left: -22.5px;
    margin-right: -22.5px;
  }
  .fw .f-col.f-col_mg45_m > * {
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
  .fw .f-col.f-col_mg50_m {
    margin-left: -25px;
    margin-right: -25px;
  }
  .fw .f-col.f-col_mg50_m > * {
    padding-left: 25px;
    padding-right: 25px;
  }
  .fw .f-col.f-col_mg55_m {
    margin-left: -27.5px;
    margin-right: -27.5px;
  }
  .fw .f-col.f-col_mg55_m > * {
    padding-left: 27.5px;
    padding-right: 27.5px;
  }
  .fw .f-col.f-col_mg60_m {
    margin-left: -30px;
    margin-right: -30px;
  }
  .fw .f-col.f-col_mg60_m > * {
    padding-left: 30px;
    padding-right: 30px;
  }
  .fw .f-col.f-col_mg65_m {
    margin-left: -32.5px;
    margin-right: -32.5px;
  }
  .fw .f-col.f-col_mg65_m > * {
    padding-left: 32.5px;
    padding-right: 32.5px;
  }
  .fw .f-col.f-col_mg70_m {
    margin-left: -35px;
    margin-right: -35px;
  }
  .fw .f-col.f-col_mg70_m > * {
    padding-left: 35px;
    padding-right: 35px;
  }
  .fw .f-col.f-col_mg75_m {
    margin-left: -37.5px;
    margin-right: -37.5px;
  }
  .fw .f-col.f-col_mg75_m > * {
    padding-left: 37.5px;
    padding-right: 37.5px;
  }
  .fw .f-col.f-col_mg80_m {
    margin-left: -40px;
    margin-right: -40px;
  }
  .fw .f-col.f-col_mg80_m > * {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-col.f-col_mg0_s {
    margin-left: 0px;
    margin-right: 0px;
  }
  .fw .f-col.f-col_mg0_s > * {
    padding-left: 0px;
    padding-right: 0px;
  }
  .fw .f-col.f-col_mg5_s {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
  .fw .f-col.f-col_mg5_s > * {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }
  .fw .f-col.f-col_mg10_s {
    margin-left: -5px;
    margin-right: -5px;
  }
  .fw .f-col.f-col_mg10_s > * {
    padding-left: 5px;
    padding-right: 5px;
  }
  .fw .f-col.f-col_mg15_s {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .fw .f-col.f-col_mg15_s > * {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
  .fw .f-col.f-col_mg20_s {
    margin-left: -10px;
    margin-right: -10px;
  }
  .fw .f-col.f-col_mg20_s > * {
    padding-left: 10px;
    padding-right: 10px;
  }
  .fw .f-col.f-col_mg25_s {
    margin-left: -12.5px;
    margin-right: -12.5px;
  }
  .fw .f-col.f-col_mg25_s > * {
    padding-left: 12.5px;
    padding-right: 12.5px;
  }
  .fw .f-col.f-col_mg30_s {
    margin-left: -15px;
    margin-right: -15px;
  }
  .fw .f-col.f-col_mg30_s > * {
    padding-left: 15px;
    padding-right: 15px;
  }
  .fw .f-col.f-col_mg35_s {
    margin-left: -17.5px;
    margin-right: -17.5px;
  }
  .fw .f-col.f-col_mg35_s > * {
    padding-left: 17.5px;
    padding-right: 17.5px;
  }
  .fw .f-col.f-col_mg40_s {
    margin-left: -20px;
    margin-right: -20px;
  }
  .fw .f-col.f-col_mg40_s > * {
    padding-left: 20px;
    padding-right: 20px;
  }
  .fw .f-col.f-col_mg45_s {
    margin-left: -22.5px;
    margin-right: -22.5px;
  }
  .fw .f-col.f-col_mg45_s > * {
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
  .fw .f-col.f-col_mg50_s {
    margin-left: -25px;
    margin-right: -25px;
  }
  .fw .f-col.f-col_mg50_s > * {
    padding-left: 25px;
    padding-right: 25px;
  }
  .fw .f-col.f-col_mg55_s {
    margin-left: -27.5px;
    margin-right: -27.5px;
  }
  .fw .f-col.f-col_mg55_s > * {
    padding-left: 27.5px;
    padding-right: 27.5px;
  }
  .fw .f-col.f-col_mg60_s {
    margin-left: -30px;
    margin-right: -30px;
  }
  .fw .f-col.f-col_mg60_s > * {
    padding-left: 30px;
    padding-right: 30px;
  }
  .fw .f-col.f-col_mg65_s {
    margin-left: -32.5px;
    margin-right: -32.5px;
  }
  .fw .f-col.f-col_mg65_s > * {
    padding-left: 32.5px;
    padding-right: 32.5px;
  }
  .fw .f-col.f-col_mg70_s {
    margin-left: -35px;
    margin-right: -35px;
  }
  .fw .f-col.f-col_mg70_s > * {
    padding-left: 35px;
    padding-right: 35px;
  }
  .fw .f-col.f-col_mg75_s {
    margin-left: -37.5px;
    margin-right: -37.5px;
  }
  .fw .f-col.f-col_mg75_s > * {
    padding-left: 37.5px;
    padding-right: 37.5px;
  }
  .fw .f-col.f-col_mg80_s {
    margin-left: -40px;
    margin-right: -40px;
  }
  .fw .f-col.f-col_mg80_s > * {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.fw .f-col.f-col_mb0 {
  margin-bottom: 0px;
}

.fw .f-col.f-col_mb0 > * {
  margin-bottom: 0px;
}

.fw .f-col.f-col_mb5 {
  margin-bottom: -5px;
}

.fw .f-col.f-col_mb5 > * {
  margin-bottom: 5px;
}

.fw .f-col.f-col_mb10 {
  margin-bottom: -10px;
}

.fw .f-col.f-col_mb10 > * {
  margin-bottom: 10px;
}

.fw .f-col.f-col_mb15 {
  margin-bottom: -15px;
}

.fw .f-col.f-col_mb15 > * {
  margin-bottom: 15px;
}

.fw .f-col.f-col_mb20 {
  margin-bottom: -20px;
}

.fw .f-col.f-col_mb20 > * {
  margin-bottom: 20px;
}

.fw .f-col.f-col_mb25 {
  margin-bottom: -25px;
}

.fw .f-col.f-col_mb25 > * {
  margin-bottom: 25px;
}

.fw .f-col.f-col_mb30 {
  margin-bottom: -30px;
}

.fw .f-col.f-col_mb30 > * {
  margin-bottom: 30px;
}

.fw .f-col.f-col_mb35 {
  margin-bottom: -35px;
}

.fw .f-col.f-col_mb35 > * {
  margin-bottom: 35px;
}

.fw .f-col.f-col_mb40 {
  margin-bottom: -40px;
}

.fw .f-col.f-col_mb40 > * {
  margin-bottom: 40px;
}

.fw .f-col.f-col_mb45 {
  margin-bottom: -45px;
}

.fw .f-col.f-col_mb45 > * {
  margin-bottom: 45px;
}

.fw .f-col.f-col_mb50 {
  margin-bottom: -50px;
}

.fw .f-col.f-col_mb50 > * {
  margin-bottom: 50px;
}

.fw .f-col.f-col_mb55 {
  margin-bottom: -55px;
}

.fw .f-col.f-col_mb55 > * {
  margin-bottom: 55px;
}

.fw .f-col.f-col_mb60 {
  margin-bottom: -60px;
}

.fw .f-col.f-col_mb60 > * {
  margin-bottom: 60px;
}

.fw .f-col.f-col_mb65 {
  margin-bottom: -65px;
}

.fw .f-col.f-col_mb65 > * {
  margin-bottom: 65px;
}

.fw .f-col.f-col_mb70 {
  margin-bottom: -70px;
}

.fw .f-col.f-col_mb70 > * {
  margin-bottom: 70px;
}

.fw .f-col.f-col_mb75 {
  margin-bottom: -75px;
}

.fw .f-col.f-col_mb75 > * {
  margin-bottom: 75px;
}

.fw .f-col.f-col_mb80 {
  margin-bottom: -80px;
}

.fw .f-col.f-col_mb80 > * {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .fw .f-col.f-col_mb0_m {
    margin-bottom: 0px;
  }
  .fw .f-col.f-col_mb0_m > * {
    margin-bottom: 0px;
  }
  .fw .f-col.f-col_mb5_m {
    margin-bottom: -5px;
  }
  .fw .f-col.f-col_mb5_m > * {
    margin-bottom: 5px;
  }
  .fw .f-col.f-col_mb10_m {
    margin-bottom: -10px;
  }
  .fw .f-col.f-col_mb10_m > * {
    margin-bottom: 10px;
  }
  .fw .f-col.f-col_mb15_m {
    margin-bottom: -15px;
  }
  .fw .f-col.f-col_mb15_m > * {
    margin-bottom: 15px;
  }
  .fw .f-col.f-col_mb20_m {
    margin-bottom: -20px;
  }
  .fw .f-col.f-col_mb20_m > * {
    margin-bottom: 20px;
  }
  .fw .f-col.f-col_mb25_m {
    margin-bottom: -25px;
  }
  .fw .f-col.f-col_mb25_m > * {
    margin-bottom: 25px;
  }
  .fw .f-col.f-col_mb30_m {
    margin-bottom: -30px;
  }
  .fw .f-col.f-col_mb30_m > * {
    margin-bottom: 30px;
  }
  .fw .f-col.f-col_mb35_m {
    margin-bottom: -35px;
  }
  .fw .f-col.f-col_mb35_m > * {
    margin-bottom: 35px;
  }
  .fw .f-col.f-col_mb40_m {
    margin-bottom: -40px;
  }
  .fw .f-col.f-col_mb40_m > * {
    margin-bottom: 40px;
  }
  .fw .f-col.f-col_mb45_m {
    margin-bottom: -45px;
  }
  .fw .f-col.f-col_mb45_m > * {
    margin-bottom: 45px;
  }
  .fw .f-col.f-col_mb50_m {
    margin-bottom: -50px;
  }
  .fw .f-col.f-col_mb50_m > * {
    margin-bottom: 50px;
  }
  .fw .f-col.f-col_mb55_m {
    margin-bottom: -55px;
  }
  .fw .f-col.f-col_mb55_m > * {
    margin-bottom: 55px;
  }
  .fw .f-col.f-col_mb60_m {
    margin-bottom: -60px;
  }
  .fw .f-col.f-col_mb60_m > * {
    margin-bottom: 60px;
  }
  .fw .f-col.f-col_mb65_m {
    margin-bottom: -65px;
  }
  .fw .f-col.f-col_mb65_m > * {
    margin-bottom: 65px;
  }
  .fw .f-col.f-col_mb70_m {
    margin-bottom: -70px;
  }
  .fw .f-col.f-col_mb70_m > * {
    margin-bottom: 70px;
  }
  .fw .f-col.f-col_mb75_m {
    margin-bottom: -75px;
  }
  .fw .f-col.f-col_mb75_m > * {
    margin-bottom: 75px;
  }
  .fw .f-col.f-col_mb80_m {
    margin-bottom: -80px;
  }
  .fw .f-col.f-col_mb80_m > * {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-col.f-col_mb0_s {
    margin-bottom: 0px;
  }
  .fw .f-col.f-col_mb0_s > * {
    margin-bottom: 0px;
  }
  .fw .f-col.f-col_mb5_s {
    margin-bottom: -5px;
  }
  .fw .f-col.f-col_mb5_s > * {
    margin-bottom: 5px;
  }
  .fw .f-col.f-col_mb10_s {
    margin-bottom: -10px;
  }
  .fw .f-col.f-col_mb10_s > * {
    margin-bottom: 10px;
  }
  .fw .f-col.f-col_mb15_s {
    margin-bottom: -15px;
  }
  .fw .f-col.f-col_mb15_s > * {
    margin-bottom: 15px;
  }
  .fw .f-col.f-col_mb20_s {
    margin-bottom: -20px;
  }
  .fw .f-col.f-col_mb20_s > * {
    margin-bottom: 20px;
  }
  .fw .f-col.f-col_mb25_s {
    margin-bottom: -25px;
  }
  .fw .f-col.f-col_mb25_s > * {
    margin-bottom: 25px;
  }
  .fw .f-col.f-col_mb30_s {
    margin-bottom: -30px;
  }
  .fw .f-col.f-col_mb30_s > * {
    margin-bottom: 30px;
  }
  .fw .f-col.f-col_mb35_s {
    margin-bottom: -35px;
  }
  .fw .f-col.f-col_mb35_s > * {
    margin-bottom: 35px;
  }
  .fw .f-col.f-col_mb40_s {
    margin-bottom: -40px;
  }
  .fw .f-col.f-col_mb40_s > * {
    margin-bottom: 40px;
  }
  .fw .f-col.f-col_mb45_s {
    margin-bottom: -45px;
  }
  .fw .f-col.f-col_mb45_s > * {
    margin-bottom: 45px;
  }
  .fw .f-col.f-col_mb50_s {
    margin-bottom: -50px;
  }
  .fw .f-col.f-col_mb50_s > * {
    margin-bottom: 50px;
  }
  .fw .f-col.f-col_mb55_s {
    margin-bottom: -55px;
  }
  .fw .f-col.f-col_mb55_s > * {
    margin-bottom: 55px;
  }
  .fw .f-col.f-col_mb60_s {
    margin-bottom: -60px;
  }
  .fw .f-col.f-col_mb60_s > * {
    margin-bottom: 60px;
  }
  .fw .f-col.f-col_mb65_s {
    margin-bottom: -65px;
  }
  .fw .f-col.f-col_mb65_s > * {
    margin-bottom: 65px;
  }
  .fw .f-col.f-col_mb70_s {
    margin-bottom: -70px;
  }
  .fw .f-col.f-col_mb70_s > * {
    margin-bottom: 70px;
  }
  .fw .f-col.f-col_mb75_s {
    margin-bottom: -75px;
  }
  .fw .f-col.f-col_mb75_s > * {
    margin-bottom: 75px;
  }
  .fw .f-col.f-col_mb80_s {
    margin-bottom: -80px;
  }
  .fw .f-col.f-col_mb80_s > * {
    margin-bottom: 80px;
  }
}
.fw .f-flex {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
  margin-left: -30px;
  margin-right: -30px;
}

@media screen and (min-width: 769px) {
  .fw .f-flex.f-flex_yakuwari {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin-left: -30px;
    margin-right: -30px;
    gap: 30px;
  }
  .fw .f-flex.f-flex_yakuwari > .f-flex6 {
    width: calc(50% - 20px);
    max-width: 480px;
  }
  .fw .f-flex.f-flex_yakuwari > * {
    margin-right: 0;
    margin-left: 0;
  }
  .fw .f-flex_yakuwari .m-squarebox {
    width: 100%;
    height: 100%;
  }
}
.fw .f-flex > * {
  margin-left: 30px;
  margin-right: 30px;
}

.fw .f-flex > .f-flex1 {
  width: calc(8.33333% - 60px);
}

.fw .f-flex > .f-flex2 {
  width: calc(16.66667% - 60px);
}

.fw .f-flex > .f-flex3 {
  width: calc(25% - 60px);
}

.fw .f-flex > .f-flex4 {
  width: calc(33.33333% - 60px);
}

.fw .f-flex > .f-flex5 {
  width: calc(41.66667% - 60px);
}

.fw .f-flex > .f-flex6 {
  width: calc(50% - 60px);
}

.fw .f-flex > .f-flex7 {
  width: calc(58.33333% - 60px);
}

.fw .f-flex > .f-flex8 {
  width: calc(66.66667% - 60px);
}

.fw .f-flex > .f-flex9 {
  width: calc(75% - 60px);
}

.fw .f-flex > .f-flex10 {
  width: calc(83.33333% - 60px);
}

.fw .f-flex > .f-flex11 {
  width: calc(91.66667% - 60px);
}

.fw .f-flex > .f-flex12 {
  width: calc(100% - 60px);
}

.fw .f-flex > .f-flex_fifth {
  width: calc(20% - 60px);
}

@media screen and (max-width: 768px) {
  .fw .f-flex > .f-flex1_m {
    width: calc(8.33333% - 60px);
  }
  .fw .f-flex > .f-flex2_m {
    width: calc(16.66667% - 60px);
  }
  .fw .f-flex > .f-flex3_m {
    width: calc(25% - 60px);
  }
  .fw .f-flex > .f-flex4_m {
    width: calc(33.33333% - 60px);
  }
  .fw .f-flex > .f-flex5_m {
    width: calc(41.66667% - 60px);
  }
  .fw .f-flex > .f-flex6_m {
    width: calc(50% - 60px);
  }
  .fw .f-flex > .f-flex7_m {
    width: calc(58.33333% - 60px);
  }
  .fw .f-flex > .f-flex8_m {
    width: calc(66.66667% - 60px);
  }
  .fw .f-flex > .f-flex9_m {
    width: calc(75% - 60px);
  }
  .fw .f-flex > .f-flex10_m {
    width: calc(83.33333% - 60px);
  }
  .fw .f-flex > .f-flex11_m {
    width: calc(91.66667% - 60px);
  }
  .fw .f-flex > .f-flex12_m {
    width: calc(100% - 60px);
  }
  .fw .f-flex > .f-flex_fifth_m {
    width: calc(20% - 60px);
  }
}
@media screen and (max-width: 640px) {
  .fw .f-flex > .f-flex1_s {
    width: calc(8.33333% - 60px);
  }
  .fw .f-flex > .f-flex2_s {
    width: calc(16.66667% - 60px);
  }
  .fw .f-flex > .f-flex3_s {
    width: calc(25% - 60px);
  }
  .fw .f-flex > .f-flex4_s {
    width: calc(33.33333% - 60px);
  }
  .fw .f-flex > .f-flex5_s {
    width: calc(41.66667% - 60px);
  }
  .fw .f-flex > .f-flex6_s {
    width: calc(50% - 60px);
  }
  .fw .f-flex > .f-flex7_s {
    width: calc(58.33333% - 60px);
  }
  .fw .f-flex > .f-flex8_s {
    width: calc(66.66667% - 60px);
  }
  .fw .f-flex > .f-flex9_s {
    width: calc(75% - 60px);
  }
  .fw .f-flex > .f-flex10_s {
    width: calc(83.33333% - 60px);
  }
  .fw .f-flex > .f-flex11_s {
    width: calc(91.66667% - 60px);
  }
  .fw .f-flex > .f-flex12_s {
    width: calc(100% - 60px);
  }
  .fw .f-flex > .f-flex_fifth_s {
    width: calc(20% - 60px);
  }
}
.fw .f-flex.f-flex_mg0 {
  margin-left: 0px;
  margin-right: 0px;
}

.fw .f-flex.f-flex_mg0 > * {
  margin-left: 0px;
  margin-right: 0px;
}

.fw .f-flex.f-flex_mg0 > .f-flex1 {
  width: calc(8.33333% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex2 {
  width: calc(16.66667% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex3 {
  width: calc(25% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex4 {
  width: calc(33.33333% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex5 {
  width: calc(41.66667% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex6 {
  width: calc(50% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex7 {
  width: calc(58.33333% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex8 {
  width: calc(66.66667% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex9 {
  width: calc(75% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex10 {
  width: calc(83.33333% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex11 {
  width: calc(91.66667% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex12 {
  width: calc(100% - 0px);
}

.fw .f-flex.f-flex_mg0 > .f-flex_fifth {
  width: calc(20% - 0px);
}

.fw .f-flex.f-flex_mg5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.fw .f-flex.f-flex_mg5 > * {
  margin-left: 2.5px;
  margin-right: 2.5px;
}

.fw .f-flex.f-flex_mg5 > .f-flex1 {
  width: calc(8.33333% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex2 {
  width: calc(16.66667% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex3 {
  width: calc(25% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex4 {
  width: calc(33.33333% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex5 {
  width: calc(41.66667% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex6 {
  width: calc(50% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex7 {
  width: calc(58.33333% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex8 {
  width: calc(66.66667% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex9 {
  width: calc(75% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex10 {
  width: calc(83.33333% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex11 {
  width: calc(91.66667% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex12 {
  width: calc(100% - 5px);
}

.fw .f-flex.f-flex_mg5 > .f-flex_fifth {
  width: calc(20% - 5px);
}

.fw .f-flex.f-flex_mg10 {
  margin-left: -5px;
  margin-right: -5px;
}

.fw .f-flex.f-flex_mg10 > * {
  margin-left: 5px;
  margin-right: 5px;
}

.fw .f-flex.f-flex_mg10 > .f-flex1 {
  width: calc(8.33333% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex2 {
  width: calc(16.66667% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex3 {
  width: calc(25% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex4 {
  width: calc(33.33333% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex5 {
  width: calc(41.66667% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex6 {
  width: calc(50% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex7 {
  width: calc(58.33333% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex8 {
  width: calc(66.66667% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex9 {
  width: calc(75% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex10 {
  width: calc(83.33333% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex11 {
  width: calc(91.66667% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex12 {
  width: calc(100% - 10px);
}

.fw .f-flex.f-flex_mg10 > .f-flex_fifth {
  width: calc(20% - 10px);
}

.fw .f-flex.f-flex_mg15 {
  margin-left: -7.5px;
  margin-right: -7.5px;
}

.fw .f-flex.f-flex_mg15 > * {
  margin-left: 7.5px;
  margin-right: 7.5px;
}

.fw .f-flex.f-flex_mg15 > .f-flex1 {
  width: calc(8.33333% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex2 {
  width: calc(16.66667% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex3 {
  width: calc(25% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex4 {
  width: calc(33.33333% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex5 {
  width: calc(41.66667% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex6 {
  width: calc(50% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex7 {
  width: calc(58.33333% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex8 {
  width: calc(66.66667% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex9 {
  width: calc(75% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex10 {
  width: calc(83.33333% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex11 {
  width: calc(91.66667% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex12 {
  width: calc(100% - 15px);
}

.fw .f-flex.f-flex_mg15 > .f-flex_fifth {
  width: calc(20% - 15px);
}

.fw .f-flex.f-flex_mg20 {
  margin-left: -10px;
  margin-right: -10px;
}

.fw .f-flex.f-flex_mg20 > * {
  margin-left: 10px;
  margin-right: 10px;
}

.fw .f-flex.f-flex_mg20 > .f-flex1 {
  width: calc(8.33333% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex2 {
  width: calc(16.66667% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex3 {
  width: calc(25% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex4 {
  width: calc(33.33333% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex5 {
  width: calc(41.66667% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex6 {
  width: calc(50% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex7 {
  width: calc(58.33333% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex8 {
  width: calc(66.66667% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex9 {
  width: calc(75% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex10 {
  width: calc(83.33333% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex11 {
  width: calc(91.66667% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex12 {
  width: calc(100% - 20px);
}

.fw .f-flex.f-flex_mg20 > .f-flex_fifth {
  width: calc(20% - 20px);
}

.fw .f-flex.f-flex_mg25 {
  margin-left: -12.5px;
  margin-right: -12.5px;
}

.fw .f-flex.f-flex_mg25 > * {
  margin-left: 12.5px;
  margin-right: 12.5px;
}

.fw .f-flex.f-flex_mg25 > .f-flex1 {
  width: calc(8.33333% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex2 {
  width: calc(16.66667% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex3 {
  width: calc(25% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex4 {
  width: calc(33.33333% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex5 {
  width: calc(41.66667% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex6 {
  width: calc(50% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex7 {
  width: calc(58.33333% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex8 {
  width: calc(66.66667% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex9 {
  width: calc(75% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex10 {
  width: calc(83.33333% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex11 {
  width: calc(91.66667% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex12 {
  width: calc(100% - 25px);
}

.fw .f-flex.f-flex_mg25 > .f-flex_fifth {
  width: calc(20% - 25px);
}

.fw .f-flex.f-flex_mg30 {
  margin-left: -15px;
  margin-right: -15px;
}

.fw .f-flex.f-flex_mg30 > * {
  margin-left: 15px;
  margin-right: 15px;
}

.fw .f-flex.f-flex_mg30 > .f-flex1 {
  width: calc(8.33333% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex2 {
  width: calc(16.66667% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex3 {
  width: calc(25% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex4 {
  width: calc(33.33333% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex5 {
  width: calc(41.66667% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex6 {
  width: calc(50% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex7 {
  width: calc(58.33333% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex8 {
  width: calc(66.66667% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex9 {
  width: calc(75% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex10 {
  width: calc(83.33333% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex11 {
  width: calc(91.66667% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex12 {
  width: calc(100% - 30px);
}

.fw .f-flex.f-flex_mg30 > .f-flex_fifth {
  width: calc(20% - 30px);
}

.fw .f-flex.f-flex_mg35 {
  margin-left: -17.5px;
  margin-right: -17.5px;
}

.fw .f-flex.f-flex_mg35 > * {
  margin-left: 17.5px;
  margin-right: 17.5px;
}

.fw .f-flex.f-flex_mg35 > .f-flex1 {
  width: calc(8.33333% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex2 {
  width: calc(16.66667% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex3 {
  width: calc(25% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex4 {
  width: calc(33.33333% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex5 {
  width: calc(41.66667% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex6 {
  width: calc(50% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex7 {
  width: calc(58.33333% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex8 {
  width: calc(66.66667% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex9 {
  width: calc(75% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex10 {
  width: calc(83.33333% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex11 {
  width: calc(91.66667% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex12 {
  width: calc(100% - 35px);
}

.fw .f-flex.f-flex_mg35 > .f-flex_fifth {
  width: calc(20% - 35px);
}

.fw .f-flex.f-flex_mg40 {
  margin-left: -20px;
  margin-right: -20px;
}

.fw .f-flex.f-flex_mg40 > * {
  margin-left: 20px;
  margin-right: 20px;
}

.fw .f-flex.f-flex_mg40 > .f-flex1 {
  width: calc(8.33333% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex2 {
  width: calc(16.66667% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex3 {
  width: calc(25% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex4 {
  width: calc(33.33333% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex5 {
  width: calc(41.66667% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex6 {
  width: calc(50% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex7 {
  width: calc(58.33333% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex8 {
  width: calc(66.66667% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex9 {
  width: calc(75% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex10 {
  width: calc(83.33333% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex11 {
  width: calc(91.66667% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex12 {
  width: calc(100% - 40px);
}

.fw .f-flex.f-flex_mg40 > .f-flex_fifth {
  width: calc(20% - 40px);
}

.fw .f-flex.f-flex_mg45 {
  margin-left: -22.5px;
  margin-right: -22.5px;
}

.fw .f-flex.f-flex_mg45 > * {
  margin-left: 22.5px;
  margin-right: 22.5px;
}

.fw .f-flex.f-flex_mg45 > .f-flex1 {
  width: calc(8.33333% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex2 {
  width: calc(16.66667% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex3 {
  width: calc(25% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex4 {
  width: calc(33.33333% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex5 {
  width: calc(41.66667% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex6 {
  width: calc(50% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex7 {
  width: calc(58.33333% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex8 {
  width: calc(66.66667% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex9 {
  width: calc(75% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex10 {
  width: calc(83.33333% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex11 {
  width: calc(91.66667% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex12 {
  width: calc(100% - 45px);
}

.fw .f-flex.f-flex_mg45 > .f-flex_fifth {
  width: calc(20% - 45px);
}

.fw .f-flex.f-flex_mg50 {
  margin-left: -25px;
  margin-right: -25px;
}

.fw .f-flex.f-flex_mg50 > * {
  margin-left: 25px;
  margin-right: 25px;
}

.fw .f-flex.f-flex_mg50 > .f-flex1 {
  width: calc(8.33333% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex2 {
  width: calc(16.66667% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex3 {
  width: calc(25% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex4 {
  width: calc(33.33333% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex5 {
  width: calc(41.66667% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex6 {
  width: calc(50% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex7 {
  width: calc(58.33333% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex8 {
  width: calc(66.66667% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex9 {
  width: calc(75% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex10 {
  width: calc(83.33333% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex11 {
  width: calc(91.66667% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex12 {
  width: calc(100% - 50px);
}

.fw .f-flex.f-flex_mg50 > .f-flex_fifth {
  width: calc(20% - 50px);
}

.fw .f-flex.f-flex_mg55 {
  margin-left: -27.5px;
  margin-right: -27.5px;
}

.fw .f-flex.f-flex_mg55 > * {
  margin-left: 27.5px;
  margin-right: 27.5px;
}

.fw .f-flex.f-flex_mg55 > .f-flex1 {
  width: calc(8.33333% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex2 {
  width: calc(16.66667% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex3 {
  width: calc(25% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex4 {
  width: calc(33.33333% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex5 {
  width: calc(41.66667% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex6 {
  width: calc(50% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex7 {
  width: calc(58.33333% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex8 {
  width: calc(66.66667% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex9 {
  width: calc(75% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex10 {
  width: calc(83.33333% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex11 {
  width: calc(91.66667% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex12 {
  width: calc(100% - 55px);
}

.fw .f-flex.f-flex_mg55 > .f-flex_fifth {
  width: calc(20% - 55px);
}

.fw .f-flex.f-flex_mg60 {
  margin-left: -30px;
  margin-right: -30px;
}

.fw .f-flex.f-flex_mg60 > * {
  margin-left: 30px;
  margin-right: 30px;
}

.fw .f-flex.f-flex_mg60 > .f-flex1 {
  width: calc(8.33333% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex2 {
  width: calc(16.66667% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex3 {
  width: calc(25% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex4 {
  width: calc(33.33333% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex5 {
  width: calc(41.66667% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex6 {
  width: calc(50% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex7 {
  width: calc(58.33333% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex8 {
  width: calc(66.66667% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex9 {
  width: calc(75% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex10 {
  width: calc(83.33333% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex11 {
  width: calc(91.66667% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex12 {
  width: calc(100% - 60px);
}

.fw .f-flex.f-flex_mg60 > .f-flex_fifth {
  width: calc(20% - 60px);
}

.fw .f-flex.f-flex_mg65 {
  margin-left: -32.5px;
  margin-right: -32.5px;
}

.fw .f-flex.f-flex_mg65 > * {
  margin-left: 32.5px;
  margin-right: 32.5px;
}

.fw .f-flex.f-flex_mg65 > .f-flex1 {
  width: calc(8.33333% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex2 {
  width: calc(16.66667% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex3 {
  width: calc(25% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex4 {
  width: calc(33.33333% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex5 {
  width: calc(41.66667% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex6 {
  width: calc(50% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex7 {
  width: calc(58.33333% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex8 {
  width: calc(66.66667% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex9 {
  width: calc(75% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex10 {
  width: calc(83.33333% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex11 {
  width: calc(91.66667% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex12 {
  width: calc(100% - 65px);
}

.fw .f-flex.f-flex_mg65 > .f-flex_fifth {
  width: calc(20% - 65px);
}

.fw .f-flex.f-flex_mg70 {
  margin-left: -35px;
  margin-right: -35px;
}

.fw .f-flex.f-flex_mg70 > * {
  margin-left: 35px;
  margin-right: 35px;
}

.fw .f-flex.f-flex_mg70 > .f-flex1 {
  width: calc(8.33333% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex2 {
  width: calc(16.66667% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex3 {
  width: calc(25% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex4 {
  width: calc(33.33333% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex5 {
  width: calc(41.66667% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex6 {
  width: calc(50% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex7 {
  width: calc(58.33333% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex8 {
  width: calc(66.66667% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex9 {
  width: calc(75% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex10 {
  width: calc(83.33333% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex11 {
  width: calc(91.66667% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex12 {
  width: calc(100% - 70px);
}

.fw .f-flex.f-flex_mg70 > .f-flex_fifth {
  width: calc(20% - 70px);
}

.fw .f-flex.f-flex_mg75 {
  margin-left: -37.5px;
  margin-right: -37.5px;
}

.fw .f-flex.f-flex_mg75 > * {
  margin-left: 37.5px;
  margin-right: 37.5px;
}

.fw .f-flex.f-flex_mg75 > .f-flex1 {
  width: calc(8.33333% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex2 {
  width: calc(16.66667% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex3 {
  width: calc(25% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex4 {
  width: calc(33.33333% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex5 {
  width: calc(41.66667% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex6 {
  width: calc(50% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex7 {
  width: calc(58.33333% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex8 {
  width: calc(66.66667% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex9 {
  width: calc(75% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex10 {
  width: calc(83.33333% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex11 {
  width: calc(91.66667% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex12 {
  width: calc(100% - 75px);
}

.fw .f-flex.f-flex_mg75 > .f-flex_fifth {
  width: calc(20% - 75px);
}

.fw .f-flex.f-flex_mg80 {
  margin-left: -40px;
  margin-right: -40px;
}

.fw .f-flex.f-flex_mg80 > * {
  margin-left: 40px;
  margin-right: 40px;
}

.fw .f-flex.f-flex_mg80 > .f-flex1 {
  width: calc(8.33333% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex2 {
  width: calc(16.66667% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex3 {
  width: calc(25% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex4 {
  width: calc(33.33333% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex5 {
  width: calc(41.66667% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex6 {
  width: calc(50% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex7 {
  width: calc(58.33333% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex8 {
  width: calc(66.66667% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex9 {
  width: calc(75% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex10 {
  width: calc(83.33333% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex11 {
  width: calc(91.66667% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex12 {
  width: calc(100% - 80px);
}

.fw .f-flex.f-flex_mg80 > .f-flex_fifth {
  width: calc(20% - 80px);
}

@media screen and (max-width: 768px) {
  .fw .f-flex.f-flex_mg0_m {
    margin-left: 0px;
    margin-right: 0px;
  }
  .fw .f-flex.f-flex_mg0_m > * {
    margin-left: 0px;
    margin-right: 0px;
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex1_m {
    width: calc(8.33333% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex2_m {
    width: calc(16.66667% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex3_m {
    width: calc(25% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex4_m {
    width: calc(33.33333% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex5_m {
    width: calc(41.66667% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex6_m {
    width: calc(50% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex7_m {
    width: calc(58.33333% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex8_m {
    width: calc(66.66667% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex9_m {
    width: calc(75% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex10_m {
    width: calc(83.33333% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex11_m {
    width: calc(91.66667% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex12_m {
    width: calc(100% - 0px);
  }
  .fw .f-flex.f-flex_mg0_m > .f-flex_fifth_m {
    width: calc(20% - 0px);
  }
  .fw .f-flex.f-flex_mg5_m {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
  .fw .f-flex.f-flex_mg5_m > * {
    margin-left: 2.5px;
    margin-right: 2.5px;
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex1_m {
    width: calc(8.33333% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex2_m {
    width: calc(16.66667% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex3_m {
    width: calc(25% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex4_m {
    width: calc(33.33333% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex5_m {
    width: calc(41.66667% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex6_m {
    width: calc(50% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex7_m {
    width: calc(58.33333% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex8_m {
    width: calc(66.66667% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex9_m {
    width: calc(75% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex10_m {
    width: calc(83.33333% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex11_m {
    width: calc(91.66667% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex12_m {
    width: calc(100% - 5px);
  }
  .fw .f-flex.f-flex_mg5_m > .f-flex_fifth_m {
    width: calc(20% - 5px);
  }
  .fw .f-flex.f-flex_mg10_m {
    margin-left: -5px;
    margin-right: -5px;
  }
  .fw .f-flex.f-flex_mg10_m > * {
    margin-left: 5px;
    margin-right: 5px;
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex1_m {
    width: calc(8.33333% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex2_m {
    width: calc(16.66667% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex3_m {
    width: calc(25% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex4_m {
    width: calc(33.33333% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex5_m {
    width: calc(41.66667% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex6_m {
    width: calc(50% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex7_m {
    width: calc(58.33333% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex8_m {
    width: calc(66.66667% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex9_m {
    width: calc(75% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex10_m {
    width: calc(83.33333% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex11_m {
    width: calc(91.66667% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex12_m {
    width: calc(100% - 10px);
  }
  .fw .f-flex.f-flex_mg10_m > .f-flex_fifth_m {
    width: calc(20% - 10px);
  }
  .fw .f-flex.f-flex_mg15_m {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .fw .f-flex.f-flex_mg15_m > * {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex1_m {
    width: calc(8.33333% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex2_m {
    width: calc(16.66667% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex3_m {
    width: calc(25% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex4_m {
    width: calc(33.33333% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex5_m {
    width: calc(41.66667% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex6_m {
    width: calc(50% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex7_m {
    width: calc(58.33333% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex8_m {
    width: calc(66.66667% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex9_m {
    width: calc(75% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex10_m {
    width: calc(83.33333% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex11_m {
    width: calc(91.66667% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex12_m {
    width: calc(100% - 15px);
  }
  .fw .f-flex.f-flex_mg15_m > .f-flex_fifth_m {
    width: calc(20% - 15px);
  }
  .fw .f-flex.f-flex_mg20_m {
    margin-left: -10px;
    margin-right: -10px;
  }
  .fw .f-flex.f-flex_mg20_m > * {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex1_m {
    width: calc(8.33333% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex2_m {
    width: calc(16.66667% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex3_m {
    width: calc(25% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex4_m {
    width: calc(33.33333% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex5_m {
    width: calc(41.66667% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex6_m {
    width: calc(50% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex7_m {
    width: calc(58.33333% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex8_m {
    width: calc(66.66667% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex9_m {
    width: calc(75% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex10_m {
    width: calc(83.33333% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex11_m {
    width: calc(91.66667% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex12_m {
    width: calc(100% - 20px);
  }
  .fw .f-flex.f-flex_mg20_m > .f-flex_fifth_m {
    width: calc(20% - 20px);
  }
  .fw .f-flex.f-flex_mg25_m {
    margin-left: -12.5px;
    margin-right: -12.5px;
  }
  .fw .f-flex.f-flex_mg25_m > * {
    margin-left: 12.5px;
    margin-right: 12.5px;
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex1_m {
    width: calc(8.33333% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex2_m {
    width: calc(16.66667% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex3_m {
    width: calc(25% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex4_m {
    width: calc(33.33333% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex5_m {
    width: calc(41.66667% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex6_m {
    width: calc(50% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex7_m {
    width: calc(58.33333% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex8_m {
    width: calc(66.66667% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex9_m {
    width: calc(75% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex10_m {
    width: calc(83.33333% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex11_m {
    width: calc(91.66667% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex12_m {
    width: calc(100% - 25px);
  }
  .fw .f-flex.f-flex_mg25_m > .f-flex_fifth_m {
    width: calc(20% - 25px);
  }
  .fw .f-flex.f-flex_mg30_m {
    margin-left: -15px;
    margin-right: -15px;
  }
  .fw .f-flex.f-flex_mg30_m > * {
    margin-left: 15px;
    margin-right: 15px;
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex1_m {
    width: calc(8.33333% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex2_m {
    width: calc(16.66667% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex3_m {
    width: calc(25% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex4_m {
    width: calc(33.33333% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex5_m {
    width: calc(41.66667% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex6_m {
    width: calc(50% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex7_m {
    width: calc(58.33333% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex8_m {
    width: calc(66.66667% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex9_m {
    width: calc(75% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex10_m {
    width: calc(83.33333% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex11_m {
    width: calc(91.66667% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex12_m {
    width: calc(100% - 30px);
  }
  .fw .f-flex.f-flex_mg30_m > .f-flex_fifth_m {
    width: calc(20% - 30px);
  }
  .fw .f-flex.f-flex_mg35_m {
    margin-left: -17.5px;
    margin-right: -17.5px;
  }
  .fw .f-flex.f-flex_mg35_m > * {
    margin-left: 17.5px;
    margin-right: 17.5px;
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex1_m {
    width: calc(8.33333% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex2_m {
    width: calc(16.66667% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex3_m {
    width: calc(25% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex4_m {
    width: calc(33.33333% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex5_m {
    width: calc(41.66667% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex6_m {
    width: calc(50% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex7_m {
    width: calc(58.33333% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex8_m {
    width: calc(66.66667% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex9_m {
    width: calc(75% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex10_m {
    width: calc(83.33333% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex11_m {
    width: calc(91.66667% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex12_m {
    width: calc(100% - 35px);
  }
  .fw .f-flex.f-flex_mg35_m > .f-flex_fifth_m {
    width: calc(20% - 35px);
  }
  .fw .f-flex.f-flex_mg40_m {
    margin-left: -20px;
    margin-right: -20px;
  }
  .fw .f-flex.f-flex_mg40_m > * {
    margin-left: 20px;
    margin-right: 20px;
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex1_m {
    width: calc(8.33333% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex2_m {
    width: calc(16.66667% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex3_m {
    width: calc(25% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex4_m {
    width: calc(33.33333% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex5_m {
    width: calc(41.66667% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex6_m {
    width: calc(50% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex7_m {
    width: calc(58.33333% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex8_m {
    width: calc(66.66667% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex9_m {
    width: calc(75% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex10_m {
    width: calc(83.33333% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex11_m {
    width: calc(91.66667% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex12_m {
    width: calc(100% - 40px);
  }
  .fw .f-flex.f-flex_mg40_m > .f-flex_fifth_m {
    width: calc(20% - 40px);
  }
  .fw .f-flex.f-flex_mg45_m {
    margin-left: -22.5px;
    margin-right: -22.5px;
  }
  .fw .f-flex.f-flex_mg45_m > * {
    margin-left: 22.5px;
    margin-right: 22.5px;
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex1_m {
    width: calc(8.33333% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex2_m {
    width: calc(16.66667% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex3_m {
    width: calc(25% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex4_m {
    width: calc(33.33333% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex5_m {
    width: calc(41.66667% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex6_m {
    width: calc(50% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex7_m {
    width: calc(58.33333% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex8_m {
    width: calc(66.66667% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex9_m {
    width: calc(75% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex10_m {
    width: calc(83.33333% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex11_m {
    width: calc(91.66667% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex12_m {
    width: calc(100% - 45px);
  }
  .fw .f-flex.f-flex_mg45_m > .f-flex_fifth_m {
    width: calc(20% - 45px);
  }
  .fw .f-flex.f-flex_mg50_m {
    margin-left: -25px;
    margin-right: -25px;
  }
  .fw .f-flex.f-flex_mg50_m > * {
    margin-left: 25px;
    margin-right: 25px;
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex1_m {
    width: calc(8.33333% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex2_m {
    width: calc(16.66667% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex3_m {
    width: calc(25% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex4_m {
    width: calc(33.33333% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex5_m {
    width: calc(41.66667% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex6_m {
    width: calc(50% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex7_m {
    width: calc(58.33333% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex8_m {
    width: calc(66.66667% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex9_m {
    width: calc(75% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex10_m {
    width: calc(83.33333% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex11_m {
    width: calc(91.66667% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex12_m {
    width: calc(100% - 50px);
  }
  .fw .f-flex.f-flex_mg50_m > .f-flex_fifth_m {
    width: calc(20% - 50px);
  }
  .fw .f-flex.f-flex_mg55_m {
    margin-left: -27.5px;
    margin-right: -27.5px;
  }
  .fw .f-flex.f-flex_mg55_m > * {
    margin-left: 27.5px;
    margin-right: 27.5px;
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex1_m {
    width: calc(8.33333% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex2_m {
    width: calc(16.66667% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex3_m {
    width: calc(25% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex4_m {
    width: calc(33.33333% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex5_m {
    width: calc(41.66667% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex6_m {
    width: calc(50% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex7_m {
    width: calc(58.33333% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex8_m {
    width: calc(66.66667% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex9_m {
    width: calc(75% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex10_m {
    width: calc(83.33333% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex11_m {
    width: calc(91.66667% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex12_m {
    width: calc(100% - 55px);
  }
  .fw .f-flex.f-flex_mg55_m > .f-flex_fifth_m {
    width: calc(20% - 55px);
  }
  .fw .f-flex.f-flex_mg60_m {
    margin-left: -30px;
    margin-right: -30px;
  }
  .fw .f-flex.f-flex_mg60_m > * {
    margin-left: 30px;
    margin-right: 30px;
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex1_m {
    width: calc(8.33333% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex2_m {
    width: calc(16.66667% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex3_m {
    width: calc(25% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex4_m {
    width: calc(33.33333% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex5_m {
    width: calc(41.66667% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex6_m {
    width: calc(50% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex7_m {
    width: calc(58.33333% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex8_m {
    width: calc(66.66667% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex9_m {
    width: calc(75% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex10_m {
    width: calc(83.33333% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex11_m {
    width: calc(91.66667% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex12_m {
    width: calc(100% - 60px);
  }
  .fw .f-flex.f-flex_mg60_m > .f-flex_fifth_m {
    width: calc(20% - 60px);
  }
  .fw .f-flex.f-flex_mg65_m {
    margin-left: -32.5px;
    margin-right: -32.5px;
  }
  .fw .f-flex.f-flex_mg65_m > * {
    margin-left: 32.5px;
    margin-right: 32.5px;
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex1_m {
    width: calc(8.33333% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex2_m {
    width: calc(16.66667% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex3_m {
    width: calc(25% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex4_m {
    width: calc(33.33333% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex5_m {
    width: calc(41.66667% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex6_m {
    width: calc(50% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex7_m {
    width: calc(58.33333% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex8_m {
    width: calc(66.66667% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex9_m {
    width: calc(75% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex10_m {
    width: calc(83.33333% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex11_m {
    width: calc(91.66667% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex12_m {
    width: calc(100% - 65px);
  }
  .fw .f-flex.f-flex_mg65_m > .f-flex_fifth_m {
    width: calc(20% - 65px);
  }
  .fw .f-flex.f-flex_mg70_m {
    margin-left: -35px;
    margin-right: -35px;
  }
  .fw .f-flex.f-flex_mg70_m > * {
    margin-left: 35px;
    margin-right: 35px;
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex1_m {
    width: calc(8.33333% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex2_m {
    width: calc(16.66667% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex3_m {
    width: calc(25% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex4_m {
    width: calc(33.33333% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex5_m {
    width: calc(41.66667% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex6_m {
    width: calc(50% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex7_m {
    width: calc(58.33333% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex8_m {
    width: calc(66.66667% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex9_m {
    width: calc(75% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex10_m {
    width: calc(83.33333% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex11_m {
    width: calc(91.66667% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex12_m {
    width: calc(100% - 70px);
  }
  .fw .f-flex.f-flex_mg70_m > .f-flex_fifth_m {
    width: calc(20% - 70px);
  }
  .fw .f-flex.f-flex_mg75_m {
    margin-left: -37.5px;
    margin-right: -37.5px;
  }
  .fw .f-flex.f-flex_mg75_m > * {
    margin-left: 37.5px;
    margin-right: 37.5px;
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex1_m {
    width: calc(8.33333% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex2_m {
    width: calc(16.66667% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex3_m {
    width: calc(25% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex4_m {
    width: calc(33.33333% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex5_m {
    width: calc(41.66667% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex6_m {
    width: calc(50% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex7_m {
    width: calc(58.33333% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex8_m {
    width: calc(66.66667% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex9_m {
    width: calc(75% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex10_m {
    width: calc(83.33333% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex11_m {
    width: calc(91.66667% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex12_m {
    width: calc(100% - 75px);
  }
  .fw .f-flex.f-flex_mg75_m > .f-flex_fifth_m {
    width: calc(20% - 75px);
  }
  .fw .f-flex.f-flex_mg80_m {
    margin-left: -40px;
    margin-right: -40px;
  }
  .fw .f-flex.f-flex_mg80_m > * {
    margin-left: 40px;
    margin-right: 40px;
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex1_m {
    width: calc(8.33333% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex2_m {
    width: calc(16.66667% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex3_m {
    width: calc(25% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex4_m {
    width: calc(33.33333% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex5_m {
    width: calc(41.66667% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex6_m {
    width: calc(50% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex7_m {
    width: calc(58.33333% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex8_m {
    width: calc(66.66667% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex9_m {
    width: calc(75% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex10_m {
    width: calc(83.33333% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex11_m {
    width: calc(91.66667% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex12_m {
    width: calc(100% - 80px);
  }
  .fw .f-flex.f-flex_mg80_m > .f-flex_fifth_m {
    width: calc(20% - 80px);
  }
}
@media screen and (max-width: 640px) {
  .fw .f-flex.f-flex_mg0_s {
    margin-left: 0px;
    margin-right: 0px;
  }
  .fw .f-flex.f-flex_mg0_s > * {
    margin-left: 0px;
    margin-right: 0px;
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex1_s {
    width: calc(8.33333% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex2_s {
    width: calc(16.66667% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex3_s {
    width: calc(25% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex4_s {
    width: calc(33.33333% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex5_s {
    width: calc(41.66667% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex6_s {
    width: calc(50% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex7_s {
    width: calc(58.33333% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex8_s {
    width: calc(66.66667% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex9_s {
    width: calc(75% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex10_s {
    width: calc(83.33333% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex11_s {
    width: calc(91.66667% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex12_s {
    width: calc(100% - 0px);
  }
  .fw .f-flex.f-flex_mg0_s > .f-flex_fifth_s {
    width: calc(20% - 0px);
  }
  .fw .f-flex.f-flex_mg5_s {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }
  .fw .f-flex.f-flex_mg5_s > * {
    margin-left: 2.5px;
    margin-right: 2.5px;
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex1_s {
    width: calc(8.33333% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex2_s {
    width: calc(16.66667% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex3_s {
    width: calc(25% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex4_s {
    width: calc(33.33333% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex5_s {
    width: calc(41.66667% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex6_s {
    width: calc(50% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex7_s {
    width: calc(58.33333% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex8_s {
    width: calc(66.66667% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex9_s {
    width: calc(75% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex10_s {
    width: calc(83.33333% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex11_s {
    width: calc(91.66667% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex12_s {
    width: calc(100% - 5px);
  }
  .fw .f-flex.f-flex_mg5_s > .f-flex_fifth_s {
    width: calc(20% - 5px);
  }
  .fw .f-flex.f-flex_mg10_s {
    margin-left: -5px;
    margin-right: -5px;
  }
  .fw .f-flex.f-flex_mg10_s > * {
    margin-left: 5px;
    margin-right: 5px;
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex1_s {
    width: calc(8.33333% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex2_s {
    width: calc(16.66667% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex3_s {
    width: calc(25% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex4_s {
    width: calc(33.33333% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex5_s {
    width: calc(41.66667% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex6_s {
    width: calc(50% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex7_s {
    width: calc(58.33333% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex8_s {
    width: calc(66.66667% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex9_s {
    width: calc(75% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex10_s {
    width: calc(83.33333% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex11_s {
    width: calc(91.66667% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex12_s {
    width: calc(100% - 10px);
  }
  .fw .f-flex.f-flex_mg10_s > .f-flex_fifth_s {
    width: calc(20% - 10px);
  }
  .fw .f-flex.f-flex_mg15_s {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
  .fw .f-flex.f-flex_mg15_s > * {
    margin-left: 7.5px;
    margin-right: 7.5px;
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex1_s {
    width: calc(8.33333% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex2_s {
    width: calc(16.66667% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex3_s {
    width: calc(25% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex4_s {
    width: calc(33.33333% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex5_s {
    width: calc(41.66667% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex6_s {
    width: calc(50% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex7_s {
    width: calc(58.33333% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex8_s {
    width: calc(66.66667% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex9_s {
    width: calc(75% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex10_s {
    width: calc(83.33333% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex11_s {
    width: calc(91.66667% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex12_s {
    width: calc(100% - 15px);
  }
  .fw .f-flex.f-flex_mg15_s > .f-flex_fifth_s {
    width: calc(20% - 15px);
  }
  .fw .f-flex.f-flex_mg20_s {
    margin-left: -10px;
    margin-right: -10px;
  }
  .fw .f-flex.f-flex_mg20_s > * {
    margin-left: 10px;
    margin-right: 10px;
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex1_s {
    width: calc(8.33333% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex2_s {
    width: calc(16.66667% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex3_s {
    width: calc(25% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex4_s {
    width: calc(33.33333% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex5_s {
    width: calc(41.66667% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex6_s {
    width: calc(50% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex7_s {
    width: calc(58.33333% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex8_s {
    width: calc(66.66667% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex9_s {
    width: calc(75% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex10_s {
    width: calc(83.33333% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex11_s {
    width: calc(91.66667% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex12_s {
    width: calc(100% - 20px);
  }
  .fw .f-flex.f-flex_mg20_s > .f-flex_fifth_s {
    width: calc(20% - 20px);
  }
  .fw .f-flex.f-flex_mg25_s {
    margin-left: -12.5px;
    margin-right: -12.5px;
  }
  .fw .f-flex.f-flex_mg25_s > * {
    margin-left: 12.5px;
    margin-right: 12.5px;
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex1_s {
    width: calc(8.33333% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex2_s {
    width: calc(16.66667% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex3_s {
    width: calc(25% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex4_s {
    width: calc(33.33333% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex5_s {
    width: calc(41.66667% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex6_s {
    width: calc(50% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex7_s {
    width: calc(58.33333% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex8_s {
    width: calc(66.66667% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex9_s {
    width: calc(75% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex10_s {
    width: calc(83.33333% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex11_s {
    width: calc(91.66667% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex12_s {
    width: calc(100% - 25px);
  }
  .fw .f-flex.f-flex_mg25_s > .f-flex_fifth_s {
    width: calc(20% - 25px);
  }
  .fw .f-flex.f-flex_mg30_s {
    margin-left: -15px;
    margin-right: -15px;
  }
  .fw .f-flex.f-flex_mg30_s > * {
    margin-left: 15px;
    margin-right: 15px;
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex1_s {
    width: calc(8.33333% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex2_s {
    width: calc(16.66667% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex3_s {
    width: calc(25% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex4_s {
    width: calc(33.33333% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex5_s {
    width: calc(41.66667% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex6_s {
    width: calc(50% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex7_s {
    width: calc(58.33333% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex8_s {
    width: calc(66.66667% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex9_s {
    width: calc(75% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex10_s {
    width: calc(83.33333% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex11_s {
    width: calc(91.66667% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex12_s {
    width: calc(100% - 30px);
  }
  .fw .f-flex.f-flex_mg30_s > .f-flex_fifth_s {
    width: calc(20% - 30px);
  }
  .fw .f-flex.f-flex_mg35_s {
    margin-left: -17.5px;
    margin-right: -17.5px;
  }
  .fw .f-flex.f-flex_mg35_s > * {
    margin-left: 17.5px;
    margin-right: 17.5px;
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex1_s {
    width: calc(8.33333% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex2_s {
    width: calc(16.66667% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex3_s {
    width: calc(25% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex4_s {
    width: calc(33.33333% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex5_s {
    width: calc(41.66667% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex6_s {
    width: calc(50% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex7_s {
    width: calc(58.33333% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex8_s {
    width: calc(66.66667% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex9_s {
    width: calc(75% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex10_s {
    width: calc(83.33333% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex11_s {
    width: calc(91.66667% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex12_s {
    width: calc(100% - 35px);
  }
  .fw .f-flex.f-flex_mg35_s > .f-flex_fifth_s {
    width: calc(20% - 35px);
  }
  .fw .f-flex.f-flex_mg40_s {
    margin-left: -20px;
    margin-right: -20px;
  }
  .fw .f-flex.f-flex_mg40_s > * {
    margin-left: 20px;
    margin-right: 20px;
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex1_s {
    width: calc(8.33333% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex2_s {
    width: calc(16.66667% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex3_s {
    width: calc(25% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex4_s {
    width: calc(33.33333% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex5_s {
    width: calc(41.66667% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex6_s {
    width: calc(50% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex7_s {
    width: calc(58.33333% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex8_s {
    width: calc(66.66667% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex9_s {
    width: calc(75% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex10_s {
    width: calc(83.33333% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex11_s {
    width: calc(91.66667% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex12_s {
    width: calc(100% - 40px);
  }
  .fw .f-flex.f-flex_mg40_s > .f-flex_fifth_s {
    width: calc(20% - 40px);
  }
  .fw .f-flex.f-flex_mg45_s {
    margin-left: -22.5px;
    margin-right: -22.5px;
  }
  .fw .f-flex.f-flex_mg45_s > * {
    margin-left: 22.5px;
    margin-right: 22.5px;
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex1_s {
    width: calc(8.33333% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex2_s {
    width: calc(16.66667% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex3_s {
    width: calc(25% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex4_s {
    width: calc(33.33333% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex5_s {
    width: calc(41.66667% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex6_s {
    width: calc(50% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex7_s {
    width: calc(58.33333% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex8_s {
    width: calc(66.66667% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex9_s {
    width: calc(75% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex10_s {
    width: calc(83.33333% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex11_s {
    width: calc(91.66667% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex12_s {
    width: calc(100% - 45px);
  }
  .fw .f-flex.f-flex_mg45_s > .f-flex_fifth_s {
    width: calc(20% - 45px);
  }
  .fw .f-flex.f-flex_mg50_s {
    margin-left: -25px;
    margin-right: -25px;
  }
  .fw .f-flex.f-flex_mg50_s > * {
    margin-left: 25px;
    margin-right: 25px;
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex1_s {
    width: calc(8.33333% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex2_s {
    width: calc(16.66667% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex3_s {
    width: calc(25% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex4_s {
    width: calc(33.33333% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex5_s {
    width: calc(41.66667% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex6_s {
    width: calc(50% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex7_s {
    width: calc(58.33333% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex8_s {
    width: calc(66.66667% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex9_s {
    width: calc(75% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex10_s {
    width: calc(83.33333% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex11_s {
    width: calc(91.66667% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex12_s {
    width: calc(100% - 50px);
  }
  .fw .f-flex.f-flex_mg50_s > .f-flex_fifth_s {
    width: calc(20% - 50px);
  }
  .fw .f-flex.f-flex_mg55_s {
    margin-left: -27.5px;
    margin-right: -27.5px;
  }
  .fw .f-flex.f-flex_mg55_s > * {
    margin-left: 27.5px;
    margin-right: 27.5px;
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex1_s {
    width: calc(8.33333% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex2_s {
    width: calc(16.66667% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex3_s {
    width: calc(25% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex4_s {
    width: calc(33.33333% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex5_s {
    width: calc(41.66667% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex6_s {
    width: calc(50% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex7_s {
    width: calc(58.33333% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex8_s {
    width: calc(66.66667% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex9_s {
    width: calc(75% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex10_s {
    width: calc(83.33333% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex11_s {
    width: calc(91.66667% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex12_s {
    width: calc(100% - 55px);
  }
  .fw .f-flex.f-flex_mg55_s > .f-flex_fifth_s {
    width: calc(20% - 55px);
  }
  .fw .f-flex.f-flex_mg60_s {
    margin-left: -30px;
    margin-right: -30px;
  }
  .fw .f-flex.f-flex_mg60_s > * {
    margin-left: 30px;
    margin-right: 30px;
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex1_s {
    width: calc(8.33333% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex2_s {
    width: calc(16.66667% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex3_s {
    width: calc(25% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex4_s {
    width: calc(33.33333% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex5_s {
    width: calc(41.66667% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex6_s {
    width: calc(50% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex7_s {
    width: calc(58.33333% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex8_s {
    width: calc(66.66667% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex9_s {
    width: calc(75% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex10_s {
    width: calc(83.33333% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex11_s {
    width: calc(91.66667% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex12_s {
    width: calc(100% - 60px);
  }
  .fw .f-flex.f-flex_mg60_s > .f-flex_fifth_s {
    width: calc(20% - 60px);
  }
  .fw .f-flex.f-flex_mg65_s {
    margin-left: -32.5px;
    margin-right: -32.5px;
  }
  .fw .f-flex.f-flex_mg65_s > * {
    margin-left: 32.5px;
    margin-right: 32.5px;
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex1_s {
    width: calc(8.33333% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex2_s {
    width: calc(16.66667% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex3_s {
    width: calc(25% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex4_s {
    width: calc(33.33333% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex5_s {
    width: calc(41.66667% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex6_s {
    width: calc(50% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex7_s {
    width: calc(58.33333% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex8_s {
    width: calc(66.66667% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex9_s {
    width: calc(75% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex10_s {
    width: calc(83.33333% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex11_s {
    width: calc(91.66667% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex12_s {
    width: calc(100% - 65px);
  }
  .fw .f-flex.f-flex_mg65_s > .f-flex_fifth_s {
    width: calc(20% - 65px);
  }
  .fw .f-flex.f-flex_mg70_s {
    margin-left: -35px;
    margin-right: -35px;
  }
  .fw .f-flex.f-flex_mg70_s > * {
    margin-left: 35px;
    margin-right: 35px;
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex1_s {
    width: calc(8.33333% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex2_s {
    width: calc(16.66667% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex3_s {
    width: calc(25% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex4_s {
    width: calc(33.33333% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex5_s {
    width: calc(41.66667% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex6_s {
    width: calc(50% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex7_s {
    width: calc(58.33333% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex8_s {
    width: calc(66.66667% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex9_s {
    width: calc(75% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex10_s {
    width: calc(83.33333% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex11_s {
    width: calc(91.66667% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex12_s {
    width: calc(100% - 70px);
  }
  .fw .f-flex.f-flex_mg70_s > .f-flex_fifth_s {
    width: calc(20% - 70px);
  }
  .fw .f-flex.f-flex_mg75_s {
    margin-left: -37.5px;
    margin-right: -37.5px;
  }
  .fw .f-flex.f-flex_mg75_s > * {
    margin-left: 37.5px;
    margin-right: 37.5px;
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex1_s {
    width: calc(8.33333% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex2_s {
    width: calc(16.66667% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex3_s {
    width: calc(25% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex4_s {
    width: calc(33.33333% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex5_s {
    width: calc(41.66667% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex6_s {
    width: calc(50% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex7_s {
    width: calc(58.33333% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex8_s {
    width: calc(66.66667% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex9_s {
    width: calc(75% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex10_s {
    width: calc(83.33333% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex11_s {
    width: calc(91.66667% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex12_s {
    width: calc(100% - 75px);
  }
  .fw .f-flex.f-flex_mg75_s > .f-flex_fifth_s {
    width: calc(20% - 75px);
  }
  .fw .f-flex.f-flex_mg80_s {
    margin-left: -40px;
    margin-right: -40px;
  }
  .fw .f-flex.f-flex_mg80_s > * {
    margin-left: 40px;
    margin-right: 40px;
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex1_s {
    width: calc(8.33333% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex2_s {
    width: calc(16.66667% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex3_s {
    width: calc(25% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex4_s {
    width: calc(33.33333% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex5_s {
    width: calc(41.66667% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex6_s {
    width: calc(50% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex7_s {
    width: calc(58.33333% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex8_s {
    width: calc(66.66667% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex9_s {
    width: calc(75% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex10_s {
    width: calc(83.33333% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex11_s {
    width: calc(91.66667% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex12_s {
    width: calc(100% - 80px);
  }
  .fw .f-flex.f-flex_mg80_s > .f-flex_fifth_s {
    width: calc(20% - 80px);
  }
}
.fw .f-flex.f-flex_mb0 {
  margin-bottom: 0px;
}

.fw .f-flex.f-flex_mb0 > * {
  margin-bottom: 0px;
}

.fw .f-flex.f-flex_mb5 {
  margin-bottom: -5px;
}

.fw .f-flex.f-flex_mb5 > * {
  margin-bottom: 5px;
}

.fw .f-flex.f-flex_mb10 {
  margin-bottom: -10px;
}

.fw .f-flex.f-flex_mb10 > * {
  margin-bottom: 10px;
}

.fw .f-flex.f-flex_mb15 {
  margin-bottom: -15px;
}

.fw .f-flex.f-flex_mb15 > * {
  margin-bottom: 15px;
}

.fw .f-flex.f-flex_mb20 {
  margin-bottom: -20px;
}

.fw .f-flex.f-flex_mb20 > * {
  margin-bottom: 20px;
}

.fw .f-flex.f-flex_mb25 {
  margin-bottom: -25px;
}

.fw .f-flex.f-flex_mb25 > * {
  margin-bottom: 25px;
}

.fw .f-flex.f-flex_mb30 {
  margin-bottom: -30px;
}

.fw .f-flex.f-flex_mb30 > * {
  margin-bottom: 30px;
}

.fw .f-flex.f-flex_mb35 {
  margin-bottom: -35px;
}

.fw .f-flex.f-flex_mb35 > * {
  margin-bottom: 35px;
}

.fw .f-flex.f-flex_mb40 {
  margin-bottom: -40px;
}

.fw .f-flex.f-flex_mb40 > * {
  margin-bottom: 40px;
}

.fw .f-flex.f-flex_mb45 {
  margin-bottom: -45px;
}

.fw .f-flex.f-flex_mb45 > * {
  margin-bottom: 45px;
}

.fw .f-flex.f-flex_mb50 {
  margin-bottom: -50px;
}

.fw .f-flex.f-flex_mb50 > * {
  margin-bottom: 50px;
}

.fw .f-flex.f-flex_mb55 {
  margin-bottom: -55px;
}

.fw .f-flex.f-flex_mb55 > * {
  margin-bottom: 55px;
}

.fw .f-flex.f-flex_mb60 {
  margin-bottom: -60px;
}

.fw .f-flex.f-flex_mb60 > * {
  margin-bottom: 60px;
}

.fw .f-flex.f-flex_mb65 {
  margin-bottom: -65px;
}

.fw .f-flex.f-flex_mb65 > * {
  margin-bottom: 65px;
}

.fw .f-flex.f-flex_mb70 {
  margin-bottom: -70px;
}

.fw .f-flex.f-flex_mb70 > * {
  margin-bottom: 70px;
}

.fw .f-flex.f-flex_mb75 {
  margin-bottom: -75px;
}

.fw .f-flex.f-flex_mb75 > * {
  margin-bottom: 75px;
}

.fw .f-flex.f-flex_mb80 {
  margin-bottom: -80px;
}

.fw .f-flex.f-flex_mb80 > * {
  margin-bottom: 80px;
}

@media screen and (max-width: 768px) {
  .fw .f-flex.f-flex_mb0_m {
    margin-bottom: 0px;
  }
  .fw .f-flex.f-flex_mb0_m > * {
    margin-bottom: 0px;
  }
  .fw .f-flex.f-flex_mb5_m {
    margin-bottom: -5px;
  }
  .fw .f-flex.f-flex_mb5_m > * {
    margin-bottom: 5px;
  }
  .fw .f-flex.f-flex_mb10_m {
    margin-bottom: -10px;
  }
  .fw .f-flex.f-flex_mb10_m > * {
    margin-bottom: 10px;
  }
  .fw .f-flex.f-flex_mb15_m {
    margin-bottom: -15px;
  }
  .fw .f-flex.f-flex_mb15_m > * {
    margin-bottom: 15px;
  }
  .fw .f-flex.f-flex_mb20_m {
    margin-bottom: -20px;
  }
  .fw .f-flex.f-flex_mb20_m > * {
    margin-bottom: 20px;
  }
  .fw .f-flex.f-flex_mb25_m {
    margin-bottom: -25px;
  }
  .fw .f-flex.f-flex_mb25_m > * {
    margin-bottom: 25px;
  }
  .fw .f-flex.f-flex_mb30_m {
    margin-bottom: -30px;
  }
  .fw .f-flex.f-flex_mb30_m > * {
    margin-bottom: 30px;
  }
  .fw .f-flex.f-flex_mb35_m {
    margin-bottom: -35px;
  }
  .fw .f-flex.f-flex_mb35_m > * {
    margin-bottom: 35px;
  }
  .fw .f-flex.f-flex_mb40_m {
    margin-bottom: -40px;
  }
  .fw .f-flex.f-flex_mb40_m > * {
    margin-bottom: 40px;
  }
  .fw .f-flex.f-flex_mb45_m {
    margin-bottom: -45px;
  }
  .fw .f-flex.f-flex_mb45_m > * {
    margin-bottom: 45px;
  }
  .fw .f-flex.f-flex_mb50_m {
    margin-bottom: -50px;
  }
  .fw .f-flex.f-flex_mb50_m > * {
    margin-bottom: 50px;
  }
  .fw .f-flex.f-flex_mb55_m {
    margin-bottom: -55px;
  }
  .fw .f-flex.f-flex_mb55_m > * {
    margin-bottom: 55px;
  }
  .fw .f-flex.f-flex_mb60_m {
    margin-bottom: -60px;
  }
  .fw .f-flex.f-flex_mb60_m > * {
    margin-bottom: 60px;
  }
  .fw .f-flex.f-flex_mb65_m {
    margin-bottom: -65px;
  }
  .fw .f-flex.f-flex_mb65_m > * {
    margin-bottom: 65px;
  }
  .fw .f-flex.f-flex_mb70_m {
    margin-bottom: -70px;
  }
  .fw .f-flex.f-flex_mb70_m > * {
    margin-bottom: 70px;
  }
  .fw .f-flex.f-flex_mb75_m {
    margin-bottom: -75px;
  }
  .fw .f-flex.f-flex_mb75_m > * {
    margin-bottom: 75px;
  }
  .fw .f-flex.f-flex_mb80_m {
    margin-bottom: -80px;
  }
  .fw .f-flex.f-flex_mb80_m > * {
    margin-bottom: 80px;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-flex.f-flex_mb0_s {
    margin-bottom: 0px;
  }
  .fw .f-flex.f-flex_mb0_s > * {
    margin-bottom: 0px;
  }
  .fw .f-flex.f-flex_mb5_s {
    margin-bottom: -5px;
  }
  .fw .f-flex.f-flex_mb5_s > * {
    margin-bottom: 5px;
  }
  .fw .f-flex.f-flex_mb10_s {
    margin-bottom: -10px;
  }
  .fw .f-flex.f-flex_mb10_s > * {
    margin-bottom: 10px;
  }
  .fw .f-flex.f-flex_mb15_s {
    margin-bottom: -15px;
  }
  .fw .f-flex.f-flex_mb15_s > * {
    margin-bottom: 15px;
  }
  .fw .f-flex.f-flex_mb20_s {
    margin-bottom: -20px;
  }
  .fw .f-flex.f-flex_mb20_s > * {
    margin-bottom: 20px;
  }
  .fw .f-flex.f-flex_mb25_s {
    margin-bottom: -25px;
  }
  .fw .f-flex.f-flex_mb25_s > * {
    margin-bottom: 25px;
  }
  .fw .f-flex.f-flex_mb30_s {
    margin-bottom: -30px;
  }
  .fw .f-flex.f-flex_mb30_s > * {
    margin-bottom: 30px;
  }
  .fw .f-flex.f-flex_mb35_s {
    margin-bottom: -35px;
  }
  .fw .f-flex.f-flex_mb35_s > * {
    margin-bottom: 35px;
  }
  .fw .f-flex.f-flex_mb40_s {
    margin-bottom: -40px;
  }
  .fw .f-flex.f-flex_mb40_s > * {
    margin-bottom: 40px;
  }
  .fw .f-flex.f-flex_mb45_s {
    margin-bottom: -45px;
  }
  .fw .f-flex.f-flex_mb45_s > * {
    margin-bottom: 45px;
  }
  .fw .f-flex.f-flex_mb50_s {
    margin-bottom: -50px;
  }
  .fw .f-flex.f-flex_mb50_s > * {
    margin-bottom: 50px;
  }
  .fw .f-flex.f-flex_mb55_s {
    margin-bottom: -55px;
  }
  .fw .f-flex.f-flex_mb55_s > * {
    margin-bottom: 55px;
  }
  .fw .f-flex.f-flex_mb60_s {
    margin-bottom: -60px;
  }
  .fw .f-flex.f-flex_mb60_s > * {
    margin-bottom: 60px;
  }
  .fw .f-flex.f-flex_mb65_s {
    margin-bottom: -65px;
  }
  .fw .f-flex.f-flex_mb65_s > * {
    margin-bottom: 65px;
  }
  .fw .f-flex.f-flex_mb70_s {
    margin-bottom: -70px;
  }
  .fw .f-flex.f-flex_mb70_s > * {
    margin-bottom: 70px;
  }
  .fw .f-flex.f-flex_mb75_s {
    margin-bottom: -75px;
  }
  .fw .f-flex.f-flex_mb75_s > * {
    margin-bottom: 75px;
  }
  .fw .f-flex.f-flex_mb80_s {
    margin-bottom: -80px;
  }
  .fw .f-flex.f-flex_mb80_s > * {
    margin-bottom: 80px;
  }
}
.fw .f-flex > .f-flex_order0 {
  -ms-flex-order: 0;
  -webkit-box-ordinal-group: 1;
          order: 0;
}

.fw .f-flex > .f-flex_order1 {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
          order: 1;
}

.fw .f-flex > .f-flex_order2 {
  -ms-flex-order: 2;
  -webkit-box-ordinal-group: 3;
          order: 2;
}

.fw .f-flex > .f-flex_order3 {
  -ms-flex-order: 3;
  -webkit-box-ordinal-group: 4;
          order: 3;
}

.fw .f-flex > .f-flex_order4 {
  -ms-flex-order: 4;
  -webkit-box-ordinal-group: 5;
          order: 4;
}

.fw .f-flex > .f-flex_order5 {
  -ms-flex-order: 5;
  -webkit-box-ordinal-group: 6;
          order: 5;
}

.fw .f-flex > .f-flex_order6 {
  -ms-flex-order: 6;
  -webkit-box-ordinal-group: 7;
          order: 6;
}

.fw .f-flex > .f-flex_order7 {
  -ms-flex-order: 7;
  -webkit-box-ordinal-group: 8;
          order: 7;
}

.fw .f-flex > .f-flex_order8 {
  -ms-flex-order: 8;
  -webkit-box-ordinal-group: 9;
          order: 8;
}

.fw .f-flex > .f-flex_order9 {
  -ms-flex-order: 9;
  -webkit-box-ordinal-group: 10;
          order: 9;
}

.fw .f-flex > .f-flex_order10 {
  -ms-flex-order: 10;
  -webkit-box-ordinal-group: 11;
          order: 10;
}

.fw .f-flex > .f-flex_order11 {
  -ms-flex-order: 11;
  -webkit-box-ordinal-group: 12;
          order: 11;
}

.fw .f-flex > .f-flex_order12 {
  -ms-flex-order: 12;
  -webkit-box-ordinal-group: 13;
          order: 12;
}

.fw .f-flex > .f-flex_order13 {
  -ms-flex-order: 13;
  -webkit-box-ordinal-group: 14;
          order: 13;
}

.fw .f-flex > .f-flex_order14 {
  -ms-flex-order: 14;
  -webkit-box-ordinal-group: 15;
          order: 14;
}

.fw .f-flex > .f-flex_order15 {
  -ms-flex-order: 15;
  -webkit-box-ordinal-group: 16;
          order: 15;
}

.fw .f-flex > .f-flex_order16 {
  -ms-flex-order: 16;
  -webkit-box-ordinal-group: 17;
          order: 16;
}

@media screen and (max-width: 768px) {
  .fw .f-flex > .f-flex_order0_m {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .fw .f-flex > .f-flex_order1_m {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .fw .f-flex > .f-flex_order2_m {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .fw .f-flex > .f-flex_order3_m {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .fw .f-flex > .f-flex_order4_m {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .fw .f-flex > .f-flex_order5_m {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .fw .f-flex > .f-flex_order6_m {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .fw .f-flex > .f-flex_order7_m {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .fw .f-flex > .f-flex_order8_m {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .fw .f-flex > .f-flex_order9_m {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .fw .f-flex > .f-flex_order10_m {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .fw .f-flex > .f-flex_order11_m {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .fw .f-flex > .f-flex_order12_m {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .fw .f-flex > .f-flex_order13_m {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .fw .f-flex > .f-flex_order14_m {
    -ms-flex-order: 14;
    -webkit-box-ordinal-group: 15;
            order: 14;
  }
  .fw .f-flex > .f-flex_order15_m {
    -ms-flex-order: 15;
    -webkit-box-ordinal-group: 16;
            order: 15;
  }
  .fw .f-flex > .f-flex_order16_m {
    -ms-flex-order: 16;
    -webkit-box-ordinal-group: 17;
            order: 16;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-flex > .f-flex_order0_s {
    -ms-flex-order: 0;
    -webkit-box-ordinal-group: 1;
            order: 0;
  }
  .fw .f-flex > .f-flex_order1_s {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
            order: 1;
  }
  .fw .f-flex > .f-flex_order2_s {
    -ms-flex-order: 2;
    -webkit-box-ordinal-group: 3;
            order: 2;
  }
  .fw .f-flex > .f-flex_order3_s {
    -ms-flex-order: 3;
    -webkit-box-ordinal-group: 4;
            order: 3;
  }
  .fw .f-flex > .f-flex_order4_s {
    -ms-flex-order: 4;
    -webkit-box-ordinal-group: 5;
            order: 4;
  }
  .fw .f-flex > .f-flex_order5_s {
    -ms-flex-order: 5;
    -webkit-box-ordinal-group: 6;
            order: 5;
  }
  .fw .f-flex > .f-flex_order6_s {
    -ms-flex-order: 6;
    -webkit-box-ordinal-group: 7;
            order: 6;
  }
  .fw .f-flex > .f-flex_order7_s {
    -ms-flex-order: 7;
    -webkit-box-ordinal-group: 8;
            order: 7;
  }
  .fw .f-flex > .f-flex_order8_s {
    -ms-flex-order: 8;
    -webkit-box-ordinal-group: 9;
            order: 8;
  }
  .fw .f-flex > .f-flex_order9_s {
    -ms-flex-order: 9;
    -webkit-box-ordinal-group: 10;
            order: 9;
  }
  .fw .f-flex > .f-flex_order10_s {
    -ms-flex-order: 10;
    -webkit-box-ordinal-group: 11;
            order: 10;
  }
  .fw .f-flex > .f-flex_order11_s {
    -ms-flex-order: 11;
    -webkit-box-ordinal-group: 12;
            order: 11;
  }
  .fw .f-flex > .f-flex_order12_s {
    -ms-flex-order: 12;
    -webkit-box-ordinal-group: 13;
            order: 12;
  }
  .fw .f-flex > .f-flex_order13_s {
    -ms-flex-order: 13;
    -webkit-box-ordinal-group: 14;
            order: 13;
  }
  .fw .f-flex > .f-flex_order14_s {
    -ms-flex-order: 14;
    -webkit-box-ordinal-group: 15;
            order: 14;
  }
  .fw .f-flex > .f-flex_order15_s {
    -ms-flex-order: 15;
    -webkit-box-ordinal-group: 16;
            order: 15;
  }
  .fw .f-flex > .f-flex_order16_s {
    -ms-flex-order: 16;
    -webkit-box-ordinal-group: 17;
            order: 16;
  }
}
.fw .f-flex.f-flex_middle {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.fw .f-flex.f-flex_justify > * {
  -ms-flex: 1;
  -webkit-box-flex: 1;
          flex: 1;
}

.fw .f-font_l {
  font-size: 20px;
}

.fw .f-font_m {
  font-size: 18px;
}

.fw .f-font_s {
  font-size: 14px;
}

.fw .f-font_b {
  font-weight: bold !important;
}

.fw .f-form input,
.fw .f-form button,
.fw .f-form textarea,
.fw .f-form label,
.fw .f-form select {
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background: none;
  color: #004894;
  font-family: "mplus-1p-regular", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  line-height: normal;
  font-size: 16px;
  border: 1px solid #DDD;
  letter-spacing: 0.05em;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.fw .f-form input:-webkit-autofill,
.fw .f-form button:-webkit-autofill,
.fw .f-form textarea:-webkit-autofill,
.fw .f-form label:-webkit-autofill,
.fw .f-form select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
          box-shadow: 0 0 0px 1000px #fff inset;
}

.fw .f-form input::-webkit-input-placeholder,
.fw .f-form button::-webkit-input-placeholder,
.fw .f-form textarea::-webkit-input-placeholder,
.fw .f-form label::-webkit-input-placeholder,
.fw .f-form select::-webkit-input-placeholder {
  color: #DDD;
}

.fw .f-form input:-moz-placeholder,
.fw .f-form button:-moz-placeholder,
.fw .f-form textarea:-moz-placeholder,
.fw .f-form label:-moz-placeholder,
.fw .f-form select:-moz-placeholder {
  opacity: 1;
  color: #DDD;
}

.fw .f-form input::-moz-placeholder,
.fw .f-form button::-moz-placeholder,
.fw .f-form textarea::-moz-placeholder,
.fw .f-form label::-moz-placeholder,
.fw .f-form select::-moz-placeholder {
  opacity: 1;
  color: #DDD;
}

.fw .f-form input:-ms-input-placeholder,
.fw .f-form button:-ms-input-placeholder,
.fw .f-form textarea:-ms-input-placeholder,
.fw .f-form label:-ms-input-placeholder,
.fw .f-form select:-ms-input-placeholder {
  color: #DDD;
}

.fw .f-form input,
.fw .f-form textarea,
.fw .f-form select {
  background-color: #fff;
}

.fw .f-form input:-moz-read-only,
.fw .f-form textarea:-moz-read-only {
  cursor: not-allowed !important;
  color: #b2b1b1;
}

.fw .f-form input:-moz-read-only, .fw .f-form textarea:-moz-read-only {
  cursor: not-allowed !important;
  color: #b2b1b1;
}

.fw .f-form input:read-only,
.fw .f-form textarea:read-only {
  cursor: not-allowed !important;
  color: #b2b1b1;
}

.fw .f-form input:disabled,
.fw .f-form textarea:disabled {
  color: #b2b1b1;
}

.fw .f-form label {
  border: none;
  display: inline-block;
  cursor: pointer;
}

.fw .f-form input {
  height: 30px;
  width: 100%;
  padding: 0 10px;
  border: 1px solid #DDD;
}

.fw .f-form input[type=hidden],
.fw .f-form input[type=range],
.fw .f-form input[type=file],
.fw .f-form input[type=submit],
.fw .f-form input[type=image],
.fw .f-form input[type=reset],
.fw .f-form input[type=button] {
  height: auto;
  width: auto;
  padding: 0;
  border: none;
}

.fw .f-form input[type=hidden]:focus,
.fw .f-form input[type=range]:focus,
.fw .f-form input[type=file]:focus,
.fw .f-form input[type=submit]:focus,
.fw .f-form input[type=image]:focus,
.fw .f-form input[type=reset]:focus,
.fw .f-form input[type=button]:focus {
  border: none;
}

.fw .f-form input:focus {
  border: 1px solid #004894;
}

.fw .f-form input.f-form_inline {
  width: inherit;
}

.fw .f-form input[type=color] {
  width: 60px;
  height: 30px;
  padding: 0;
}

.fw .f-form input[type=color][list] {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
}

.fw .f-form .f-form_inline + .f-form_inline {
  margin-left: 10px;
}

.fw .f-form .f-form_label.f-form_inline {
  display: inline-block;
}

.fw .f-form .f-form_label input {
  display: none;
}

.fw .f-form .f-form_label input + label {
  position: relative;
  display: block;
  padding: 0 0 0 30px;
  cursor: pointer;
  vertical-align: middle;
  line-height: 20px;
  min-height: 20px;
}

.fw .f-form .f-form_label input + label:before,
.fw .f-form .f-form_label input + label:after {
  content: "";
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
}

.fw .f-form .f-form_label input + label:before {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  background: #FFF;
  border: 1px solid #DDD;
}

.fw .f-form .f-form_label input + label:after {
  opacity: 0;
}

.fw .f-form .f-form_label input:checked + label:after {
  opacity: 1;
}

.fw .f-form .f-form_label input:disabled + label {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.fw .f-form .f-form_label input:focus + label:before {
  border-color: #004894;
}

.fw .f-form .f-form_label input[type=radio] + label:before,
.fw .f-form .f-form_label input[type=radio] + label:after {
  border-radius: 50%;
}

.fw .f-form .f-form_label input[type=radio] + label:after {
  margin-left: 5px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #004894;
}

.fw .f-form .f-form_label input[type=checkbox] + label:after {
  margin-left: 2px;
  width: 16px;
  height: 8px;
  margin-top: -6px;
  border-left: 4px solid #004894;
  border-bottom: 4px solid #004894;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.fw .f-form .f-form_select {
  width: 100%;
  border: none;
  position: relative;
}

.fw .f-form .f-form_select:before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  vertical-align: middle;
  width: 3px;
  height: 3px;
}

.fw .f-form .f-form_select:before,
.fw .f-form .f-form_select:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin-top: -1px;
}

.fw .f-form .f-form_select:after {
  content: "";
  margin-left: 8px;
  display: inline-block;
  border-top: solid 1px #000;
  border-right: solid 1px #000;
  vertical-align: middle;
  width: 3px;
  height: 3px;
}

.fw .f-form .f-form_select:before,
.fw .f-form .f-form_select:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  margin-top: -1px;
}

.fw .f-form .f-form_select:before,
.fw .f-form .f-form_select:after {
  -webkit-transform-origin: 0% 50%;
          transform-origin: 0% 50%;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 1;
  margin: 0;
  display: none\9 ;
  margin-top: -2.1px;
  cursor: pointer;
  pointer-events: none;
}

.fw .f-form .f-form_select:before {
  -webkit-transform: rotate(-45deg) translateY(-50%);
          transform: rotate(-45deg) translateY(-50%);
}

.fw .f-form .f-form_select:after {
  -webkit-transform: rotate(135deg) translateY(-50%);
          transform: rotate(135deg) translateY(-50%);
}

.fw .f-form .f-form_select.f-form_inline {
  width: inherit;
}

.fw .f-form select {
  width: 100%;
  height: 30px;
  position: relative;
  padding: 0 24px 0 10px;
}

.fw .f-form select:focus {
  border: 1px solid #004894;
}

.fw .f-form select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

.fw .f-form select:-moz-focusring * {
  color: #000;
  text-shadow: none;
}

.fw .f-form select::-ms-expand {
  display: none;
}

.fw .f-form textarea {
  width: 100%;
  height: 150px;
  resize: none;
  padding: 5px;
}

.fw .f-form textarea:focus {
  border: 1px solid #004894;
}

.fw .f-form textarea.f-form_inline {
  width: inherit;
}

.fw .f-form input[type=submit],
.fw .f-form button[type=submit],
.fw .f-form input[type=reset],
.fw .f-form button[type=reset],
.fw .f-form input[type=button],
.fw .f-form button[type=button],
.fw .f-form button {
  cursor: pointer;
  padding: 0;
}

.fw ul.f-list_disc {
  line-height: 159.6%;
}

.fw ul.f-list_disc > li {
  margin-bottom: 5px;
  text-indent: -1em;
  margin-left: 1em;
}

.fw ul.f-list_disc > li:before {
  content: "・";
}

.fw ul.f-list_notice {
  line-height: 159.6%;
}

.fw ul.f-list_notice > li {
  margin-bottom: 5px;
  text-indent: -0.5em;
  margin-left: 0.5em;
  padding-left: 0.5em;
}

.fw ul.f-list_notice > li:before {
  content: "※";
  display: inline-block;
  width: 0.5em;
}

.fw ol {
  line-height: 159.6%;
  list-style-type: decimal;
}

.fw ol > li {
  margin-left: 1.7em;
  margin-bottom: 5px;
  counter-increment: number;
}

.fw ol.f-list_bracket {
  list-style-type: none;
  counter-reset: number 0;
}

.fw ol.f-list_bracket > li {
  text-indent: -2.6em;
  margin-left: 2.5em;
  counter-increment: number 1;
}

.fw ol.f-list_bracket > li:before {
  content: "（" counter(number) "）";
}

.fw ol.f-list_notice {
  list-style-type: none;
  counter-reset: number 0;
}

.fw ol.f-list_notice > li {
  text-indent: -2.3em;
  margin-left: 2.5em;
  counter-increment: number 1;
}

.fw ol.f-list_notice > li:before {
  content: "※" counter(number) " ";
}

.fw .f-mg0 {
  margin: 0px !important;
}

.fw .f-mg5 {
  margin: 5px !important;
}

.fw .f-mg10 {
  margin: 10px !important;
}

.fw .f-mg15 {
  margin: 15px !important;
}

.fw .f-mg20 {
  margin: 20px !important;
}

.fw .f-mg25 {
  margin: 25px !important;
}

.fw .f-mg30 {
  margin: 30px !important;
}

.fw .f-mg35 {
  margin: 35px !important;
}

.fw .f-mg40 {
  margin: 40px !important;
}

.fw .f-mg45 {
  margin: 45px !important;
}

.fw .f-mg50 {
  margin: 50px !important;
}

.fw .f-mg55 {
  margin: 55px !important;
}

.fw .f-mg60 {
  margin: 60px !important;
}

.fw .f-mg65 {
  margin: 65px !important;
}

.fw .f-mg70 {
  margin: 70px !important;
}

.fw .f-mg75 {
  margin: 75px !important;
}

.fw .f-mg80 {
  margin: 80px !important;
}

.fw .f-mt0 {
  margin-top: 0px !important;
}

.fw .f-mt5 {
  margin-top: 5px !important;
}

.fw .f-mt10 {
  margin-top: 10px !important;
}

.fw .f-mt30 {
  margin-top: 30px !important;
}

.fw .f-mt15 {
  margin-top: 15px !important;
}

.fw .f-mt20 {
  margin-top: 20px !important;
}

.fw .f-mt25 {
  margin-top: 25px !important;
}

.fw .f-mt30 {
  margin-top: 30px !important;
}

.fw .f-mt35 {
  margin-top: 35px !important;
}

.fw .f-mt40 {
  margin-top: 40px !important;
}

.fw .f-mt45 {
  margin-top: 45px !important;
}

.fw .f-mt50 {
  margin-top: 50px !important;
}

.fw .f-mt55 {
  margin-top: 55px !important;
}

.fw .f-mt60 {
  margin-top: 60px !important;
}

.fw .f-mt65 {
  margin-top: 65px !important;
}

.fw .f-mt70 {
  margin-top: 70px !important;
}

.fw .f-mt75 {
  margin-top: 75px !important;
}

.fw .f-mt80 {
  margin-top: 80px !important;
}

.fw .f-mr0 {
  margin-right: 0px !important;
}

.fw .f-mr5 {
  margin-right: 5px !important;
}

.fw .f-mr10 {
  margin-right: 10px !important;
}

.fw .f-mr15 {
  margin-right: 15px !important;
}

.fw .f-mr20 {
  margin-right: 20px !important;
}

.fw .f-mr25 {
  margin-right: 25px !important;
}

.fw .f-mr30 {
  margin-right: 30px !important;
}

.fw .f-mr35 {
  margin-right: 35px !important;
}

.fw .f-mr40 {
  margin-right: 40px !important;
}

.fw .f-mr45 {
  margin-right: 45px !important;
}

.fw .f-mr50 {
  margin-right: 50px !important;
}

.fw .f-mr55 {
  margin-right: 55px !important;
}

.fw .f-mr60 {
  margin-right: 60px !important;
}

.fw .f-mr65 {
  margin-right: 65px !important;
}

.fw .f-mr70 {
  margin-right: 70px !important;
}

.fw .f-mr75 {
  margin-right: 75px !important;
}

.fw .f-mr80 {
  margin-right: 80px !important;
}

.fw .f-mb0 {
  margin-bottom: 0px !important;
}

.fw .f-mb5 {
  margin-bottom: 5px !important;
}

.fw .f-mb10 {
  margin-bottom: 10px !important;
}

.fw .f-mb15 {
  margin-bottom: 15px !important;
}

.fw .f-mb20 {
  margin-bottom: 20px !important;
}

.fw .f-mb25 {
  margin-bottom: 25px !important;
}

.fw .f-mb30 {
  margin-bottom: 30px !important;
}

.fw .f-mb35 {
  margin-bottom: 35px !important;
}

.fw .f-mb40 {
  margin-bottom: 40px !important;
}

.fw .f-mb45 {
  margin-bottom: 45px !important;
}

.fw .f-mb50 {
  margin-bottom: 50px !important;
}

.fw .f-mb55 {
  margin-bottom: 55px !important;
}

.fw .f-mb60 {
  margin-bottom: 60px !important;
}

.fw .f-mb65 {
  margin-bottom: 65px !important;
}

.fw .f-mb70 {
  margin-bottom: 70px !important;
}

.fw .f-mb75 {
  margin-bottom: 75px !important;
}

.fw .f-mb80 {
  margin-bottom: 80px !important;
}

.fw .f-ml0 {
  margin-left: 0px !important;
}

.fw .f-ml5 {
  margin-left: 5px !important;
}

.fw .f-ml10 {
  margin-left: 10px !important;
}

.fw .f-ml15 {
  margin-left: 15px !important;
}

.fw .f-ml20 {
  margin-left: 20px !important;
}

.fw .f-ml25 {
  margin-left: 25px !important;
}

.fw .f-ml30 {
  margin-left: 30px !important;
}

.fw .f-ml35 {
  margin-left: 35px !important;
}

.fw .f-ml40 {
  margin-left: 40px !important;
}

.fw .f-ml45 {
  margin-left: 45px !important;
}

.fw .f-ml50 {
  margin-left: 50px !important;
}

.fw .f-ml55 {
  margin-left: 55px !important;
}

.fw .f-ml60 {
  margin-left: 60px !important;
}

.fw .f-ml65 {
  margin-left: 65px !important;
}

.fw .f-ml70 {
  margin-left: 70px !important;
}

.fw .f-ml75 {
  margin-left: 75px !important;
}

.fw .f-ml80 {
  margin-left: 80px !important;
}

.fw .f-pd0 {
  padding: 0px !important;
}

.fw .f-pd5 {
  padding: 5px !important;
}

.fw .f-pd10 {
  padding: 10px !important;
}

.fw .f-pd15 {
  padding: 15px !important;
}

.fw .f-pd20 {
  padding: 20px !important;
}

.fw .f-pd25 {
  padding: 25px !important;
}

.fw .f-pd30 {
  padding: 30px !important;
}

.fw .f-pd35 {
  padding: 35px !important;
}

.fw .f-pd40 {
  padding: 40px !important;
}

.fw .f-pd45 {
  padding: 45px !important;
}

.fw .f-pd50 {
  padding: 50px !important;
}

.fw .f-pd55 {
  padding: 55px !important;
}

.fw .f-pd60 {
  padding: 60px !important;
}

.fw .f-pd65 {
  padding: 65px !important;
}

.fw .f-pd70 {
  padding: 70px !important;
}

.fw .f-pd75 {
  padding: 75px !important;
}

.fw .f-pd80 {
  padding: 80px !important;
}

.fw .f-pt0 {
  padding-top: 0px !important;
}

.fw .f-pt5 {
  padding-top: 5px !important;
}

.fw .f-pt10 {
  padding-top: 10px !important;
}

.fw .f-pt15 {
  padding-top: 15px !important;
}

.fw .f-pt20 {
  padding-top: 20px !important;
}

.fw .f-pt25 {
  padding-top: 25px !important;
}

.fw .f-pt30 {
  padding-top: 30px !important;
}

.fw .f-pt35 {
  padding-top: 35px !important;
}

.fw .f-pt40 {
  padding-top: 40px !important;
}

.fw .f-pt45 {
  padding-top: 45px !important;
}

.fw .f-pt50 {
  padding-top: 50px !important;
}

.fw .f-pt55 {
  padding-top: 55px !important;
}

.fw .f-pt60 {
  padding-top: 60px !important;
}

.fw .f-pt65 {
  padding-top: 65px !important;
}

.fw .f-pt70 {
  padding-top: 70px !important;
}

.fw .f-pt75 {
  padding-top: 75px !important;
}

.fw .f-pt80 {
  padding-top: 80px !important;
}

.fw .f-pr0 {
  padding-right: 0px !important;
}

.fw .f-pr5 {
  padding-right: 5px !important;
}

.fw .f-pr10 {
  padding-right: 10px !important;
}

.fw .f-pr15 {
  padding-right: 15px !important;
}

.fw .f-pr20 {
  padding-right: 20px !important;
}

.fw .f-pr25 {
  padding-right: 25px !important;
}

.fw .f-pr30 {
  padding-right: 30px !important;
}

.fw .f-pr35 {
  padding-right: 35px !important;
}

.fw .f-pr40 {
  padding-right: 40px !important;
}

.fw .f-pr45 {
  padding-right: 45px !important;
}

.fw .f-pr50 {
  padding-right: 50px !important;
}

.fw .f-pr55 {
  padding-right: 55px !important;
}

.fw .f-pr60 {
  padding-right: 60px !important;
}

.fw .f-pr65 {
  padding-right: 65px !important;
}

.fw .f-pr70 {
  padding-right: 70px !important;
}

.fw .f-pr75 {
  padding-right: 75px !important;
}

.fw .f-pr80 {
  padding-right: 80px !important;
}

.fw .f-pb0 {
  padding-bottom: 0px !important;
}

.fw .f-pb5 {
  padding-bottom: 5px !important;
}

.fw .f-pb10 {
  padding-bottom: 10px !important;
}

.fw .f-pb15 {
  padding-bottom: 15px !important;
}

.fw .f-pb20 {
  padding-bottom: 20px !important;
}

.fw .f-pb25 {
  padding-bottom: 25px !important;
}

.fw .f-pb30 {
  padding-bottom: 30px !important;
}

.fw .f-pb35 {
  padding-bottom: 35px !important;
}

.fw .f-pb40 {
  padding-bottom: 40px !important;
}

.fw .f-pb45 {
  padding-bottom: 45px !important;
}

.fw .f-pb50 {
  padding-bottom: 50px !important;
}

.fw .f-pb55 {
  padding-bottom: 55px !important;
}

.fw .f-pb60 {
  padding-bottom: 60px !important;
}

.fw .f-pb65 {
  padding-bottom: 65px !important;
}

.fw .f-pb70 {
  padding-bottom: 70px !important;
}

.fw .f-pb75 {
  padding-bottom: 75px !important;
}

.fw .f-pb80 {
  padding-bottom: 80px !important;
}

.fw .f-pl0 {
  padding-left: 0px !important;
}

.fw .f-pl5 {
  padding-left: 5px !important;
}

.fw .f-pl10 {
  padding-left: 10px !important;
}

.fw .f-pl15 {
  padding-left: 15px !important;
}

.fw .f-pl20 {
  padding-left: 20px !important;
}

.fw .f-pl25 {
  padding-left: 25px !important;
}

.fw .f-pl30 {
  padding-left: 30px !important;
}

.fw .f-pl35 {
  padding-left: 35px !important;
}

.fw .f-pl40 {
  padding-left: 40px !important;
}

.fw .f-pl45 {
  padding-left: 45px !important;
}

.fw .f-pl50 {
  padding-left: 50px !important;
}

.fw .f-pl55 {
  padding-left: 55px !important;
}

.fw .f-pl60 {
  padding-left: 60px !important;
}

.fw .f-pl65 {
  padding-left: 65px !important;
}

.fw .f-pl70 {
  padding-left: 70px !important;
}

.fw .f-pl75 {
  padding-left: 75px !important;
}

.fw .f-pl80 {
  padding-left: 80px !important;
}

.fw .f-table {
  display: table;
  width: 100%;
  table-layout: fixed;
}

.fw .f-table > *:not(.f-table_row) {
  display: table-cell;
  vertical-align: middle;
}

.fw .f-table > .f-table_row {
  display: table-row;
}

.fw .f-table > .f-table_row > * {
  display: table-cell;
  vertical-align: middle;
}

.fw .f-table > .f-cell1,
.fw .f-table > .f-table_row > .f-cell1 {
  width: 8.33333%;
}

.fw .f-table > .f-cell2,
.fw .f-table > .f-table_row > .f-cell2 {
  width: 16.66667%;
}

.fw .f-table > .f-cell3,
.fw .f-table > .f-table_row > .f-cell3 {
  width: 25%;
}

.fw .f-table > .f-cell4,
.fw .f-table > .f-table_row > .f-cell4 {
  width: 33.33333%;
}

.fw .f-table > .f-cell5,
.fw .f-table > .f-table_row > .f-cell5 {
  width: 41.66667%;
}

.fw .f-table > .f-cell6,
.fw .f-table > .f-table_row > .f-cell6 {
  width: 50%;
}

.fw .f-table > .f-cell7,
.fw .f-table > .f-table_row > .f-cell7 {
  width: 58.33333%;
}

.fw .f-table > .f-cell8,
.fw .f-table > .f-table_row > .f-cell8 {
  width: 66.66667%;
}

.fw .f-table > .f-cell9,
.fw .f-table > .f-table_row > .f-cell9 {
  width: 75%;
}

.fw .f-table > .f-cell10,
.fw .f-table > .f-table_row > .f-cell10 {
  width: 83.33333%;
}

.fw .f-table > .f-cell11,
.fw .f-table > .f-table_row > .f-cell11 {
  width: 91.66667%;
}

.fw .f-table > .f-cell12,
.fw .f-table > .f-table_row > .f-cell12 {
  width: 100%;
}

.fw .f-table > .f-cell_fifth,
.fw .f-table > .f-table_row > .f-cell_fifth {
  width: 20%;
}

.fw .f-table .f-cell12,
.fw .f-table > .f-table_row .f-cell12 {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .fw .f-table > .f-cell1_m,
  .fw .f-table > .f-table_row > .f-cell1_m {
    width: 8.33333%;
  }
  .fw .f-table > .f-cell2_m,
  .fw .f-table > .f-table_row > .f-cell2_m {
    width: 16.66667%;
  }
  .fw .f-table > .f-cell3_m,
  .fw .f-table > .f-table_row > .f-cell3_m {
    width: 25%;
  }
  .fw .f-table > .f-cell4_m,
  .fw .f-table > .f-table_row > .f-cell4_m {
    width: 33.33333%;
  }
  .fw .f-table > .f-cell5_m,
  .fw .f-table > .f-table_row > .f-cell5_m {
    width: 41.66667%;
  }
  .fw .f-table > .f-cell6_m,
  .fw .f-table > .f-table_row > .f-cell6_m {
    width: 50%;
  }
  .fw .f-table > .f-cell7_m,
  .fw .f-table > .f-table_row > .f-cell7_m {
    width: 58.33333%;
  }
  .fw .f-table > .f-cell8_m,
  .fw .f-table > .f-table_row > .f-cell8_m {
    width: 66.66667%;
  }
  .fw .f-table > .f-cell9_m,
  .fw .f-table > .f-table_row > .f-cell9_m {
    width: 75%;
  }
  .fw .f-table > .f-cell10_m,
  .fw .f-table > .f-table_row > .f-cell10_m {
    width: 83.33333%;
  }
  .fw .f-table > .f-cell11_m,
  .fw .f-table > .f-table_row > .f-cell11_m {
    width: 91.66667%;
  }
  .fw .f-table > .f-cell12_m,
  .fw .f-table > .f-table_row > .f-cell12_m {
    width: 100%;
  }
  .fw .f-table > .f-cell_fifth_m,
  .fw .f-table > .f-table_row > .f-cell_fifth_m {
    width: 20%;
  }
  .fw .f-table .f-cell12_m,
  .fw .f-table > .f-table_row .f-cell12_m {
    display: inline-block;
  }
}
@media screen and (max-width: 640px) {
  .fw .f-table > .f-cell1_s,
  .fw .f-table > .f-table_row > .f-cell1_s {
    width: 8.33333%;
  }
  .fw .f-table > .f-cell2_s,
  .fw .f-table > .f-table_row > .f-cell2_s {
    width: 16.66667%;
  }
  .fw .f-table > .f-cell3_s,
  .fw .f-table > .f-table_row > .f-cell3_s {
    width: 25%;
  }
  .fw .f-table > .f-cell4_s,
  .fw .f-table > .f-table_row > .f-cell4_s {
    width: 33.33333%;
  }
  .fw .f-table > .f-cell5_s,
  .fw .f-table > .f-table_row > .f-cell5_s {
    width: 41.66667%;
  }
  .fw .f-table > .f-cell6_s,
  .fw .f-table > .f-table_row > .f-cell6_s {
    width: 50%;
  }
  .fw .f-table > .f-cell7_s,
  .fw .f-table > .f-table_row > .f-cell7_s {
    width: 58.33333%;
  }
  .fw .f-table > .f-cell8_s,
  .fw .f-table > .f-table_row > .f-cell8_s {
    width: 66.66667%;
  }
  .fw .f-table > .f-cell9_s,
  .fw .f-table > .f-table_row > .f-cell9_s {
    width: 75%;
  }
  .fw .f-table > .f-cell10_s,
  .fw .f-table > .f-table_row > .f-cell10_s {
    width: 83.33333%;
  }
  .fw .f-table > .f-cell11_s,
  .fw .f-table > .f-table_row > .f-cell11_s {
    width: 91.66667%;
  }
  .fw .f-table > .f-cell12_s,
  .fw .f-table > .f-table_row > .f-cell12_s {
    width: 100%;
  }
  .fw .f-table > .f-cell_fifth_s,
  .fw .f-table > .f-table_row > .f-cell_fifth_s {
    width: 20%;
  }
  .fw .f-table .f-cell12_s,
  .fw .f-table > .f-table_row .f-cell12_s {
    display: inline-block;
  }
}
.fw table {
  border-collapse: collapse;
  border-spacing: 0;
}

.fw table th,
.fw table td {
  padding: 15px;
}

.fw table th.f-table_bg_gray,
.fw table td.f-table_bg_gray {
  background: #f7f7f7;
  color: #004894;
}

.fw table.f-table_horizon {
  width: 100%;
}

.fw table.f-table_horizon th,
.fw table.f-table_horizon td {
  border-bottom: 1px solid #DDD;
}

.fw table.f-table_horizon th {
  font-weight: bold;
}

.fw table.f-table_horizon thead th,
.fw table.f-table_horizon thead td {
  border-bottom: 2px solid #DDD;
}

.fw table.f-table_vertical {
  width: 100%;
}

.fw table.f-table_vertical th {
  border-right: 2px solid #DDD;
  font-weight: bold;
}

.fw table.f-table_vertical td {
  border-right: 1px solid #DDD;
}

.fw table.f-table_vertical td:last-child {
  border-right: none;
}

.fw table.f-table_around {
  width: 100%;
}

.fw table.f-table_around th {
  border: 1px solid #DDD;
  font-weight: bold;
}

.fw table.f-table_around td {
  border: 1px solid #DDD;
}

.fw table.f-table_around thead th,
.fw table.f-table_around thead td {
  border-bottom: 2px solid #DDD;
}

.fw table.f-table_stripe {
  width: 100%;
}

.fw table.f-table_stripe tbody tr:nth-child(odd) th,
.fw table.f-table_stripe tbody tr:nth-child(odd) td {
  background: #f7f7f7;
}

.fw table.f-table_cursor {
  width: 100%;
}

.fw table.f-table_cursor tbody tr:hover td {
  background: #e3e3e3;
}

.fw table.f-table_cursor tbody tr:hover:nth-child(odd) td {
  background: #e3e3e3 !important;
}

.fw table.f-table_break th,
.fw table.f-table_break td {
  width: 100% !important;
  display: block;
  margin-top: -1px;
}

@media screen and (max-width: 768px) {
  .fw table.f-table_break_m th,
  .fw table.f-table_break_m td {
    width: 100% !important;
    display: block;
    margin-top: -1px;
  }
}
@media screen and (max-width: 640px) {
  .fw table.f-table_break_s th,
  .fw table.f-table_break_s td {
    width: 100% !important;
    display: block;
    margin-top: -1px;
  }
}
.fw .f-table_responsive {
  overflow-x: auto;
  padding-bottom: 10px;
}

.fw .f-table_responsive::-webkit-scrollbar {
  height: 5px;
}

.fw .f-table_responsive::-webkit-scrollbar-thumb {
  background: #b2b1b1;
  border-radius: 5px;
}

.fw .f-table_responsive::-webkit-scrollbar-track-piece:start {
  background: #f7f7f7;
  border-radius: 5px;
}

.fw .f-table_responsive::-webkit-scrollbar-track-piece:end {
  background: #f7f7f7;
  border-radius: 5px;
}

.fw .f-table_responsive table {
  width: 744px;
}

.fw table tr > .f-cell1 {
  width: 8.33333%;
}

.fw table tr > .f-cell2 {
  width: 16.66667%;
}

.fw table tr > .f-cell3 {
  width: 25%;
}

.fw table tr > .f-cell4 {
  width: 33.33333%;
}

.fw table tr > .f-cell5 {
  width: 41.66667%;
}

.fw table tr > .f-cell6 {
  width: 50%;
}

.fw table tr > .f-cell7 {
  width: 58.33333%;
}

.fw table tr > .f-cell8 {
  width: 66.66667%;
}

.fw table tr > .f-cell9 {
  width: 75%;
}

.fw table tr > .f-cell10 {
  width: 83.33333%;
}

.fw table tr > .f-cell11 {
  width: 91.66667%;
}

.fw table tr > .f-cell12 {
  width: 100%;
}

.fw table tr > .f-cell_fifth {
  width: 20%;
}

.fw table tr > .f-cell1 {
  width: 8.33333%;
}

.fw table tr > .f-cell2 {
  width: 16.66667%;
}

.fw table tr > .f-cell3 {
  width: 25%;
}

.fw table tr > .f-cell4 {
  width: 33.33333%;
}

.fw table tr > .f-cell5 {
  width: 41.66667%;
}

.fw table tr > .f-cell6 {
  width: 50%;
}

.fw table tr > .f-cell7 {
  width: 58.33333%;
}

.fw table tr > .f-cell8 {
  width: 66.66667%;
}

.fw table tr > .f-cell9 {
  width: 75%;
}

.fw table tr > .f-cell10 {
  width: 83.33333%;
}

.fw table tr > .f-cell11 {
  width: 91.66667%;
}

.fw table tr > .f-cell12 {
  width: 100%;
}

.fw table tr > .f-cell_fifth {
  width: 20%;
}

.fw table tr .f-cell12 {
  display: inline-block;
}

@media screen and (max-width: 768px) {
  .fw table tr > .f-cell1_m {
    width: 8.33333%;
  }
  .fw table tr > .f-cell2_m {
    width: 16.66667%;
  }
  .fw table tr > .f-cell3_m {
    width: 25%;
  }
  .fw table tr > .f-cell4_m {
    width: 33.33333%;
  }
  .fw table tr > .f-cell5_m {
    width: 41.66667%;
  }
  .fw table tr > .f-cell6_m {
    width: 50%;
  }
  .fw table tr > .f-cell7_m {
    width: 58.33333%;
  }
  .fw table tr > .f-cell8_m {
    width: 66.66667%;
  }
  .fw table tr > .f-cell9_m {
    width: 75%;
  }
  .fw table tr > .f-cell10_m {
    width: 83.33333%;
  }
  .fw table tr > .f-cell11_m {
    width: 91.66667%;
  }
  .fw table tr > .f-cell12_m {
    width: 100%;
  }
  .fw table tr > .f-cell_fifth_m {
    width: 20%;
  }
  .fw table tr .f-cell12_m {
    display: inline-block;
  }
}
@media screen and (max-width: 640px) {
  .fw table tr > .f-cell1_s {
    width: 8.33333%;
  }
  .fw table tr > .f-cell2_s {
    width: 16.66667%;
  }
  .fw table tr > .f-cell3_s {
    width: 25%;
  }
  .fw table tr > .f-cell4_s {
    width: 33.33333%;
  }
  .fw table tr > .f-cell5_s {
    width: 41.66667%;
  }
  .fw table tr > .f-cell6_s {
    width: 50%;
  }
  .fw table tr > .f-cell7_s {
    width: 58.33333%;
  }
  .fw table tr > .f-cell8_s {
    width: 66.66667%;
  }
  .fw table tr > .f-cell9_s {
    width: 75%;
  }
  .fw table tr > .f-cell10_s {
    width: 83.33333%;
  }
  .fw table tr > .f-cell11_s {
    width: 91.66667%;
  }
  .fw table tr > .f-cell12_s {
    width: 100%;
  }
  .fw table tr > .f-cell_fifth_s {
    width: 20%;
  }
  .fw table tr .f-cell12_s {
    display: inline-block;
  }
}
.fw .f-txt_left {
  text-align: left !important;
}

.fw .f-txt_center {
  text-align: center !important;
}

.fw .f-txt_right {
  text-align: right !important;
}

.fw .f-txt_red {
  color: #d61828 !important;
}

.fw .f-txt_black {
  color: #333 !important;
}

.fw .f-txt_blue {
  color: #004894 !important;
}

.fw .f-txt_yellow {
  color: #faf340 !important;
}

.fw .f-txt_gray {
  color: #efefef !important;
}

.fw .f-txt_purple {
  color: #7257c0 !important;
}

.fw .f-txt_white {
  color: #fff !important;
}

.fw .f-txt_pink {
  color: #e44f59 !important;
}

.fw .f-space_s {
  letter-spacing: -0.02em !important;
}

.fw .f-space_m {
  letter-spacing: 0.03em !important;
}

.fw .f-space_l {
  letter-spacing: 0.08em !important;
}

.fw .f-box {
  background: #f7f7f7;
  padding: 20px;
}

.fw .f-box_solid {
  border: 1px solid #DDD;
  padding: 20px;
}

.fw .f-box_dotted {
  border: 1px dotted #DDD;
  padding: 20px;
}

.fw .f-box_dashed {
  border: 1px dashed #DDD;
  padding: 20px;
}

@-webkit-keyframes navon01 {
  0% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  30% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  80% {
    margin: 0 0 0 0;
    opacity: 0.8;
  }
  100% {
    margin: 0 0 0 0;
    opacity: 1;
  }
}

@keyframes navon01 {
  0% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  30% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  80% {
    margin: 0 0 0 0;
    opacity: 0.8;
  }
  100% {
    margin: 0 0 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes navon02 {
  0% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  40% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  90% {
    margin: 0 0 0 0;
    opacity: 0.9;
  }
  100% {
    margin: 0 0 0 0;
    opacity: 1;
  }
}
@keyframes navon02 {
  0% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  40% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  90% {
    margin: 0 0 0 0;
    opacity: 0.9;
  }
  100% {
    margin: 0 0 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes navon03 {
  0% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  50% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  100% {
    margin: 0 0 0 0;
    opacity: 1;
  }
}
@keyframes navon03 {
  0% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  50% {
    margin: 0 0 0 -100%;
    opacity: 0;
  }
  100% {
    margin: 0 0 0 0;
    opacity: 1;
  }
}
@-webkit-keyframes bnr01 {
  0% {
    -webkit-transform: translateY(9px) rotate(45deg);
            transform: translateY(9px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(9px) rotate(0);
            transform: translateY(9px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@keyframes bnr01 {
  0% {
    -webkit-transform: translateY(9px) rotate(45deg);
            transform: translateY(9px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(9px) rotate(0);
            transform: translateY(9px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes bnr02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bnr02 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bnr03 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@keyframes bnr03 {
  0% {
    -webkit-transform: translateY(-8px) rotate(-45deg);
            transform: translateY(-8px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-8px) rotate(0);
            transform: translateY(-8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
}
@-webkit-keyframes bnr01-active {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
            transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
}
@keyframes bnr01-active {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(8px) rotate(0);
            transform: translateY(8px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(8px) rotate(45deg);
            transform: translateY(8px) rotate(45deg);
  }
}
@-webkit-keyframes bnr02-active {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes bnr02-active {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes bnr03-active {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-9px) rotate(0);
            transform: translateY(-9px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-9px) rotate(-45deg);
            transform: translateY(-9px) rotate(-45deg);
  }
}
@keyframes bnr03-active {
  0% {
    -webkit-transform: translateY(0) rotate(0);
            transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-9px) rotate(0);
            transform: translateY(-9px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-9px) rotate(-45deg);
            transform: translateY(-9px) rotate(-45deg);
  }
}
@-webkit-keyframes pkg_step02 {
  0% {
    -webkit-transform: translate(-49%, 1%) scale(0.9);
            transform: translate(-49%, 1%) scale(0.9);
    opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@keyframes pkg_step02 {
  0% {
    -webkit-transform: translate(-49%, 1%) scale(0.9);
            transform: translate(-49%, 1%) scale(0.9);
    opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes pkg_step03 {
  0% {
    -webkit-transform: translate(-49%, 1%) scale(0.9);
            transform: translate(-49%, 1%) scale(0.9);
    opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@keyframes pkg_step03 {
  0% {
    -webkit-transform: translate(-49%, 1%) scale(0.9);
            transform: translate(-49%, 1%) scale(0.9);
    opacity: 0;
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes pkg_step04 {
  0% {
    -webkit-transform: translate(-45%, 20%) scale(0.5);
            transform: translate(-45%, 20%) scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@keyframes pkg_step04 {
  0% {
    -webkit-transform: translate(-45%, 20%) scale(0.5);
            transform: translate(-45%, 20%) scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes pkg_step05 {
  0% {
    -webkit-transform: translate(-45%, 20%) scale(0.5);
            transform: translate(-45%, 20%) scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@keyframes pkg_step05 {
  0% {
    -webkit-transform: translate(-45%, 20%) scale(0.5);
            transform: translate(-45%, 20%) scale(0.5);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes pkg_step06 {
  0% {
    -webkit-transform: translate(-50%, 1%) scale(0.9);
            transform: translate(-50%, 1%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@keyframes pkg_step06 {
  0% {
    -webkit-transform: translate(-50%, 1%) scale(0.9);
            transform: translate(-50%, 1%) scale(0.9);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  40% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  55% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  70% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  20% {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
  40% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  55% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
  }
  70% {
    -webkit-transform: translateY(2px);
            transform: translateY(2px);
  }
  90% {
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes bounceX {
  0% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  30% {
    -webkit-transform: translate(8px, -50%);
            transform: translate(8px, -50%);
  }
  45% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  60% {
    -webkit-transform: translate(4px, -50%);
            transform: translate(4px, -50%);
  }
  75% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  90% {
    -webkit-transform: translate(1px, -50%);
            transform: translate(1px, -50%);
  }
  100% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@keyframes bounceX {
  0% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  30% {
    -webkit-transform: translate(8px, -50%);
            transform: translate(8px, -50%);
  }
  45% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  60% {
    -webkit-transform: translate(4px, -50%);
            transform: translate(4px, -50%);
  }
  75% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
  90% {
    -webkit-transform: translate(1px, -50%);
            transform: translate(1px, -50%);
  }
  100% {
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}
@-webkit-keyframes bounce_top {
  0% {
    top: 0;
  }
  30% {
    top: -16px;
  }
  45% {
    top: 0;
  }
  60% {
    top: -6px;
  }
  75% {
    top: 0;
  }
  90% {
    top: -2px;
  }
  100% {
    top: 0;
  }
}
@keyframes bounce_top {
  0% {
    top: 0;
  }
  30% {
    top: -16px;
  }
  45% {
    top: 0;
  }
  60% {
    top: -6px;
  }
  75% {
    top: 0;
  }
  90% {
    top: -2px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes bounce_btn {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  35% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
  }
  85% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bounce_btn {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  35% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.01);
            transform: scale(1.01);
  }
  85% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes bounce_btn_s {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  35% {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  85% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bounce_btn_s {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.96);
            transform: scale(0.96);
  }
  35% {
    -webkit-transform: scale(1.04);
            transform: scale(1.04);
  }
  50% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
  }
  75% {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
  }
  85% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes bounce_btn_ss {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
  35% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  75% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  85% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes bounce_btn_ss {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  20% {
    -webkit-transform: scale(0.92);
            transform: scale(0.92);
  }
  35% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  75% {
    -webkit-transform: scale(1.03);
            transform: scale(1.03);
  }
  85% {
    -webkit-transform: scale(0.99);
            transform: scale(0.99);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
.fw .a-ttl {
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

.fw .a-ttl.a-ttl_xl {
  font-size: 40px;
  line-height: 1.3;
}

@media screen and (max-width: 768px) {
  .fw .a-ttl.a-ttl_xl {
    font-size: 25px;
  }
}
.fw .a-ttl.a-ttl_l {
  font-size: 32px;
}

@media screen and (max-width: 768px) {
  .fw .a-ttl.a-ttl_l {
    font-size: 18px;
  }
}
.fw .a-ttl.a-ttl_ml {
  font-size: 32px;
}

@media screen and (max-width: 768px) {
  .fw .a-ttl.a-ttl_ml {
    font-size: 21px;
  }
}
.fw .a-ttl.a-ttl_m {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .fw .a-ttl.a-ttl_m {
    font-size: 16px;
  }
}
.fw .a-ttl.a-ttl_img {
  border-bottom: 1px dashed #004894;
  text-align: center;
}

.fw .a-ttl.a-ttl_img img {
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .fw .a-ttl.a-ttl_img img {
    height: 32px;
  }
}
.fw .a-btn {
  text-align: center;
  max-width: 380px;
  margin: 60px auto;
}

@media screen and (max-width: 768px) {
  .fw .a-btn {
    margin: 30px;
  }
}
.fw .a-btn a {
  display: block;
  border-radius: 1.5em;
  text-align: center;
  font-size: 18px;
  line-height: 1.5em;
  padding: 0.75em 0;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
}

.fw.home .a-btn a {
  display: block;
  border-radius: 1.5em;
  text-align: center;
  font-size: 18px;
  line-height: 1.5em;
  padding: 0.75em 0;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
}

@media screen and (max-width: 768px) {
  .fw .a-btn a {
    font-size: 16px;
  }
}
.fw.home .a-btn a .a-btn_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
}

.fw .a-btn a .a-btn_arrow {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 10px;
  position: relative;
  vertical-align: middle;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .fw .a-btn a .a-btn_arrow {
    width: 14px;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-btn a .a-btn_arrow {
    height: 14px;
  }
}
.fw.home .a-btn a .a-btn_arrow:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 6px;
  display: block;
  border: 4px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid #004894;
  margin-right: -1px;
}

.fw .a-btn a .a-btn_arrow:after {
  content: "";
  position: absolute;
  left: 8px;
  top: 6px;
  display: block;
  border: 4px solid transparent;
  border-right: 6px solid transparent;
  border-left: 6px solid #004894;
  margin-right: -1px;
}

@media screen and (max-width: 768px) {
  .fw .a-btn a .a-btn_arrow:after {
    left: 5px;
    top: 3px;
    border: 4px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid #004894;
  }
}
.fw .a-btn a:hover {
  -webkit-animation: bounce_btn 400ms linear both;
          animation: bounce_btn 400ms linear both;
}

.fw .a-btn_white a {
  color: #004894;
  background: #fff;
}

.fw .a-btn_white a:after {
  margin: -0.2em 0 0 5px;
  content: "";
  vertical-align: middle;
  display: inline-block;
  background: url(/danone/common/images/icon/icon_blank.svg) no-repeat left top;
  background: 100% auto;
  width: 16px;
  height: 16px;
}

.fw .a-icon {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 0;
}

.fw .a-icon img {
  width: 22px;
  height: 22px;
}

.fw .a-icon svg {
  vertical-align: middle;
  width: 22px;
  height: 22px;
}

.fw .a-icon svg .baseline {
  fill: #FFFFFF;
}

.fw .a-ttlbox {
  text-align: center;
  padding: 60px 0;
}

.fw.products .a-ttlbox {
  text-align: center;
  padding: 60px 0 20px;
}

@media screen and (max-width: 768px) {
  .fw.products .a-ttlbox {
    text-align: center;
    padding: 30px 0 30px;
  }
  .fw .a-ttlbox {
    padding: 30px 0 30px;
  }
}
.fw .a-grabox {
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  border-radius: 15px;
  padding: 3px;
  color: #fff;
}

.fw .a-grabox_inner {
  background: #fff;
  border-radius: 12px 12px 0 0;
  background: #fff;
  color: #004894;
}

.fw .a-clr_white {
  color: #fff;
}

.fw .a-clr_main {
  color: #004894;
}

.fw .a-notice {
  font-size: 12px;
}

@media screen and (max-width: 768px) {
  .fw .a-notice {
    font-size: 11px;
  }
}
.fw .a-notice:before {
  content: "※ ";
}

.fw .a-adj_font {
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  display: inline-block;
}

.fw .a-danoneline {
  clear: both;
  border-top: 1.26px solid #fff;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  height: 18px;
}

@media screen and (max-width: 768px) {
  .fw .a-danoneline {
    height: 16px;
  }
}
.fw .a-danoneline:before {
  content: "";
  width: 100%;
  margin-top: 1.26px;
  display: block;
  height: 1.26px;
  border-top: 2.53px solid #fff;
  border-bottom: 5.68px solid #fff;
}

@media screen and (max-width: 768px) {
  .fw .a-danoneline:before {
    margin-top: 2px;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-danoneline:before {
    height: 2px;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-danoneline {
    border-top: 1px solid #fff;
  }
  .fw .a-danoneline:before {
    border-top: 2px solid #fff;
    border-bottom: 4px solid #fff;
  }
}
.fw .a-danoneline_light {
  clear: both;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  padding-bottom: 8px;
  padding-top: 3px;
  height: 22px;
}

@media screen and (max-width: 768px) {
  .fw .a-danoneline_light {
    padding-bottom: 4px;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-danoneline_light {
    padding-top: 2px;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-danoneline_light {
    height: 14px;
  }
}
.fw .a-danoneline_light:before {
  content: "";
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  display: block;
  height: 5px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}

@media screen and (max-width: 768px) {
  .fw .a-danoneline_light:before {
    height: 3px;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-danoneline_light:before {
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
  }
}
.fw .a-marque {
  background: url(/danone/common/images/common/bg_marque.png) no-repeat left bottom;
  background-size: 100% 25px;
}

@media screen and (max-width: 768px) {
  .fw .a-marque {
    background: url(/danone/common/images/common/bg_marque.png) no-repeat left bottom;
    background-size: 100% 12px;
  }
}
.fw .a-marque_lblue {
  display: inline-block;
  position: relative;
}

.fw .a-marque_lblue:after {
  position: absolute;
  left: 0;
  bottom: -4px;
  z-index: -1;
  content: "";
  background: url(/danone/common/images/common/bg_marque_lblue.png) no-repeat left bottom;
  background-size: 100% 100%;
  display: block;
  width: 100%;
  height: 25px;
}

@media screen and (max-width: 768px) {
  .fw .a-marque_lblue:after {
    height: 12px;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-marque_lblue:after {
    background: url(/danone/common/images/common/bg_marque_lblue.png) no-repeat left bottom;
    background-size: 100% 12px;
  }
}
.fw .a-baloon {
  text-align: center;
  padding: 0 0 12px 0;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

.fw .a-baloon_inner {
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  display: inline-block;
  font-size: 20px;
  line-height: 2.5;
  height: 2.5em;
  padding: 0 2.5em;
  border-radius: 2.5em;
  text-align: center;
  position: relative;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fw .a-baloon_inner {
    font-size: 4.8vw;
  }
}
.fw .a-baloon_inner:after {
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -10px;
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  background: url(/danone/common/images/common/arrow_bottom.png) no-repeat center top;
}

.fw .a-baloon.a-baloon_double .a-baloon_inner {
  font-size: 20px;
  height: 2.5em;
  padding: 0 2.5em;
}

@media screen and (max-width: 768px) {
  .fw .a-baloon.a-baloon_double .a-baloon_inner {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-baloon.a-baloon_double .a-baloon_inner {
    height: 4em;
  }
}
@media screen and (max-width: 768px) {
  .fw .a-baloon.a-baloon_double .a-baloon_inner {
    padding: 0.5em 2em;
  }
}
@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
  .pc {
    display: block;
  }
  .fw.about .a-bg_stripe01,
  .fw.home .a-bg_stripe01 {
    background: #cfe2e3 url(/danone/common/images/about/bg01.jpg) no-repeat center top;
    background-size: cover;
  }
  .fw .a-bg_stripe01 {
    background: #D0E1E2;
  }
  .fw .a-bg_stripe01-yellow {
    background: #cfe2e3 url(/danone/common/images/home/bg01-yellow.jpg) repeat center top;
    background-size: cover;
  }
}
.fw .a-bg_stripe01-mosgrn {
  background: #D0E1E2;
}

@media screen and (max-width: 768px) {
  .fw .a-bg_stripe01 {
    background: #D0E1E2;
  }
  .fw .a-bg_stripe01-yellow {
    background: #cfe2e3 url(/danone/common/images/home/bg01-yellow.jpg) repeat center top;
    background-size: cover;
  }
  .fw .a-baloon.a-baloon_double .a-baloon_inner {
    line-height: 1.5;
    border-radius: 4em;
  }
}
.fw .a-bg_plain {
  background: #3192e9;
}

.fw .a-bg_vanilla {
  background: #f8f5e3;
}

.fw .a-bg_strawberry {
  background: #e44f59;
}

.fw .a-bg_blueberry {
  background: #7257c0;
}

.fw .a-bg_tropical {
  background: #f4d454;
}

.fw .a-bg_aloe_peach {
  background: #6bce67;
}

.fw .a-bg_lgreen {
  background: #cfe2e3;
}

.fw .a-bg_orange {
  background: #f2a74c;
}

@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
  .pc {
    display: none !important;
  }
  .fw .f-inner2 {
    width: 100%;
    margin: 0;
    padding: 0 0;
  }
  .fw .a-bg_stripe01 .p-about_main_txtbox {
    background: #cfe2e3 url(/danone/common/images/about/bg01-a-sp.jpg) no-repeat center top;
    background-size: cover;
  }
  .fw .a-bg_stripe01 .p-about_main_img {
    width: 100% !important;
    margin: 0 auto 0 auto !important;
    background: #cfe2e3 url(/danone/common/images/about/bg01-b-sp.jpg) no-repeat center top;
    background-size: cover;
  }
}
.fw .a-bg_stripe02 {
  background: #004894 url(/danone/common/images/common/bg_patern02.png) repeat left top;
}

.fw .a-bg_stripe_plain {
  background: #B8D7F1;
}

.fw .a-bg_stripe_vanilla {
  background: #F2F1EA;
}

.fw .a-bg_stripe_strawberry {
  background: #F8C9CC;
}

.fw .a-bg_stripe_blueberry {
  background: #DED6F4;
}

.fw .a-bg_stripe_tropical {
  background: #E9E1C4;
}

.fw .a-bg_stripe_aloe_peach {
  background: #D3F1D1;
}

.fw .a-bg_stripe_orange {
  background: #F4EBCD;
}

.fw .a-bg_stripe_purple {
  background: #ded6f5 url(/danone/common/images/common/bg_patern01.png) repeat left top;
}

.fw .a-bg_stripe_pink {
  background: #f7c9cd url(/danone/common/images/common/bg_patern01.png) repeat left top;
}

.fw .m-cat_label ul {
  text-align: right;
  font-size: 0;
}

.fw .m-cat_label ul li {
  display: inline-block;
  padding: 16px 4px;
}

@media screen and (max-width: 768px) {
  .fw .m-cat_label ul li {
    padding: 8px 2px;
  }
}
.fw .m-cat_label ul li img {
  height: 32px;
}

@media screen and (max-width: 768px) {
  .fw .m-cat_label ul li img {
    height: 24px;
  }
}
.fw .m-squarebox {
  width: 465px;
  padding: 0px 0 0 0;
  margin: 0 auto;
  border-radius: 19px;
  text-align: center;
  background-color: #ffffff;
  border: #014994 solid 3px;
}

.fw .m-circlebox {
  width: 300px;
  height: 300px;
  padding: 74px 0 0 0;
  margin: 0 auto;
  border-radius: 50%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fw .m-squarebox {
    width: 90%;
    padding: 0px 0 0px 0;
    margin: 0 auto;
    border-radius: 20px;
    text-align: center;
    background-color: #ffffff;
    border: #014994 solid 3px;
  }
  .fw .m-circlebox {
    width: 210px;
  }
}
@media screen and (max-width: 768px) {
  .fw .m-circlebox {
    height: 210px;
  }
}
@media screen and (max-width: 768px) {
  .fw .m-circlebox {
    padding: 50px 0 0 0;
  }
}
.fw .m-circlebox_baloon {
  border-radius: 1.2em;
  width: 74%;
  margin: 0 auto;
}

.fw .m-circlebox_baloon p {
  line-height: 2.4em;
  font-size: 16px;
  text-align: center;
  color: #fff;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw .m-circlebox_baloon p {
    font-size: 11px;
  }
}
.fw .m-circlebox_txt {
  margin-top: 10px;
  line-height: 1.4;
  font-size: 24px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw .m-circlebox_txt {
    font-size: 16px;
  }
}
.fw .m-squarebox_img {
  padding: 20px;
}

.fw .m-squarebox_img img {
  width: 256px;
}

.fw .m-squarebox_img.m-squarebox_img--max {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 84%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fw .m-squarebox_img.m-squarebox_img--max img {
  width: 310px;
}

.fw .m-circlebox_img img {
  width: 80px;
  height: 80px;
}

@media screen and (max-width: 768px) {
  .fw .m-squarebox_img img {
    width: 224px;
  }
  .fw .m-squarebox_img.m-squarebox_img--max {
    display: block;
    height: auto;
  }
  .fw .m-circlebox_img img {
    width: 60px;
  }
}
@media screen and (max-width: 768px) {
  .fw .m-circlebox_img img {
    height: 60px;
  }
}
.fw .m-squarebox_blue {
  color: #014994;
}

.fw .m-circlebox_purple {
  color: #7257c0;
}

.fw .m-circlebox_purple .m-circlebox_baloon {
  background: #7257c0;
}

.fw .m-circlebox_pink {
  color: #e44f59;
}

.fw .m-circlebox_pink .m-circlebox_baloon {
  background: #e44f59;
}

.fw .m-pagetop {
  position: fixed;
  right: -60px;
  bottom: 10px;
  width: 50px;
  height: 50px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .fw .m-pagetop {
    width: 45px;
  }
}
@media screen and (max-width: 768px) {
  .fw .m-pagetop {
    height: 45px;
  }
}
.fw .m-pagetop.active {
  right: 10px;
}

.fw .m-pagetop:hover {
  -webkit-animation: bounce_btn_ss 400ms linear both;
          animation: bounce_btn_ss 400ms linear both;
}

@media screen and (max-width: 768px) {
  .fw .m-pagetop {
    display: none;
  }
}
.fw #header {
  background: #003da5;
  text-align: right;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  width: 100%;
  min-width: 1100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 30;
}

.fw #header .o-header_logo {
  display: block;
  float: left;
  padding: 6px 0 2px 0;
}

.fw #header .o-header_logo img {
  height: 60px;
}

@media screen and (max-width: 768px) {
  .fw #header .o-header_logo img {
    height: 40px;
  }
}
.fw #header .o-header_gnav_close {
  display: none;
}

.fw #header .o-header_navbtn {
  display: none;
}

.fw #header .o-header_sns {
  display: none;
}

.fw #header nav {
  display: inline-block;
  height: 60px;
  padding-top: 0;
  width: auto;
  vertical-align: middle;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw #header nav {
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .fw #header nav {
    padding-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .fw #header nav {
    width: 100%;
  }
}
.fw #header nav ul {
  font-size: 0;
  text-align: right;
  display: inline-block;
  vertical-align: top;
}

.fw #header nav ul li {
  display: inline-block;
  vertical-align: top;
}

.fw #header nav ul li a {
  height: 60px;
  padding: 10px 20px;
  line-height: 40px;
  font-size: 14px;
  display: block;
  color: #fff;
  letter-spacing: 0.02em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media screen and (max-width: 768px) {
  .fw #header nav ul li a {
    height: auto;
  }
}
.fw #header nav ul li a .baseline {
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.fw #header nav ul li a:hover,
.fw #header nav ul li a.current {
  color: #20a4c0;
}

.fw #header nav ul li a:hover .baseline,
.fw #header nav ul li a.current .baseline {
  fill: #20a4c0;
}

.fw #header nav ul li.o-header_gnav_coming {
  opacity: 0.5;
}

.fw #header nav ul li.o-header_gnav_coming a {
  line-height: 20px;
  cursor: default;
  pointer-events: none;
}

.fw #header nav ul li.o-header_gnav_coming .o-header_gnav_coming_icon {
  opacity: 0.5;
  display: block;
  text-align: center;
}

.fw #header nav ul li.o-header_gnav_coming .o-header_gnav_coming_icon img {
  width: 88px;
}

@media screen and (max-width: 768px) {
  .fw #header nav ul li.o-header_gnav_coming .o-header_gnav_coming_icon img {
    width: 100px;
  }
}
@media screen and (max-width: 1280px) {
  .fw #header nav ul li a {
    padding: 12px 10px 10px;
    font-size: 13px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .fw #header nav ul li a {
    padding: 0 30px;
  }
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  .fw #header nav ul li a {
    font-size: 17px;
  }
}
@media screen and (max-width: 768px) {
  .fw #header {
    min-width: 0;
  }
  .fw #header .o-header_logo {
    text-align: left;
    display: block;
    float: none;
    position: relative;
    z-index: 30;
    background: #003da5;
    background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
    background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  }
  .fw #header .o-header_navbtn {
    float: right;
    display: block;
  }
  .fw #header .o-header_navbtn a {
    display: inline-block;
    position: relative;
    margin: 8px 10px 0 10px;
    width: 24px;
    height: 20px;
    vertical-align: top;
  }
  .fw #header .o-header_navbtn a span {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: #fff;
  }
  .fw #header .o-header_navbtn a span:nth-of-type(1) {
    top: 0;
  }
  .fw #header .o-header_navbtn a span:nth-of-type(2) {
    top: 9px;
  }
  .fw #header .o-header_navbtn a span:nth-of-type(3) {
    bottom: 0;
  }
  .fw #header .o-header_navbtn a span:nth-of-type(1) {
    -webkit-animation: bnr01 0.2s forwards;
            animation: bnr01 0.2s forwards;
  }
  .fw #header .o-header_navbtn a span:nth-of-type(2) {
    -webkit-animation: bnr02 0.2s forwards;
            animation: bnr02 0.2s forwards;
  }
  .fw #header .o-header_navbtn a span:nth-of-type(3) {
    -webkit-animation: bnr03 0.2s forwards;
            animation: bnr03 0.2s forwards;
  }
  .fw #header .o-header_gnav_close {
    display: block;
  }
  .fw #header .o-header_gnav_close a {
    line-height: 45px;
    text-align: center;
    display: block;
    background: rgba(255, 255, 255, 0.1);
    font-size: 16px;
    color: #fff;
  }
  .fw #header .o-header_gnav_close a span {
    display: inline-block;
    -webkit-transform: rotate(0.05deg);
            transform: rotate(0.05deg);
  }
  .fw #header .o-header_sns {
    display: block;
    text-align: left;
    padding: 0 20px 10px 20px;
    font-size: 0;
  }
  .fw #header .o-header_sns a {
    padding: 0 10px;
  }
  .fw #header .o-header_sns img {
    width: 30px;
    height: 30px;
  }
  .fw #header .o-header_sns li {
    display: inline-block;
  }
  .fw #header nav {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
    background: #003da5;
    background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
    background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
    position: absolute;
    text-align: left;
    display: block;
    z-index: 29;
    left: 0;
    top: 45px;
    -webkit-transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .fw #header nav:before {
    content: "";
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .fw #header nav ul {
    font-size: 0;
    text-align: left;
    display: block;
  }
  .fw #header nav ul li {
    display: block;
  }
  .fw #header nav ul li.o-header_gnav_coming a {
    line-height: 40px;
  }
  .fw #header nav ul li.o-header_gnav_coming .o-header_gnav_coming_icon {
    display: inline-block;
    vertical-align: top;
  }
  .fw #header nav ul li.o-header_gnav_coming .o-header_gnav_coming_icon img {
    margin-left: 0;
  }
  .fw #header:after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100vh;
    display: block;
    top: 0;
    left: 0;
    z-index: 1;
    background: #004894 url(/danone/common/images/common/bg_patern02.png) repeat left top;
    opacity: 0;
    pointer-events: none;
  }
  .fw #header.active nav {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .fw #header.active:after {
    opacity: 0.4;
    pointer-events: auto;
  }
  .fw #header.active .o-header_navbtn {
    z-index: 30;
  }
  .fw #header.active .o-header_navbtn a span:nth-of-type(1) {
    -webkit-animation: bnr01-active 0.2s forwards;
            animation: bnr01-active 0.2s forwards;
  }
  .fw #header.active .o-header_navbtn a span:nth-of-type(2) {
    -webkit-animation: bnr02-active 0.2s forwards;
            animation: bnr02-active 0.2s forwards;
  }
  .fw #header.active .o-header_navbtn a span:nth-of-type(3) {
    -webkit-animation: bnr03-active 0.2s forwards;
            animation: bnr03-active 0.2s forwards;
  }
}
.fw #footer {
  font-size: 0;
}

.fw #footer .o-footer_logo {
  display: inline-block;
  padding: 4px 0;
}

.fw #footer .o-footer_copyright {
  background: #003da5;
  clear: both;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .fw #footer .o-footer_copyright {
    padding: 20px 0 20px 0;
  }
}
.fw #footer .o-footer_copyright p {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 11px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw #footer .o-footer_copyright p {
    font-size: 10px;
  }
}
.fw #footer .o-footer_sns {
  float: right;
  font-size: 0;
}

.fw #footer .o-footer_sns li {
  padding: 25px 25px 0 0;
}

.fw #footer .o-footer_sns img {
  width: 30px;
  height: 30px;
}

.fw #footer .o-footer_sns li {
  display: inline-block;
}

.fw #footer nav {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .fw #footer nav {
    padding: 0 20px;
  }
}
.fw #footer nav ul {
  line-height: 1;
}

.fw #footer nav ul li {
  display: inline-block;
}

.fw #footer nav ul li a {
  line-height: 1;
  color: #004894;
  margin: 0 20px;
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  .fw #footer nav ul li a {
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw #footer nav ul li a {
    font-size: 20px;
  }
}
@media screen and (max-width: 640px) {
  .fw #footer nav ul li a {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .fw #footer .o-footer_logo {
    display: block;
    text-align: center;
  }
  .fw #footer .o-footer_copyright {
    background: #fff;
  }
  .fw #footer .o-footer_copyright p {
    color: #004894;
  }
  .fw #footer .o-footer_sns {
    float: none;
    text-align: center;
    font-size: 0;
  }
  .fw #footer .o-footer_sns li {
    padding: 25px 25px 0 0;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .fw #footer .o-footer_sns li {
    padding: 15px 10px;
  }
}
@media screen and (max-width: 768px) {
  .fw #footer .o-footer_sns img {
    width: 30px;
    height: 30px;
  }
  .fw #footer .o-footer_sns li {
    display: inline-block;
  }
  .fw #footer nav {
    display: block;
  }
  .fw #footer nav ul {
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .fw #footer nav ul li {
    display: inherit;
  }
}
.fw .o-breadcrumb {
  background: #efefef;
  padding: 10px 0;
}

.fw .o-breadcrumb ul {
  display: block;
  font-size: 0;
}

.fw .o-breadcrumb ul li {
  display: inline-block;
  font-size: 14px;
}

.fw .o-breadcrumb ul li a {
  display: block;
  position: relative;
  margin-right: 6px;
}

.fw .o-breadcrumb ul li a:before {
  content: "";
  width: 0px;
  height: 0px;
  display: block;
  border: transparent solid 6px;
  border-left: #004894 solid 6px;
  position: absolute;
  right: -12px;
  top: 50%;
  margin-top: -6px;
}

.fw .o-breadcrumb ul li a span {
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  color: #004894;
}

.fw .o-breadcrumb ul li span {
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  padding: 0 20px;
  color: #333;
}

@media screen and (max-width: 768px) {
  .fw .o-breadcrumb {
    display: none;
  }
}
.fw .o-productbox {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  color: #004894;
  background: #fff;
  -webkit-box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 9px 20px 0px rgba(0, 0, 0, 0.2);
}

.fw .o-productbox_close {
  display: none;
}

.fw .o-productbox_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 350px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_btn {
    padding-bottom: 20px;
  }
}
.fw .o-productbox_btn a {
  margin: 0 auto;
  display: block;
  text-align: center;
  background: #fff;
  font-size: 16px;
  width: 80%;
  line-height: 2.4em;
  border-radius: 1.2em;
  color: #004894;
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_btn a {
    font-size: 14px;
  }
}
.fw .o-productbox_btn a:after {
  margin: 0.1em 0 0 5px;
  content: "";
  display: inline-block;
  background: url(/danone/common/images/icon/icon_blank.svg) no-repeat left top;
  background: 100% auto;
  width: 0.8em;
  height: 0.8em;
}

.fw .o-productbox_btn a span {
  display: inline-block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw .o-productbox_btn a:hover {
  -webkit-animation: bounce_btn_s 400ms linear both;
          animation: bounce_btn_s 400ms linear both;
}

.fw .o-productbox_img {
  width: 350px;
  min-width: 350px;
  position: relative;
}

.fw .o-productbox_img img {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.fw .o-productbox_img .icon_renewal {
  position: absolute;
  left: 1vw;
  top: 50%;
  -webkit-transform: translateY(-125px);
          transform: translateY(-125px);
  width: 91px;
  height: 42px;
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_img .icon_renewal {
    left: 50%;
    top: 16px;
    width: 70px;
    height: auto;
    -webkit-transform: translateX(-110px);
            transform: translateX(-110px);
  }
}
.fw .o-productbox_img p.message img {
  width: 90%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 17%;
  left: 6%;
}

.fw .o-productbox_img_new_white:before {
  content: "";
  display: block;
  background: url(/danone/common/images/common/new_white.png) no-repeat left top;
  width: 87px;
  height: 56px;
  position: absolute;
  left: 23px;
  top: 19px;
}

.fw .o-productbox_img_new_blue:before {
  content: "";
  display: block;
  background: url(/danone/common/images/common/new_blue.png) no-repeat left top;
  width: 87px;
  height: 56px;
  position: absolute;
  left: 23px;
  top: 19px;
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_img p.message img {
    width: 90%;
    max-width: 310px;
    -webkit-transform: unset;
            transform: unset;
    top: 22px;
    left: 0;
  }
  .fw .o-productbox_img_new_white:before {
    width: 50px;
  }
  .fw .o-productbox_img_new_blue:before {
    width: 50px;
  }
}
@media screen and (max-width: 768px) {
  .fw .o-productbox_img_new_white:before {
    height: 38px;
  }
  .fw .o-productbox_img_new_blue:before {
    height: 38px;
  }
}
.fw .o-productbox_txt {
  padding: 30px;
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_txt {
    padding: 20px 20px 0 20px;
  }
}
.fw .o-productbox_ttl {
  font-size: 24px;
  padding-bottom: 5px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 640px) {
  .fw .o-productbox_ttl {
    font-size: 19px;
  }
}
.fw .o-productbox_lead {
  font-size: 14px;
  padding-bottom: 20px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw .o-productbox_sub {
  padding: 10px;
  font-size: 16px;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_sub {
    font-size: 14px;
  }
}
.fw .o-productbox_sub > * {
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw .o-productbox_sub span {
  display: inline-block;
  font-size: 14px;
}

.fw .o-productbox_box {
  padding-bottom: 0;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_box {
    padding-bottom: 20px;
  }
}
.fw .o-productbox_box dl {
  font-size: 14px;
}

.fw .o-productbox_box dl dt {
  padding: 5px 10px;
  font-size: 0;
}

.fw .o-productbox_box dl dt:before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border: 4px solid transparent;
  border-top: 4px solid #004894;
  margin-right: 5px;
}

.fw .o-productbox_box dl dt span {
  font-size: 14px;
  display: inline-block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw .o-productbox_box dl dd {
  padding: 5px 10px;
  background: #efefef;
}

.fw .o-productbox_box dl dd span {
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw .o-productbox_box dl dd p {
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw .o-productbox_box ul li {
  padding: 5px 10px;
  font-size: 14px;
  position: relative;
}

.fw .o-productbox_box ul li span {
  display: inline-block;
  padding-left: 20px;
  width: 130px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw .o-productbox_box ul li span {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw .o-productbox_box ul li span {
    width: 8em;
  }
}
.fw .o-productbox_box ul li:nth-child(even) {
  background: #efefef;
}

.fw .o-productbox_box ul li p {
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw .o-productbox {
    display: block;
  }
  .fw .o-productbox_img {
    position: relative;
    text-align: center;
    width: 100%;
  }
  .fw .o-productbox_img img {
    margin: -20px 0;
    position: relative;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    top: auto;
    max-height: 240px;
  }
  .fw .o-productbox_img_new_white:before {
    content: "";
    display: block;
    background: url(/danone/common/images/common/new_white.png) no-repeat left top;
    background-size: 100% auto;
    left: 4%;
    top: 5%;
  }
  .fw .o-productbox_img_new_blue:before {
    content: "";
    display: block;
    background: url(/danone/common/images/common/new_blue.png) no-repeat left top;
    background-size: 100% auto;
    left: 4%;
    top: 5%;
  }
  .fw .o-productbox_btn {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .fw .o-productbox_btn a {
    background: #004894;
    color: #fff;
  }
  .fw .o-productbox_btn a:after {
    background: url(/danone/common/images/icon/icon_blank_white.svg) no-repeat left top;
    background: 100% auto;
  }
  .fw .o-productbox_close {
    display: block;
  }
  .fw .o-productbox_close a {
    line-height: 45px;
    text-align: center;
    display: block;
    border-top: 1px solid #004894;
    font-size: 16px;
    color: #004894;
  }
  .fw .o-productbox_close a span {
    display: inline-block;
    -webkit-transform: rotate(0.05deg);
            transform: rotate(0.05deg);
  }
  .fw .o-productbox_img {
    min-width: 0;
    position: relative;
    text-align: center;
    width: 100%;
  }
}
.fw {
  min-width: 1080px;
  overflow: hidden;
  font-family: "mplus-1p-regular", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  color: #004894;
  font-size: 16px;
  line-height: 160%;
}

.fw #container #contents {
  float: left;
  width: 744px;
}

.fw #container #contents.f-max {
  float: inherit;
  width: 100%;
}

.fw #container #side {
  width: 220px;
  float: right;
}

@media screen and (max-width: 768px) {
  .fw {
    min-width: 320px;
  }
  .fw #container #contents {
    float: inherit;
    width: 100%;
  }
  .fw #container #contents.f-max {
    float: inherit;
    width: 100%;
  }
  .fw #container #side {
    width: initial;
    float: inherit;
  }
  .fw .f-inner {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    text-align: left;
  }
  .fw.recipe .f-inner {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .fw {
    padding-top: 48px;
  }
}
.fw #j-modal_product_box {
  width: auto !important;
  padding: 0 30px;
  -webkit-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
  margin-left: -520px;
}

@media screen and (max-width: 1060px) {
  .fw #j-modal_product_box {
    margin-left: 0;
    left: 0 !important;
  }
}
.fw #j-modal_box {
  width: 1024px !important;
  padding: 0 30px;
  -webkit-transform: translate(0, 0) !important;
          transform: translate(0, 0) !important;
  margin-left: -520px;
}

@media screen and (max-width: 1060px) {
  .fw #j-modal_box {
    margin-left: 0;
    left: 0 !important;
    width: 100% !important;
  }
}
.fw #j-modal_box_inner {
  position: relative;
}

.fw #j-modal_bg,
.fw #j-modal_product_bg {
  background: #004894 url(/danone/common/images/common/bg_patern02.png) repeat left top !important;
}

.fw.home .p-kv {
  position: relative;
  z-index: 20;
  overflow: hidden;
}

.fw.home .p-kv_img img {
  width: 100%;
}

.fw.home .p-kv_img .p-kv_l {
  display: inline;
}

.fw.home .p-kv_img .p-kv_m {
  display: none;
}

@media screen and (max-width: 768px) {
  .fw.home .p-kv_img .p-kv_l {
    display: none;
  }
  .fw.home .p-kv_img .p-kv_m {
    display: inline;
  }
}
.fw.home .p-kv_look {
  font-size: 0;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 10;
  max-width: 1080px;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-kv_look {
    width: 85%;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-kv_look {
    margin-bottom: 27.2%;
  }
}
.fw.home .p-kv_look li {
  display: inline-block;
  width: 20%;
  text-align: center;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}

.fw.home .p-kv_look.play li:nth-child(1) {
  -webkit-animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.6s forwards;
          animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.6s forwards;
}

.fw.home .p-kv_look.play li:nth-child(2) {
  -webkit-animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.68s forwards;
          animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.68s forwards;
}

.fw.home .p-kv_look.play li:nth-child(3) {
  -webkit-animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.76s forwards;
          animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.76s forwards;
}

.fw.home .p-kv_look.play li:nth-child(4) {
  -webkit-animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.84s forwards;
          animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.84s forwards;
}

.fw.home .p-kv_look.play li:nth-child(5) {
  -webkit-animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.92s forwards;
          animation: key1 0.8s cubic-bezier(0.16, 1.28, 0.46, 1.5) 0.92s forwards;
}

@-webkit-keyframes key1 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes key1 {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/* .fw.home .p-kv:after{position:relative;display:block;content:"";width:100%;height:4px;z-index:20;background:linear-gradient(90deg, #003da5 0%, #0056a3 100%)} */
.fw.home .p-kv_txt {
  display: none;
  position: relative;
  z-index: 20;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
}

@media screen and (max-width: 768px) {
  .fw.home .p-kv_txt {
    display: block;
  }
}
.fw.home .p-about {
  overflow: hidden;
}

.fw.home .p-about_main {
  position: relative;
  z-index: 10;
  text-align: center;
  margin: 0px 0 0 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main {
    margin: 0px 0 0 0;
  }
}
.fw.home .p-about_main:after {
  content: "";
  display: table;
  clear: both;
}

.fw.home .p-about_main_img {
  float: right;
  margin: 0px 40px 0 0;
  width: 480px;
  text-align: center;
  position: relative;
  z-index: 20;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-about_main_img {
    margin: 20px auto 80px auto;
  }
}
.fw.home .p-about_main_info {
  position: absolute;
  right: 38px;
  bottom: 56px;
  background: rgba(32, 164, 192, 0.5);
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_info {
    width: 34%;
  }
}
.fw.home .p-about_main_info img.p-about_l {
  display: inline;
}

.fw.home .p-about_main_info img.p-about_m {
  display: none;
}

.fw.home .p-about_main_txtbox {
  float: left;
  width: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 140px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox {
    padding-top: 0;
  }
}
.fw.home .p-about_main_txtbox_btn {
  margin: 50px auto 0 auto;
}

.fw.home .p-about_main_txtbox_inner {
  font-size: 0;
}

.fw.home .p-about_main_txtbox_inner .p-about_main_txtbox_label {
  text-align: left;
  margin: 0 0 -6px 52px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox_inner .p-about_main_txtbox_label {
    margin: 0 0 -2px 7%;
  }
}
.fw.home .p-about_main_txtbox_inner .p-about_main_txtbox_label img {
  width: 146px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox_inner .p-about_main_txtbox_label img {
    width: 30%;
  }
}
.fw.home .p-about_main_txtbox_inner p {
  display: block;
  line-height: 1.5;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  font-size: 27px;
  text-align: center;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox_inner p {
    font-size: 4.8vw;
  }
}
.fw.home .p-about_main_txtbox_inner p.p-about_main_txtbox_l {
  font-size: 36px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox_inner p.p-about_main_txtbox_l {
    font-size: 4.8vw;
  }
}
.fw.home .p-about_main_txtbox_inner p.p-about_main_txtbox_l span {
  margin-left: 0.1em;
  font-size: 26px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox_inner p.p-about_main_txtbox_l span {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox_inner p.p-about_main_txtbox_l span {
    font-size: 4.8vw;
  }
}
.fw.home .p-about_main_circle {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.fw.home .p-about_main_step02,
.fw.home .p-about_main_step03,
.fw.home .p-about_main_step04,
.fw.home .p-about_main_step06 {
  position: absolute;
  left: 50%;
  top: 2%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
}

.fw.home .p-about_main_step01 {
  position: relative;
  z-index: 20;
}

.fw.home .p-about_main_step02 {
  z-index: 10;
  opacity: 0;
}

.fw.home .p-about_main_step03 {
  z-index: 10;
  opacity: 0;
}

.fw.home .f-inner .p-about_main_step04 {
  z-index: 5;
  opacity: 0;
  left: 240px;
  top: 14%;
}

@media screen and (min-width: 769px) {
  .fw {
    padding-top: 68px;
  }
}
.fw.home .p-about_main_step06 {
  opacity: 0;
  z-index: 1;
}

.fw.home .p-about_main.play .p-about_main_step02 {
  -webkit-animation: pkg_step02 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s forwards;
          animation: pkg_step02 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s forwards;
}

.fw.home .p-about_main.play .p-about_main_step03 {
  -webkit-animation: pkg_step03 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s forwards;
          animation: pkg_step03 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s forwards;
}

.fw.home .p-about_main.play .p-about_main_step04 {
  -webkit-animation: pkg_step04 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
          animation: pkg_step04 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.fw.home .p-about_main.play .p-about_main_step05 {
  -webkit-animation: pkg_step05 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s forwards;
          animation: pkg_step05 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s forwards;
}

.fw.home .p-about_main.play .p-about_main_step06 {
  -webkit-animation: pkg_step06 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s forwards;
          animation: pkg_step06 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s forwards;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_img {
    float: none;
    width: 80%;
    text-align: center;
  }
  .fw.home .p-about_main_txt {
    text-align: center;
    line-height: 1.5em;
    font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  }
  .fw.home .p-about_main_info {
    position: relative;
    right: 0;
    bottom: calc(6vw + 80px);
    float: right;
    max-width: 170px;
  }
  .fw.home .p-about_main_info_inner {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(32, 164, 192, 0.5);
  }
  .fw.home .p-about_main_info img.p-about_l {
    display: none;
  }
  .fw.home .p-about_main_info img.p-about_m {
    display: inline;
  }
  .fw.home .p-about_main_txtbox {
    float: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .fw.home .p-about_main_txtbox_btn {
    width: 90%;
    margin: 35px auto 0 auto;
  }
  .fw.home .p-about_main_txtbox_inner {
    display: block;
    position: relative;
    line-height: 1.5;
    text-align: center;
  }
}
.fw.home .p-products {
  padding: 100px 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products {
    padding: 50px 0;
  }
}
.fw.home .p-products h2 {
  padding-bottom: 60px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.home .p-products h2 {
    padding-bottom: 40px;
  }
}
.fw.home .p-products_wrap {
  font-size: 0;
  margin: 0 40px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_wrap {
    margin: 0;
  }
}
.fw.home .p-products_box {
  display: inline-block;
  position: relative;
  z-index: 15;
  width: 50%;
  padding: 0 3px 3px 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-products_box {
    padding: 0 3px 3px 0;
  }
}
.fw.home .p-products_box:nth-child(1) {
  z-index: 15;
}

.fw.home .p-products_box:nth-child(2) {
  z-index: 14;
}

.fw.home .p-products_box:nth-child(3) {
  z-index: 13;
}

.fw.home .p-products_box:nth-child(4) {
  z-index: 12;
}

.fw.home .p-products_box:nth-child(5) {
  z-index: 11;
}

.fw.home .p-products_box:nth-child(6) {
  z-index: 10;
}

.fw.home .p-products_box a {
  display: block;
  position: relative;
  border-radius: 15px;
  padding: 0 30px 30px 30px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box a {
    padding: 0 10px 3.6vw 10px;
  }
}
.fw.home .p-products_box a:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  z-index: 1;
  display: block;
  background: #fff;
  left: 50%;
  top: 50%;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.fw.home .p-products_box a:hover:before {
  content: "";
  -webkit-animation: key2 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
          animation: key2 0.8s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

@-webkit-keyframes key2 {
  0% {
    width: 0%;
    height: 0%;
    opacity: 1;
  }
  100% {
    width: 120%;
    height: 120%;
    opacity: 0;
  }
}

@keyframes key2 {
  0% {
    width: 0%;
    height: 0%;
    opacity: 1;
  }
  100% {
    width: 120%;
    height: 120%;
    opacity: 0;
  }
}
.fw.home .p-products_box_link {
  position: relative;
  z-index: 10;
  color: #004894;
  position: absolute;
  left: 50%;
  bottom: 30px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 18px;
  width: 100%;
}

.fw.home .a-bg_tropical .p-products_box_link {
  bottom: 20px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_link {
    font-size: 2.2vw;
  }
}
.fw.home .p-products_box_link_white {
  color: #fff;
}

.fw.home .p-products_box_link .p-adj_txt {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_link .p-adj_txt {
    margin-left: -3em;
  }
}
.fw.home .p-products_box_link p {
  padding: 0 0 0 25px;
  display: inline-block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_link p {
    padding: 0 0 0 1.2em;
  }
}
.fw.home .p-products_box_link p:before,
.fw.home .p-products_box_link p:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fw.home .p-products_box_link p:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 10px;
}

.fw.home .p-products_box_link p:after {
  border: 4px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid #004894;
  margin-left: 7px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_link p:after {
    margin-left: 0.35em;
  }
}
.fw.home .p-products_box_img {
  margin: 0 auto;
  width: 100%;
}

.fw.home .p-products_box_img img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: relative;
  z-index: 10;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_img_new_white:before {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-products_box_img_new_white:before {
    height: 20%;
  }
}
.fw.home .p-products_box_img_new_red:before {
  content: "";
  display: block;
  background: url(/danone/common/images/common/new_red.png) no-repeat left top;
  width: 68px;
  height: 40px;
  position: absolute;
  left: 36px;
  top: 24px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_img_new_red:before {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-products_box_img_new_red:before {
    height: 20%;
  }
}
.fw.home .p-products_box_ornament {
  position: absolute;
  z-index: 10;
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_ornament {
    width: 45%;
  }
}
.fw.home .p-products_box_ornament_plain {
  right: -40px;
  top: -26px;
}

.fw.home .p-products_box_ornament_plain img {
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_ornament_plain img {
    width: 90%;
  }
}
.fw.home .p-products_box_ornament_vanilla {
  right: -40px;
  top: -26px;
}

.fw.home .p-products_box_ornament_vanilla img {
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_ornament_vanilla img {
    width: 90%;
  }
}
.fw.home .p-products_box_ornament_strawberry {
  right: -75px;
  top: -26px;
  width: 186px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_ornament_strawberry {
    width: 36%;
  }
}
.fw.home .p-products_box_ornament_tropical {
  right: -45px;
  bottom: -37px;
}

.fw.home .p-products_box_ornament_tropical img {
  width: 116px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_ornament_tropical img {
    width: 70%;
  }
}
.fw.home .p-products_box_ornament_blueberry {
  right: -40px;
  top: -30px;
}

.fw.home .p-products_box_ornament_blueberry img {
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_ornament_blueberry img {
    width: 70%;
  }
}
.fw.home .p-products_box_ornament_aloe_peach {
  right: -45px;
  top: -48px;
}

.fw.home .p-products_box_ornament_aloe_peach img {
  width: 105px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_ornament_aloe_peach img {
    width: 70%;
  }
}
.fw.home .p-products_box_ornament_orange {
  right: -45px;
  bottom: -55px;
}

.fw.home .p-products_box_ornament_orange img {
  width: 105px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-products_box_ornament_orange img {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-products_box a {
    border-radius: 8px;
  }
  .fw.home .p-products_box a:hover:before {
    content: none;
  }
  .fw.home .p-products_box_link {
    width: 100%;
    bottom: calc(1.3em - 2px);
  }
  .fw.home .p-products_box_link p:before {
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
  }
  .fw.home .p-products_box_link p:after {
    border: 0.3em solid transparent;
    border-right: 0.4em solid transparent;
    border-left: 0.4em solid #004894;
  }
  .fw.home .p-products_box_img_new_white:before {
    content: "";
    display: block;
    background: url(/danone/common/images/common/new_white.png) no-repeat left top;
    background-size: 100% auto;
    left: 8%;
    top: 8%;
  }
  .fw.home .p-products_box_img_new_red:before {
    content: "";
    display: block;
    background: url(/danone/common/images/common/new_red.png) no-repeat left top;
    background-size: 100% auto;
    left: 8%;
    top: 8%;
  }
  .fw.home .p-products_box_ornament_plain {
    right: -14%;
    top: -10%;
  }
  .fw.home .p-products_box_ornament_vanilla {
    right: -10%;
    top: -10%;
  }
  .fw.home .p-products_box_ornament_strawberry {
    right: -10%;
    top: -6%;
  }
  .fw.home .p-products_box_ornament_tropical {
    right: -12%;
    top: -5%;
    bottom: auto;
  }
  .fw.home .p-products_box_ornament_blueberry {
    right: -12%;
    top: -6%;
    bottom: auto;
  }
  .fw.home .p-products_box_ornament_aloe_peach {
    right: -14%;
    top: -11%;
    bottom: auto;
  }
  .fw.home .p-products_box_ornament_orange {
    right: -14%;
    top: -11%;
    bottom: auto;
  }
}
.fw.home .p-data {
  padding: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  color: #004894;
}

.fw.home .p-data_close {
  display: none;
}

.fw.home .p-data_btn {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 350px;
  padding-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-data_btn {
    padding-bottom: 20px;
  }
}
.fw.home .p-data_btn a {
  margin: 0 auto;
  display: block;
  text-align: center;
  background: #fff;
  font-size: 16px;
  width: 80%;
  line-height: 2.4em;
  border-radius: 1.2em;
  color: #004894;
}

@media screen and (max-width: 768px) {
  .fw.home .p-data_btn a {
    font-size: 14px;
  }
}
.fw.home .p-data_btn a:after {
  margin: 0.1em 0 0 5px;
  content: "";
  display: inline-block;
  background: url(/danone/common/images/icon/icon_blank.svg) no-repeat left top;
  background: 100% auto;
  width: 0.8em;
  height: 0.8em;
}

.fw.home .p-data_btn a span {
  display: inline-block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.home .p-data_img {
  width: 350px;
  min-width: 350px;
  position: relative;
}

.fw.home .p-data_img img {
  position: absolute;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  top: 50%;
}

.fw.home .p-data_txt {
  padding: 30px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-data_txt {
    padding: 20px 20px 0 20px;
  }
}
.fw.home .p-data_ttl {
  font-size: 24px;
  padding-bottom: 5px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.home .p-data_ttl {
    font-size: 24px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-data_ttl {
    font-size: 19px;
  }
}
.fw.home .p-data_lead {
  font-size: 14px;
  padding-bottom: 20px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.home .p-data_sub {
  padding: 10px;
  font-size: 16px;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fw.home .p-data_sub {
    font-size: 14px;
  }
}
.fw.home .p-data_sub > * {
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.home .p-data_sub span {
  display: inline-block;
  font-size: 14px;
}

.fw.home .p-data_box {
  padding-bottom: 0;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .fw.home .p-data_box {
    padding-bottom: 20px;
  }
}
.fw.home .p-data_box dl {
  font-size: 14px;
}

.fw.home .p-data_box dl dt {
  padding: 5px 10px;
  font-size: 0;
}

.fw.home .p-data_box dl dt:before {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border: 4px solid transparent;
  border-top: 4px solid #004894;
  margin-right: 5px;
}

.fw.home .p-data_box dl dt span {
  font-size: 14px;
  display: inline-block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.home .p-data_box dl dd {
  padding: 5px 10px;
  background: #efefef;
}

.fw.home .p-data_box dl dd span {
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.home .p-data_box dl dd p {
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.home .p-data_box ul li {
  padding: 5px 10px;
  font-size: 14px;
  position: relative;
}

.fw.home .p-data_box ul li span {
  display: inline-block;
  padding-left: 20px;
  width: 130px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.home .p-data_box ul li span {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-data_box ul li span {
    width: 8em;
  }
}
.fw.home .p-data_box ul li:nth-child(even) {
  background: #efefef;
}

.fw.home .p-data_box ul li p {
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 1020px) {
  .fw.home .p-data {
    display: block;
  }
  .fw.home .p-data_img {
    position: relative;
    text-align: center;
    width: 100%;
  }
  .fw.home .p-data_img img {
    margin: -20px 0;
    position: relative;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    top: auto;
    max-height: 240px;
  }
  .fw.home .p-data_btn {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .fw.home .p-data_btn a {
    background: #004894;
    color: #fff;
  }
  .fw.home .p-data_btn a:after {
    background: url(/danone/common/images/icon/icon_blank_white.svg) no-repeat left top;
    background: 100% auto;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-data_close {
    display: block;
  }
  .fw.home .p-data_close a {
    line-height: 45px;
    text-align: center;
    display: block;
    border-top: 1px solid #004894;
    font-size: 16px;
    color: #004894;
  }
  .fw.home .p-data_close a span {
    display: inline-block;
    -webkit-transform: rotate(0.05deg);
            transform: rotate(0.05deg);
  }
  .fw.home .p-data_img {
    min-width: 0;
    position: relative;
    text-align: center;
    width: 100%;
  }
}
.fw.home .p-cm {
  padding-top: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
}

@media screen and (max-width: 768px) {
  .fw.home .p-cm {
    padding-top: 40px;
  }
}
.fw.home .p-cm_box {
  width: 800px;
  margin: 50px auto;
  border-radius: 15px;
  background: #fff;
  overflow: hidden;
  -webkit-box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
  -webkit-transition: 0.4s cubic-bezier(0.26, 1.32, 0.69, 1.36);
  transition: 0.4s cubic-bezier(0.26, 1.32, 0.69, 1.36);
}

@media screen and (max-width: 768px) {
  .fw.home .p-cm_box {
    width: auto;
  }
}
.fw.home .p-cm_box_txt {
  text-align: center;
  position: relative;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-cm_box_txt {
    padding: 20px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-cm_box_txt {
    padding: 10px;
  }
}
.fw.home .p-cm_box_txt p {
  padding-bottom: 20px;
  display: inline-block;
  font-size: 16px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  color: #004894;
}

@media screen and (max-width: 768px) {
  .fw.home .p-cm_box_txt p {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-cm_box_txt p {
    font-size: 21px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-cm_box_txt p {
    font-size: 12px;
  }
}
.fw.home .p-cm_box_txt_arrow {
  height: 60px;
  position: relative;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-cm_box_txt_arrow {
    height: 2em;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-cm_box_txt_arrow {
    font-size: 21px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-cm_box_txt_arrow {
    font-size: 12px;
  }
}
.fw.home .p-cm_box_txt_arrow:before,
.fw.home .p-cm_box_txt_arrow:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.fw.home .p-cm_box_txt_arrow:before {
  width: 60px;
  height: 60px;
  background: #e5ecf4;
  border-radius: 30px;
}

.fw.home .p-cm_box_txt_arrow:after {
  border: 14px solid transparent;
  border-right: 22px solid transparent;
  border-left: 22px solid #004894;
  margin: 14px 14px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-cm_box_txt_arrow:after {
    margin: 0.5em -0.5em 0 0;
  }
}
.fw.home .p-cm_box:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

@media screen and (max-width: 768px) {
  .fw.home .p-cm_box {
    border-radius: 8px;
  }
  .fw.home .p-cm_box_txt p {
    display: inline-block;
    line-height: 2em;
  }
  .fw.home .p-cm_box_txt_arrow {
    float: right;
    position: relative;
  }
  .fw.home .p-cm_box_txt_arrow:before,
  .fw.home .p-cm_box_txt_arrow:after {
    left: auto;
    right: 0;
    top: 0.8em;
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  .fw.home .p-cm_box_txt_arrow:before {
    width: 2em;
    height: 2em;
    border-radius: 1em;
  }
  .fw.home .p-cm_box_txt_arrow:after {
    border: 0.5em solid transparent;
    border-right: 0.9em solid transparent;
    border-left: 0.9em solid #004894;
  }
}
.fw.home .p-recipe {
  padding: 50px 0;
}

.fw.home .p-recipe .p-recipe_l {
  display: inline;
}

.fw.home .p-recipe .p-recipe_m {
  display: none;
}

.fw.home .p-recipe a {
  display: block;
  border-radius: 15px;
  -webkit-box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.fw.home .p-recipe a:hover .p-recipe_box_img {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

.fw.home .p-recipe a:hover .p-recipe_box_txt {
  opacity: 1;
}

.fw.home .p-recipe_box_img {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-filter: blur(0);
          filter: blur(0);
}

.fw.home .p-recipe_box_txt {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background: rgba(0, 72, 148, 0.5);
  border-radius: 15px;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.fw.home .p-recipe_box_txt_inner {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fw.home .p-recipe_box_txt_inner p {
  color: #fff;
  line-height: 1.5;
  padding: 0 20px;
  font-size: 20px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  text-shadow: 0 0 5px #000;
}

@media screen and (max-width: 768px) {
  .fw.home .p-recipe_box_txt_inner p {
    padding: 10px;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-recipe_box_txt_inner p {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-recipe .p-recipe_l {
    display: none;
  }
  .fw.home .p-recipe .p-recipe_m {
    display: inline;
  }
  .fw.home .p-recipe a {
    display: block;
    border-radius: 15px;
    -webkit-box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
            box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 10;
    overflow: visible;
  }
  .fw.home .p-recipe a:hover .p-recipe_box_img {
    -webkit-filter: blur(0);
            filter: blur(0);
  }
  .fw.home .p-recipe_box_txt {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: block;
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    margin-top: -10vw;
    background: #004894;
    border-radius: 0 0 3vw 3vw;
    z-index: 10;
    width: 100%;
    height: 100%;
  }
  .fw.home .p-recipe_box_txt_inner {
    width: 100%;
    text-align: center;
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .fw.home .p-recipe_box_txt_inner p {
    text-shadow: 0 0 0 #000;
  }
  .fw.home .p-recipe_box_txt_inner p br {
    display: none;
  }
}
.fw.home .p-other {
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-other {
    padding: 50px 0;
  }
}
.fw.home .p-other_box a {
  display: block;
  margin-bottom: 0px;
  position: relative;
  overflow: hidden;
  z-index: 10;
  border-radius: 15px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-other_box a {
    margin-bottom: 40px;
    display: block;
    margin-bottom: 0px;
    position: relative;
    overflow: unset;
    z-index: 10;
    border-radius: 15px;
  }
  .fw.home .p-other_box_img {
    position: relative;
    z-index: 10;
    border-radius: 15px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    -webkit-box-shadow: unset !important;
            box-shadow: unset !important;
  }
}
.fw.home .p-other_box a:hover .p-other_box_img {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

.fw.home .p-other_box a:hover .p-other_box_txt,
.fw.home .p-other_box a:hover .p-other_box_txt2 {
  opacity: 1;
}

.fw.home .p-other_box a.p-other_none {
  pointer-events: none;
}

.fw.home .p-other_box a.p-other_none:hover .p-other_box_img {
  -webkit-filter: blur(0);
          filter: blur(0);
}

.fw.home .p-other_box_ttl {
  text-align: center;
  position: relative;
  z-index: 5;
  display: block;
  text-align: center;
  -webkit-transform: rotate(-0.05deg);
          transform: rotate(-0.05deg);
  line-height: 1.2;
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-other_box_ttl {
    font-size: 30px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-other_box_ttl {
    font-size: 15px;
  }
}
.fw.home .p-other_box_ttl > * {
  padding: 15px 0 10px 0;
  display: block;
  position: relative;
  z-index: 10;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fw.home .p-other_box_ttl > * {
    padding: 10px 0 5px 0;
  }
}
.fw.home .p-other_box_ttl > * span {
  display: block;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-other_box_ttl > * span {
    font-size: 21px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-other_box_ttl > * span {
    font-size: 11px;
  }
}
.fw.home .p-other_box_ttl:before,
.fw.home .p-other_box_ttl:after {
  content: "";
  display: block;
  top: 0;
  position: absolute;
  border-radius: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.fw.home .p-other_box_ttl:before {
  content: "";
  display: block;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  width: 176px;
  height: 176px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-other_box_ttl:before {
    width: 264px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-other_box_ttl:before {
    width: 132px;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-other_box_ttl:before {
    height: 264px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-other_box_ttl:before {
    height: 132px;
  }
}
.fw.home .p-other_box_ttl:after {
  content: "";
  display: block;
  opacity: 0.4;
  background: #004996;
  width: 210px;
  height: 210px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-other_box_ttl:after {
    width: 315px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-other_box_ttl:after {
    width: 158px;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-other_box_ttl:after {
    height: 315px;
  }
}
@media screen and (max-width: 640px) {
  .fw.home .p-other_box_ttl:after {
    height: 158px;
  }
}
.fw.home .p-other_box_img {
  position: relative;
  z-index: 10;
  border-radius: 15px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-filter: blur(0);
          filter: blur(0);
  -webkit-box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
}

.fw.home .p-other_box_img img.p-other_l {
  display: inline;
}

.fw.home .p-other_box_img img.p-other_m {
  display: none;
}

.fw.home .p-other_box_txt {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background-image: url(../../common/images/home/yorecipe-hvrbg.png);
  background-size: cover;
  border-radius: 15px;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.fw.home .p-other_box_txt2 {
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  background-image: url(../../common/images/home/breakfast-hvrbg.png);
  background-size: cover;
  border-radius: 15px;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.fw.home .p-other_box_txt_inner {
  width: 100%;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  padding: 0 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
  .fw.home .p-other_box_txt_inner {
    padding: 10px;
  }
}
.fw.home .p-other_box_txt_inner p {
  color: #fff;
  line-height: 1.5;
  font-size: 20px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  text-shadow: 0 0 5px #000;
}

@media screen and (max-width: 768px) {
  .fw.home .p-other_box_txt_inner p {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.home .p-other_box {
    border-radius: 8px;
  }
  .fw.home .p-other_box a {
    display: block;
  }
  .fw.home .p-other_box_img img.p-other_l {
    display: none;
  }
  .fw.home .p-other_box_img img.p-other_m {
    display: inline;
  }
  .fw.home .p-other_box_txt {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: block;
    position: relative;
    left: auto;
    top: auto;
    opacity: 1;
    margin-bottom: 6vw;
    background: #004894;
    border-radius: 0 0 3vw 3vw;
    z-index: 10;
    width: 100%;
    height: 100%;
  }
  .fw.home .p-other_box_txt_inner {
    width: 100%;
    text-align: center;
    position: relative;
    left: auto;
    top: auto;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .fw.home .p-other_box_txt_inner p {
    text-shadow: 0 0 0 #000;
  }
}
.fw.products .p-localnav {
  position: relative;
  z-index: 10;
}

.fw.products .p-localnav ul {
  position: relative;
  z-index: 10;
  max-width: 1160px;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
}

.fw.products .p-localnav ul li {
  display: inline-block;
  width: 16.6%;
}

.fw.products .p-localnav ul li .subnav2lines {
  line-height: 23px;
  top: 8px !important;
}

.fw.products .p-localnav ul li a {
  display: block;
  padding: 0 0 20px 0;
  font-size: 18px;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fw.products .p-localnav ul li a {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.products .p-localnav ul li .subnav2lines {
    line-height: 15px;
    top: 0px !important;
  }
  .fw.products .p-localnav ul li a {
    font-size: 12px;
  }
}
.fw.products .p-localnav ul li a img {
  max-height: 100px;
}

.fw.products .p-localnav ul li a img.p-localnav_aloe {
  max-height: 124px;
}

.fw.products .p-localnav ul li a img.p-localnav_orange {
  max-height: 124px;
}

@media screen and (max-width: 768px) {
  .fw.products .p-localnav ul li a img.p-localnav_aloe {
    max-height: 17vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 42% !important;
  }
  .fw.products .p-localnav ul li a img.p-localnav_orange {
    max-height: 17vw;
    -o-object-fit: cover;
       object-fit: cover;
    width: 42% !important;
  }
}
.fw.products .p-localnav ul li a .p-localnav_txt {
  padding-top: 5px;
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.products .p-localnav ul li a:hover img {
  -webkit-animation: bounce 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
          animation: bounce 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.fw.products .p-localnav:after {
  content: "";
  width: 100%;
  height: 100px;
  display: block;
  background: #003da5;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
}

@media screen and (max-width: 768px) {
  .fw.products .p-localnav ul {
    background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
    background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .fw.products .p-localnav ul li {
    vertical-align: top;
    width: 50%;
  }
  .fw.products .p-localnav ul li:nth-child(1) {
    border-right: 1px solid #fff;
  }
  .fw.products .p-localnav ul li:nth-child(1) a img {
    width: 50%;
  }
  .fw.products .p-localnav ul li:nth-child(2) a img {
    width: 49% !important;
  }
  .fw.products .p-localnav ul li:nth-child(4) {
    border-right: 1px solid #fff;
  }
  .fw.products .p-localnav ul li:nth-child(4) a img {
    width: 45%;
  }
  .fw.products .p-localnav ul li:nth-child(5) {
    border-right: 1px solid #fff;
  }
  .fw.products .p-localnav ul li:nth-child(5) a img {
    width: 45%;
  }
  .fw.products .p-localnav ul li a {
    min-height: 33.3vw;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fw.products .p-localnav ul li a img {
    max-height: none;
    width: 40%;
  }
  .fw.products .p-localnav ul li a .p-localnav_img {
    min-height: 18vw;
    width: 100%;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-pack: end;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -ms-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
  }
  .fw.products .p-localnav ul li a:hover img {
    -webkit-animation-name: none;
            animation-name: none;
  }
  .fw.products .p-localnav:after {
    content: none;
  }
}
.fw.products .p-section {
  padding: 80px 0;
}

@media screen and (max-width: 768px) {
  .fw.products .p-section {
    padding: 40px 0;
  }
}
.fw.about .p-about {
  overflow: hidden;
  border-top: 4px solid #004894;
  background-color: #004894;
}

.fw.about .p-about_m {
  display: none;
}

.fw.about .p-about_l {
  display: inline;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_m {
    display: inline;
  }
  .fw.about .p-about_l {
    display: none;
  }
}
.fw.about .p-about_main {
  position: relative;
  z-index: 10;
  text-align: center;
  margin: 35px 0;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main {
    margin: 35px 0 10px 0;
  }
  .fw.about .f-inner2 .p-about_main {
    margin: 0px 0 0px 0;
  }
}
.fw.about .p-about_main_img {
  float: right;
  margin: 10px 0 0 0;
  width: 500px;
  text-align: center;
  position: relative;
  z-index: 20;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_img {
    margin: 35px auto 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .fw.about .p-about_main_img {
    width: auto;
  }
}
.fw.about .p-about_main_txt {
  text-align: center;
  font-size: 20px;
  color: #004894;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  line-height: 2em;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_txt {
    font-size: 18px;
  }
}
.fw.about .p-about_main_txt span {
  font-size: 28px;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_txt span {
    font-size: 18px;
  }
}
.fw.about .p-about_main_info {
  position: absolute;
  right: 70px;
  bottom: 16px;
  background: rgba(32, 164, 192, 0.5);
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_info {
    width: 34%;
  }
}
.fw.about .p-about_main_info img.p-about_l {
  display: inline;
}

.fw.about .p-about_main_info img.p-about_m {
  display: none;
}

.fw.about .p-about_main_txtbox {
  padding: 30px 0 0 0;
  width: 570px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  float: left;
}

@media screen and (max-width: 768px) {
  .fw.about .f-inner2 .p-about_main_txtbox {
    padding: 0px 0 0 0 !important;
  }
  .fw.about .p-about_main_txtbox {
    padding: 5px 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.about .p-about_main_txtbox {
    width: 100%;
  }
}
.p-about_main_txtbox_header {
  color: #ffffff;
  line-height: 52px;
}

.fw.about .p-about_main_txtbox_header {
  position: relative;
  padding: 30px 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-about_main_txtbox_header {
    padding: 36px 0 0px;
    color: #ffffff;
    line-height: 32px;
  }
  .fw.about .p-about_main_txtbox_header {
    padding: 30px 0 30px;
    color: #ffffff;
    line-height: 32px;
  }
}
.fw.about .p-about_main_txtbox_header p {
  font-size: 20px;
  line-height: 1.6;
  text-align: center;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_txtbox_header p {
    font-size: 5vw;
    line-height: 1;
  }
}
.fw.about .p-about_main_txtbox_header img {
  left: -30px;
  top: -26px;
  position: absolute;
  width: 146px;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_txtbox_header img {
    width: 26%;
  }
}
@media screen and (max-width: 768px) {
  .fw.about .p-about_main_txtbox_header img {
    left: -1%;
    top: -4.6vw;
  }
}
.fw.about .f-inner .p-about_main_txtbox_inner {
  background: #004894;
  font-size: 0;
  padding: 35px 30px;
  text-align: center;
}

.fw.about .f-inner2 .p-about_main_txtbox_inner {
  font-size: 0;
  padding: 0px 30px 0px;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_txtbox_inner {
    padding: 15px 20px;
  }
}
.fw.about .p-about_main_txtbox_inner p {
  display: inline-block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  font-size: 14px;
  line-height: 2;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_txtbox_inner p {
    font-size: 12px;
  }
}
.fw.about .p-about_main_txtbox_inner p.p-about_main_txtbox_notice {
  margin-top: 10px;
  font-size: 12px;
}

.fw.about .f-inner .p-about_main_circle {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.fw.about .f-inner2 .p-about_main_circle {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.fw.about .p-about_main_step02,
.fw.about .p-about_main_step03,
.fw.about .p-about_main_step04,
.fw.about .p-about_main_step05,
.fw.about .p-about_main_step06 {
  position: absolute;
  left: 50%;
  top: -10%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_main_step06 {
    top: 0%;
  }
}
.fw.about .p-about_main_step01 {
  position: relative;
  z-index: 20;
}

.fw.about .p-about_main_step02 {
  z-index: 10;
  opacity: 0;
}

.fw.about .p-about_main_step03 {
  z-index: 10;
  opacity: 0;
}

@media screen and (max-width: 768px) {
  .p-about_main_step04 img {
    width: 40vw;
  }
  .fw.home .f-inner2 .p-about_main_step04 {
    z-index: 5;
    opacity: 0;
    left: 50vw;
    top: 8%;
  }
  .fw.about .f-inner2 .p-about_main_step04 {
    z-index: 5;
    opacity: 0;
    left: 50vw;
    top: 6vw;
  }
  .fw.about .f-inner2 .p-about_main_step05 {
    z-index: 5;
    opacity: 0;
    top: 15.2%;
    padding-left: 23.4vw;
  }
}
@media screen and (min-width: 769px) {
  .fw.home .p-about_main_step04 img,
  .fw.about .p-about_main_step04 img {
    width: 220px;
  }
  .fw.about .f-inner .p-about_main_step04 {
    z-index: 5;
    opacity: 0;
    left: 250px;
    top: 0%;
  }
  .fw.about .f-inner .p-about_main_step05 {
    z-index: 5;
    opacity: 0;
    top: 14.5%;
    padding-left: 160px;
  }
}
.fw.home .p-yakuwari {
  padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
  .fw.home .p-yakuwari {
    padding-bottom: 50px;
  }
}
.fw.home .p-yakuwari h2 {
  font-size: 18px;
  color: #ffffff;
  line-height: 45px;
  background-image: url(../../common/images/about/bg-midashi-blue01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top center;
}

.fw.home .p-yakuwari_content {
  margin-top: 0;
  padding: 0;
}

@media screen and (max-width: 768px) {
  .fw.home .p-nyusankin_content {
    margin-top: calc(-11.6vw - 9px);
  }
}
.fw.home .p-yakuwari_main {
  border-radius: 15px 15px 0 0;
  padding: 50px 140px 50px 140px;
  padding-bottom: 0;
  padding-top: 0;
}

.fw.home .p-yakuwari_main_txt {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  min-height: 3em;
  position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .fw.home .p-yakuwari_main {
    border-radius: 15px 15px 0 0;
    padding: 50px 0 30px;
    padding-bottom: 0;
    padding-top: 0;
    overflow: hidden;
  }
}
.fw.about .p-about_main_step06 {
  opacity: 0;
  z-index: 1;
}

.fw.about .p-about_main.play .p-about_main_step02 {
  -webkit-animation: pkg_step02 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s forwards;
          animation: pkg_step02 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.3s forwards;
}

.fw.about .p-about_main.play .p-about_main_step03 {
  -webkit-animation: pkg_step03 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s forwards;
          animation: pkg_step03 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s forwards;
}

.fw.about .p-about_main.play .p-about_main_step04 {
  -webkit-animation: pkg_step04 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
          animation: pkg_step04 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
}

.fw.about .p-about_main.play .p-about_main_step05 {
  -webkit-animation: pkg_step05 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s forwards;
          animation: pkg_step05 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s forwards;
}

.fw.about .p-about_main.play .p-about_main_step06 {
  -webkit-animation: pkg_step06 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s forwards;
          animation: pkg_step06 0.6s cubic-bezier(0.22, 0.61, 0.36, 1) 0.1s forwards;
}

.fw.about .p-about_notice {
  clear: both;
  font-size: 0;
  line-height: 1.3;
  padding-bottom: 20px;
  color: #ffffff;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_notice {
    padding-bottom: 30px;
  }
}
.fw.about .p-about_notice p {
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  font-size: 12px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_notice p {
    font-size: 10px;
  }
}
.fw.about .p-about_notice ul {
  display: block;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.about .p-about_notice ul li {
  display: inline;
  font-size: 12px;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .fw.about .p-about_notice ul li {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  .fw.about .p-about_main_img {
    float: none;
    width: 80%;
    text-align: center;
  }
  .fw.about .p-about_main_txt {
    text-align: center;
    line-height: 1.5em;
    font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  }
  .fw.about .p-about_main_info {
    position: relative;
    right: 0;
    bottom: 6vw;
    float: right;
    max-width: 170px;
  }
  .fw.about .p-about_main_info_inner {
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(32, 164, 192, 0.5);
  }
  .fw.about .p-about_main_info img.p-about_l {
    display: none;
  }
  .fw.about .p-about_main_info img.p-about_m {
    display: inline;
  }
  .fw.about .p-about_main_txtbox {
    position: relative;
    left: auto;
    bottom: auto;
    float: none;
  }
}
.fw.about .p-yakuwari {
  padding: 0 0;
}

.fw.about .p-yakuwari h2 {
  font-size: 18px;
  color: #ffffff;
  line-height: 45px;
  background-image: url(../../common/images/about/bg-midashi-blue01.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: top center;
}

.fw.about .p-nyusankin {
  padding: 20px 0;
}

.fw.about .p-nyusankin_content {
  border-radius: 15px;
  margin-top: -37px;
  padding: 3px;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
}

.fw.about .p-yakuwari_content {
  margin-top: 0;
  padding: 0;
  background: rgb(255, 253, 229);
}

@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_content {
    margin-top: calc(-11.6vw - 9px);
  }
}
.fw.about .p-nyusankin_main {
  border-radius: 12px 12px 0 0;
  background: #fff;
  padding: 80px 140px 40px 140px;
}

.fw.about .p-yakuwari_main {
  border-radius: 15px 15px 0 0;
  padding: 50px 140px 50px 140px;
}

@media screen and (max-width: 768px) {
  .fw.about .p-yakuwari_main {
    border-radius: 15px 15px 0 0;
    padding: 30px 0 30px;
    overflow: hidden;
  }
  .fw.about .p-nyusankin_main {
    padding: calc(11.6vw + 19px) 0 20px 0;
  }
}
.fw.about .p-yakuwari_main_txt {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
  min-height: 3em;
  position: relative;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.fw.about .p-yakuwari_main_txt span {
  font-size: 9px !important;
}

.fw.about .p-nyusankin_main_txt {
  text-align: center;
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 0;
  min-height: 3em;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_main_txt {
    font-size: 12px;
  }
}
@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_main_txt {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_main_txt {
    margin-bottom: 20px;
  }
}
.fw.about .p-nyusankin_main_txt p {
  display: block;
  width: 100%;
  text-align: center;
  line-height: 1.5em;
  position: absolute;
  top: 50%;
  -webkit-transform: rotate(0.05deg) translateY(-50%);
          transform: rotate(0.05deg) translateY(-50%);
}

@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_main_txt {
    min-height: 0;
  }
  .fw.about .p-nyusankin_main_txt p {
    line-height: 1.5em;
    position: relative;
    top: 0;
    -webkit-transform: rotate(0.05deg) translateY(0);
            transform: rotate(0.05deg) translateY(0);
  }
}
.fw.about .p-nyusankin_conc {
  padding: 20px 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_conc {
    padding: 10px;
  }
}
.fw.about .p-nyusankin_conc p {
  font-size: 18px;
  line-height: 1.8em;
  text-align: center;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  color: #fff;
}

@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_conc p {
    font-size: 12px;
  }
}
.fw.about .p-nyusankin_conc_ornament {
  position: absolute;
  right: 30px;
  top: -40px;
  max-width: 188px;
}

@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_conc_ornament {
    right: 2%;
    top: auto;
    bottom: 42%;
    width: 20vw;
  }
}
@media screen and (max-width: 667px) {
  .fw.about .p-nyusankin_conc_ornament {
    right: 2%;
    top: auto;
    bottom: 68%;
    width: 23vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.about .p-nyusankin_conc {
    min-height: 0;
  }
  .fw.about .p-nyusankin_conc p {
    line-height: 1.5em;
    text-align: left;
  }
}
.fw.about .p-history {
  padding: 20px 0;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
}

.fw.about .p-history p {
  margin-top: 30px;
  color: #fff;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  font-size: 14px;
}

.fw.recipe .p-br_pc {
  display: inline;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-br_pc {
    display: none;
  }
}
.fw.recipe .p-br_sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-br_sp {
    display: inline;
  }
}
.fw.recipe .p-pre_bnr {
  text-align: center;
  padding: 0 0 90px 0;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr {
    padding: 10px 15px 30px 15px;
  }
}
.fw.recipe .p-pre_bnr_block {
  width: 650px;
  height: 160px;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block {
    width: 86.6667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block {
    height: 20vw;
  }
}
.fw.recipe .p-pre_bnr_block_inner {
  border-radius: 20px;
  -webkit-box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: -16px 9px 20px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block_inner {
    border-radius: 8px;
    -webkit-box-shadow: -8px 4.5px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: -8px 4.5px 10px 0px rgba(0, 0, 0, 0.2);
  }
}
.fw.recipe .p-pre_bnr_block_inner_img {
  height: 100%;
  position: relative;
  border-right: 8px solid #20a4c0;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block_inner_img {
    border-right: 4px solid #20a4c0;
  }
}
.fw.recipe .p-pre_bnr_block_inner_img figure {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}

.fw.recipe .p-pre_bnr_block_inner_txt {
  background-color: #003da5;
  color: #fff;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.fw.recipe .p-pre_bnr_block_inner_txt p {
  font-size: 20px;
  line-height: 160%;
  padding-right: 25px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block_inner_txt p {
    font-size: 2.8vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block_inner_txt p {
    padding-right: 20px;
  }
}
.fw.recipe .p-pre_bnr_block_inner_txt p:before,
.fw.recipe .p-pre_bnr_block_inner_txt p:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fw.recipe .p-pre_bnr_block_inner_txt p:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block_inner_txt p:before {
    width: 12px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block_inner_txt p:before {
    height: 12px;
  }
}
.fw.recipe .p-pre_bnr_block_inner_txt p:after {
  border: 4px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid #003da5;
  margin-right: -1px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block_inner_txt p:after {
    margin-right: -2px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-pre_bnr_block_inner_txt p:after {
    border: 3px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #003da5;
  }
}
.fw.recipe .p-pre_bnr a > * {
  -webkit-transition: 0.4s cubic-bezier(0.26, 1.32, 0.69, 1.36);
  transition: 0.4s cubic-bezier(0.26, 1.32, 0.69, 1.36);
}

.fw.recipe .p-pre_bnr a:hover > * {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.fw.recipe .p-section {
  margin-top: 0;
  padding-top: 80px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-section {
    padding-top: 8vw;
  }
}
.fw.recipe .p-section_bd_top {
  border-top: 5px solid #004894;
}

.fw.recipe .p-kv {
  height: 295px;
  background-image: url(/danone/common/images/recipe/recipe_top.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-kv {
    height: 53.3333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-kv {
    background-image: url(/danone/common/images/recipe/recipe_top_sp.jpg);
  }
}
.fw.recipe .p-kv_baloon {
  text-align: center;
  padding: 0 0 12px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.fw.recipe .p-kv_baloon_inner {
  background-color: #004894;
  display: inline-block;
  font-size: 28px;
  line-height: 1.75;
  height: 1.75em;
  width: 368px;
  border-radius: 2.5em;
  text-align: center;
  position: relative;
  color: #fff;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-kv_baloon_inner {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-kv_baloon_inner {
    width: 60vw;
  }
}
.fw.recipe .p-ttl_pop {
  font-size: 28px;
  margin: 0 auto 60px;
  padding-top: 0;
  line-height: 1.5;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_pop {
    font-size: 5.3vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_pop {
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_pop {
    padding-top: 6px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_pop {
    background-position: top left, top right;
    background-size: 14.8vw, 16.5333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_pop2 {
    background-size: 16.5333vw, 12.9333vw;
  }
}
.fw.recipe .p-introduction {
  margin-bottom: 40px;
}

.fw.recipe .p-txt {
  font-size: 14px;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-txt {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-txt {
    line-height: 160%;
  }
}
.fw.recipe .p-photo {
  margin: 0 0 30px 0;
  overflow: hidden;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-photo {
    margin: 0 5.3333vw 4vw 5.3333vw;
  }
}
.fw.recipe .p-photo img {
  width: 100%;
}

.fw.recipe .p-catch {
  font-size: 20px;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-catch {
    font-size: 4.2667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-catch {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-catch {
    text-align: center;
  }
}
.fw.recipe .p-navi {
  margin: 60px -15px 60px -15px;
  text-align: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  justify-content: center;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-navi {
    margin: 30px -10px 30px -10px;
  }
}
.fw.recipe .p-navi li {
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  -webkit-box-shadow: -10px 5px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: -10px 5px 20px 0px rgba(0, 0, 0, 0.2);
  margin: 15px;
  width: calc(25% - 30px);
  height: auto;
  -webkit-transition: 0.4s cubic-bezier(0.26, 1.32, 0.69, 1.36);
  transition: 0.4s cubic-bezier(0.26, 1.32, 0.69, 1.36);
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li {
    margin: 10px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li {
    width: calc(50% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li {
    -webkit-box-shadow: -5px 2.5px 10px 0px rgba(0, 0, 0, 0.2);
            box-shadow: -5px 2.5px 10px 0px rgba(0, 0, 0, 0.2);
  }
}
@media screen and (max-width: 640px) {
  .fw.recipe .p-navi li {
    border-radius: 10px;
  }
}
.fw.recipe .p-navi li figure {
  width: 100%;
  padding-top: 90%;
  position: relative;
}

.fw.recipe .p-navi li figure img {
  max-width: none;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.fw.recipe .p-navi li p {
  padding-right: 10px;
  padding-left: 0;
  font-size: 14px;
  height: 50px;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li p {
    padding-right: 25px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li p {
    padding-left: 2vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li p {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li p {
    height: 13.3333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li p {
    text-align: left;
    -ms-flex-pack: start;
    -webkit-box-pack: start;
            justify-content: flex-start;
  }
}
.fw.recipe .p-navi li p:before,
.fw.recipe .p-navi li p:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fw.recipe .p-navi li p:before {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li p:before {
    width: 14px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li p:before {
    height: 14px;
  }
}
.fw.recipe .p-navi li p:after {
  border: 4px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid #004894;
  margin-right: -1px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-navi li p:after {
    border: 3px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #004894;
  }
}
.fw.recipe .p-navi li:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.fw.recipe .p-ttl {
  padding: 40px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl {
    padding: 8vw 0;
  }
}
.fw.recipe .p-ttl_main {
  display: inline-block;
  vertical-align: middle;
  font-size: 28px;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  margin-left: 10px;
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_main {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_main {
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_main {
    margin-top: 2.6667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-ttl_main {
    display: block;
  }
}
.fw.recipe .p-hlbox {
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  text-align: center;
  line-height: 1;
  border-radius: 50px;
  padding: 10px 30px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-hlbox {
    padding: 1.3333vw 6.6667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-hlbox {
    font-size: 2.6667vw;
  }
}
.fw.recipe .p-hlbox_s {
  font-size: 14px;
  padding: 10px 30px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-hlbox_s {
    font-size: 2.6667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-hlbox_s {
    padding: 1.3333vw 4.6667vw;
  }
}
.fw.recipe .p-recipebox {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox {
    margin-top: 8vw;
  }
}
.fw.recipe .p-recipebox dt {
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  text-align: center;
  color: #fff;
  border-radius: 10px 10px 0 0;
  font-size: 20px;
  padding: 15px 0;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox dt {
    font-size: 3.7333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox dt {
    padding: 3vw 0;
  }
}
@media screen and (max-width: 640px) {
  .fw.recipe .p-recipebox dt {
    padding: 2vw 0;
  }
}
.fw.recipe .p-recipebox dd {
  overflow: hidden;
  border-radius: 0 0 10px 10px;
  border-left: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
}

.fw.recipe .p-recipebox_list li {
  padding: 15px 60px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list li {
    padding: 2vw 4vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list li {
    font-size: 3.2vw;
  }
}
.fw.recipe .p-recipebox_list li:nth-child(odd) {
  background-color: #fff;
}

.fw.recipe .p-recipebox_list li:nth-child(even) {
  background-color: #efefef;
}

.fw.recipe .p-recipebox_list_s li {
  padding: 10px 20px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_s li {
    padding: 2vw 4vw;
  }
}
@media screen and (max-width: 640px) {
  .fw.recipe .p-recipebox_list_s li {
    padding: 1.5vw 4vw;
  }
}
.fw.recipe .p-recipebox_list_ordered {
  line-height: inherit;
  list-style-type: none;
}

.fw.recipe .p-recipebox_list_ordered li {
  margin-left: 0;
  margin-bottom: 0;
  list-style-position: inside;
  counter-increment: cnt;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_ordered li {
    padding-left: 12vw;
    line-height: 160%;
  }
}
.fw.recipe .p-recipebox_list_ordered li:before {
  display: marker;
  content: counter(cnt);
  font-size: 20px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_ordered li:before {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_ordered li:before {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_ordered li:before {
    position: absolute;
    left: 5.3333vw;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0.05deg);
            transform: translateY(-50%) rotate(0.05deg);
  }
}
.fw.recipe .p-recipebox_list_unordered li {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}

.fw.recipe .p-recipebox_list_link {
  border-top: 1px solid #efefef;
  position: relative;
  padding-left: 20px;
  padding-right: 0;
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_link {
    padding-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_link {
    padding-right: 8vw;
  }
}
.fw.recipe .p-recipebox_list_link_img {
  padding: 20px 10px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_link_img {
    padding: 3.733vw 2.6667vw;
  }
}
.fw.recipe .p-recipebox_list_link_txt {
  color: #004894;
}

.fw.recipe .p-recipebox_list_link_txt p {
  margin-top: 10px;
  font-size: inherit;
  line-height: 160%;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_link_txt p {
    margin-top: 1vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_link_txt p {
    font-size: 3.2vw;
  }
}
.fw.recipe .p-recipebox_list_link:before,
.fw.recipe .p-recipebox_list_link:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_link:before,
  .fw.recipe .p-recipebox_list_link:after {
    right: 4vw;
  }
}
.fw.recipe .p-recipebox_list_link:before {
  width: 20px;
  height: 20px;
  background: #004894;
  border-radius: 10px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_link:before {
    width: 20px;
  }
}
@media screen and (max-width: 640px) {
  .fw.recipe .p-recipebox_list_link:before {
    width: 14px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipebox_list_link:before {
    height: 20px;
  }
}
@media screen and (max-width: 640px) {
  .fw.recipe .p-recipebox_list_link:before {
    height: 14px;
  }
}
.fw.recipe .p-recipebox_list_link:after {
  border: 4px solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid #fff;
  margin-right: -1px;
}

@media screen and (max-width: 640px) {
  .fw.recipe .p-recipebox_list_link:after {
    border: 3px solid transparent;
    border-right: 5px solid transparent;
    border-left: 5px solid #fff;
  }
}
.fw.recipe .p-recipebox_list_link:hover {
  background-color: #cfe2e3;
}

.fw.recipe .p-recipebox_list_link:hover:before,
.fw.recipe .p-recipebox_list_link:hover:after {
  -webkit-animation: bounceX 1s ease;
          animation: bounceX 1s ease;
}

.fw.recipe .p-chourijikan {
  text-align: right;
  font-size: 20px;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  margin-top: 30px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-chourijikan {
    font-size: 4.2667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-chourijikan {
    margin-top: 5.3333vw;
  }
}
.fw.recipe .p-chourijikan .small {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-chourijikan .small {
    font-size: 2.6667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-chourijikan .small {
    display: block;
  }
}
.fw.recipe .p-chourijikan_icon {
  vertical-align: middle;
  margin-right: 2px;
}

.fw.recipe .p-chourijikan_icon img {
  width: 22px;
  height: 22px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-chourijikan_icon img {
    width: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-chourijikan_icon img {
    height: 5vw;
  }
}
.fw.recipe .p-chourijikan_txt {
  vertical-align: middle;
  line-height: 1.4;
}

.fw.recipe .p-checkpoint {
  margin-top: 120px;
  border: 3px solid #004894;
  border-radius: 20px;
  padding: 60px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint {
    margin-top: 22.6667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint {
    padding: 9.333vw 5.3333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint {
    border-radius: 10px;
  }
}
.fw.recipe .p-checkpoint figure {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint figure {
    text-align: center;
  }
}
.fw.recipe .p-checkpoint_ttl {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl {
    width: 70vw;
  }
}
.fw.recipe .p-checkpoint_ttl_inner {
  width: auto;
  height: 3em;
  padding: 0 80px;
  line-height: 3;
  white-space: nowrap;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_inner {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_inner {
    height: 2.75em;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_inner {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_inner {
    font-size: 4.2667vw;
    line-height: 2.75;
  }
}
.fw.recipe .p-checkpoint_ttl_inner:before {
  content: "";
  position: absolute;
  top: -63px;
  left: -46px;
  width: 141px;
  height: 70px;
  background-image: url(/danone/common/images/recipe/detail/check.png);
  background-repeat: no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_inner:before {
    top: -12vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_inner:before {
    left: -44px;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_inner:before {
    width: 27.7333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_inner:before {
    height: 13.3333vw;
  }
}
.fw.recipe .p-checkpoint_ttl_inner.point:before {
  background-image: url(/danone/common/images/recipe/detail/point.png);
}

.fw.recipe .p-checkpoint_ttl_wide {
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_wide {
    width: 81vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_ttl_wide .p-checkpoint_ttl_inner {
    font-size: 3.75vw;
    line-height: 2.75;
  }
}
.fw.recipe .p-checkpoint_list_ordered {
  line-height: inherit;
  list-style-type: none;
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered {
    margin-bottom: 5.3333vw;
  }
}
.fw.recipe .p-checkpoint_list_ordered li {
  margin-left: 0;
  margin-bottom: 0;
  list-style-position: inside;
  counter-increment: cnt;
  position: relative;
  min-height: 60px;
  padding: 0 0 0 60px;
  margin-bottom: 20px;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 160%;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered li {
    padding: 2vw 0 2vw 13.3333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered li {
    margin-bottom: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered li {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered li {
    min-height: 0;
  }
}
.fw.recipe .p-checkpoint_list_ordered li:before {
  display: inline-block;
  background-color: #efefef;
  content: counter(cnt);
  font-size: 20px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  display: inline-block;
  vertical-align: middle;
  margin-right: 40px;
  width: 40px;
  height: 60px;
  text-align: center;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-flow: row wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-flow: row wrap;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0.05deg);
          transform: translateY(-50%) rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered li:before {
    font-size: 4vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered li:before {
    margin-right: 0;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered li:before {
    width: 10.6667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-checkpoint_list_ordered li:before {
    height: 100%;
  }
}
.fw.recipe section.p-bnr + section.p-recipes {
  margin-top: 0;
}

.fw.recipe .p-bnr {
  padding-top: 80px;
  padding-bottom: 0;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-bnr {
    padding-top: 10.6667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-bnr {
    padding-bottom: 7.6667vw;
  }
}
.fw.recipe .p-recipes {
  margin-top: 80px;
  position: relative;
  padding-bottom: 30px;
  padding-top: 80px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes {
    padding-top: 12vw;
  }
}
.fw.recipe .p-recipes_ttl {
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.1em;
  padding: 5px 50px;
  border-radius: 0 0 10px 10px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_ttl {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_ttl {
    padding: 1vw 5.3333vw;
  }
}
.fw.recipe .p-recipes_guide {
  margin-bottom: 30px;
  font-size: inherit;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_guide {
    margin-bottom: 5.3333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_guide {
    font-size: 3.2vw;
  }
}
.fw.recipe .p-recipes_guide li {
  display: inline-block;
  position: relative;
}

.fw.recipe .p-recipes_guide li:first-child {
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_guide li:first-child {
    margin-right: 4.6667vw;
  }
}
.fw.recipe .p-recipes_guide li:first-child:after {
  content: "/";
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_guide li:first-child:after {
    padding-left: 4.6667vw;
  }
}
.fw.recipe .p-recipes_guide_icon {
  vertical-align: middle;
  display: inline-block;
  line-height: 1;
  margin-right: 5px;
}

.fw.recipe .p-recipes_guide_icon_breakfast svg {
  width: 22px;
  height: 22px;
}

.fw.recipe .p-recipes_guide_icon_breakfast svg .st0 {
  fill: #004894;
  stroke: #004894;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_guide_icon_breakfast svg {
    width: 4.1333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_guide_icon_breakfast svg {
    height: 4.1333vw;
  }
}
.fw.recipe .p-recipes_guide_icon_sweets svg {
  width: 17px;
  height: 13.48px;
}

.fw.recipe .p-recipes_guide_icon_sweets svg .st0 {
  fill: #004894;
  stroke: #004894;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_guide_icon_sweets svg {
    width: 3.8667vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_guide_icon_sweets svg {
    height: 3.8667vw;
  }
}
.fw.recipe .p-recipes_guide_icon + * {
  vertical-align: middle;
}

.fw.recipe .p-recipes_list li {
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li {
    margin-bottom: 3vw;
  }
}
.fw.recipe .p-recipes_list li.breakfast:after {
  content: "";
  background-image: url(/danone/common/images/icon/icon_morning_l.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #004894;
  width: 30px;
  height: 30px;
  border-radius: 10px 0 10px 0;
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li.breakfast:after {
    width: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li.breakfast:after {
    height: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li.breakfast:after {
    background-size: 4.5vw;
    border-radius: 8px 0 8px 0;
  }
}
.fw.recipe .p-recipes_list li.sweets:after {
  content: "";
  background-image: url(/danone/common/images/icon/icon_heart.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #004894;
  width: 30px;
  height: 30px;
  border-radius: 10px 0 10px 0;
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li.sweets:after {
    width: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li.sweets:after {
    height: 6vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li.sweets:after {
    background-size: 3.2vw;
    border-radius: 8px 0 8px 0;
  }
}
.fw.recipe .p-recipes_list li figure {
  border: 3px solid #004894;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 10px;
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li figure {
    margin-bottom: 1.5vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li figure {
    border-radius: 8px;
  }
}
.fw.recipe .p-recipes_list li p {
  font-size: 13px;
  color: #004894;
  transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  line-height: 1.2;
  vertical-align: top;
}

@media screen and (max-width: 768px) {
  .fw.recipe .p-recipes_list li p {
    font-size: 2.6667vw;
  }
}
.fw.recipe .p-recipes_list li.current.breakfast:after,
.fw.recipe .p-recipes_list li.current.sweets:after,
.fw.recipe .p-recipes_list li:hover.breakfast:after,
.fw.recipe .p-recipes_list li:hover.sweets:after {
  background-color: #20a4c0;
}

.fw.recipe .p-recipes_list li.current figure,
.fw.recipe .p-recipes_list li:hover figure {
  border: 3px solid #20a4c0;
}

.fw.recipe .p-recipes_list li.current p,
.fw.recipe .p-recipes_list li:hover p {
  color: #20a4c0;
}

.fw.recipe .p-bg_stripe {
  background: #FFFDE5;
}

.fw.recipe .p-bg_gra {
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
}

.fw.recipe .p-bg_lightgray {
  background-color: #efefef;
}

.fw.breakfast .p-breakfast_l {
  display: inline;
}

.fw.breakfast .p-breakfast_m {
  display: none;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-breakfast_l {
    display: none;
  }
  .fw.breakfast .p-breakfast_m {
    display: inline;
  }
}
.fw.breakfast .p-result_txt {
  padding: 30px 0;
  font-size: 20px;
  text-align: center;
  line-height: 1.5;
  display: block;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-result_txt {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .fw.breakfast .p-result_txt {
    font-size: 14px;
  }
}
.fw.breakfast .p-breakfast {
  padding: 20px 0 80px 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-breakfast {
    padding: 10px 0 40px 0;
  }
}
.fw.breakfast .p-breakfast_img {
  padding: 45px 0 20px 0;
  display: inline-block;
  text-align: right;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-breakfast_img {
    padding: 30px 20px 10px 20px;
  }
}
.fw.breakfast .p-breakfast_img p {
  color: #333333;
  font-size: 12px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-breakfast_img p {
    font-size: 10px;
  }
}
.fw.breakfast .p-kv {
  height: 295px;
  background-image: url(/danone/common/images/breakfast_relation/breakfast_top.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-kv {
    height: 53.3333vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.breakfast .p-kv {
    background-image: url(/danone/common/images/breakfast_relation/breakfast_top_sp.jpg);
  }
}
.fw.breakfast .p-kv_baloon {
  text-align: center;
  padding: 0 0 12px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.fw.breakfast .p-kv_baloon_inner {
  background-color: #004894;
  display: inline-block;
  font-size: 28px;
  line-height: 1.75;
  height: 1.75em;
  width: 368px;
  border-radius: 2.5em;
  text-align: center;
  position: relative;
  color: #fff;
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-kv_baloon_inner {
    font-size: 5.6vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.breakfast .p-kv_baloon_inner {
    width: 60vw;
  }
}
.fw.breakfast .p-balance {
  padding: 20px 0 0 0;
}

.fw.breakfast .p-balance_box {
  padding: 40px 0 60px;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-balance_box {
    padding: 20px 0 40px;
  }
}
.fw.breakfast .p-balance h1 {
  margin-top: 60px;
}

.fw.breakfast .p-balance p {
  color: #004894;
  font-size: 14px;
}

.fw.breakfast .p-balance_img_l {
  display: inline;
}

.fw.breakfast .p-balance_img_m {
  display: none;
}

.fw.breakfast .p-balance_img img {
  margin-left: 30px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
  border-radius: 15px;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-balance h1 {
    margin-top: 0;
    text-align: center;
  }
  .fw.breakfast .p-balance p {
    margin-top: 20px !important;
  }
  .fw.breakfast .p-balance_img {
    text-align: center;
  }
  .fw.breakfast .p-balance_img_l {
    display: none;
  }
  .fw.breakfast .p-balance_img_m {
    display: inline;
  }
  .fw.breakfast .p-balance_img img {
    margin: 30px 0 0;
  }
}
.fw.breakfast .p-reason {
  padding: 20px 0 0 0;
}

.fw.breakfast .p-reason_img {
  text-align: center;
}

.fw.breakfast .p-reason_box {
  border-radius: 15px;
  margin-bottom: 80px;
  background: #fff;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_box {
    margin-bottom: 20px;
  }
}
.fw.breakfast .p-reason_box_ttl {
  text-align: center;
  padding: 10px 0;
  border-radius: 15px 15px 0 0;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_box_ttl {
    padding: 5px;
  }
}
.fw.breakfast .p-reason_box_ttl > * {
  color: #fff;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

.fw.breakfast .p-reason_box_txt {
  padding: 20px 20px 0 20px;
  font-size: 14px;
  min-height: 10em;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_box_txt {
    padding: 10px;
  }
}
.fw.breakfast .p-reason_box_txt > * {
  font-size: 14px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_box_ttl {
    text-align: center;
  }
  .fw.breakfast .p-reason_box_txt {
    min-height: 0;
  }
}
.fw.breakfast .p-reason_baloon {
  margin-top: -30px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_baloon {
    margin-top: -3vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_baloon {
    margin-bottom: 10px;
  }
}
.fw.breakfast .p-reason_baloon_inner {
  font-size: 24px;
  padding: 15px 2.5em;
  height: auto;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_baloon_inner {
    font-size: 4.8vw;
  }
}
@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_baloon_inner {
    padding: 2.4vw 2.5em;
  }
}
.fw.breakfast .p-reason_baloon span {
  display: block;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-reason_baloon span {
    font-size: 3.2vw;
  }
}
.fw.breakfast .p-relation {
  padding: 20px 0 80px 0;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-relation {
    padding: 10px 0 40px 0;
  }
}
.fw.breakfast .p-relation_box {
  padding: 40px 30px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-relation_box {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 768px) {
  .fw.breakfast .p-relation .p-result_txt {
    text-align: left;
  }
}
.fw.breakfast .p-relation_txt p {
  margin-top: 30px;
  font-size: 14px;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-relation_txt p {
    margin-top: 15px;
  }
}
.fw.breakfast .p-bnrarea {
  padding: 40px 0 80px 0;
  background: -webkit-gradient(linear, left top, right top, from(#003da5), to(#0056a3));
  background: linear-gradient(90deg, #003da5 0%, #0056a3 100%);
  text-align: center;
  font-size: 0;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-bnrarea {
    padding: 20px 20px 40px 20px;
  }
}
.fw.breakfast .p-bnrarea_ttl {
  font-family: "mplus-1p-medium", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  text-align: center;
  display: inline-block;
  position: relative;
  padding: 40px 120px;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-bnrarea_ttl {
    padding: 20px 13vw;
  }
}
.fw.breakfast .p-bnrarea_ttl p {
  font-size: 24px;
  line-height: 1.4;
  color: #ffffff;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-bnrarea_ttl p {
    font-size: 4vw;
  }
}
.fw.breakfast .p-bnrarea_ttl p span {
  line-height: 1.5;
  font-size: 20px;
  display: block;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-bnrarea_ttl p span {
    font-size: 2.8vw;
  }
}
.fw.breakfast .p-bnrarea_ttl_right,
.fw.breakfast .p-bnrarea_ttl_left {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: auto;
}

@media screen and (max-width: 768px) {
  .fw.breakfast .p-bnrarea_ttl_right,
  .fw.breakfast .p-bnrarea_ttl_left {
    width: 12vw;
  }
}
.fw.breakfast .p-bnrarea_ttl_right {
  right: 0;
}

.fw.breakfast .p-bnrarea_ttl_left {
  left: 0;
}

.fw.breakfast .p-bnrarea a > * {
  -webkit-transition: 0.4s cubic-bezier(0.26, 1.32, 0.69, 1.36);
  transition: 0.4s cubic-bezier(0.26, 1.32, 0.69, 1.36);
}

.fw.breakfast .p-bnrarea a:hover > * {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}

.fw.breakfast .p-bnrarea_bnr {
  text-align: center;
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
          flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.swiper-slide a {
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
  -webkit-perspective: 1200px;
          perspective: 1200px;
}

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.8;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 0;
  right: auto;
  width: 30px;
  height: 55px;
  background-color: #004894;
  display: block;
  border-radius: 0 5px 5px 0;
}

.swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  top: 50%;
  border-top: 5px solid transparent !important;
  border-right: 8px solid #fff;
  border-bottom: 5px solid transparent !important;
  -webkit-transform: translate(-75%, -50%);
          transform: translate(-75%, -50%);
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 0;
  width: 30px;
  height: 55px;
  background-color: #004894;
  display: block;
  border-radius: 5px 0 0 5px;
}

.swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  right: 50%;
  top: 50%;
  border-top: 5px solid transparent !important;
  border-left: 8px solid #fff;
  border-bottom: 5px solid transparent !important;
  -webkit-transform: translate(75%, -50%);
          transform: translate(75%, -50%);
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  z-index: 10;
  height: 4px;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: -15px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
          transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
          transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: 25px;
  height: 2px;
  display: inline-block;
  background: #fff;
  vertical-align: top;
  opacity: 0.5;
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet-active {
  opacity: 1;
}

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
          transform: translate3d(0px, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 2px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
          transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  text-align: center;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-slide-zoomed {
  cursor: move;
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
          transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
          animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube {
  overflow: visible;
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
          transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
          filter: blur(50px);
  z-index: 0;
}

.swiper-container-flip {
  overflow: visible;
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
  -ms-perspective: 1200px;
}

.fw .p-kv_txt.p-kv_txt--withSwiper {
  padding-top: 10px;
  z-index: -1;
}

.fw .swiper-slide img.kv-slide-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  .fw .swiper-slide img.kv-slide-pc {
    display: none;
  }
}
.fw .swiper-slide img.kv-slide-sp {
  display: none;
}

@media screen and (max-width: 768px) {
  .fw .swiper-slide img.kv-slide-sp {
    display: block;
  }
}
.fw .swiper-wrapper {
  border-bottom: 5px solid #004894;
}

@media screen and (max-width: 768px) {
  .fw .swiper-wrapper {
    border-bottom: 0;
  }
}
.fw .swiper-pagination {
  display: none;
}

@media screen and (max-width: 768px) {
  .fw .swiper-pagination {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .fw .swiper-button-next,
  .fw .swiper-button-prev {
    display: none;
  }
}
.bold-yellow {
  color: #FFEC00;
  font-weight: bold;
}

.fw #header .new-item-btn {
  color: #fff;
  background-color: #64bcea;
  padding: 6px 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 11px 20px 0 0;
  font-size: 14px;
  border-radius: 5px;
  text-align: left;
  letter-spacing: 0.02em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  .fw #header .new-item-btn {
    font-size: 11px;
    margin-top: 14px;
  }
}
@media screen and (max-width: 768px) {
  .fw #header .new-item-btn {
    margin: 15px 20px 50px 30px;
    font-size: 14px;
    padding: 6px 8px;
  }
}
@media screen and (max-width: 360px) {
  .fw #header .new-item-btn {
    font-size: 12px;
  }
}
.fw #header .new-item-btn:hover {
  -webkit-animation: bounce_btn 400ms linear both;
          animation: bounce_btn 400ms linear both;
}

.fw .popup-campaign {
  position: fixed;
  z-index: 999;
  bottom: 0;
  right: 0;
  width: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media screen and (min-width: 769px) {
  .fw .popup-campaign {
    bottom: 0;
    right: 45px;
    width: 240px;
  }
}
.fw .popup-campaign.is-active {
  opacity: 1;
}
.fw .popup-campaign .banner {
  position: relative;
  max-width: 300px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}
.fw .popup-campaign .close-btn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 35px;
  height: 35px;
  padding: 5px;
  position: absolute;
  top: 0;
  right: 0;
}
.fw .popup-campaign .close-btn .inn {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #fff;
  border-radius: 999px;
}
.fw .popup-campaign .close-btn .inn::before, .fw .popup-campaign .close-btn .inn::after {
  position: absolute;
  content: "";
  width: 2px;
  height: 75%;
  background-color: #000;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
.fw .popup-campaign .close-btn .inn::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.fw .popup-campaign .close-btn .inn::after {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}

.fw.js--noPopup .popup-campaign {
  display: none;
}
/*# sourceMappingURL=style.css.map */